Onze tipsjouw vakantie in Frankrijk

Begin hier je reis: van inspiratie tot de perfecte route en een sfeervol verblijf.

Weet je nog niet waar je heen wilt?

<> /* --- Sectie Styling --- */ .fp-tools-section { padding: 80px 20px; background-color: var(--color-background-light); } .fp-tools-container { max-width: 1200px; margin: 0 auto; } .fp-tools-header { text-align: center; margin-bottom: 50px; } .fp-tools-subtitle { font-family: var(--font-accent); color: var(--color-primary); text-transform: uppercase; letter-spacing: 2px; font-size: 0.9rem; } .fp-tools-title { font-family: var(--font-heading); color: var(--color-text-dark); font-size: clamp(2rem5vw2.8rem); margin: 15px 0; } .fp-tools-intro { font-family: var(--font-body); color: var(--color-text-medium); max-width: 600px; margin: 0 auto; } /* --- De Grid --- */ .fp-tools-grid { display: grid; grid-template-columns: repeat(auto-fitminmax(320px1fr)); gap: 30px; align-items: stretch; } /* --- De Kaarten --- */ .fp-tool-card { background: var(--color-background-white); border-radius: var(--border-radius-base); text-decoration: none !important; color: inherit; display: flex; flex-direction: column; transition: var(--transition); border: 1px solid var(--color-border-light); overflow: hidden; box-shadow: var(--shadow-soft); } .fp-tool-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(4458690.1); } /* De 'Featured' variant (Reisplanner) */ .fp-tool-card--featured { border: 2px solid var(--color-camping); } /* Visuele bovenkant van de kaart */ .fp-tool-visual { height: 140px; display: flex; align-items: center; justify-content: center; position: relative; background-size: cover; background-position: center; } .fp-tool-icon { font-size: 2.5rem; color: white; z-index: 2; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2)); } .fp-tool-visual::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(4458690.3); /* Subtiele overlay over de afbeelding */ } /* Achtergrondkleuren/afbeeldingen voor de koppen */ .bg-route { background-color: var(--color-primary); } .bg-planner { background-color: var(--color-camping); } .bg-agenda { background-color: var(--color-huisje); } /* Inhoud van de kaart */ .fp-tool-body { padding: 30px; display: flex; flex-direction: column; flex-grow: 1; } .fp-tool-badge { align-self: flex-start; font-family: var(--font-accent); font-size: 0.75rem; padding: 4px 12px; border-radius: 20px; margin-bottom: 15px; border: 1px solid; } .badge-route { color: var(--color-primary); border-color: var(--color-primary); } .badge-planner { color: var(--color-camping); border-color: var(--color-camping); } .badge-agenda { color: var(--color-huisje); border-color: var(--color-huisje); } .fp-tool-body h3 { font-family: var(--font-heading); margin: 0 0 12px 0; font-size: 1.4rem; color: var(--color-text-dark); } .fp-tool-body p { font-family: var(--font-body); color: var(--color-text-medium); font-size: 0.95rem; line-height: 1.6; margin-bottom: 25px; flex-grow: 1; } .fp-tool-action { font-family: var(--font-accent); font-weight: bold; color: var(--color-primary); display: flex; align-items: center; gap: 10px; font-size: 0.9rem; } /* Mobile responsive aanpassing */ @media (max-width: 768px) { .fp-tools-grid { grid-template-columns: 1fr; } .fp-tool-card--featured { transform: none; /* Geen schaling op mobiel voor betere layout */ } }

Jouw reisonze tips

Plan je ideale Frankrijk-ervaring

Ontdek onze drie nieuwe tools die je helpen van inspiratie naar een concreet reisplan te gaan.

Routeplanner

Vind de mooiste wegen

Stippel je route uit zonder tolwegeninclusief persoonlijke tips voor stops en campings onderweg.

Plan je route

Reisplanner

Bouw je droomreis

De enige planner voor Frankrijk-liefhebbers. Sla tips opvoeg eigen plekken toe en exporteer naar GPX.

Start met ontdekken

Vakantie-agenda

Alles op één plek

Je interactieve dashboard voor tijdens je verblijf: met het weerberichtlokale markten en jouw agenda.

Maak je pagina

