/* Homepage Custom Styles */
.h4-hero {
position: relative;
height: 85vh;
min-height: 550px;
max-height: 800px;
overflow: hidden;
margin: 0;
}
.h4-hero img {
width: 100%;
height: 100%;
object-fit: cover;
}
.h4-hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.35) 100%);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 20px;
}
.h4-hero h1,
.h4-hero h2,
.h4-hero .hero-title {
color: #fff !important;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: clamp(2rem, 5vw, 3.2rem);
font-weight: 300;
margin: 0 0 8px 0;
letter-spacing: 0.02em;
line-height: 1.2;
text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.h4-hero p {
color: rgba(255,255,255,0.9);
font-size: 12px;
font-weight: 400;
margin: 0 0 25px 0;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.h4-btn {
background: #E3967E;
color: #fff !important;
padding: 14px 32px;
text-decoration: none !important;
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
display: inline-block;
transition: all 0.25s ease;
font-family: 'Inter', sans-serif;
font-weight: 400;
}
.h4-hero-overlay .h4-btn {
display: block;
margin: 8px auto 0;
max-width: 200px;
}
.h4-hero-overlay .h4-btn:first-of-type {
margin-top: 0;
}
.h4-btn:hover {
background: #D4856D;
}
/* Sections */
.h4-section {
padding: 15px 20px;
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.h4-section h2 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 1.6rem;
font-weight: 400;
margin: 0 0 12px 0;
color: #2D2D2D;
}
.h4-section p {
color: #6A6A6A;
font-size: 14px;
line-height: 1.7;
max-width: 600px;
margin: 0 auto;
}
/* Treatment Grid */
.h4-grid-wrap {
padding: 40px 0;
background: #fff;
}
.h4-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
@media (max-width: 768px) {
.h4-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.h4-grid { grid-template-columns: 1fr; }
}
.h4-grid-item {
position: relative;
aspect-ratio: 1;
overflow: hidden;
text-decoration: none;
display: block;
}
.h4-grid-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.h4-grid-item:hover img {
transform: scale(1.05);
}
.h4-grid-item .overlay {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
text-align: center;
background: rgba(0,0,0,0.35);
transition: background 0.3s ease;
}
.h4-grid-item:hover .overlay {
background: rgba(227,150,126,0.85);
}
.h4-grid-item .overlay h3 {
color: #fff;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 1.5rem;
font-weight: 400;
margin: 0 0 4px 0;
}
.h4-grid-item .overlay p {
color: rgba(255,255,255,0.9);
font-size: 11px;
margin: 0;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* About section */
.h4-about {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
align-items: stretch;
}
@media (max-width: 768px) {
.h4-about { grid-template-columns: 1fr; }
}
.h4-about-img {
min-height: 400px;
overflow: hidden;
}
.h4-about-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.h4-about-text {
padding: 40px 35px;
display: flex;
flex-direction: column;
justify-content: center;
background: #FAF8F5;
}
@media (max-width: 768px) {
.h4-about-text { padding: 35px 25px; }
}
.h4-about-text span {
font-size: 10px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #E3967E;
margin-bottom: 10px;
}
.h4-about-text h2 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 1.7rem;
font-weight: 400;
margin: 0 0 12px 0;
color: #2D2D2D;
line-height: 1.3;
}
.h4-about-text p {
color: #6A6A6A;
font-size: 14px;
line-height: 1.7;
margin: 0 0 18px 0;
}
.h4-about-text a {
color: #E3967E;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
text-decoration: none;
}
.h4-about-text a:hover {
color: #D4856D;
}
/* CTA Section */
.h4-cta {
background: #E3967E;
padding: 45px 20px;
text-align: center;
}
.h4-cta h2 {
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 1.5rem;
font-weight: 400;
color: #fff;
margin: 0 0 6px 0;
}
.h4-cta p {
color: rgba(255,255,255,0.9);
font-size: 13px;
margin: 0 0 18px 0;
}
.h4-cta .h4-btn {
background: #fff;
color: #2D2D2D !important;
}
.h4-cta .h4-btn:hover {
background: #FAF8F5;
}
.h4-cta .h4-btn-outline {
background: transparent;
border: 1px solid #fff;
color: #fff !important;
margin-left: 10px;
}
.h4-cta .h4-btn-outline:hover {
background: #fff;
color: #2D2D2D !important;
}
/* ===== DARK FOOTER (heaven4.nl style) ===== */
.h4-footer {
background: #2D2D2D;
padding: 40px 20px 0 20px;
color: #fff;
}
.h4-footer-main {
display: grid;
grid-template-columns: 1.2fr 1.2fr 1.2fr 1fr;
gap: 35px;
max-width: 1200px;
margin: 0 auto;
}
@media (max-width: 900px) {
.h4-footer-main { grid-template-columns: 1fr 1fr; gap: 30px; }
}
@media (max-width: 550px) {
.h4-footer-main { grid-template-columns: 1fr; gap: 30px; }
}
.h4-footer-logo {
max-width: 140px;
margin-bottom: 20px;
filter: brightness(0) invert(1);
}
.h4-footer h4 {
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #E3967E;
margin: 0 0 12px 0;
font-family: 'Inter', sans-serif;
font-weight: 500;
}
.h4-footer p {
font-size: 13px;
color: rgba(255,255,255,0.75);
margin: 0 0 5px 0;
line-height: 1.5;
}
.h4-footer a {
color: rgba(255,255,255,0.75);
text-decoration: none;
transition: color 0.2s;
}
.h4-footer a:hover {
color: #E3967E;
}
.h4-footer strong {
color: #fff;
font-weight: 500;
}
.h4-btn-footer {
display: inline-block;
background: #E3967E;
color: #fff !important;
padding: 12px 28px;
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: none;
margin-bottom: 5px;
}
.h4-btn-footer:hover {
background: #D4856D;
color: #fff !important;
}
.h4-social {
display: flex;
gap: 12px;
margin-top: 10px;
}
.h4-social a {
color: rgba(255,255,255,0.6);
transition: color 0.2s;
}
.h4-social a:hover {
color: #E3967E;
}
/* Footer Brands */
.h4-footer-brands {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
padding: 35px 20px;
margin-top: 40px;
border-top: 1px solid rgba(255,255,255,0.1);
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.h4-footer-brands img {
height: 40px;
filter: brightness(0) invert(1);
opacity: 0.7;
}
.h4-brand-text {
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 500;
color: rgba(255,255,255,0.7);
letter-spacing: 0.05em;
}
@media (max-width: 600px) {
.h4-footer-brands { flex-wrap: wrap; gap: 20px; }
.h4-footer-brands img { height: 30px; }
}
/* Footer Bottom */
.h4-footer-bottom {
max-width: 1200px;
margin: 0 auto;
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
color: rgba(255,255,255,0.5);
border-top: 1px solid rgba(255,255,255,0.1);
}
.h4-footer-bottom a {
color: rgba(255,255,255,0.5);
}
.h4-footer-bottom a:hover {
color: #E3967E;
}
@media (max-width: 550px) {
.h4-footer-bottom { flex-direction: column; gap: 8px; text-align: center; }
}
.h4-seo-content { background: #F8F6F3; padding: 40px 20px; }
.h4-seo-text { max-width: 800px; margin: 24px auto 0; text-align: left; }
.h4-seo-text p { color: #5A5A5A; font-size: 15px; line-height: 1.8; margin-bottom: 16px; }
@media (min-width: 768px) { .h4-seo-text { columns: 2; column-gap: 40px; } }
/* Reviews Section */
.h4-reviews { background: #fff; padding: 40px 20px; text-align: center; }
.h4-reviews-header { margin-bottom: 32px; }
.h4-reviews-rating { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 12px; }
.h4-reviews-stars { color: #FBBC04; font-size: 24px; }
.h4-reviews-score { font-size: 32px; font-weight: 600; color: #2D2D2D; }
.h4-reviews-count { color: #6A6A6A; font-size: 14px; }
.h4-reviews-grid { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 900px; margin: 0 auto; }
@media (min-width: 640px) { .h4-reviews-grid { grid-template-columns: repeat(3, 1fr); } }
.h4-review-card { background: #F8F6F3; border-radius: 12px; padding: 24px; text-align: left; }
.h4-review-card .stars { color: #FBBC04; margin-bottom: 12px; }
.h4-review-card p { color: #5A5A5A; font-size: 14px; line-height: 1.6; margin-bottom: 12px; font-style: italic; }
.h4-review-card .author { font-weight: 500; color: #2D2D2D; font-size: 13px; }
.h4-google-link { display: inline-block; margin-top: 24px; color: #E3967E; font-weight: 500; }
Meer dan een behandeling
Bij Heaven Four combineren onze ANBOS gecertificeerde specialisten [comfort zone] producten met bindweefselmassage voor zichtbaar resultaat.
Jouw boutique spa in Amsterdam Oost
Heaven Four is al jaren dé specialist voor anti-aging behandelingen en massage in Amsterdam Oost. Onze ANBOS gecertificeerde schoonheidsspecialisten combineren jarenlange ervaring met de nieuwste technieken en hoogwaardige producten van het Italiaanse merk [comfort zone].
Wat ons onderscheidt? Persoonlijke aandacht en vakmanschap. Of je nu komt voor een ontspannende massage, een intensieve gezichtsbehandeling of een bezoek aan onze Finse sauna: bij ons staat je welzijn centraal.
Onze specialiteiten zijn de anti-aging gezichtsbehandelingen met bindweefselmassage, sportmassage voor herstel na inspanning, en zwangerschapsmassage voor aanstaande moeders. Ook voor een verzorgende pedicure door onze ProVoet gecertificeerde pedicure ben je bij ons aan het juiste adres.
Gelegen aan het Christiaan Huygensplein, zijn wij gemakkelijk bereikbaar vanuit heel Amsterdam Oost en omgeving. Parkeren is mogelijk tegen betaling, of zet je fiets voor de deur. We verwelkomen je graag in onze warme, rustgevende spa.
