/* RvR Installatietechniek — homepage */
html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #fff; color: #4b5768; font-family: 'Archivo', system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-wrap: pretty; }
a { color: #c4161c; text-decoration: none; }
a:hover { color: #a81217; }
img { display: block; max-width: 100%; }
:focus-visible { outline: 2px solid #1c65ae; outline-offset: 2px; }
::selection { background: #fbd3d0; }
[hidden] { display: none !important; }
[data-track]::-webkit-scrollbar { display: none; }

/* ---------- Componenten ---------- */
.page-1 {
  font-family:'Archivo', system-ui, sans-serif;
  color:#4b5768;
  background:#ffffff;
  min-width:320px;
}
.topbar-1 {
  background:#0d2742;
  color:rgba(255,255,255,0.82);
  font-size:13.5px;
}
.topbar-2 {
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
  height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.topbar-3 {
  display:flex;
  align-items:center;
  gap:10px;
  color:#ffffff;
}
.topbar-4 {
  padding:3px 8px;
  border-radius:999px;
  background:#c4161c;
  font-size:12px;
  font-weight:700;
  color:#ffffff;
}
.topbar-5 {
  display:flex;
  align-items:center;
  gap:20px;
}
.topbar-6 {
  color:rgba(255,255,255,0.82);
}
.header-1 {
  position:sticky;
  top:0;
  z-index:40;
  background:#ffffff;
  border-bottom:1px solid #e2e8ef;
}
.header-2 {
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
  height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.header-3 {
  display:flex;
  flex:none;
}
.header-4 {
  height:48px;
  width:auto;
}
.header-5 {
  display:flex;
  align-items:center;
}
.header-6 {
  position:relative;
}
.header-7 {
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 12px;
  border:0;
  background:none;
  border-radius:8px;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  color:#0d2742;
  cursor:pointer;
}
.header-8 {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-9 {
  position:absolute;
  top:100%;
  left:0;
  padding-top:12px;
  z-index:50;
}
.header-10 {
  width:280px;
  background:#ffffff;
  border:1px solid #e2e8ef;
  border-radius:14px;
  box-shadow:0 24px 60px rgba(13,39,66,0.16);
  padding:8px;
  display:flex;
  flex-direction:column;
}
.header-11 {
  padding:12px 14px;
  border-radius:10px;
  font-size:15px;
  font-weight:600;
  color:#0d2742;
}
.header-12 {
  padding:10px 12px;
  border-radius:8px;
  font-size:15px;
  font-weight:600;
  color:#0d2742;
}
.header-13 {
  display:flex;
  align-items:center;
  gap:18px;
  flex:none;
}
.header-14 {
  display:flex;
  align-items:center;
  gap:10px;
  color:#0d2742;
}
.header-15 {
  width:40px;
  height:40px;
  border-radius:999px;
  background:#e9f1fa;
  color:#1c65ae;
  display:flex;
  align-items:center;
  justify-content:center;
}
.header-16 {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-17 {
  display:flex;
  flex-direction:column;
  line-height:1.2;
}
.header-18 {
  font-size:12.5px;
  font-weight:500;
  color:#6b7686;
}
.header-19 {
  font-size:16px;
  font-weight:700;
}
.header-20 {
  display:inline-flex;
  align-items:center;
  padding:13px 20px;
  border-radius:10px;
  background:#c4161c;
  color:#ffffff;
  font-size:15.5px;
  font-weight:700;
}
.header-21 {
  display:flex;
  align-items:center;
  gap:8px;
}
.header-22 {
  width:44px;
  height:44px;
  border-radius:10px;
  background:#e9f1fa;
  color:#1c65ae;
  display:flex;
  align-items:center;
  justify-content:center;
}
.header-23 {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-24 {
  width:44px;
  height:44px;
  border-radius:10px;
  border:1px solid #e2e8ef;
  background:#ffffff;
  color:#0d2742;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.header-25 {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}
.header-26 {
  border-top:1px solid #e2e8ef;
  background:#ffffff;
  max-height:calc(100vh - 84px);
  overflow-y:auto;
}
.header-27 {
  max-width:1240px;
  margin:0 auto;
  padding:8px clamp(20px, 4vw, 40px) 24px;
  display:flex;
  flex-direction:column;
}
.header-28 {
  padding:14px 0;
  border-bottom:1px solid #eef2f6;
  font-size:17px;
  font-weight:600;
  color:#0d2742;
}
.header-29 {
  margin-top:20px;
  display:flex;
  justify-content:center;
  padding:15px 20px;
  border-radius:10px;
  background:#c4161c;
  color:#ffffff;
  font-size:16px;
  font-weight:700;
}
.hero-1 {
  background:linear-gradient(180deg, #ffffff 0%, #ffffff 62%, #f4f7fa 62%, #f4f7fa 100%);
}
.hero-2 {
  max-width:1240px;
  margin:0 auto;
  padding:clamp(40px, 6vw, 72px) clamp(20px, 4vw, 40px) 0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 460px), 1fr));
  gap:clamp(40px, 5vw, 72px);
  align-items:center;
}
.hero-3 {
  display:flex;
  flex-direction:column;
  gap:24px;
  align-items:flex-start;
}
.hero-4 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 14px 7px 10px;
  border-radius:999px;
  background:#f4f7fa;
  border:1px solid #e2e8ef;
  font-size:14px;
  font-weight:600;
  color:#0d2742;
}
.hero-5 {
  width:16px;
  height:16px;
  fill:none;
  stroke:#c4161c;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.hero-6 {
  margin:0;
  font-size:clamp(40px, 5.2vw, 64px);
  line-height:1.02;
  letter-spacing:-0.025em;
  font-weight:800;
  font-stretch:108%;
  color:#0d2742;
  text-wrap:balance;
}
.hero-7 {
  color:#c4161c;
}
.hero-8 {
  color:#1c65ae;
}
.hero-9 {
  margin:0;
  max-width:540px;
  font-size:clamp(17px, 1.4vw, 19px);
  line-height:1.6;
}
.hero-10 {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.hero-11 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 22px;
  border-radius:10px;
  background:#c4161c;
  color:#ffffff;
  font-size:16px;
  font-weight:700;
}
.hero-12 {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-13 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:16px 22px;
  border-radius:10px;
  border:1.5px solid #d5dde7;
  background:#ffffff;
  color:#0d2742;
  font-size:16px;
  font-weight:700;
}
.hero-14 {
  display:flex;
  align-items:center;
  gap:14px;
  color:#0d2742;
}
.hero-15 {
  display:flex;
}
.hero-16 {
  width:40px;
  height:40px;
  border-radius:999px;
  border:3px solid #ffffff;
  background:#fdecec;
  color:#a81217;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:15px;
}
.hero-17 {
  width:40px;
  height:40px;
  margin-left:-10px;
  border-radius:999px;
  border:3px solid #ffffff;
  background:#e9f1fa;
  color:#134a82;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:15px;
}
.hero-18 {
  width:40px;
  height:40px;
  margin-left:-10px;
  border-radius:999px;
  border:3px solid #ffffff;
  background:#fff0e8;
  color:#a8400f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:15px;
}
.hero-19 {
  display:flex;
  flex-direction:column;
  gap:2px;
}
.hero-20 {
  display:flex;
  align-items:center;
  gap:6px;
}
.hero-21 {
  font-size:15px;
  font-weight:800;
}
.hero-22 {
  display:flex;
  gap:1px;
}
.hero-23 {
  width:15px;
  height:15px;
  fill:#fdb728;
}
.hero-24 {
  font-size:14px;
  color:#6b7686;
}
.hero-25 {
  position:relative;
  padding:0 0 clamp(40px, 5vw, 64px) clamp(40px, 5vw, 64px);
}
.hero-26 {
  border-radius:22px;
  overflow:hidden;
  aspect-ratio:4 / 3;
  background:#dfe6ee;
}
.hero-27 {
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-28 {
  position:absolute;
  left:0;
  bottom:0;
  width:36%;
  aspect-ratio:3 / 4;
  border-radius:18px;
  overflow:hidden;
  border:6px solid #ffffff;
  background:#dfe6ee;
  box-shadow:0 20px 44px rgba(13,39,66,0.18);
}
.hero-29 {
  position:absolute;
  right:clamp(12px, 2vw, 24px);
  bottom:clamp(16px, 3vw, 36px);
  width:clamp(104px, 11vw, 132px);
  height:clamp(104px, 11vw, 132px);
  border-radius:999px;
  background:#0d2742;
  color:#ffffff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 16px 36px rgba(13,39,66,0.28);
  border:4px solid #ffffff;
}
.hero-30 {
  font-size:clamp(30px, 3vw, 38px);
  line-height:1;
  font-weight:800;
  font-stretch:108%;
}
.hero-31 {
  margin-top:4px;
  font-size:12.5px;
  line-height:1.25;
  color:rgba(255,255,255,0.85);
}
.hero-32 {
  max-width:1240px;
  margin:0 auto;
  padding:clamp(32px, 4vw, 48px) clamp(20px, 4vw, 40px) 0;
}
.hero-33 {
  background:#0d2742;
  border-radius:18px;
  padding:clamp(24px, 3vw, 32px);
  display:grid;
  gap:24px 32px;
}
.hero-34 {
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.hero-35 {
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(255,255,255,0.08);
  color:#ff9a85;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.hero-36 {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hero-37 {
  display:flex;
  flex-direction:column;
  gap:3px;
}
.hero-38 {
  font-size:16px;
  color:#ffffff;
}
.hero-39 {
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,0.72);
}
.hero-40 {
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(255,255,255,0.08);
  color:#6cb2ee;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.diensten-1 {
  background:#f4f7fa;
  padding:clamp(64px, 8vw, 104px) 0;
  scroll-margin-top:84px;
}
.diensten-2 {
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
}
.diensten-3 {
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px 40px;
}
.diensten-4 {
  display:flex;
  flex-direction:column;
  gap:14px;
  flex:1 1 420px;
}
.diensten-5 {
  font-size:14px;
  font-weight:700;
  color:#c4161c;
}
.diensten-6 {
  margin:0;
  font-size:clamp(30px, 3.4vw, 44px);
  line-height:1.08;
  letter-spacing:-0.02em;
  font-weight:800;
  font-stretch:108%;
  color:#0d2742;
  text-wrap:balance;
}
.diensten-7 {
  margin:0;
  flex:1 1 320px;
  max-width:460px;
  font-size:17px;
  line-height:1.6;
}
.diensten-8 {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-top:44px;
  align-items:stretch;
}
.diensten-9 {
  flex:1.1 1 420px;
  display:flex;
  flex-direction:column;
  background:#ffffff;
  border:1px solid #e2e8ef;
  border-radius:18px;
  overflow:hidden;
  color:#4b5768;
  transition:box-shadow 0.2s, transform 0.2s;
}
.diensten-10 {
  position:relative;
  aspect-ratio:16 / 9;
  overflow:hidden;
  min-height:0;
  background:#dfe6ee;
}
.diensten-11 {
  position:absolute;
  left:16px;
  top:16px;
  padding:6px 12px;
  border-radius:999px;
  background:#ffffff;
  font-size:13px;
  font-weight:700;
  color:#134a82;
}
.diensten-12 {
  padding:28px;
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
}
.diensten-13 {
  display:flex;
  align-items:center;
  gap:12px;
}
.diensten-14 {
  width:44px;
  height:44px;
  border-radius:12px;
  background:#e9f1fa;
  color:#1c65ae;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.diensten-15 {
  margin:0;
  font-size:24px;
  font-weight:800;
  font-stretch:104%;
  color:#0d2742;
}
.diensten-16 {
  margin:0;
  font-size:16px;
  line-height:1.6;
}
.diensten-17 {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-top:4px;
}
.diensten-18 {
  height:44px;
  padding:0 14px;
  border:1px solid #e2e8ef;
  border-radius:10px;
  display:flex;
  align-items:center;
  background:#ffffff;
}
.diensten-19 {
  width:80px;
  height:34px;
  object-fit:contain;
}
.diensten-20 {
  width:80px;
  height:18px;
  object-fit:contain;
}
.diensten-21 {
  width:80px;
  height:20px;
  object-fit:contain;
}
.diensten-22 {
  margin-top:auto;
  padding-top:8px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  color:#c4161c;
}
.diensten-23 {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.diensten-24 {
  flex:1 1 420px;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  grid-auto-rows:1fr;
  gap:20px;
}
.diensten-25 {
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:24px;
  background:#ffffff;
  border:1px solid #e2e8ef;
  border-radius:18px;
  color:#4b5768;
  transition:box-shadow 0.2s, transform 0.2s;
}
.diensten-26 {
  width:44px;
  height:44px;
  border-radius:12px;
  background:#fdecec;
  color:#c4161c;
  display:flex;
  align-items:center;
  justify-content:center;
}
.diensten-27 {
  margin:4px 0 0;
  font-size:19px;
  font-weight:800;
  font-stretch:104%;
  color:#0d2742;
}
.diensten-28 {
  margin:0;
  font-size:15px;
  line-height:1.55;
}
.diensten-29 {
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14.5px;
  font-weight:700;
  color:#c4161c;
}
.diensten-30 {
  width:44px;
  height:44px;
  border-radius:12px;
  background:#fff0e8;
  color:#d4501c;
  display:flex;
  align-items:center;
  justify-content:center;
}
.diensten-31 {
  width:44px;
  height:44px;
  border-radius:12px;
  background:#eaeef3;
  color:#0d2742;
  display:flex;
  align-items:center;
  justify-content:center;
}
.diensten-32 {
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:24px;
  background:#0d2742;
  border:1px solid #0d2742;
  border-radius:18px;
  color:rgba(255,255,255,0.78);
  transition:box-shadow 0.2s, transform 0.2s;
}
.diensten-33 {
  width:44px;
  height:44px;
  border-radius:12px;
  background:rgba(255,255,255,0.1);
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.diensten-34 {
  margin:4px 0 0;
  font-size:19px;
  font-weight:800;
  font-stretch:104%;
  color:#ffffff;
}
.diensten-35 {
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14.5px;
  font-weight:700;
  color:#ff9a85;
}
.reviews-1 {
  background:#0d2742;
  padding:clamp(64px, 8vw, 104px) 0;
  scroll-margin-top:84px;
  overflow:hidden;
}
.reviews-2 {
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
  display:flex;
  flex-wrap:wrap;
  gap:40px clamp(32px, 5vw, 72px);
  align-items:center;
}
.reviews-3 {
  flex:1 1 300px;
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:flex-start;
}
.reviews-4 {
  font-size:14px;
  font-weight:700;
  color:#ff9a85;
}
.reviews-5 {
  margin:0;
  font-size:clamp(30px, 3.4vw, 44px);
  line-height:1.08;
  letter-spacing:-0.02em;
  font-weight:800;
  font-stretch:108%;
  color:#ffffff;
  text-wrap:balance;
}
.reviews-6 {
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:8px;
  padding:16px 20px;
  border-radius:16px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.12);
}
.reviews-7 {
  width:36px;
  height:36px;
  object-fit:contain;
  background:#ffffff;
  border-radius:999px;
  padding:6px;
}
.reviews-8 {
  display:flex;
  flex-direction:column;
  gap:4px;
}
.reviews-9 {
  display:flex;
  align-items:center;
  gap:10px;
}
.reviews-10 {
  font-size:28px;
  line-height:1;
  font-weight:800;
  color:#ffffff;
}
.reviews-11 {
  display:flex;
  gap:2px;
}
.reviews-12 {
  width:18px;
  height:18px;
  fill:#fdb728;
}
.reviews-13 {
  font-size:14px;
  color:rgba(255,255,255,0.72);
}
.reviews-14 {
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  align-items:center;
  margin-top:8px;
}
.reviews-15 {
  display:inline-flex;
  padding:13px 18px;
  border-radius:10px;
  border:1.5px solid rgba(255,255,255,0.4);
  color:#ffffff;
  font-size:15px;
  font-weight:700;
}
.reviews-16 {
  font-size:15px;
  font-weight:600;
  color:#ff9a85;
}
.reviews-17 {
  flex:1.7 1 520px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.reviews-18 {
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding-bottom:4px;
}
.reviews-19 {
  margin:0;
  flex:0 0 calc(50% - 10px);
  min-width:280px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:28px;
  border-radius:18px;
  background:#ffffff;
}
.reviews-20 {
  width:16px;
  height:16px;
  fill:#fdb728;
}
.reviews-21 {
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:#26313f;
}
.reviews-22 {
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:12px;
}
.reviews-23 {
  width:40px;
  height:40px;
  border-radius:999px;
  background:#fdecec;
  color:#a81217;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}
.reviews-24 {
  display:flex;
  flex-direction:column;
  line-height:1.3;
}
.reviews-25 {
  font-size:15px;
  color:#0d2742;
}
.reviews-26 {
  font-size:13.5px;
  color:#6b7686;
}
.reviews-27 {
  width:40px;
  height:40px;
  border-radius:999px;
  background:#e9f1fa;
  color:#134a82;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}
.reviews-28 {
  width:40px;
  height:40px;
  border-radius:999px;
  background:#fff0e8;
  color:#a8400f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}
.reviews-29 {
  width:40px;
  height:40px;
  border-radius:999px;
  background:#eaeef3;
  color:#0d2742;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}
.reviews-30 {
  display:flex;
  gap:10px;
}
.reviews-31 {
  width:48px;
  height:48px;
  border-radius:999px;
  border:1.5px solid rgba(255,255,255,0.35);
  background:none;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.reviews-32 {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.over-ons-1 {
  background:#ffffff;
  padding:clamp(64px, 8vw, 104px) 0;
  scroll-margin-top:84px;
}
.over-ons-2 {
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 440px), 1fr));
  gap:clamp(40px, 6vw, 88px);
  align-items:center;
}
.over-ons-3 {
  display:flex;
  flex-direction:column;
  gap:20px;
  align-items:flex-start;
}
.over-ons-4 {
  margin:0;
  font-size:18px;
  line-height:1.6;
  color:#26313f;
}
.over-ons-5 {
  margin:0;
  font-size:16.5px;
  line-height:1.65;
}
.over-ons-6 {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px 28px;
  margin-top:8px;
  padding-top:24px;
  border-top:1px solid #e2e8ef;
  align-self:stretch;
}
.over-ons-7 {
  font-size:17px;
  color:#0d2742;
}
.over-ons-8 {
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 18px;
  border-radius:10px;
  border:1.5px solid #d5dde7;
  color:#0d2742;
  font-size:15px;
  font-weight:700;
}
.over-ons-9 {
  position:relative;
  width:100%;
  max-width:520px;
  justify-self:center;
  padding-bottom:clamp(48px, 6vw, 72px);
}
.over-ons-10 {
  border-radius:22px;
  overflow:hidden;
  aspect-ratio:4 / 5;
  background:#dfe6ee;
}
.over-ons-11 {
  position:absolute;
  left:clamp(-24px, -2vw, 0px);
  right:clamp(24px, 10%, 96px);
  bottom:0;
  margin:0;
  padding:24px 26px;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 22px 50px rgba(13,39,66,0.16);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.over-ons-12 {
  width:28px;
  height:28px;
  fill:#c4161c;
}
.over-ons-13 {
  margin:0;
  font-size:17px;
  line-height:1.5;
  font-weight:600;
  color:#0d2742;
}
.projecten-1 {
  margin:0;
  font-size:clamp(30px, 3.4vw, 44px);
  line-height:1.08;
  letter-spacing:-0.02em;
  font-weight:800;
  font-stretch:108%;
  color:#0d2742;
}
.projecten-2 {
  margin:0;
  max-width:520px;
  font-size:17px;
  line-height:1.6;
}
.projecten-3 {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 18px;
  border-radius:10px;
  border:1.5px solid #d5dde7;
  background:#ffffff;
  color:#0d2742;
  font-size:15px;
  font-weight:700;
}
.projecten-4 {
  display:grid;
  gap:16px;
  margin-top:40px;
}
.projecten-5 {
  position:relative;
  min-height:300px;
  border-radius:18px;
  overflow:hidden;
  background:#dfe6ee;
  color:#ffffff;
}
.projecten-6 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.projecten-7 {
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(13,39,66,0.88) 0%, rgba(13,39,66,0) 55%);
}
.projecten-8 {
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.projecten-9 {
  align-self:flex-start;
  padding:4px 10px;
  border-radius:999px;
  background:#c4161c;
  font-size:12.5px;
  font-weight:700;
}
.projecten-10 {
  font-size:clamp(20px, 2vw, 26px);
  line-height:1.2;
  font-weight:800;
}
.projecten-11 {
  position:relative;
  aspect-ratio:1 / 1;
  border-radius:18px;
  overflow:hidden;
  background:#dfe6ee;
  color:#ffffff;
}
.projecten-12 {
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(13,39,66,0.88) 0%, rgba(13,39,66,0) 60%);
}
.projecten-13 {
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.projecten-14 {
  font-size:12.5px;
  font-weight:700;
  color:#ffb3a3;
}
.projecten-15 {
  font-size:16px;
  line-height:1.25;
  font-weight:800;
}
.werkwijze-1 {
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap:clamp(40px, 6vw, 88px);
  align-items:start;
}
.werkwijze-2 {
  display:flex;
  flex-direction:column;
  gap:16px;
  align-items:flex-start;
}
.werkwijze-3 {
  margin:0;
  max-width:460px;
  font-size:17px;
  line-height:1.6;
}
.werkwijze-4 {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:12px;
}
.werkwijze-5 {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:15px 20px;
  border-radius:10px;
  background:#c4161c;
  color:#ffffff;
  font-size:15.5px;
  font-weight:700;
}
.werkwijze-6 {
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  padding:8px 4px;
  color:#0d2742;
  line-height:1.25;
}
.werkwijze-7 {
  font-size:12.5px;
  color:#6b7686;
}
.werkwijze-8 {
  font-size:16px;
}
.werkwijze-9 {
  position:relative;
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:28px;
}
.werkwijze-10 {
  position:absolute;
  left:23px;
  top:24px;
  bottom:24px;
  width:2px;
  background:#e2e8ef;
}
.werkwijze-11 {
  position:relative;
  display:flex;
  gap:22px;
  align-items:flex-start;
}
.werkwijze-12 {
  width:48px;
  height:48px;
  border-radius:999px;
  background:#c4161c;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:800;
  flex:none;
  border:4px solid #ffffff;
  box-sizing:content-box;
  margin:-4px;
}
.werkwijze-13 {
  display:flex;
  flex-direction:column;
  gap:6px;
  padding-top:10px;
}
.werkwijze-14 {
  font-size:19px;
  font-weight:800;
  color:#0d2742;
}
.werkwijze-15 {
  font-size:15.5px;
  line-height:1.6;
}
.werkwijze-16 {
  width:48px;
  height:48px;
  border-radius:999px;
  background:#0d2742;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:800;
  flex:none;
  border:4px solid #ffffff;
  box-sizing:content-box;
  margin:-4px;
}
.werkwijze-17 {
  width:48px;
  height:48px;
  border-radius:999px;
  background:#1c65ae;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:800;
  flex:none;
  border:4px solid #ffffff;
  box-sizing:content-box;
  margin:-4px;
}
.certificeringen-1 {
  background:#f4f7fa;
  padding:clamp(64px, 8vw, 104px) 0;
}
.certificeringen-2 {
  max-width:1240px;
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 40px);
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap:clamp(40px, 6vw, 88px);
  align-items:center;
}
.certificeringen-3 {
  display:flex;
  flex-direction:column;
  gap:16px;
}
.certificeringen-4 {
  margin:0;
  max-width:480px;
  font-size:17px;
  line-height:1.6;
}
.certificeringen-5 {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.certificeringen-6 {
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px 24px;
  background:#ffffff;
  border:1px solid #e2e8ef;
  border-radius:16px;
}
.certificeringen-7 {
  width:72px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.certificeringen-8 {
  max-width:72px;
  max-height:72px;
  object-fit:contain;
}
.certificeringen-9 {
  font-size:18px;
  color:#0d2742;
}
.certificeringen-10 {
  font-size:15px;
  line-height:1.55;
}
.certificeringen-11 {
  width:72px;
  height:72px;
  border-radius:14px;
  background:#e9f1fa;
  color:#1c65ae;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
}
.certificeringen-12 {
  width:32px;
  height:32px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.faq-1 {
  display:flex;
  flex-direction:column;
  gap:14px;
  max-width:680px;
}
.faq-2 {
  display:flex;
  flex-wrap:wrap;
  gap:32px clamp(32px, 5vw, 64px);
  margin-top:40px;
  align-items:flex-start;
}
.faq-3 {
  flex:1.7 1 480px;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.faq-4 {
  border:1px solid #e2e8ef;
  border-radius:14px;
  background:#ffffff;
}
.faq-5 {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border:0;
  background:none;
  font-family:inherit;
  font-size:17px;
  font-weight:700;
  line-height:1.35;
  text-align:left;
  color:#0d2742;
  cursor:pointer;
}
.faq-6 {
  width:32px;
  height:32px;
  border-radius:999px;
  background:#f4f7fa;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  color:#0d2742;
}
.faq-7 {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
}
.faq-8 {
  margin:0;
  padding:0 22px 22px;
  font-size:16px;
  line-height:1.65;
}
.faq-9 {
  flex:1 1 300px;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:28px;
  border-radius:18px;
  background:#0d2742;
  color:rgba(255,255,255,0.78);
}
.faq-10 {
  font-size:21px;
  line-height:1.25;
  font-weight:800;
  font-stretch:104%;
  color:#ffffff;
}
.faq-11 {
  margin:0;
  font-size:15.5px;
  line-height:1.6;
}
.faq-12 {
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:12px;
  background:rgba(255,255,255,0.08);
  color:#ffffff;
}
.faq-13 {
  width:20px;
  height:20px;
  fill:none;
  stroke:#ff9a85;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.faq-14 {
  font-size:13px;
  color:rgba(255,255,255,0.7);
}
.faq-15 {
  width:20px;
  height:20px;
  fill:none;
  stroke:#6cb2ee;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.faq-16 {
  display:flex;
  flex-direction:column;
  line-height:1.3;
  min-width:0;
}
.faq-17 {
  font-size:15px;
  overflow-wrap:anywhere;
}
.kennis-1 {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-top:40px;
  align-items:stretch;
}
.kennis-2 {
  flex:1.2 1 420px;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:clamp(28px, 3vw, 40px);
  border-radius:18px;
  background:#c4161c;
  color:rgba(255,255,255,0.88);
  transition:transform 0.2s;
}
.kennis-3 {
  align-self:flex-start;
  padding:5px 12px;
  border-radius:999px;
  background:#ffffff;
  font-size:13px;
  font-weight:700;
  color:#a81217;
}
.kennis-4 {
  font-size:clamp(24px, 2.4vw, 32px);
  line-height:1.15;
  font-weight:800;
  font-stretch:106%;
  color:#ffffff;
  text-wrap:balance;
}
.kennis-5 {
  font-size:16.5px;
  line-height:1.6;
  max-width:460px;
}
.kennis-6 {
  margin-top:auto;
  padding-top:12px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15.5px;
  font-weight:700;
  color:#ffffff;
}
.kennis-7 {
  flex:1 1 360px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.kennis-8 {
  flex:1;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:26px;
  border-radius:18px;
  background:#ffffff;
  border:1px solid #e2e8ef;
  color:#4b5768;
  transition:box-shadow 0.2s;
}
.kennis-9 {
  font-size:13px;
  font-weight:700;
  color:#1c65ae;
}
.kennis-10 {
  font-size:20px;
  line-height:1.25;
  font-weight:800;
  color:#0d2742;
}
.kennis-11 {
  margin-top:auto;
  font-size:14.5px;
  font-weight:700;
  color:#c4161c;
}
.kennis-12 {
  font-size:13px;
  font-weight:700;
  color:#d4501c;
}
.contact-1 {
  background:#0d2742;
  border-radius:24px;
  padding:clamp(28px, 5vw, 64px);
  display:flex;
  flex-wrap:wrap;
  gap:40px clamp(32px, 5vw, 72px);
  align-items:flex-start;
}
.contact-2 {
  flex:1 1 380px;
  display:flex;
  flex-direction:column;
  gap:16px;
  color:rgba(255,255,255,0.8);
}
.contact-3 {
  margin:0;
  font-size:17px;
  line-height:1.6;
}
.contact-4 {
  display:flex;
  flex-direction:column;
  margin-top:12px;
  border-top:1px solid rgba(255,255,255,0.14);
}
.contact-5 {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:4px 16px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
}
.contact-6 {
  font-size:14.5px;
  color:rgba(255,255,255,0.7);
}
.contact-7 {
  font-size:18px;
}
.contact-8 {
  font-size:16px;
  overflow-wrap:anywhere;
}
.contact-9 {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:4px 16px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
}
.contact-10 {
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:12px;
}
.contact-11 {
  font-size:14.5px;
  font-weight:700;
  color:#ffffff;
}
.contact-12 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.contact-13 {
  padding:6px 12px;
  border-radius:999px;
  background:#c4161c;
  font-size:13.5px;
  font-weight:600;
  color:#ffffff;
}
.contact-14 {
  padding:6px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.22);
  font-size:13.5px;
  color:#ffffff;
}
.contact-15 {
  flex:1 1 400px;
  min-width:0;
}
.contact-16 {
  background:#ffffff;
  border-radius:18px;
  padding:clamp(24px, 3vw, 36px);
}
.contact-17 {
  font-size:22px;
  font-weight:800;
  font-stretch:104%;
  color:#0d2742;
}
.contact-18 {
  display:flex;
  flex-direction:column;
  gap:8px;
}
.contact-19 {
  font-size:14px;
  font-weight:600;
  color:#0d2742;
}
.contact-20 {
  padding:9px 14px;
  border-radius:999px;
  border:1.5px solid #d5dde7;
  background:#ffffff;
  color:#0d2742;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.contact-21 {
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
  font-weight:600;
  color:#0d2742;
}
.contact-22 {
  height:48px;
  padding:0 14px;
  border-radius:10px;
  border:1.5px solid #d5dde7;
  font-family:inherit;
  font-size:16px;
  color:#0d2742;
  background:#ffffff;
}
.contact-23 {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.contact-24 {
  flex:1 1 180px;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:14px;
  font-weight:600;
  color:#0d2742;
}
.contact-25 {
  padding:12px 14px;
  border-radius:10px;
  border:1.5px solid #d5dde7;
  font-family:inherit;
  font-size:16px;
  line-height:1.5;
  color:#0d2742;
  background:#ffffff;
  resize:vertical;
}
.contact-26 {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:16px 22px;
  border:0;
  border-radius:10px;
  background:#c4161c;
  color:#ffffff;
  font-family:inherit;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}
.contact-27 {
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-start;
  padding:12px 0;
}
.contact-28 {
  width:52px;
  height:52px;
  border-radius:999px;
  background:#e7f5ec;
  color:#1f7a45;
  display:flex;
  align-items:center;
  justify-content:center;
}
.contact-29 {
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-30 {
  font-size:22px;
  font-weight:800;
  color:#0d2742;
}
.contact-31 {
  padding:0;
  border:0;
  background:none;
  font-family:inherit;
  font-size:15px;
  font-weight:700;
  color:#c4161c;
  cursor:pointer;
}
.footer-1 {
  background:#0a1f35;
  color:rgba(255,255,255,0.72);
}
.footer-2 {
  max-width:1240px;
  margin:0 auto;
  padding:clamp(56px, 7vw, 80px) clamp(20px, 4vw, 40px) 0;
}
.footer-3 {
  display:flex;
  flex-wrap:wrap;
  gap:40px clamp(32px, 5vw, 64px);
}
.footer-4 {
  flex:1.6 1 300px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.footer-5 {
  height:54px;
  width:auto;
  align-self:flex-start;
}
.footer-6 {
  margin:0;
  max-width:380px;
  font-size:15px;
  line-height:1.65;
}
.footer-7 {
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#ffffff;
}
.footer-8 {
  width:36px;
  height:36px;
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
}
.footer-9 {
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.footer-10 {
  flex:1 1 170px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-11 {
  margin-bottom:4px;
  font-size:16px;
  color:#ffffff;
}
.footer-12 {
  font-size:15px;
  color:rgba(255,255,255,0.72);
}
.footer-13 {
  flex:1 1 200px;
  max-width:320px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-14 {
  display:flex;
  justify-content:space-between;
  gap:16px;
  font-size:15px;
}
.footer-15 {
  color:#ffffff;
}
.footer-16 {
  font-size:14px;
  line-height:1.55;
}
.footer-17 {
  margin-top:48px;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,0.12);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px 24px;
  font-size:14px;
  color:rgba(255,255,255,0.6);
}
.footer-18 {
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
}
.footer-19 {
  color:rgba(255,255,255,0.6);
}
.footer-20 {
  height:72px;
}
.mobilebar-1 {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:60;
  background:#ffffff;
  border-top:1px solid #e2e8ef;
  box-shadow:0 -8px 24px rgba(13,39,66,0.08);
  display:grid;
  grid-template-columns:1fr 1.4fr;
  gap:8px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
}
.mobilebar-2 {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:10px;
  border:1.5px solid #d5dde7;
  color:#0d2742;
  font-size:15px;
  font-weight:700;
}
.mobilebar-3 {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:10px;
  background:#c4161c;
  color:#ffffff;
  font-size:15px;
  font-weight:700;
}

/* ---------- Hover ---------- */
.topbar-3:hover {
  color:#ffd2c8;
}
.topbar-6:hover {
  color:#ffffff;
}
.header-7:hover {
  background:#f4f7fa;
}
.header-11:hover {
  background:#f4f7fa;
  color:#c4161c;
}
.header-12:hover {
  background:#f4f7fa;
  color:#0d2742;
}
.header-14:hover {
  color:#c4161c;
}
.header-20:hover {
  background:#a81217;
  color:#ffffff;
}
.header-29:hover {
  background:#a81217;
  color:#ffffff;
}
.hero-11:hover {
  background:#a81217;
  color:#ffffff;
}
.hero-13:hover {
  border-color:#0d2742;
  color:#0d2742;
}
.hero-14:hover {
  color:#0d2742;
}
.diensten-9:hover {
  box-shadow:0 18px 40px rgba(13,39,66,0.10);
  transform:translateY(-3px);
  color:#4b5768;
}
.diensten-25:hover {
  box-shadow:0 18px 40px rgba(13,39,66,0.10);
  transform:translateY(-3px);
  color:#4b5768;
}
.diensten-32:hover {
  box-shadow:0 18px 40px rgba(13,39,66,0.22);
  transform:translateY(-3px);
  color:rgba(255,255,255,0.78);
}
.reviews-15:hover {
  border-color:#ffffff;
  color:#ffffff;
}
.reviews-16:hover {
  color:#ffffff;
}
.reviews-31:hover {
  background:rgba(255,255,255,0.1);
  border-color:#ffffff;
}
.over-ons-8:hover {
  border-color:#0d2742;
  color:#0d2742;
}
.projecten-3:hover {
  border-color:#0d2742;
  color:#0d2742;
}
.projecten-5:hover {
  color:#ffffff;
}
.projecten-11:hover {
  color:#ffffff;
}
.werkwijze-5:hover {
  background:#a81217;
  color:#ffffff;
}
.werkwijze-6:hover {
  color:#c4161c;
}
.faq-5:hover {
  color:#c4161c;
}
.faq-12:hover {
  background:rgba(255,255,255,0.14);
  color:#ffffff;
}
.kennis-2:hover {
  transform:translateY(-3px);
  color:rgba(255,255,255,0.88);
}
.kennis-8:hover {
  box-shadow:0 18px 40px rgba(13,39,66,0.10);
  color:#4b5768;
}
.contact-5:hover {
  color:#ff9a85;
}
.contact-20:hover {
  border-color:#0d2742;
}
.contact-26:hover {
  background:#a81217;
}
.footer-7:hover {
  color:#ff9a85;
}
.footer-12:hover {
  color:#ffffff;
}
.footer-19:hover {
  color:#ffffff;
}
.mobilebar-3:hover {
  color:#ffffff;
}

/* ---------- Active ---------- */
.header-20:active {
  background:#8f0f13;
}
.hero-11:active {
  background:#8f0f13;
}
.contact-26:active {
  background:#8f0f13;
}

/* ---------- Staten (JS) ---------- */
[data-dropdown]:not(:hover):not(.open) .dropdown { display: none !important; }
#site-header:not(.menu-open) .mobile-panel { display: none !important; }
#site-header:not(.menu-open) .icon-close,
#site-header.menu-open .icon-menu { display: none !important; }
.faq-item:not(.open) .faq-answer { display: none !important; }
.faq-item.open .faq-plus { display: none !important; }
.topic.is-on { background: #0d2742 !important; border-color: #0d2742 !important; color: #fff !important; }

/* ---------- Responsive ---------- */
.gallery-grid { grid-template-columns: minmax(0, 1fr); }
.usp-grid { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .usp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 600px) {
  .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery-big { grid-column: span 2; grid-row: span 2; }
}
@media (min-width: 1000px) { .gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .usp-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 899.98px) { .topbar { display: none !important; } }
@media (max-width: 1239.98px) { .only-desktop { display: none !important; } }
@media (min-width: 1240px) { .not-desktop, .mobile-panel { display: none !important; } }
@media (min-width: 760px) { .only-mobile { display: none !important; } }