GUTSCHEIN

Schon 2 im Spiel? Dann gibt’s 5% - ein guter Deal!

von: 01.03.2025 bis 30.04.2025, mindestbestellwert 10 Euro
CODE KOPIERT: LEGLOS
// Dynamically inject CSS const style = document.createElement('style'); style.innerHTML = ` body { margin: 0; padding: 0; background-color: #f5f5f5; font-family: Verdana, sans-serif; } /* Container for centering and controlling overall width */ .gutschein { max-width: 1500px; margin: 40px auto; text-align: center; font-family: Verdana, sans-serif; font-weight: bold; text-transform: uppercase; } .gutschein-image-container { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; } .gutschein-image-container img { width: 100%; height: 100%; object-fit: cover; filter: contrast(1.1) saturate(1.2); } .overlay-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; text-align: center; } .text-bg { background: rgba(0, 0, 0, 0.6); border-radius: 10px; padding: 20px; } .gutschein-text { margin-bottom: 20px; font-size: 36px; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } /* New styling for the additional info placed below the button */ .gutschein-info { width: 100%; text-align: right; color: #fff; font-size: 16px; font-weight: bold; margin-top: 10px; } @media (max-width: 768px) { .gutschein-text { font-size: 20px; } } .copy-button { padding: 12px 24px; font-size: 18px; background-color: #FF5500; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease; text-transform: uppercase; } .copy-button:hover { background-color: #e04e00; transform: scale(1.1); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #copyNotification { position: fixed; top: -200px; left: 50%; transform: translateX(-50%); background-color: #FF5500; color: #fff; padding: 10px 20px; border-radius: 5px; font-size: 16px; font-family: Verdana, sans-serif; font-weight: bold; text-transform: uppercase; transition: top 0.5s ease; z-index: 99999; } `; document.head.appendChild(style); // Copy functionality with slide down/up notification const copyButton = document.getElementById("copyButton"); const copyNotification = document.getElementById("copyNotification"); const GutscheinCode = "LEGLOS"; // Your Gutschein code copyButton.addEventListener("click", function() { navigator.clipboard.writeText(GutscheinCode).then(() => { // Slide the notification down to 15% from top copyNotification.style.top = "15%"; // After 3 seconds, slide it back up setTimeout(() => { copyNotification.style.top = "-200px"; }, 3000); }).catch(err => { console.error("Fehler beim Kopieren des Codes:", err); }); });

document.addEventListener('DOMContentLoaded', function() { const menuToggleCheckbox = document.getElementById('menuToggleCheckbox'); const openedMenu = document.getElementById('openedMenu'); menuToggleCheckbox.addEventListener('change', function() { if (this.checked) { openedMenu.style.display = 'block'; } else { openedMenu.style.display = 'none'; } }); }); document.addEventListener('DOMContentLoaded', function() { const menuToggleCheckbox = document.getElementById('menuToggleCheckbox'); menuToggleCheckbox.checked = false; // Ensure checkbox is unchecked on page load });