/* Inline link with arrow that shifts on hover. */
.link-arrow {
    color: #fea531;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    transition: color .2s ease-out;
}

.link-arrow:hover,
.link-arrow:focus {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: #e09020;
}

.link-arrow .arrow {
    display: inline-block;
    transition: transform .2s ease-out;
    font-weight: 700;
}

.link-arrow:hover .arrow,
.link-arrow:focus .arrow {
    transform: translateX(4px);
}

/* Tighter breadcrumb spacing and reduced gap before landing hero. */
.section--breadcrumbs {
    padding-top: 10px;
    padding-bottom: 0;
}

.section--breadcrumbs + .landing-zonnezeilen .landing-hero {
    padding-top: 0;
}