dienadel.de

Johnny Hallyday - Essential - 3CD - Limited Metal Box Edition

Johnny Hallyday - Essential - 3CD - Limited Metal Box Edition

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", "16ae5249d2afb89415bc4d4fa565a75b"); 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", "16ae5249d2afb89415bc4d4fa565a75b"); }
if (typeof paypal_plenty_sdk === 'undefined' || typeof renderPayPalButtons !== 'function') { document.addEventListener('payPalScriptInitialized', () => { renderPayPalButtons('6ae8bd1119598', 'paylater', 'paypal', 'pill', 'white'); }); } else { renderPayPalButtons('6ae8bd1119598', '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: 80123330
/* 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(); })();

Johnny Hallyday – The Essential
„The Essential“ versammelt 60 frühe Klassiker des französischen Rock-’n’-Roll-Stars Johnny Hallyday. Die 3-CD-Box bietet einen Überblick über seine ersten großen Erfolge der 1960er-Jahre und zeigt, wie Hallyday amerikanischen Rock’n’Roll nach Frankreich brachte und damit eine ganze Generation prägte.

Enthalten sind zahlreiche französische Versionen internationaler Rock- und Pop-Hits sowie frühe Eigenkompositionen. Titel wie „Souvenirs, Souvenirs“, „Retiens La Nuit“, „Kili Watch“ oder „Twistin’ USA“ dokumentieren den Beginn der Karriere eines Künstlers, der später zu einer der größten Ikonen der französischen Musikgeschichte wurde und über Jahrzehnte hinweg Millionen von Tonträgern verkaufte.
 
Disk 1
1Souvenirs, Souvenirs
2Wap-Dou-Wap (Tu Aimes Le Twist)
3Le Petit Clown De Ton Cœur
4Tout Bas, Tout Bas, Tout Bas
5J'suis Mordu
6Laisse Les Filles
724.000 Baisers
8Bien Trop Timide
9Douce Violence
10T'aimer Follement
11Pourquoi Cet Amour
12Retiens La Nuit
13Ton Fétiche D'Amour
14Tutti Frutti (Live)
15Sentimental (Baby I Don't Care)
16Tu Peux La Prendre
17Shake The Hand Of A Fool
18Une Boum Chez John
19Tu Es Là
20Whole Lotta Shakin' Goin' On
Disk 2
1Si Tu Me Téléphone
2Viens Danser Le Twist
3Mon Vieux Copain
4Itsy Bitsy Petit Bikini
5Be-Bop A-Lula
6Toi Qui Regrettes
7Pas Cette Chanson
8À New Orleans
9Le Plus Beau Des Jeux
10Hound Dog
11Feel So Fine
12Oui Mon Cher (I Want That)
13Sam’ Di Soir
14Hey Pony
15Take Good Care Of My Baby
16Si Tu Restes Avec Moi
17Kili Watch
18Oui J'Ai
19Je Cherche Une Fille
20Depuis Qu'Ma Môme
 
Disk 3
1Il Faut Saisir Sa Chance
2You’re Sixteen
3Avec Une Poignée De Terre
4Je Veux Me Promener
5Blueberry Hill
6Ce N’est Pas Méchant
7Comme L’Été Dernier
8Danse Le Twist Avec Moi
9Dans Un Jardin D’amour
10Hey! Baby!
11Mon Septième Ciel
12J’étais Fou
13Knocked Out (Not Get Out)
14La Faute Au Twist
15Laissez Nous Twister
16Nous Les Gars, Nous Les Filles
17Nous, Quand On S’embrasse
18Tu Parles Trop
19Twistin’ USA
20C’est Une Fille Comme Toi
Albumdaten
InterpretJohnny Hallyday
TitelThe Essential
Format3 × CD
GenreRock ’n’ Roll / Rock
Veröffentlichung2014
LabelUnion Square / Metro
Titelanzahl60
 

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(); } })();