body, ul, li, p, h1, h2 {font-family: 'Archivo', sans-serif; font-weight: 400; font-style: normal;}
body {margin: 0; background: var(--wit);color: var(--zwart); overflow-x: hidden;}
html, body {margin: 0; padding: 0;}
* {margin: 0; padding: 0; box-sizing: border-box;}
::selection {background: var(--orange); color: var(--white);}
h1, h2, h3, .display {font-family: 'Archivo Black', sans-serif; line-height: 0.92; letter-spacing: -0.01em;}
a {color: inherit; text-decoration: none;}
.eyebrow {font-family: 'Archivo', sans-serif; font-weight: 700; letter-spacing: 0.32em; font-size: clamp(0.7rem, 1vw, 0.85rem); color: var(--orange);}
.herozoek {position: relative; margin-top: var(--header-total-h); width: 100%; overflow: hidden;}
.container {width: 100%; margin: 0 auto;}
.container95 {width: 95%; margin: 0 0 0 5%;}
.containerpadding {width: 90%; margin: 0 auto;}
.container-1400 {max-width: 1400px; width: 90%; margin: 0 auto;}
.container-1400klein {max-width: 1400px; width: 90%; margin: 0 auto;}
.overlap-section {position: relative;}
.overlap-sectionimage {width: 100%; height: 100vh; min-height: 400px; object-fit: cover; display: block;}
.overlap-sectioncontainer {margin: -220px auto 0 auto; padding: 0; position: relative; z-index: 2;}
.responsive-img {width: 100%; height: auto; display: block; aspect-ratio: 400 / 599;}
.container60 {width: 100%; margin: 0;}
.ruim5rechts {margin: 0 5% 0 0;}
.ruim {margin: 0 0 0 20%;}
.thin {font-family: 'Archivo', sans-serif; font-weight: 100;}
.dun {font-family: 'Archivo', sans-serif; font-weight: 200;}
.standaard {font-family: 'Archivo', sans-serif; font-weight: 400;}
.bold {font-family: 'Archivo Black', sans-serif; font-weight: 400;}
@font-face {font-display: swap; font-family: 'Archivo Black'; font-style: normal; font-weight: 400; src: url("https://cargomaster.nl/font/archivo-black.woff2") format("woff2");}
@font-face {font-display: swap; font-family: 'Archivo'; font-style: normal; font-weight: 100; src: url("https://cargomaster.nl/font/archivo-100.woff2") format("woff2");}
@font-face {font-display: swap; font-family: 'Archivo'; font-style: normal; font-weight: 200; src: url("https://cargomaster.nl/font/archivo-200.woff2") format("woff2");}
@font-face {font-display: swap; font-family: 'Archivo'; font-style: normal; font-weight: 400; src: url("https://cargomaster.nl/font/archivo-400.woff2") format("woff2");}
.line06 {line-height: 0.6;}
.line08 {line-height: 0.8;}
.line10 {line-height: 1.0;}
.line12 {line-height: 1.2;}
.line14 {line-height: 1.4;}
.line16 {line-height: 1.6;}
.line18 {line-height: 1.8;}
.line20 {line-height: 2.0;}
.line22 {line-height: 2.2;}
.hero-video {position: sticky; bottom: 0; height: 80vh; width: 100%; overflow: hidden; z-index: 0; margin: 0;}
.hero-video-el {width: 100%; height: 70vh; object-fit: cover; margin: 0;}
.hero-content {position: relative; z-index: 2; margin-top: -80vh; padding-top: 50vh; padding-bottom: 10vh; color: white; mix-blend-mode: exclusion;}
.line {width: 100%; overflow: hidden; white-space: nowrap;}
.line span {display: inline-block; will-change: transform;}
.line--left span {transform: translateX(100vw);}
.line--right span {transform: translateX(-100vw);}
.caps {text-transform: uppercase;}
.leesbaar {text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);}
img.vollbreedte {display: block; width: 100%; height: auto;}
.skip-link {position: absolute; top: 0; left: 0; padding: 0.5rem 1rem; background: #000; color: #fff; z-index: 1000; transform: translateY(-100%);}
.skip-link:focus {transform: translateY(0);}
.logo-zwart .cls-1 {fill: #ffffff;}
.logo-zwart .cls-2 {fill: #000000;}
.logo-wit .cls-1 {fill: #000000;}
.logo-wit .cls-2 {fill: #ffffff;}
:root {--oranje: #C75000; --oranjedonker: #C75000; --grijs: #f4f4f4; --zwart: #000000; --zwarter: #000000; --wit: #ffffff; --header-top-h: 6rem; --header-bottom-h: 4rem; --header-total-h: calc(var(--header-top-h) + var(--header-bottom-h)); --black: #000000; --white: #ffffff; --orange: #C75000; --grey: #141414; --grey-line: rgba(255, 255, 255, 0.14); --grey-text: #9a9a9a;}
.oranje {background: var(--oranje);}
.oranjedonker {background: var(--oranjedonker);}
.grijs {background: var(--grijs);}
.zwart {background: var(--zwart);}
.zwarter {background: var(--zwarter);}
.wit {background: var(--wit);}
.t-oranje {color: var(--oranje);}
.t-oranjedonker {color: var(--oranjedonker);}
.t-grijs {color: var(--grijs);}
.t-zwart {color: var(--zwart);}
.t-wit {color: var(--wit);}
.megaxl {font-size: 2.75rem; font-size: clamp(2.75rem, 1.79rem + 4.81vw, 6rem);}
.mega {font-size: 3.2rem; font-size: clamp(3.1rem, 2.53rem + 3.56vw, 5.5rem);}
h1, .groot {font-size: 2.1rem; font-size: clamp(2.0rem, 1.64rem + 1.78vw, 3.2rem);}
h2, .medium {font-size: 1.5rem; font-size: clamp(1.4rem, 1.25rem + 0.74vw, 1.9rem);}
ul, li, p, .normaal {font-size: 1.3rem; font-size: clamp(1.2rem, 1.11rem + 0.44vw, 1.5rem);}
h3, .klein {font-size: 1.0rem; font-size: clamp(0.9rem, 0.81rem + 0.44vw, 1.2rem);}
.voorwaarden p {margin: 0 0 0.9em;}
.voorwaarden p.item {font-weight: 200; padding-left: 1.4em; text-indent: -1.6em;}
.voorwaarden ul {margin: 0 0 0.9em 1.6em; padding: 0;}
.voorwaarden ul li {font-weight: 200; margin-bottom: 0.4em;}
.spacer-xs {height: 0.5rem; height: clamp(0.5rem, 0.3rem + 0.8vw, 1rem);}
.spacer-sm {height: 1rem; height: clamp(1rem, 0.6rem + 2vw, 1.5rem);}
.spacer-md {height: 1.5rem; height: clamp(1.5rem, 1rem + 3vw, 2.5rem);}
.spacer-lg {height: 5rem; height: clamp(2.5rem, 1.5rem + 3vw, 7.5rem);}
.h-mob {display: none;}
.row {display: flex; flex-direction: column; gap: 5%;}
.col-35, .col-60, .col-25, .col-70, .col-15, .col-80, .col-35, .col-60 {width: 100%;}
.col-5 {width: 5%;}
.col-90 {width: 90%;}
.row60-35 {display: flex; flex-direction: column;}
.row60-35 .col-text, .row60-35 .col-image {box-sizing: border-box;}
.row60-35 .col-image {width: 100%; padding-left: 20%; padding-right: 20%; padding-top: 5%; padding-bottom: 15%; order: -1;}
.row60-35 .col-text {width: 100%; padding: 0; order: 1;}
.row-swap {flex-direction: row-reverse;}
.zoekkollom {display: flex;flex-direction: column;width: 100%;box-sizing: border-box;padding: 6% 5% 6% 5%}
.zoekkollom-tekst {margin: 1rem 0 1rem 0}
.zoekkollom-button {margin-top: auto;padding-top: 1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(272px,1fr));gap:22px}
.rechts-vert {display: flex; justify-content: flex-end;}
.rechts {text-align: right;}
.vert-links {writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap;}
.vert-rechts {writing-mode: vertical-rl; white-space: nowrap;}
.link-text {color: #1a1a1a; text-decoration: underline; text-underline-offset: 3px;}
.open-btn {padding: 0.9rem 1.75rem; border-radius: 999px; border: none; background: var(--zwarter); color: var(--wit); cursor: pointer;}
.link-cta {display: inline-block; background: #1a1a1a; color: #ffffff; text-decoration: none; padding: 0.9rem 1.75rem; border-radius: 999px;}
.link-row {display: flex; flex-direction: column; align-items: flex-start; gap: 1rem;}
.center {text-align: center;}
.streepjes-host {position: relative; overflow: hidden;}
.streepjes {position: absolute; top: var(--streepjes-top, -15%); right: var(--streepjes-right, -10%); width: var(--streepjes-width, 50%); height: var(--streepjes-height, 130%); background: repeating-linear-gradient(115deg, transparent 0 18px, rgba(240, 96, 0, var(--streepjes-opacity, 0.1)) 18px 22px); pointer-events: none; z-index: 1;}
.streepjeslinks {position: absolute; top: var(--streepjes-top, -15%); left: var(--streepjes-left, -10%); width: var(--streepjes-width, 50%); height: var(--streepjes-height, 130%); background: repeating-linear-gradient(65deg, transparent 0 18px, rgba(240, 96, 0, var(--streepjes-opacity, 0.1)) 18px 22px); pointer-events: none; z-index: 1;}
.subtle-hr {width: 100%; height: 1px; background: linear-gradient(to right, #111111, #ff8c00 20%, #ff8c00 80%, #111111);}
.twee-kolommen {display: grid; grid-template-columns: 1fr; gap: 2rem;}
.hover-groei {display: inline-block; transition: transform 0.2s ease; text-decoration: none;}
.hover-groei:hover {transform: scale(1.06);}
@media (prefers-reduced-motion: reduce) {
  .hover-groei {transition-duration: 0.01s;}
}
.afgerond {border-radius: 6px;}
.ruimte5 {box-sizing: border-box; padding-left: 5%; padding-right: 5%;}
.band-cover {background-image: url('https://cargomaster.nl/img/voorbeeld-band.jpg'); background-position: right center; background-repeat: no-repeat; background-size: cover;}
/* ============ FIXED HEADER ============ */
.site-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 200; display: flex; flex-direction: column;}
.header-top {height: var(--header-top-h); background: var(--wit); border-bottom: 1px solid rgba(0,0,0,0.06);}
.header-bottom {height: var(--header-bottom-h); background: var(--zwart);}
.header-top-inner, .header-bottom-inner {height: 100%; display: flex; align-items: center;}
.header-top-inner {justify-content: space-between;}
.site-logo {display: flex; align-items: center; text-decoration: none; color: var(--zwart);}
.site-logo img {display: block;}
.site-logo .cls-1 {fill: #ffffff;}
.site-logo .cls-2 {fill: #000000;}
.site-logo svg {height: clamp(2.75rem, 2rem + 2vw, 3.75rem); width: auto; display: block;}
.lang-divider {color: rgba(0,0,0,0.6);}
.vlag {display: inline-block; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; overflow: hidden;}
.vlag svg {display: block; width: 100%; height: 100%;}
.lang-switch {display: inline-flex; align-items: center; gap: 8px;}
.lang-link {display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: inherit;}
.lang-link:hover, .lang-link:focus-visible {text-decoration: underline;}
.lang-link.is-active {font-weight: 600;}
.primary-nav ul {display: flex; align-items: center; list-style: none; gap: clamp(1.5rem, 2.5vw, 3rem);}
.primary-nav ul li {display: flex; align-items: center; height: 2rem;}
.nav-link {letter-spacing: 0.03em; text-decoration: none; color: var(--wit); position: relative; padding-bottom: 0.35rem;}
.nav-link::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--oranje); transform: scaleX(0); transform-origin: left; transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);}
.nav-link:hover::after {transform: scaleX(1);}
.nav-item {gap: 0.4rem;}
.mega-toggle {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; background: none; border: none; border-radius: 50%; cursor: pointer; color: var(--wit); transition: background 0.25s ease, color 0.25s ease;}
.mega-toggle:hover {background: rgba(255, 255, 255, 0.12); color: var(--oranje);}
.mega-toggle svg {width: 14px; height: 14px; transition: transform 0.35s cubic-bezier(0.65,0,0.35,1);}
.mega-toggle.is-active {background: var(--oranje); color: var(--wit);}
.mega-toggle.is-active svg {transform: rotate(180deg);}
.header-bottom-inner {justify-content: left; position: relative;}
.nav-cta {position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.55rem 1.25rem; background: var(--oranje); color: var(--wit); text-decoration: none; letter-spacing: 0.03em; text-transform: uppercase; border-radius: 999px; transition: gap 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 14px rgba(240, 96, 0, 0.28);}
.nav-cta:hover {gap: 0.75rem; background: #cf5300;}
.nav-cta .arrow {width: 13px; height: 13px; display: flex; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);}
.nav-cta:hover .arrow {transform: translateX(3px);}
.mobile-nav-item-cta {border-bottom: none !important; justify-content: center; padding-top: 1rem;}
.mobile-nav-cta {display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; width: 100%; padding: 1rem 1.5rem; background: var(--oranje); color: var(--wit); text-decoration: none; text-transform: uppercase; letter-spacing: 0.03em; border-radius: 999px; transition: gap 0.3s ease, background 0.3s ease;}
.mobile-nav-cta:hover, .mobile-nav-cta:focus-visible {gap: 0.9rem; background: #cf5300;}
.mobile-nav-cta .arrow {width: 16px; height: 16px; display: flex; flex-shrink: 0;}
.mobile-nav-list li:nth-child(5) {transition-delay: 0.43s;}
.mega-panel {position: fixed; top: var(--header-total-h); left: 0; width: 100%; z-index: 190; background: var(--zwart); overflow: hidden; max-height: 0; visibility: hidden; transition: max-height 0.6s cubic-bezier(0.16,1,0.3,1), visibility 0s linear 0.6s;}
.mega-panel.is-open {max-height: 32rem; visibility: visible; transition: max-height 0.6s cubic-bezier(0.16,1,0.3,1);}
.mega-panel::before {content: ''; position: absolute; top: -20%; right: -10%; width: 55%; height: 140%; background: repeating-linear-gradient(115deg, transparent 0 18px, rgba(240, 96, 0, 0.07) 18px 22px); pointer-events: none;}
.mega-panel-inner {position: relative; padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3.5rem);}
.mega-panel-label {color: rgba(255,255,255,0.35); font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 1.5rem; display: block;}
.mega-list {list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem clamp(1.5rem, 3vw, 3rem);}
.mega-list li {border-top: 1px solid rgba(255,255,255,0.12);}
.mega-link {display: flex; flex-direction: column; gap: 0.6rem; padding-top: 1rem; color: var(--wit); text-decoration: none; letter-spacing: -0.005em; opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16,1,0.3,1), color 0.25s ease;}
.mega-panel.is-open .mega-link {opacity: 1; transform: translateY(0);}
.mega-list li:nth-child(1) .mega-link {transition-delay: 0.10s;}
.mega-list li:nth-child(2) .mega-link {transition-delay: 0.15s;}
.mega-list li:nth-child(3) .mega-link {transition-delay: 0.20s;}
.mega-list li:nth-child(4) .mega-link {transition-delay: 0.25s;}
.mega-list li:nth-child(5) .mega-link {transition-delay: 0.30s;}
.mega-list li:nth-child(6) .mega-link {transition-delay: 0.35s;}
.mega-link .index {color: rgba(255,255,255,0.35); font-size: 0.75rem; letter-spacing: 0.08em; transition: color 0.25s ease;}
.mega-link:hover {color: var(--oranje);}
.mega-link:hover .index {color: var(--oranje);}
.mega-backdrop {position: fixed; inset: 0; top: var(--header-total-h); background: rgba(0,0,0,0); z-index: 180; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0s linear 0.4s; pointer-events: none;}
.mega-backdrop.is-open {background: rgba(0,0,0,0.4); opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 0.4s ease;}
@media (prefers-reduced-motion: reduce) {
  .mega-panel, .mega-link, .mega-toggle svg, .mega-backdrop {transition-duration: 0.01s !important;}
}
.map-embed {position: relative;width: 100%;padding-bottom: 56.25%;overflow: hidden;border-radius: var(--radius, 6px)}
.map-embed iframe {position: absolute;inset: 0;width: 100%;height: 100%}
	
@media screen and (max-width: 900px) {
  .mega-list {grid-template-columns: 1fr;}
}
.hero-banden {position: relative; margin-top: var(--header-total-h); width: 100%; height: clamp(24rem, 55vw, 42rem); overflow: hidden; background: var(--zwart);}
.hero-banden-img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.hero-banden::after {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5) 100%); z-index: 1; pointer-events: none;}
.hero-banden::before {content: ''; position: absolute; top: -15%; right: -8%; width: 42%; height: 130%; background: repeating-linear-gradient(115deg, transparent 0 18px, rgba(240, 96, 0, 0.14) 18px 22px); z-index: 2; pointer-events: none;}
.hero-banden .container-1400 {position: absolute; inset: 0; max-width: 1400px; margin: 0 auto; z-index: 3;}
.hero-banden-content {position: relative; z-index: 3; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 65%; padding: 0;}
.hero-banden-content > *::after {content: ''; display: block; width: clamp(3rem, 6vw, 5rem); height: 3px; background: var(--oranje); margin-top: 1.25rem;}
.hero-cta {position: absolute; right: 0; bottom: 11vh; z-index: 3; display: inline-flex; align-items: center; gap: 0.7rem; padding: 0.95rem 1.9rem; background: var(--oranje); color: var(--wit); text-decoration: none; letter-spacing: 0.03em; text-transform: uppercase; border-radius: 999px; overflow: hidden; transition: gap 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 24px rgba(240, 96, 0, 0.25);}
.hero-cta:hover {gap: 1.1rem; background: #cf5300;}
.hero-cta .arrow {width: 18px; height: 18px; display: flex; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);}
.hero-cta:hover .arrow {transform: translateX(4px);}
@media screen and (max-width: 900px) {
  .hero-banden {height: 32rem;}
  .hero-banden-content {max-width: 100%;}
  .hero-cta {right: clamp(1.25rem, 4vw, 2rem); bottom: clamp(1.25rem, 4vw, 2rem); padding: 0.8rem 1.4rem;}
}
@media screen and (max-width: 900px) {
  :root {--header-bottom-h: 0rem;}
  .header-bottom {display: none;}
}
.header-top-right {display: flex; align-items: center; gap: 1.25rem;}
.mobile-nav-toggle {display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 44px; height: 44px; padding: 0; background: none; border: none; border-radius: 50%; cursor: pointer; transition: background 0.25s ease;}
.mobile-nav-toggle:hover {background: rgba(0,0,0,0.06);}
.mobile-nav-toggle-bar {display: block; width: 20px; height: 2px; background: var(--zwart); border-radius: 2px; transition: transform 0.35s cubic-bezier(0.65,0,0.35,1), opacity 0.2s ease, background 0.3s ease;}
.mobile-nav-toggle.is-active .mobile-nav-toggle-bar {background: var(--oranje);}
.mobile-nav-toggle.is-active .mobile-nav-toggle-bar:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.mobile-nav-toggle.is-active .mobile-nav-toggle-bar:nth-child(2) {opacity: 0;}
.mobile-nav-toggle.is-active .mobile-nav-toggle-bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
.mobile-nav {position: fixed; top: var(--header-total-h); left: 0; width: 100%; height: calc(100vh - var(--header-total-h)); z-index: 195; background: var(--zwart); overflow-y: auto; clip-path: circle(0% at top right); visibility: hidden; transition: clip-path 0.7s cubic-bezier(0.16,1,0.3,1), visibility 0s linear 0.7s;}
.mobile-nav.is-open {clip-path: circle(150% at top right); visibility: visible; transition: clip-path 0.7s cubic-bezier(0.16,1,0.3,1);}
.mobile-nav::before {content: ''; position: absolute; top: -10%; right: -20%; width: 80%; height: 120%; background: repeating-linear-gradient(115deg, transparent 0 18px, rgba(240, 96, 0, 0.07) 18px 22px); pointer-events: none;}
.mobile-nav-list {position: relative; padding: 2rem clamp(1.5rem, 6vw, 2.5rem);}
.mobile-nav-list ul {list-style: none;}
.mobile-nav-list li {border-bottom: 1px solid rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: space-between; opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16,1,0.3,1);}
.mobile-nav.is-open li {opacity: 1; transform: translateY(0);}
.mobile-nav-list li:nth-child(1) {transition-delay: 0.15s;}
.mobile-nav-list li:nth-child(2) {transition-delay: 0.22s;}
.mobile-nav-list li:nth-child(3) {transition-delay: 0.29s;}
.mobile-nav-list li:nth-child(4) {transition-delay: 0.36s;}
.mobile-nav-link {display: flex; align-items: baseline; gap: 0.75rem; padding: 1.1rem 0; color: var(--wit); text-decoration: none; text-transform: uppercase; letter-spacing: 0.03em; transition: color 0.25s ease;}
.mobile-nav-link .index {color: rgba(255,255,255,0.35); letter-spacing: 0.08em;}
.mobile-nav-link:hover, .mobile-nav-link:focus-visible {color: var(--oranje);}
@media (prefers-reduced-motion: reduce) {
  .mobile-nav, .mobile-nav-list li, .mobile-nav-toggle-bar {transition-duration: 0.01s !important;}
}
@media screen and (max-width: 900px) {
  .mobile-nav-toggle {display: flex;}
  .site-logo {max-width: 40%;}
  .site-logo svg {width: 100%; height: auto; max-height: 2.5rem;}
  :root {--header-top-h: 4.5rem; --header-bottom-h: 0rem;}
}
.equal-cols {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0;}
.equal-col {display: flex; flex-direction: column;}
.equal-col-img {width: 100%; aspect-ratio: 4 / 3; overflow: hidden;}
.equal-col-img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.equal-col-text {flex: 1; padding: 1.5rem;}
/* ============ FOOTER ============ */
.site-footer {border-top: 1px solid var(--grey-line);}
.footer-top {padding: 4rem 0 2.5rem; display: grid; grid-template-columns: 1fr; gap: 2.4rem 1.6rem;}
.footer-brand {grid-column: 1 / -1;}
.footer-col h2 {font-family: 'Archivo', sans-serif; font-weight: 700; letter-spacing: 0.14em; font-size: 0.78rem; color: var(--orange); margin-bottom: 1.2rem;}
.footer-brand .contact-block {color: #d8d8d8; font-weight: 600; font-size: 0.98rem; line-height: 1.75; margin-top: 1rem;}
.footer-brand .contact-block .company {font-family: 'Archivo Black', sans-serif; color: var(--white); font-size: 1.05rem; text-transform: none; display: block; margin-bottom: 0.3rem;}
.footer-contact-links {margin-top: 1.4rem; display: flex; flex-direction: column; gap: 0.5rem;}
.footer-contact-links a {color: #d8d8d8; font-weight: 600; font-size: 0.98rem; transition: color 0.2s ease;}
.footer-contact-links a:hover {color: var(--oranje);}
.footer-list {list-style: none;}
.footer-link {display: flex; align-items: center; gap: 0.8rem; padding: 0.5rem 0; color: #d8d8d8; font-weight: 600; font-size: 0.98rem; transition: color 0.2s ease;}
.footer-link .dash {display: inline-block; width: 14px; height: 2px; background: var(--orange); transition: width 0.2s ease; flex-shrink: 0;}
.footer-link:hover {color: var(--wit);}
.footer-link:hover .dash {width: 28px;}
.footer-logo-band {border-top: 1px solid var(--grey-line); background: var(--grey); padding: 2.5rem 0; display: flex; align-items: center; justify-content: center;}
.footer-logo-band img {width: min(90vw, 1100px); height: auto; display: block;}
.footer-bottom {padding: 1.6rem 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 1rem; flex-wrap: wrap;}
.footer-bottom .copy {color: var(--grey-text); font-size: 0.85rem; font-weight: 600;}
.footer-bottom .credit {color: var(--grey-text); font-size: 0.85rem; font-weight: 600;}
.footer-bottom .credit a {color: var(--grey-text); transition: color 0.2s ease;}
.footer-bottom .credit a:hover {color: var(--oranje);}
@media screen and (min-width: 900px) {
  .container-1400klein {max-width: 1400px; width: 75%; margin: 0 auto;}
  .responsive-img {aspect-ratio: 1200 / 675;}
  .container60 {width: 60%; margin: 0 0 0 40%;}
  .hero-video {position: sticky; top: 0; bottom: auto; height: 100vh;}
  .hero-video-el {height: 100%;}
  .hero-content {margin-top: -100vh; padding-top: 50vh; padding-bottom: 70vh;}
  .h-mob {display: block;}
  .row {flex-direction: row;}
  .col-35 {width: 35%;}
  .col-60 {width: 60%;}
  .col-25 {width: 25%;}
  .col-70 {width: 70%;}
  .col-15 {width: 15%;}
  .col-80 {width: 80%;}
  .row60-35 {display: grid; grid-template-columns: 60% 25%; column-gap: 15%;}
  .row60-35 .col-image {padding-left: 20%; padding-right: 20%; padding-top: 5%; padding-bottom: 15%; order: 0;}
  .row60-35 .col-text {order: 0;}
  .link-row {flex-direction: row; align-items: center; justify-content: space-between;}
  .contact-row {flex-direction: row; gap: 2rem;}
  .twee-kolommen {grid-template-columns: 1fr 1fr; gap: 5%;}
  .equal-cols {grid-template-columns: repeat(3, 1fr);}
.footer-top {gap: 3rem 2.5rem; padding: 5rem 0 3rem;}
  .footer-logo-band {padding: 3.5rem 0;}
  .footer-bottom {flex-direction: row; align-items: center;}
}
@media screen and (max-width: 900px) {
  .container70 {width: 70%; margin: 0 0 0 30%;}
  .container85 {width: 85%; margin: 0 0 0 15%;}
  .containers {min-height: auto !important;}
  .wrapper {grid-template-columns: 1fr;}
  .breed35, .breed60 {grid-column: auto; width: 100%;}
  .omgekeerd > :first-child {order: 2;}
  .omgekeerd > :last-child {order: 1;}
}
@media screen and (min-width: 521px) {
  .footer-top {grid-template-columns: 1fr 1fr;}
}
@media screen and (min-width: 1201px) {
  .footer-top {grid-template-columns: 1.6fr 1fr 1fr 1fr;}
  .footer-brand {grid-column: auto;}
}