<> /* Specifieke variant voor de Dichtbij sectie */ .dichtbij-bg { background-color: #f0f4f7 !important; /* Iets blauwer/frisser dan de standaard lichtgrijze sectie */ } .grid-reverse { grid-template-columns: 0.9fr 1.1fr !important; } @media (min-width: 1025px) { .grid-reverse .reishub-visual { order: 1; } .grid-reverse .reishub-content { order: 2; } } .title-blue { color: #34495e !important; } /* Kaart specifieke mockups */ .map-viewer-mockup { transform: rotate(-1.5deg) !important; /* Andere kant op dan de reisplanner voor dynamiek */ } .distance-card { left: auto !important; right: -20px !important; bottom: 80px !important; transform: rotate(2deg) !important; animation: floatVerticalMap 5s ease-in-out infinite !important; } .small-icon { width: 35px !important; height: 35px !important; font-size: 0.9rem !important; background: var(--color-primary) !important; color: white !important; } /* Animatie voor de afstands-indicator */ @keyframes floatVerticalMap { 0%100% { transform: translateY(0) rotate(2deg); } 50% { transform: translateY(-10px) rotate(4deg); } } /* De 'Pulse' voor de badge */ .pulse { background: #e74c3c !important; /* Rood voor 'live' gevoel */ box-shadow: 0 0 0 0 rgba(23176600.4); animation: pulse-red 2s infinite; } @keyframes pulse-red { 0% { box-shadow: 0 0 0 0 rgba(23176600.4); } 70% { box-shadow: 0 0 0 10px rgba(23176600); } 100% { box-shadow: 0 0 0 0 rgba(23176600); } } /* --- Mobiele Responsive Queries voor Dichtbij Sectie --- */ @media (max-width: 1024px) { .reishub-promo-section { padding: 60px 0; /* Iets minder witruimte op kleine schermen */ } .reishub-grid.grid-reverse { display: flex; flex-direction: column; /* Stapelt de elementen */ gap: 40px; } /* Zorg dat op mobiel de tekst ALTIJD boven de afbeelding staat */ .grid-reverse .reishub-content { order: 1; text-align: center; } .grid-reverse .reishub-visual { order: 2; width: 100%; max-width: 450px; margin: 0 auto; } /* Tekst aanpassingen */ .reishub-content .section-title { font-size: 2.2rem; /* Iets kleiner op mobiel */ margin: 15px 0; } .reishub-content .section-lead { font-size: 1.1rem; margin-bottom: 30px; } /* Stappenlit mobielvriendelijk */ .step-item { text-align: left; gap: 15px; } .reishub-cta { flex-direction: column; /* Knop en note onder elkaar */ gap: 15px; } .reishub-cta .fp-btn.btn-primary { width: 100%; /* Knop over de volle breedte op mobiel */ justify-content: center; } } @media (max-width: 480px) { /* De zwevende kaart wordt op hele kleine schermen vaak te rommelig */ .distance-card { width: 200px !important; right: -10px !important; bottom: 40px !important; padding: 8px !important; } .distance-card strong { font-size: 0.8rem !important; } .map-viewer-mockup { transform: rotate(0deg) !important; /* Rechter op mobiel voor betere leesbaarheid */ } .reishub-content .section-title { font-size: 1.8rem; } } /* --- Reishub Homepage Sectie --- */ .reishub-content .reg-pre-title { display: inline-flex; align-items: center; background-color: white; /* Helder wit steekt mooi af tegen de lichtgrijze sectie */ color: var(--color-primary); padding: 8px 18px; border-radius: 50px; font-family: var(--font-accent); font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1.5px; border: 1px solid var(--color-border-light); box-shadow: 0 4px 10px rgba(941161330.08); margin-bottom: 25px; } /* Voeg een klein decoratief stipje toe voor de tekst */ .reishub-content .reg-pre-title::before { content: ''; width: 6px; height: 6px; background-color: var(--color-camping); /* Je saliegroen */ border-radius: 50%; margin-right: 10px; } .reishub-promo-section { padding: 120px 0; background-color: var(--color-background-light); overflow: hidden; } .reishub-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; } .reishub-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 80px; align-items: center; } /* Tekst styling */ .reishub-content .section-title { font-family: var(--font-heading); font-size: 3.4rem; color: var(--color-text-dark); line-height: 1.05; margin: 20px 0; } .reishub-content .section-lead { font-size: 1.25rem; color: var(--color-text-medium); line-height: 1.6; margin-bottom: 45px; } /* Stappenlit */ .reishub-steps { margin-bottom: 45px; } .step-item { display: flex; gap: 20px; margin-bottom: 30px; } .step-icon { flex-shrink: 0; width: 50px; height: 50px; background: white; color: var(--color-primary); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; box-shadow: 0 4px 12px rgba(0,0,0,0.05); } .step-text strong { display: block; font-family: var(--font-accent); color: var(--color-text-dark); font-size: 1.1rem; margin-bottom: 4px; } .step-text p { font-size: 0.95rem; color: var(--color-text-medium); margin: 0; } /* CTA */ .reishub-cta { display: flex; align-items: center; gap: 25px; } .cta-note { font-size: 0.85rem; color: var(--color-text-light); font-family: var(--font-accent); } /* --- Visuele Stack Mockups --- */ .reishub-visual { position: relative; z-index: 1; } .visual-stack { position: relative; padding-right: 10px; } /* Grote viewer mockup */ .mockup-main { background: white; border-radius: 16px; overflow: hidden; border: 1px solid var(--color-border-light); transform: rotate(2deg); transition: var(--transition); } .mockup-browser-bar { background: #f1f1f1; padding: 10px 15px; display: flex; align-items: center; gap: 6px; } .mockup-browser-bar .dot { width: 8px; height: 8px; background: #ddd; border-radius: 50%; } .mockup-url { margin-left: 15px; font-size: 10px; color: #999; background: white; padding: 4px 12px; border-radius: 10px; flex: 1; } .img-reisplan { width: 100%; display: block; } /* Kleine zwevende grid-card */ .floating-grid-card { position: absolute; bottom: 130px; left: -20px; width: 260px; background: white; border-radius: var(--border-radius-base); padding: 10px; display: flex; align-items: center; gap: 15px; z-index: 2; transform: rotate(-3deg); animation: floatVertical 4s ease-in-out infinite; border: 1px solid var(--color-border-light); } .card-badge { position: absolute; top: -10px; right: 15px; background: var(--color-camping); color: white; font-size: 10px; font-weight: 800; padding: 4px 10px; border-radius: 20px; text-transform: uppercase; } .img-card { width: 60px; height: 60px; object-fit: cover; border-radius: 8px; } .card-info strong { display: block; font-size: 0.9rem; color: var(--color-text-dark); } .card-info span { font-size: 0.75rem; color: var(--color-text-light); } .card-icon-eff { margin-left: auto; color: #48bb78; font-size: 1.2rem; } /* Hover effect */ .reishub-visual:hover .mockup-main { transform: rotate(0deg) scale(1.02); } @keyframes floatVertical { 0%100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-15px) rotate(-3deg); } } /* Mobile responsive */ @media (max-width: 1024px) { .reishub-grid { grid-template-columns: 1fr; gap: 60px; } .reishub-content .section-title { font-size: 2.8rem; } .visual-stack { max-width: 500px; margin: 0 auto; } } .reishub-cta .fp-btn.btn-primary { background: var(--color-primary); color: white; padding: 20px 40px; border-radius: 100px; /* Volledig rond voor een moderne look */ font-family: var(--font-accent); font-weight: 700; font-size: 1.05rem; text-decoration: none; display: inline-flex; align-items: center; gap: 12px; transition: all 0.4s cubic-bezier(0.1650.840.441); box-shadow: 0 10px 30px rgba(941161330.2); border: none; } .reishub-cta .fp-btn.btn-primary:hover { background: var(--color-primary-dark); transform: translateY(-4px) scale(1.02); box-shadow: 0 15px 35px rgba(941161330.3); } /* Voeg een subtiel pijltje toe dat beweegt bij hover */ .reishub-cta .fp-btn.btn-primary::after { content: '\f178'; /* FontAwesome right arrow */ font-family: "Font Awesome 5 Free"; font-weight: 900; transition: transform 0.3s ease; } .reishub-cta .fp-btn.btn-primary:hover::after { transform: translateX(5px); } .reishub-cta .link-secondary { font-family: var(--font-accent); color: var(--color-text-medium); font-weight: 700; text-decoration: none; font-size: 0.95rem; border-bottom: 2px solid var(--color-border-light); padding-bottom: 2px; transition: var(--transition); } .reishub-cta .link-secondary:hover { color: var(--color-primary); border-color: var(--color-primary); } /* --- Horizontale Scroll voor Mobiel --- */ @media (max-width: 767px) { .categories-list-row.category-focus-grid, .action-tools-row, .product-showcase.row, .theme-promo-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; gap: 15px; /* FIX: Geen negatieve marges meer die de pagina opduwen */ margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; /* Padding binnen de scroll-area */ padding: 10px 0 30px 0 !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } /* Zorg dat de eerste en laatste kaart wat ademruimte hebben */ .categories-list-row .card-wrap:first-child, .action-tools-row .card-wrap:first-child { margin-left: 0px; } .categories-list-row .card-wrap, .action-tools-row .card-wrap { flex: 0 0 80% !important; /* Iets smaller voor meer 'preview' van de volgende */ max-width: 80% !important; scroll-snap-align: center; } /* Extra veiligheidsmaatregel voor de hele sectie/container */ #discover-regions/* Of de id van de sectie waar dit in staat */ .content-section { overflow: hidden !important; } /* Verberg de scrollbar voor een cleaner uiterlijk (optioneel) */ .categories-list-row.category-focus-grid::-webkit-scrollbar { display: none; } .categories-list-row.category-focus-grid { -ms-overflow-: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* Zorg dat de kaarten een vaste breedte krijgen op mobiel */ .categories-list-row .card-wrap { flex: 0 0 75% !important; /* Kaart is 75% breedzodat je de volgende al ziet */ max-width: 75% !important; scroll-snap-align: center; /* Klikt vast in het midden */ margin-bottom: 0 !important; /* Haal de bottom margin weg in de scroll-rij */ } } @media (max-width: 767px) { /* De Hero Post laten we bovenaan staan als volledig item */ .masonry-grid { display: flex; flex-direction: column; } /* We maken een container voor alle posts BEHALVE de hero */ .masonry-grid .post-item:not(.is-hero-post) { /* Standaard gedrag overschrijven we hieronder */ } /* De container van de grid items die gaan scrollen */ .masonry-grid { display: block; /* Masonry uitschakelen op mobiel voor de scroll */ } /* We creëren een 'sub-grid' voor de scrollende items via CSS */ .masonry-grid { display: flex; flex-wrap: wrap; } /* De Hero post pakt 100% breedte */ .post-item.is-hero-post { flex: 0 0 100%; margin-bottom: 20px; } /* De overige posts gaan in een horizontale scroll-container */ /* We voegen een extra wrapper-logica toe via CSS */ .masonry-grid { display: flex; flex-direction: row; flex-wrap: wrap; } /* Specifieke selector voor de items na de hero om ze te laten scrollen */ /* Handiger is om de container van de grid zelf te laten scrollen voor alle items behalve hero maar omdat ze in dezelfde div zittenis dit de schoonste CSS-only fix: */ .masonry-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 15px; padding-bottom: 20px; margin: 0 -15px; padding-left: 15px; padding-right: 15px; flex-wrap: nowrap; /* Alles op één rij */ -webkit-overflow-scrolling: touch; } .masonry-grid::-webkit-scrollbar { display: none; } .post-item { flex: 0 0 85% !important; /* Iets breder dan de regio-kaarten voor leesbaarheid */ max-width: 85% !important; scroll-snap-align: center; } /* De Hero post moet in de scroll-rij wel 100% blijven of ook meescrollen */ .post-item.is-hero-post { flex: 0 0 85% !important; max-width: 85% !important; } } /* --- Horizontale Scroll voor Roadtrip Thema's op Mobiel --- */ @media (max-width: 767px) { .theme-promo-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory; gap: 15px; padding: 10px 15px 25px 15px; /* Ruimte voor schaduwen en ademruimte */ margin: 0 -15px; /* Trek de container buiten de site-padding */ -webkit-overflow-scrolling: touch; scrollbar-width: none; /* Firefox */ } .theme-promo-grid::-webkit-scrollbar { display: none; /* Chrome/Safari */ } .theme-column { flex: 0 0 82% !important; /* Breedte van de kaart */ max-width: 82% !important; scroll-snap-align: center; } .theme-promo-card { height: 100%; /* Zorg dat alle kaarten in de scroll even hoog zijn */ display: flex; flex-direction: column; } /* Optioneel: Maak de afbeelding iets minder hoog op mobiel om ruimte te besparen */ .card-img-top-wrap { height: 160px !important; } } @media (max-width: 767px) { /* 1. De container van de kaarten */ .action-tools-row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; /* Dwing verticale scroll uit */ scroll-snap-type: x mandatory; gap: 15px; /* Belangrijk: extra padding aan de onderkant voor de box-shadow */ padding: 10px 15px 30px 15px !important; margin: 0 -15px !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } /* 2. De wrapper om de kaart heen */ .action-tools-row .card-wrap { flex: 0 0 80% !important; max-width: 80% !important; scroll-snap-align: center; margin-bottom: 0 !important; height: auto !important; /* Laat de kaart zijn natuurlijke hoogte pakken */ } /* 3. De kaart zelf */ .tool-card { display: flex; flex-direction: column; justify-content: center; height: 100%; min-height: 180px; /* Iets verlaagd om zeker te weten dat het past */ border: none; /* Voorkom dat borders de hoogte beïnvloeden */ box-sizing: border-box; } } /* --- Horizontale Scroll voor de Webshop Collectie op Mobiel --- */ @media (max-width: 767px) { /* De container van de productcategorieën */ .product-showcase.row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; gap: 15px; padding: 20px 15px 40px 15px !important; /* Extra ruimte onderin voor de stapel-effecten */ margin: 0 -15px !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .product-showcase.row::-webkit-scrollbar { display: none; } /* De kaarten (items) in de scroll */ .category-focus-item { flex: 0 0 80% !important; /* 80% breedte zodat de volgende kaart zichtbaar is */ max-width: 80% !important; scroll-snap-align: center; padding: 0 !important; /* Reset bootstrap padding voor de scroll */ } .category-card { height: 100%; display: flex; flex-direction: column; align-items: center; border-radius: 12px; padding: 20px; } /* Zorg dat de product-stack (de stapel) goed uitgelijnd blijft in de scroll */ .product-stack { margin-bottom: 25px; height: 180px; /* Vaste hoogte voor de stapel op mobiel */ display: flex; justify-content: center; align-items: center; position: relative; width: 100%; } .category-info { padding-top:10px; } .category-info .button { padding:10px 10px; } }

Ontdek de regio's van Frankrijk

Thema's en Inspiratie

Puur inspiratie: Nieuwe verhalen uit La Douce France

Nieuw: Themarondreizen

Stippel jouw droomreis uit langs onze unieke stops. Kies een thema dat bij je past en start direct met plannen!

Bekijk alle Themarondreizen

De Frankrijk Puur Collectie

Onze eigen boekenansichtkaarten en meer!

Onze Boekencollectie

Bekijk de collectie

Ansichtkaart La montagne en hiver (kerstkaart)

Ansichtkaarten

Bekijk de collectie

Poster ‘France’ – Landkaart van Frankrijk

Fotoprints & Posters

Bekijk de collectie

Reisgids ’10 Roadtrips in Frankrijk’ (ebook)

Frankrijk Puur Roadtrips – ebook (PDF en ePub)

E-books

Bekijk de collectie

Naar de webshop

Op zoek naar het Frankrijk Puur-gevoel

Sinds 2014 zijn wijMartijn en Maritade gidsen achter Frankrijk Puur. Onze passie is het delen van de pure en onbekende kanten van Frankrijk. Alle tipsvan de kleinste dorpjes tot de beste roadtripsworden door ons als gezin ervaren en gedeeld.

Wij gaan voor het ‘Frankrijk Puur’-gevoel: een reiservaring weg van de gebaande padenvol authenticiteit en persoonlijke ontdekkingen. Onze reisgidsenboeken en deze website zijn het resultaat van talloze avonturenen wij hopen jou te inspireren voor jouw volgende reis.

Lees het hele verhaal van Frankrijk Puur

Weet je nog niet waar je heen wilt?

Vind de mooiste wegen

Bouw je droomreis

Alles op één plek

Ontdek direct wat er nú bij jou in de buurt is

Ontdek de regio's van Frankrijk

Auvergne-Rhône-Alpes

Bourgogne-Franche-Comté

Bretagne

Centre-Val de Loire

Corsica

Grand Est

Hauts-de-France

Île-de-France

Normandie

Nouvelle-Aquitaine

Occitanie

Pays de la Loire

Provence-Alpes-Côte-d'Azur

Thema's en Inspiratie

Bezienswaardigheden

Dorpen & Steden

Fietsroutes

Recepten

Roadtrips en routes

Wandeltips Frankrijk

Wintersport

Wijnroutes

Puur inspiratie: Nieuwe verhalen uit La Douce France

Vogezen & Elzasleuke activiteiten voor jong en oud

Wandelen in de Vogezen: Sentier des Roches

Terug naar Coucy-le-Château

Bergen in Noord-Frankrijk? Hier krijg je het berggevoel!

Aultdorp aan de rand van de aarde

La Garde-Adhémareen zonovergoten balkon boven de Rhônevallei

Fascinerende tijdreis in het Normandische stadje Eu

Route Nationale 7gids voor een nostalgische roadtrip naar de zon

5 mooie kustgebieden in Noord-Frankrijk

Roadtrip langs de N6 door de Bourgogne

Wijn

Kastelen

Romeinse sporen

Rondreis door de Provence

De Frankrijk Puur Collectie

Onze Boekencollectie

Ansichtkaarten

Fotoprints & Posters

E-books

Op zoek naar het Frankrijk Puur-gevoel

Wandelen in Frankrijk

Kies 3 ingrediënten voor jouw Frankrijkgevoel

Dat smaakt naar Frankrijk!