DECEMBER-SALE
ReclameREUS® Interactieve Korting – CF7 versie
:root {
--rr-green:#07C98B;
--rr-dark-green:#058f63;
--rr-black:#111827;
--rr-text-gray:#4b5563;
--rr-bg-light:#F7FFF9;
--rr-bg-white:#ffffff;
}
/* ===== SECTION WRAP ===== */
.rr-sale-section{
padding:40px 0;
background:#fff7f2;
font-family:"Inter",system-ui,-apple-system,sans-serif;
}
/* ===== HOOFDKAART ===== */
.rr-promo-card{
display:flex;
background:var(--rr-bg-white);
border-radius:1.5rem;
overflow:visible; /* badge mag buiten de rand */
box-shadow:0 15px 40px rgba(0,0,0,.08);
max-width:1200px;
width:90%;
margin:0 auto;
position:relative;
}
.rr-promo-content{
flex:1.2;
padding:4rem 3.5rem 4rem 4rem;
background:var(--rr-bg-light);
border-radius:1.5rem 0 0 1.5rem;
display:flex;
flex-direction:column;
justify-content:center;
}
.rr-tag{
display:inline-block;
background:#ffd9e0;
color:#c12034;
padding:.35rem 1.25rem;
border-radius:999px;
font-size:.8rem;
font-weight:700;
letter-spacing:.06em;
}
.rr-title{
font-size:3rem;
font-weight:900;
line-height:1.05;
letter-spacing:-.04em;
color:var(--rr-black);
margin:.9rem 0 .5rem;
}
.rr-title span{
color:#35c37c;
}
.rr-text-body{
font-size:1.05rem;
color:var(--rr-text-gray);
line-height:1.7;
max-width:540px;
margin:0 0 2rem;
}
.rr-action-group{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:1.25rem;
}
.rr-btn-primary{
background:#53C68C;
color:#fff;
padding:1rem 2.7rem;
border:none;
border-radius:999px;
font-weight:800;
font-size:1.02rem;
letter-spacing:.03em;
display:inline-flex;
align-items:center;
gap:.5rem;
cursor:pointer;
text-decoration:none;
box-shadow:0 12px 30px rgba(83,198,140,.35);
transition:.18s ease;
}
.rr-btn-primary span:last-child{
font-size:1.3rem;
}
.rr-btn-primary:hover{
background:#40b278;
transform:translateY(-1px);
box-shadow:0 16px 38px rgba(83,198,140,.4);
}
.rr-link-secondary{
font-weight:700;
color:#111827;
text-decoration:none;
}
.rr-link-secondary:hover{
text-decoration:underline;
}
/* ===== RECHTERKANT – AFBEELDING + FLIP ===== */
.rr-promo-image-wrapper{
flex:1;
position:relative;
min-height:360px;
padding:32px;
border-radius:0 1.5rem 1.5rem 0;
display:flex;
align-items:center;
justify-content:center;
overflow:visible; /* badge mag buiten de rand */
perspective:1000px;
background:transparent; /* geen zwart vlak */
}
.rr-image-3d-effect-container{
position:relative;
width:100%;
height:100%;
border-radius:30px;
overflow:hidden;
box-shadow:0 25px 50px -12px rgba(0,0,0,.55);
transform:rotateY(-5deg) rotateX(3deg);
transition:transform .5s ease;
background:#ffffff;
min-height: 24rem;
}
.rr-promo-image-wrapper:hover .rr-image-3d-effect-container{
transform:rotateY(0) rotateX(0) scale(1.02);
}
.rr-image-flip-container{
position:absolute;
inset:0;
transform-style:preserve-3d;
transition:transform .6s ease;
}
.rr-image-flip-container.flipped{
transform:rotateY(180deg);
}
.rr-image-front,
.rr-image-back{
position:absolute;
inset:0;
backface-visibility:hidden;
}
.rr-image-front img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.rr-image-back{
transform:rotateY(180deg);
background:#35c37c;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
color:#fff;
text-align:center;
padding:32px;
}
.rr-image-back h3{
font-size:2rem;
margin:0 0 .75rem;
font-weight:900;
}
.rr-image-back p{
max-width:360px;
margin:0 0 1.25rem;
font-size:1.05rem;
}
.rr-code{
font-size:2.4rem;
font-weight:900;
letter-spacing:.18em;
background:rgba(0,0,0,.15);
padding:.75rem 1.8rem;
border-radius:18px;
margin-bottom:1.25rem;
}
.rr-code-copy-btn{
background:#fff;
color:#16a566;
border:none;
border-radius:999px;
padding:.7rem 1.8rem;
font-weight:800;
cursor:pointer;
box-shadow:0 10px 28px rgba(15,118,75,.45);
transition:.18s ease;
}
.rr-code-copy-btn:hover{
transform:translateY(-1px);
}
.rr-copy-msg{
font-size:.85rem;
margin-top:.5rem;
opacity:0;
transition:opacity .18s ease;
}
.rr-copy-msg.visible{opacity:1;}
/* ===== BADGE BUITEN DE KAART ===== */
.rr-discount-badge{
position:absolute;
top:-40px;
right:-40px;
width:170px;
height:170px;
border-radius:50%;
background:#35c37c;
color:#fff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
font-weight:900;
font-size:1.1rem;
line-height:1;
border:6px solid #fff;
box-shadow:0 18px 40px rgba(53,195,124,.5);
animation:rrFloat 4s ease-in-out infinite;
pointer-events:none;
z-index:5;
}
.rr-discount-amount{
font-size:3rem;
letter-spacing:-.05em;
}
@keyframes rrFloat{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-10px);}
}
/* ===== MODAL ===== */
.rr-modal-overlay{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
background:rgba(15,23,42,.52);
z-index:9999;
opacity:0;
transition:opacity .25s ease;
}
.rr-modal-overlay.active{
display:flex;
opacity:1;
}
.rr-modal-content{
background:#fff;
border-radius:18px;
padding:22px 20px 18px;
max-width:380px;
width:92%;
box-shadow:0 20px 60px rgba(15,23,42,.35);
font-family:"Inter",system-ui,-apple-system,sans-serif;
position:relative;
}
.rr-modal-content h3{
margin:0 0 .45rem;
font-size:1.7rem;
font-weight:900;
color:#0f172a;
}
.rr-modal-content p{
margin:0 0 .7rem;
color:#4b5563;
font-size:.94rem;
}
.rr-modal-footnote{
font-size:.82rem;
color:#6b7280;
margin-top:.4rem;
}
.rr-modal-close{
margin-top:1.1rem;
background:none;
border:none;
color:#9ca3af;
font-size:.9rem;
cursor:pointer;
}
.rr-modal-close:hover{
color:#4b5563;
}
/* ===== WPForms in modal – huisstijl & compacter ===== */
.rr-modal-content .wpforms-form{
margin-top:.5rem;
}
.rr-modal-content .wpforms-field{
margin-bottom:8px;
}
.rr-modal-content .wpforms-field-label{
font-family:"Inter",system-ui,-apple-system,sans-serif;
font-weight:700;
font-size:.85rem;
color:#111827;
}
.rr-modal-content .wpforms-field-description,
.rr-modal-content .wpforms-field-sublabel{
font-size:.8rem;
color:#6b7280;
}
.rr-modal-content .wpforms-field input[type="email"],
.rr-modal-content .wpforms-field input[type="text"]{
width:100%;
border-radius:999px;
border:2px solid #E5E7EB;
padding:9px 14px;
font-size:.95rem;
font-family:"Inter",system-ui,-apple-system,sans-serif;
box-shadow:none;
}
.rr-modal-content .wpforms-field input[type="email"]:focus,
.rr-modal-content .wpforms-field input[type="text"]:focus{
outline:none;
border-color:#53C68C;
}
.rr-modal-content .wpforms-submit{
background:#53C68C !important;
color:#ffffff !important;
border-radius:999px !important;
border:none !important;
padding:.8rem 2rem !important;
font-weight:800 !important;
font-size:.95rem !important;
font-family:"Inter",system-ui,-apple-system,sans-serif !important;
box-shadow:0 10px 25px rgba(83,198,140,0.35) !important;
width:100%;
cursor:pointer;
}
.rr-modal-content .wpforms-submit:hover{
background:#40b278 !important;
}
.rr-modal-content .wpforms-field-checkbox ul{
margin:4px 0 0;
padding-left:0;
}
.rr-modal-content .wpforms-field-checkbox li{
margin-bottom:4px;
}
.rr-modal-content .wpforms-confirmation-container-full{
background:#ECFDF3;
border:1px solid #BBF7D0;
border-radius:14px;
padding:12px 14px;
font-size:.9rem;
color:#166534;
margin:0 0 6px;
}
/* Verberg grote tekstvelden (textarea) van dit formulier in de popup */
.rr-modal-content .wpforms-field-textarea{
display:none !important;
}
/* ===== CONFETTI ===== */
#confetti-container{
position:fixed;
inset:0;
pointer-events:none;
overflow:hidden;
z-index:9998;
opacity:0;
transition:opacity .3s ease;
}
#confetti-container.active{opacity:1;}
.confetti-piece{
position:absolute;
width:10px;
height:18px;
background:var(--rr-green);
border-radius:2px;
opacity:0;
animation-timing-function:linear;
}
.confetti-piece:nth-child(2n){background:#fff;}
.confetti-piece:nth-child(3n){background:var(--rr-dark-green);}
@keyframes rrConfettiFall{
0%{opacity:1;transform:translateY(-10vh) rotateZ(0) rotateY(0);}
100%{opacity:.2;transform:translateY(100vh) rotateZ(360deg) rotateY(180deg);}
}
/* ===== RESPONSIVE ===== */
@media (max-width:991px){
.rr-promo-card{
flex-direction:column;
width:95%;
}
.rr-promo-content{
border-radius:1.5rem 1.5rem 0 0;
padding:3rem 1.8rem 2.5rem;
text-align:center;
align-items:center;
}
.rr-text-body{max-width:none;}
.rr-action-group{justify-content:center;}
.rr-promo-image-wrapper{
border-radius:0 0 1.5rem 1.5rem;
padding:24px;
min-height:280px;
}
.rr-discount-badge{
width:130px;
height:130px;
top:-30px;
right:10px;
border-width:4px;
}
}
EINDEJAARS KNALLER
Waarom nu al drukwerk bestellen voor 2026.
DECEMBER-SALE 10% KORTING
Budget opmaken = winst pakken. Bestel nu alvast je drukwerk voor januari. Wij zorgen dat je strak het nieuwe jaar in gaat én je profiteert direct van 10% korting op alles.
CLAIM 10% KORTING → Bekijk alle producten 10% KORTING
Gefeliciteerd!
Gebruik deze code direct bij het afrekenen:
DECEMBER-SALE Code kopiëren Gekopieerd ✌️Claim jouw kortingscode
Vul je e-mailadres in, ga akkoord met de actievoorwaarden en ontvang direct de DECEMBER-SALE code.
[wpforms id=”12040″ title=”false” description=”false”]Je kunt je op elk moment weer uitschrijven via de link onderaan onze e-mails.
Nee, bedankt document.addEventListener('DOMContentLoaded', function () { const claimKortingBtn = document.getElementById('claimKortingBtn'); const emailModalOverlay = document.getElementById('emailModalOverlay'); const modalContent = document.getElementById('rrModalContent'); const imageFlipContainer = document.getElementById('imageFlipContainer'); const copyCodeBtn = document.getElementById('copyCodeBtn'); const copyMessage = document.getElementById('copyMessage'); const closeModalBtn = document.getElementById('closeModalBtn'); const confettiContainer = document.getElementById('confetti-container'); let kortingAlGeclaimd = false; // Modal openen claimKortingBtn.addEventListener('click', () => { emailModalOverlay.classList.add('active'); }); // Modal sluiten closeModalBtn.addEventListener('click', () => { emailModalOverlay.classList.remove('active'); }); emailModalOverlay.addEventListener('click', (e) => { if (e.target === emailModalOverlay) { emailModalOverlay.classList.remove('active'); } }); // Confetti function launchConfetti() { const pieces = 60; confettiContainer.classList.add('active'); for (let i = 0; i < pieces; i++) { const piece = document.createElement('div'); piece.classList.add('confetti-piece'); const size = Math.random() * 8 + 10; const delay = Math.random() * 1.5; const duration = Math.random() * 2.5 + 4; piece.style.width = '10px'; piece.style.height = size + 'px'; piece.style.left = Math.random() * 100 + 'vw'; piece.style.animation = 'rrConfettiFall ' + duration + 's ' + delay + 's infinite'; confettiContainer.appendChild(piece); } setTimeout(() => { confettiContainer.classList.remove('active'); confettiContainer.innerHTML = ''; }, 8000); } // Kortingscode kopiëren copyCodeBtn.addEventListener('click', () => { const kortingscode = 'DECEMBER-SALE'; navigator.clipboard.writeText(kortingscode).then(() => { copyMessage.classList.add('visible'); setTimeout(() => copyMessage.classList.remove('visible'), 1500); }).catch(() => { alert('Kopiëren is mislukt. Code: ' + kortingscode); }); }); // WPForms bevestiging detecteren → flip + confetti + modal dicht const observer = new MutationObserver(() => { const confirmation = modalContent.querySelector('.wpforms-confirmation-container-full'); if (confirmation && !kortingAlGeclaimd) { kortingAlGeclaimd = true; launchConfetti(); setTimeout(() => { imageFlipContainer.classList.add('flipped'); }, 300); setTimeout(() => { emailModalOverlay.classList.remove('active'); }, 1200); observer.disconnect(); } }); observer.observe(modalContent, { childList: true, subtree: true }); }); /* ===== LAATSTE OVERRIDES DECEMBER-SALE POPUP ===== */ /* Max-hoogte + interne scroll, en compacter op desktop */ @media (min-width: 900px){ .rr-modal-content{ max-width: 520px !important; /* iets breder dan nu */ max-height: 100vh !important; /* nooit hoger dan 80% van scherm */ overflow-y: auto !important; /* binnenin scrollen als het toch te lang wordt */ padding: 18px 18px 14px !important; border-radius: 16px !important; } } /* Velden dichter op elkaar */ .rr-modal-content .wpforms-field{ margin-bottom: 4px !important; } /* Labels en beschrijvingen kleiner & strakker */ .rr-modal-content .wpforms-field-label{ font-size: 0.8rem !important; line-height: 1.2 !important; } .rr-modal-content .wpforms-field-description, .rr-modal-content .wpforms-field-sublabel{ font-size: 0.78rem !important; line-height: 1.25 !important; } /* Extra: grote tekstvakken (textarea) van dit WPForms-formulier verbergen */ .rr-modal-content .wpforms-field-textarea{ display: none !important; } /* ============ Actievoorwaarden – zelfde breedte/ronding als .rr-promo-card ============ */ .actievoorwaarden-sectie{ padding:0 0 60px; background:transparent; /* geen extra groene achtergrond meer */ font-family:'Inter',system-ui,-apple-system,sans-serif; } /* Outer card: zelfde breedte, radius en schaduw als .rr-promo-card */ .actievoorwaarden-wrapper{ max-width:1200px; width:90%; margin:0 auto 60px; background:#fff; border-radius:1rem; /* gelijk aan .rr-promo-card */ box-shadow:0 15px 40px rgba(0,0,0,0.08); padding:3rem 3rem 2.75rem; } .actievoorwaarden-header{ text-align:center; margin-bottom:2.25rem; } .actievoorwaarden-header h2{ font-size:2.4rem; font-weight:900; color:#111827; letter-spacing:-0.03em; margin:0 0 .75rem; } .actievoorwaarden-header p{ margin:0; font-size:1.05rem; color:#4b5563; } .actievoorwaarden-lijst{ margin:0; padding:0; } .voorwaarden-item{ list-style:none; border-radius:999px; /* zelfde pill-vorm als je formulier/locatie-blokken */ border:1px solid #E5E7EB; background:#F9FAFB; padding:1.1rem 1.5rem; margin-bottom:0.75rem; cursor:pointer; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease; } .voorwaarden-item:hover{ border-color:#07C98B; box-shadow:0 6px 18px rgba(15,23,42,.05); background:#ffffff; transform:translateY(-1px); } .voorwaarden-item.active{ border-color:#07C98B; background:#ffffff; } .voorwaarden-header-row{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; } .voorwaarden-titel-wrap{ display:flex; align-items:center; gap:.75rem; min-width:0; } .number-badge{ flex-shrink:0; width:32px; height:32px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:.9rem; font-weight:700; color:#0f172a; background:rgba(7,201,139,.06); border:1px solid rgba(7,201,139,.5); } .voorwaarden-titel{ font-weight:600; font-size:1.02rem; color:#111827; } .voorwaarden-toggle-icon{ flex-shrink:0; transform:rotate(0deg); transition:transform .18s ease,color .18s ease; color:#9CA3AF; } .voorwaarden-item.active .voorwaarden-toggle-icon{ transform:rotate(90deg); color:#07C98B; } /* Verborgen tekst: buiten de pill, zodat de pillvorm blijft */ .voorwaarden-content{ display:none; margin-top:.75rem; padding:1rem 1.5rem 0; border-radius:1rem; font-size:.95rem; line-height:1.6; color:#4b5563; background:#F9FAFB; } .voorwaarden-content p{ margin:0 0 .5rem; } .voorwaarden-content ul{ margin:.25rem 0 0; padding-left:1.1rem; } .voorwaarden-content li{ margin-bottom:.25rem; } /* CTA onderaan */ .actievoorwaarden-footer{ text-align:center; margin-top:2.5rem; } /* CTA rij (zelfde look als "Gelijk aanmelden / Bekijk webshop") */ .cta-row { display:flex; gap:1.2rem; flex-wrap:wrap; justify-content:center; align-items:center; } /* Primaire ReclameREUS CTA */ .cta-primary { background:#53C68C; color:#fff; padding:0.9rem 2.4rem; font-weight:700; border-radius:999px; text-decoration:none; font-size:1.05rem; display:inline-flex; align-items:center; gap:0.6rem; transition:background .2s ease, transform .15s ease, box-shadow .15s ease; box-shadow:0 10px 25px rgba(83,198,140,.35); } .cta-primary:hover{ background:#40b278; transform:translateY(-1px); box-shadow:0 12px 30px rgba(83,198,140,.4); color:#fff; } /* Secundaire outline CTA */ .cta-secondary { background:#fff; border:2px solid #CBD4E1; color:#111827; padding:0.9rem 2.4rem; font-weight:700; border-radius:999px; text-decoration:none; font-size:1.05rem; display:inline-flex; align-items:center; gap:0.6rem; transition:background .2s ease,border-color .2s ease,transform .15s ease,box-shadow .15s ease; } .cta-secondary:hover{ background:#f9fafb; border-color:#a7b3c5; transform:translateY(-1px); box-shadow:0 8px 22px rgba(15,23,42,.08); color:#111827; } /* pijltjes (tekst-icoontje) */ .cta-arrow{ font-size:1.3rem; margin-left:4px; color:#fff; } .cta-arrow-dark{ font-size:1.3rem; margin-left:4px; color:#111827; } @media (max-width:991px){ .actievoorwaarden-wrapper{ padding:2.25rem 1.5rem 2.25rem; width:94%; } .actievoorwaarden-header h2{ font-size:2rem; } }Actievoorwaarden: 10% DECEMBER-SALE
Door gebruik te maken van de kortingscode DECEMBER-SALE gaat u akkoord met onderstaande voorwaarden.
1 Geldigheid & actieperiodeDe promotie is geldig van 1 december 2025 tot en met 31 december 2025.
De korting wordt verleend op basis van de kortingscode DECEMBER-SALE, welke tijdens het afrekenen ingevoerd moet worden.
2 Kortingsberekening & uitsluitingen- De korting bedraagt 10% op de netto productwaarde van de bestelling (exclusief btw).
- De korting is van toepassing op alle drukwerkproducten, tenzij anders vermeld.
- Uitgesloten van de korting zijn onder andere: verzendkosten, verpakkingskosten, ontwerpkosten en overige externe diensten.
- De kortingscode is éénmalig te gebruiken per klant/account.
- De code dient correct te worden ingevoerd vóór de definitieve betaling; achteraf claimen is niet mogelijk.
- De actie is niet te combineren met andere lopende kortingen, acties of speciale prijsafspraken.
De actie stimuleert het bestellen in december voor levering in januari 2026. De gekozen leverdatum moet binnen de reguliere levertijden vallen en staat verder los van de korting zelf.
5 Wijzigingen & aansprakelijkheidReclameREUS behoudt zich het recht voor om de actie, de actieperiode en/of deze voorwaarden tussentijds te wijzigen of te beëindigen, zonder opgaaf van reden en zonder voorafgaande kennisgeving.
ReclameREUS is niet aansprakelijk voor schade of geschillen die voortkomen uit deelname aan de actie, voor zover wettelijk toegestaan.
Bestel nu → Bekijk alle producten → document.addEventListener('DOMContentLoaded', function () { // alles dicht bij laden document.querySelectorAll('.voorwaarden-content').forEach(function (c) { c.style.display = 'none'; }); }); function toggleActieVoorwaarde(item){ const allItems = Array.from(document.querySelectorAll('.voorwaarden-item')); const contents = Array.from(document.querySelectorAll('.voorwaarden-content')); const index = allItems.indexOf(item); const content = contents[index]; const isActive = item.classList.contains('active'); // alles dicht allItems.forEach((it, i)=>{ it.classList.remove('active'); if(contents[i]) contents[i].style.display = 'none'; }); // deze open/dicht if(!isActive && content){ item.classList.add('active'); content.style.display = 'block'; } }Waarom nu al drukwerk bestellen voor 2026.
Veel ondernemers starten het nieuwe jaar met een frisse uitstraling en zoeken naar manieren om hun bedrijf direct zichtbaar te maken. Daarom kiezen klanten juist voor producten zoals spandoeken, banners, kalenders en flyers. Materialen die niet alleen opvallen, maar ook praktisch zijn in een drukke periode waarin iedereen vooruit plant.
Bij ReclameREUS sluiten we precies aan op die behoefte. Bedrijven komen bij ons terecht wanneer ze op zoek zijn naar een stevig spandoek voor buiten, een professionele banner voor een actie, of wanneer ze hun jaar willen starten met nieuwe kalenders en kantoormateriaal. Winkeliers gebruiken onze posters en raamstickers om hun etalage up-to-date te houden, terwijl zelfstandigen en teams vaak kiezen voor visitekaartjes en brochures om hun boodschap helder te presenteren.
Omdat wij snelle levering, scherpe prijzen en duurzame materialen combineren, hoeven klanten niet te kiezen tussen goedkoop drukwerk en goede kwaliteit. Zo helpen we ondernemers het nieuwe jaar zichtbaar, georganiseerd en professioneel te beginnen, precies wat nodig is in de drukke overgang naar 2026.
Bekijk ook een onze pagia: Kickstart2026 ook hier is een selectie producten gemaakt die wellicht interessant zijn voor u.
