/*
Theme Name: Veerkracht — De Veer
Theme URI: https://psycholoog.org/zakelijk
Author: Triade
Description: Premium-speels blokthema voor Veerkracht — de zakelijke praktijk van psycholoog Gerriet van Renselaar. Gallery white, inkt en veergeel; alles wat beweegt, veert. Gebaseerd op het concept "De Veer".
Version: 2.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: veerkracht
*/

/* ============================================================
   DE VEER — Veerkracht zakelijk
   Palette: gallery white / ink / spring yellow / cool grey
   Physics: compress under load, spring back with overshoot
   ============================================================ */
:root{
	--paper:#FBFAF7;
	--ink:#17181A;
	--spring:#FFC931;
	--spring-press:#EDB51D;
	--grey:#A6ACB5;
	--grey-soft:#E9E8E3;
	--display:"Bricolage Grotesque", "Arial Black", sans-serif;
	--body:"Figtree", "Segoe UI", sans-serif;
	/* The house bezier: everything that moves, overshoots. */
	--boing:cubic-bezier(.34,1.72,.44,1);
	--boing-soft:cubic-bezier(.22,1.28,.36,1);
	--wrap:1160px;
	--radius:20px;
}

*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion: reduce){
	html{ scroll-behavior:auto; }
}

body{
	background:var(--paper);
	color:var(--ink);
	font-family:var(--body);
	font-size:1.0625rem;
	line-height:1.65;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

::selection{ background:var(--spring); color:var(--ink); }

img,svg{ display:block; max-width:100%; }

a{ color:inherit; }

:focus-visible{
	outline:3px solid var(--ink);
	outline-offset:3px;
	border-radius:4px;
}
.dark :focus-visible{
	outline-color:var(--spring);
}

.wrap{
	max-width:var(--wrap);
	margin-inline:auto;
	padding-inline:clamp(1.25rem, 4vw, 2.5rem);
}

/* ---------- Skip link ---------- */
.skip-link{
	position:absolute; left:1rem; top:-4rem;
	background:var(--ink); color:var(--paper);
	padding:.65rem 1.2rem; border-radius:999px;
	font-weight:600; text-decoration:none; z-index:100;
	transition:top .3s var(--boing);
}
.skip-link:focus{ top:1rem; }

/* ============================================================
   HEADER
   ============================================================ */
.site-head{
	position:sticky; top:0; z-index:50;
	background:rgba(251,250,247,.88);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:blur(10px);
	border-bottom:1px solid transparent;
	transition:border-color .3s ease, box-shadow .3s ease;
}
.site-head.is-scrolled{
	border-bottom-color:var(--grey-soft);
	box-shadow:0 1px 0 rgba(23,24,26,.03);
}
.site-head .wrap{
	display:flex; align-items:center; justify-content:space-between;
	gap:1rem; padding-block:.85rem;
}
.brand{
	display:flex; align-items:center; gap:.6rem;
	text-decoration:none; font-family:var(--display);
	font-weight:800; font-size:1.3rem; letter-spacing:-.01em;
}
.brand svg{ width:22px; height:30px; }
.brand:hover .brand-coil{ transform:scaleY(1.18); }
.brand-coil{
	transform-origin:bottom center;
	transition:transform .5s var(--boing);
}
.site-nav{ display:flex; align-items:center; gap:clamp(.75rem,2vw,1.75rem); }
.site-nav a:not(.btn){
	text-decoration:none; font-weight:600; font-size:.95rem;
	color:var(--ink); position:relative; padding-block:.25rem;
}
.site-nav a:not(.btn)::after{
	content:""; position:absolute; left:0; right:100%; bottom:0;
	height:3px; background:var(--spring); border-radius:2px;
	transition:right .35s var(--boing-soft);
}
.site-nav a:not(.btn):hover::after{ right:0; }
@media (max-width:760px){
	.site-nav a:not(.btn){ display:none; }
}

/* ============================================================
   BUTTONS — springy by contract
   ============================================================ */
.btn{
	display:inline-flex; align-items:center; gap:.55rem;
	font-family:var(--body); font-weight:700; font-size:1rem;
	text-decoration:none; cursor:pointer;
	padding:.95rem 1.7rem; border-radius:999px;
	border:2px solid var(--ink);
	transition:transform .45s var(--boing), background-color .25s ease, box-shadow .45s var(--boing);
	will-change:transform;
}
.btn:hover{ transform:translateY(-3px) scale(1.045); }
.btn:active{ transform:translateY(1px) scale(.96); transition-duration:.12s; }
.btn-primary{
	background:var(--spring); color:var(--ink);
	box-shadow:0 2px 0 0 var(--ink);
}
.btn-primary:hover{ background:var(--spring-press); box-shadow:0 5px 0 0 var(--ink); }
.btn-primary:active{ box-shadow:0 1px 0 0 var(--ink); }
.btn-ghost{
	background:transparent; color:var(--ink);
}
.btn-ghost:hover{ background:var(--ink); color:var(--paper); }
.btn-small{ padding:.6rem 1.2rem; font-size:.9rem; }
.btn .btn-arrow{ transition:transform .45s var(--boing); }
.btn:hover .btn-arrow{ transform:translateX(4px); }

/* ============================================================
   TYPE SCALE
   ============================================================ */
.eyebrow{
	display:inline-flex; align-items:center; gap:.5rem;
	font-size:.8rem; font-weight:700; letter-spacing:.14em;
	text-transform:uppercase; color:var(--ink);
}
.eyebrow::before{
	content:""; width:26px; height:10px; flex:none;
	background:
		linear-gradient(to bottom, transparent 3px, var(--spring) 3px, var(--spring) 7px, transparent 7px);
	clip-path:polygon(0 20%,100% 0,100% 80%,0 100%);
}
h2{
	font-family:var(--display); font-weight:800;
	font-size:clamp(1.9rem, 4.4vw, 3.1rem);
	line-height:1.06; letter-spacing:-.02em;
	margin:.9rem 0 1.1rem;
	text-wrap:balance;
}
h3{
	font-family:var(--display); font-weight:800;
	font-size:1.25rem; line-height:1.2; letter-spacing:-.01em;
}
.lede{
	font-size:clamp(1.1rem, 1.6vw, 1.25rem);
	max-width:34em; color:var(--ink);
}
.muted{ color:#5B6067; }

section{ padding-block:clamp(4rem, 9vw, 7.5rem); }

/* ============================================================
   HERO — letters on springs
   ============================================================ */
.hero{
	padding-block:clamp(3rem, 7vw, 6rem) clamp(4rem, 8vw, 7rem);
	text-align:center;
	position:relative;
}
.hero-kicker{
	display:inline-block;
	font-weight:600; font-size:.95rem;
	border:1.5px solid var(--grey);
	color:var(--ink);
	border-radius:999px; padding:.4rem 1.1rem;
	margin-bottom:clamp(1.75rem, 4vw, 3rem);
}
.hero-kicker strong{ color:var(--ink); }

.hero-word{
	display:flex; justify-content:center; align-items:flex-end;
	gap:clamp(.05rem,.5vw,.35rem);
	font-family:var(--display); font-weight:800;
	font-size:min(9.2vw, 7.4rem);
	line-height:1; letter-spacing:-.015em;
	margin-inline:auto;
	white-space:nowrap;
}
.ltr{
	display:inline-flex; flex-direction:column; align-items:center;
	transform-origin:bottom center;
	animation:ltr-boing 1.7s var(--boing) both;
	animation-delay:calc(.35s + var(--i) * 70ms);
}
.ltr-glyph{ display:block; }
.ltr-coil{
	width:.52em; height:.30em; margin-top:.06em;
	flex:none;
}
.ltr-coil polyline{
	stroke:var(--spring); stroke-width:4.5;
	stroke-linecap:round; stroke-linejoin:round; fill:none;
}
/* Weight lands, letter squashes, springs back past standing, settles. */
@keyframes ltr-boing{
	0%   { transform:scaleY(1); }
	16%  { transform:scaleY(.5); }
	28%  { transform:scaleY(.5); }
	50%  { transform:scaleY(1.14); }
	68%  { transform:scaleY(.93); }
	84%  { transform:scaleY(1.04); }
	100% { transform:scaleY(1); }
}

.hero-sub{
	font-family:var(--display); font-weight:600;
	font-size:clamp(1.25rem, 2.6vw, 1.75rem);
	letter-spacing:-.01em;
	margin:clamp(1.5rem,3.5vw,2.5rem) auto 1rem;
	max-width:22em;
}
.hero-sub em{
	font-style:normal;
	background:linear-gradient(transparent 62%, var(--spring) 62%, var(--spring) 92%, transparent 92%);
	padding-inline:.08em;
}
.hero-lede{
	max-width:42em; margin:0 auto 2.2rem;
	color:#43474D;
}
.hero-cta{
	display:flex; gap:.9rem; justify-content:center; flex-wrap:wrap;
}
.hero-note{
	margin-top:1.1rem; font-size:.9rem; color:#5B6067;
}

/* ============================================================
   THE SPRING TRACK — belasting (compress) + herstel (extend)
   ============================================================ */
.veer-track{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(300px, 420px);
	column-gap:clamp(2rem, 5vw, 5rem);
	align-items:start;
}
.veer-copy{ min-width:0; }
.veer-visual{
	grid-column:2; grid-row:1 / span 2;
	align-self:stretch;
}
.veer-sticky{
	position:sticky; top:calc(50vh - 250px);
	display:flex; justify-content:center;
	padding-block:1rem;
}
.veer-sticky svg{ width:min(100%, 250px); height:auto; overflow:visible; }
.veer-caption{
	position:absolute; bottom:-.4rem; left:50%;
	transform:translateX(-50%);
	font-size:.78rem; font-weight:700; letter-spacing:.12em;
	text-transform:uppercase; color:var(--grey);
	white-space:nowrap;
}

@media (max-width:900px){
	.veer-track{ grid-template-columns:1fr; }
	.veer-visual{
		grid-column:1; grid-row:1 / span 2;
		pointer-events:none;
	}
	.veer-sticky{
		top:3.6rem;
		justify-content:flex-end;
		padding-block:.25rem;
		z-index:4;
	}
	.veer-sticky svg{
		width:74px;
		filter:drop-shadow(0 0 10px rgba(251,250,247,1)) drop-shadow(0 0 18px rgba(251,250,247,.9));
	}
	.veer-caption{ display:none; }
}

/* ---------- Belasting section ---------- */
.sec-belasting{ padding-bottom:clamp(3rem, 6vw, 5rem); }
.stats{
	display:grid; gap:1rem;
	grid-template-columns:repeat(3, minmax(0,1fr));
	margin-top:2.4rem;
}
@media (max-width:1080px){ .stats{ grid-template-columns:1fr; max-width:30rem; } }
.stat{
	background:var(--ink); color:var(--paper);
	border-radius:var(--radius);
	padding:1.5rem 1.4rem 1.4rem;
	position:relative;
	transition:transform .5s var(--boing);
}
.stat:hover{ transform:translateY(-5px) rotate(-.4deg); }
.stat-chip{
	position:absolute; top:1.1rem; right:1.1rem;
	font-size:.68rem; font-weight:700; letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--ink); background:var(--spring);
	padding:.2rem .55rem; border-radius:999px;
}
.stat-num{
	font-family:var(--display); font-weight:800;
	font-size:clamp(2.1rem, 3.2vw, 2.7rem);
	letter-spacing:-.02em; line-height:1;
	margin-bottom:.5rem;
}
.stat-label{ font-size:.92rem; color:#C9CDD3; max-width:16em; line-height:1.5; }
.stats-foot{
	margin-top:1rem; font-size:.85rem; color:#5B6067; max-width:44em;
}

/* ---------- Herstel / diensten ---------- */
.cards{
	display:grid; gap:1.1rem;
	grid-template-columns:repeat(2, minmax(0,1fr));
	margin-top:2.4rem;
}
@media (max-width:640px){ .cards{ grid-template-columns:1fr; } }
.card{
	background:#fff;
	border:1.5px solid var(--grey-soft);
	border-radius:var(--radius);
	padding:1.7rem 1.5rem 1.6rem;
	transition:transform .5s var(--boing), border-color .3s ease, box-shadow .5s var(--boing);
	will-change:transform;
}
.card:hover{
	transform:translateY(-7px) scale(1.015);
	border-color:var(--ink);
	box-shadow:0 6px 0 0 var(--ink);
}
.card-icon{
	width:52px; height:52px; border-radius:14px;
	background:var(--spring);
	display:grid; place-items:center;
	margin-bottom:1.1rem;
	transition:transform .5s var(--boing);
	transform-origin:bottom center;
}
.card:hover .card-icon{ transform:scaleY(1.14) scaleX(.98); }
.card-icon svg{ width:26px; height:26px; stroke:var(--ink); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.card h3{ margin-bottom:.5rem; }
.card p{ font-size:.97rem; color:#43474D; }
.card-tag{
	display:inline-block; margin-top:1rem;
	font-size:.78rem; font-weight:700; letter-spacing:.08em;
	text-transform:uppercase; color:var(--ink);
	border-bottom:3px solid var(--spring);
	padding-bottom:.15rem;
}

/* ============================================================
   ZO WERKT HET — genuinely a sequence, so numbers earn their place
   ============================================================ */
.sec-hoe{ background:#fff; border-block:1.5px solid var(--grey-soft); }
.steps{
	display:grid; gap:1.2rem;
	grid-template-columns:repeat(3, minmax(0,1fr));
	margin-top:2.6rem;
	counter-reset:step;
}
@media (max-width:860px){ .steps{ grid-template-columns:1fr; max-width:32rem; } }
.step{
	counter-increment:step;
	position:relative;
	background:var(--paper);
	border-radius:var(--radius);
	padding:2rem 1.5rem 1.7rem;
	transition:transform .5s var(--boing);
}
.step:hover{ transform:translateY(-5px); }
.step::before{
	content:counter(step);
	display:grid; place-items:center;
	width:44px; height:44px; border-radius:50%;
	background:var(--ink); color:var(--spring);
	font-family:var(--display); font-weight:800; font-size:1.2rem;
	margin-bottom:1rem;
}
.step h3{ margin-bottom:.45rem; }
.step p{ font-size:.97rem; color:#43474D; }
.step-meta{
	display:block; margin-top:.9rem;
	font-size:.82rem; font-weight:700; color:var(--grey);
	letter-spacing:.06em; text-transform:uppercase;
}

/* ============================================================
   PRIVACY — the vault. Ink, calm, no bounce here on purpose:
   confidentiality is the one thing on this page that never moves.
   ============================================================ */
.sec-privacy{
	background:var(--ink); color:var(--paper);
}
.sec-privacy .eyebrow{ color:var(--spring); }
.sec-privacy .eyebrow::before{
	background:linear-gradient(to bottom, transparent 3px, var(--spring) 3px, var(--spring) 7px, transparent 7px);
}
.sec-privacy h2{ color:var(--paper); }
.privacy-grid{
	display:grid; gap:clamp(2rem,5vw,4.5rem);
	grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
	align-items:center;
}
@media (max-width:860px){ .privacy-grid{ grid-template-columns:1fr; } }
.privacy-grid .lede{ color:#C9CDD3; }
.privacy-list{ list-style:none; display:grid; gap:1.1rem; }
.privacy-list li{
	display:grid; grid-template-columns:auto 1fr; gap:.9rem;
	align-items:start;
	background:rgba(251,250,247,.05);
	border:1px solid rgba(251,250,247,.14);
	border-radius:16px; padding:1.1rem 1.2rem;
}
.privacy-list svg{
	width:24px; height:24px; margin-top:.15rem;
	stroke:var(--spring); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
.privacy-list strong{ display:block; margin-bottom:.15rem; font-weight:700; }
.privacy-list p{ font-size:.94rem; color:#C9CDD3; }

/* ============================================================
   OVER GERRIET
   ============================================================ */
.over-grid{
	display:grid; gap:clamp(2rem,5vw,4.5rem);
	grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
	align-items:center;
}
@media (max-width:860px){ .over-grid{ grid-template-columns:1fr; } }
.portret{
	position:relative;
	aspect-ratio:4/4.6;
	max-width:380px;
	border-radius:var(--radius);
	background:var(--spring);
	overflow:hidden;
	transition:transform .5s var(--boing);
}
.portret:hover{ transform:rotate(-1deg) scale(1.02); }
.portret svg{ position:absolute; inset:0; width:100%; height:100%; }
.portret-badge{
	position:absolute; left:1rem; bottom:1rem;
	background:var(--ink); color:var(--paper);
	font-size:.8rem; font-weight:700;
	padding:.45rem .9rem; border-radius:999px;
}
.facts{
	display:flex; flex-wrap:wrap; gap:.6rem;
	margin-top:1.6rem;
	list-style:none;
}
.fact{
	font-size:.85rem; font-weight:600;
	border:1.5px solid var(--grey);
	border-radius:999px; padding:.4rem .95rem;
	transition:transform .4s var(--boing), background-color .25s ease, border-color .25s ease;
}
.fact:hover{ transform:translateY(-3px); background:var(--spring); border-color:var(--ink); }

/* ============================================================
   FINALE — fully extended spring next to the button
   ============================================================ */
.sec-finale{
	background:var(--spring);
	padding-block:clamp(4.5rem, 10vw, 8rem);
}
.finale-grid{
	display:grid; gap:clamp(2rem,5vw,4rem);
	grid-template-columns:minmax(0,1fr) auto;
	align-items:center;
}
@media (max-width:760px){
	.finale-grid{ grid-template-columns:1fr; }
	.finale-veer{ justify-self:center; }
}
.sec-finale h2{
	font-size:clamp(2.2rem, 5.4vw, 3.8rem);
	margin-top:0;
}
.sec-finale .lede{ margin-bottom:2rem; }
.sec-finale .btn-primary{
	background:var(--ink); color:var(--spring);
	border-color:var(--ink);
	box-shadow:0 3px 0 0 rgba(23,24,26,.35);
}
.sec-finale .btn-primary:hover{ background:#000; box-shadow:0 6px 0 0 rgba(23,24,26,.35); }
.sec-finale .btn-ghost{ border-color:var(--ink); }
.sec-finale .btn-ghost:hover{ background:var(--ink); color:var(--spring); }
.finale-note{ margin-top:1.1rem; font-size:.92rem; }
.finale-note a{ font-weight:700; }
.finale-veer svg{
	width:clamp(120px, 16vw, 190px); height:auto; overflow:visible;
}
.finale-coil{
	transform-origin:110px 432px;
	animation:idle-veer 3.4s ease-in-out infinite;
}
@keyframes idle-veer{
	0%,100%{ transform:scaleY(1); }
	50%    { transform:scaleY(1.035); }
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-foot{
	background:var(--ink); color:#C9CDD3;
	padding-block:clamp(3rem, 6vw, 4.5rem) 2rem;
	font-size:.95rem;
}
.foot-grid{
	display:grid; gap:2.5rem;
	grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);
	align-items:start;
}
@media (max-width:760px){ .foot-grid{ grid-template-columns:1fr; } }
.foot-brand{
	display:flex; align-items:center; gap:.6rem;
	font-family:var(--display); font-weight:800; font-size:1.35rem;
	color:var(--paper);
}
.foot-brand svg{ width:20px; height:28px; }
.foot-tagline{ margin-top:.9rem; max-width:26em; }
.site-foot h4{
	font-family:var(--body); font-weight:700; font-size:.8rem;
	letter-spacing:.14em; text-transform:uppercase;
	color:var(--spring); margin-bottom:1rem;
}
.site-foot address{ font-style:normal; line-height:1.9; }
.site-foot a{ color:var(--paper); text-decoration:none; border-bottom:1.5px solid rgba(251,250,247,.25); transition:border-color .25s ease; }
.site-foot a:hover{ border-bottom-color:var(--spring); }
.foot-links{ list-style:none; display:grid; gap:.55rem; }
.foot-legal{
	margin-top:3rem; padding-top:1.4rem;
	border-top:1px solid rgba(251,250,247,.12);
	display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between;
	font-size:.82rem; color:#8B9098;
}

/* ============================================================
   SCROLL REVEALS — springy entrance, once
   ============================================================ */
/* Entrance uses an animation (not a transition) so it never
   hijacks the springy hover transitions on the same elements. */
/* Hidden state only when the script actually runs (html.js). */
.js .reveal{ opacity:0; }
.reveal.is-in{
	opacity:1;
	animation:rise .8s var(--boing-soft) backwards;
	animation-delay:var(--d, 0s);
}
@keyframes rise{
	from{ opacity:0; transform:translateY(26px); }
}

/* ============================================================
   REDUCED MOTION — the healthy, extended state. Always upright.
   ============================================================ */
@media (prefers-reduced-motion: reduce){
	*,*::before,*::after{
		animation-duration:.01ms !important;
		animation-iteration-count:1 !important;
		transition-duration:.01ms !important;
	}
	.ltr{ animation:none; }
	.finale-coil{ animation:none; }
	.reveal{ opacity:1; transform:none; }
	.btn:hover, .card:hover, .stat:hover, .step:hover, .fact:hover, .portret:hover{ transform:none; }
}

/* ============================================================
   WORDPRESS FITTING
   ============================================================ */
.wp-site-blocks{ padding:0; }

/* Template-part wrappers must not trap the sticky header. */
.wp-block-template-part{ display:contents; }

body .alignfull{ width:100%; max-width:none; margin-inline:0; }

.wp-block-post-content > *:first-child{ margin-top:0; }

/* Modest cross-link to Praktijk Triade in de nav */
.site-nav .nav-particulier{ color:#5B6067; font-weight:500; }

/* ---------- Pagina's (page/single templates) ---------- */
.pagina-kop{ padding-block:clamp(2.8rem, 6vw, 4.2rem) .25rem; }
.pagina-kop h1,
.pagina-kop .wp-block-post-title{
	font-family:var(--display); font-weight:800;
	font-size:clamp(2.1rem, 4.6vw, 3.2rem);
	line-height:1.06; letter-spacing:-.02em;
	text-wrap:balance;
}
.pagina-kop .wp-block-post-date{ margin-top:.8rem; }
.pagina-body{ padding-block:1rem clamp(3.5rem, 7vw, 5.5rem); }
.pagina-body p{ max-width:42em; }
.pagina-body p + p{ margin-top:1rem; }
.pagina-body h2, .pagina-body h3{ margin-top:2rem; }
.pagina-body a:not(.btn){
	text-decoration:none; font-weight:600;
	border-bottom:3px solid var(--spring);
	transition:background-color .2s ease;
}
.pagina-body a:not(.btn):hover{ background:var(--spring); }

/* ---------- Kennis (blog) ---------- */
.wp-block-post-date{
	font-size:.8rem; font-weight:700; letter-spacing:.1em;
	text-transform:uppercase; color:var(--grey);
}
.kennis-lijst{ padding-bottom:clamp(3.5rem, 7vw, 5.5rem); }
.kennis-lijst .wp-block-post{ margin-top:2.4rem; }
.kennis-lijst .wp-block-post-title{
	font-family:var(--display); font-weight:800;
	font-size:1.45rem; letter-spacing:-.01em; line-height:1.2;
	margin-bottom:.35rem;
}
.kennis-lijst .wp-block-post-title a{
	text-decoration:none;
	border-bottom:3px solid transparent;
	transition:border-color .25s ease;
}
.kennis-lijst .wp-block-post-title a:hover{ border-bottom-color:var(--spring); }
.kennis-lijst .wp-block-post-excerpt{ margin-top:.5rem; max-width:42em; color:#43474D; }
.wp-block-post-excerpt__more-link{
	font-weight:700; text-decoration:none;
	border-bottom:3px solid var(--spring);
}
.wp-block-query-pagination{ margin-top:2.8rem; font-weight:600; }
.wp-block-query-pagination a{ text-decoration:none; border-bottom:3px solid var(--spring); }

.terug-link a{
	text-decoration:none; font-weight:700;
	border-bottom:3px solid var(--spring);
}