ReclameREUS®, voor al jouw Drukwerk en Reclame
Drukwerk & Reclame op maat bestellen.
Jouw reclame
Direct besteld
Altijd goed.
Van spandoeken tot makelaarsborden, wij zorgen dat alles klopt voordat we drukken Geen verrassingen, wel resultaat.
Bekijk alle producten → Offerte aanvragen ✓ Persoonlijke service ✓ Uitstekende kwaliteit ✓ Duurzame keuze
Bestel product →
Spandoeken & Banners
Bestel product →
Makelaarsborden
Bestel product →
Roll-up banners
Bestel product →
Gevelvlaggen
Bestel product →
Bouwhekbanners
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap');
/* ── Alles binnen .rr8 is geïsoleerd ── */
.rr8 {
all: initial;
display: block;
width: 100%;
background: #FCF8F6;
border-radius: 20px;
padding: 48px 40px;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
overflow: hidden;
}
/* 2-kolom layout */
.rr8__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
max-width: 1260px;
margin: 0 auto;
box-sizing: border-box;
}
/* ── LINKS ── */
.rr8__links {
display: flex;
flex-direction: column;
gap: 20px;
}
.rr8__overtitel {
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #07c98b;
margin: 0;
padding: 0;
}
.rr8__titel {
display: block;
font-size: clamp(32px, 4vw, 50px);
font-weight: 900;
line-height: 1.1;
letter-spacing: -1.5px;
color: #302f34;
margin: 0;
padding: 0;
}
.rr8__tekst {
display: block;
font-size: 15px;
line-height: 1.7;
color: #3f3f3f;
margin: 0;
padding: 0;
}
/* Knoppen */
.rr8__knoppen {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.rr8__btn {
display: inline-block;
padding: 13px 26px;
border-radius: 50rem;
font-size: 14px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
text-decoration: none;
cursor: pointer;
transition: transform 0.15s ease, box-shadow 0.15s ease;
line-height: 1.2;
white-space: nowrap;
box-sizing: border-box;
}
.rr8__btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
text-decoration: none;
}
.rr8__btn--groen {
background: #07c98b;
color: #ffffff;
}
.rr8__btn--wit {
background: #ffffff;
color: #302f34;
border: 2px solid #efecf3;
}
/* USPs */
.rr8__usps {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.rr8__usp {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 13px;
font-weight: 600;
color: #9691a4;
}
.rr8__check {
color: #07c98b;
font-weight: 800;
}
/* ── RECHTS: fotogrid ── */
.rr8__rechts {
display: flex;
flex-direction: column;
gap: 10px;
padding: 4px;
margin: -4px;
}
.rr8__rij {
display: flex;
gap: 10px;
align-items: stretch;
padding-bottom: 8px;
margin-bottom: -8px;
}
/* Kaart */
.rr8__kaart {
display: flex;
flex-direction: column;
flex: 1;
border-radius: 12px;
overflow: hidden;
background: #ffffff;
text-decoration: none;
cursor: pointer;
border: none;
outline: 2px solid transparent;
outline-offset: 0px;
box-shadow: 0 2px 8px rgba(31,27,45,0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease, outline-color 0.2s ease;
box-sizing: border-box;
}
.rr8__kaart:hover {
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(31,27,45,0.13);
outline-color: #07c98b;
text-decoration: none;
}
.rr8__kaart--breed {
flex: 2;
}
/* Fotovak */
.rr8__foto {
position: relative;
background: #f0eeec;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.rr8__foto img {
display: block;
width: 100%;
height: 170px;
object-fit: contain;
padding: 8px;
box-sizing: border-box;
transition: transform 0.25s ease;
mix-blend-mode: multiply;
}
.rr8__rij:first-child .rr8__foto img {
height: 210px;
}
.rr8__kaart:hover .rr8__foto img {
transform: scale(1.05);
}
/* Hover knop */
.rr8__hoverknop {
position: absolute;
bottom: 10px;
right: 12px;
left: auto;
transform: translateY(6px);
background: #302f34;
color: #ffffff;
font-size: 12px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
padding: 8px 18px;
border-radius: 50rem;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
z-index: 5;
}
.rr8__kaart:hover .rr8__hoverknop {
opacity: 1;
transform: translateY(0);
}
/* Naam */
.rr8__naam {
display: block;
padding: 10px 14px 12px;
font-size: 13px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #302f34;
background: #ffffff;
line-height: 1.3;
}
/* ── Responsive ── */
@media (max-width: 820px) {
.rr8 { padding: 32px 20px; }
.rr8__grid { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 560px) {
.rr8__rij { flex-wrap: wrap; }
.rr8__kaart--breed { flex: unset; width: 100%; }
.rr8__kaart { min-width: calc(50% - 5px); }
.rr8__foto img { height: 120px; }
.rr8__rij:first-child .rr8__foto img { height: 140px; }
}
Snel drukwerk nodig?
Veel producten kunnen we al binnen 24 uur leveren. Ideaal voor evenementen, acties of last-minute campagnes.
Bekijk onze service ✓ Binnen 24 uur geleverd ✓ Snelle bezorging ✓ Levering in heel NL
Controleer je drukbestand
Upload je bestand en controleer of je ontwerp klaar is voor druk. Zo voorkom je fouten voordat het drukwerk wordt geproduceerd.
Controleer mijn bestand ✓ Gratis bestandscontrole ✓ Automatische afloopcheck ✓ Directe PDF-preview
.rrS-section{
margin:60px 0;
}
/* grid */
.rrS__grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}
@media(max-width:900px){
.rrS__grid{
grid-template-columns:1fr;
}
}
/* blok */
.rrS__blok{
display:flex;
align-items:center;
justify-content:space-between;
padding:32px;
border-radius:16px;
border:1px solid rgba(0,0,0,0.05);
min-height:220px;
}
.rrS__blok--groen{
background:#e8f8f3;
}
.rrS__blok--paars{
background:#eef2fb;
}
/* content */
.rrS__content{
flex:1;
display:flex;
flex-direction:column;
gap:12px;
align-items:flex-start;
}
.rrS__titel{
font-size:22px;
font-weight:700;
margin:0;
}
.rrS__tekst{
font-size:14px;
line-height:1.6;
max-width:420px;
}
/* knop */
.rrS__btn{
display:inline-flex;
align-items:center;
padding:8px 16px;
font-size:13px;
font-weight:600;
border-radius:999px;
text-decoration:none;
cursor:pointer;
white-space:nowrap;
}
.rrS__btn--blauw{
background:#1a3a5c;
color:#fff;
}
.rrS__btn--groen{
background:#07c98b;
color:#fff;
}
.rrS__btn::after{
content:"→";
margin-left:6px;
}
/* usps */
.rrS__usps{
display:flex;
gap:18px;
flex-wrap:wrap;
margin-top:10px;
}
.rrS__usp{
display:flex;
align-items:center;
gap:8px;
font-size:13px;
}
.rrS__icon{
display:flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
border-radius:50%;
background:#dff7ee;
font-size:12px;
}
/* image */
.rrS__afbeelding{
width:160px;
flex-shrink:0;
}
.rrS__afbeelding img{
width:100%;
height:auto;
}
