.elementor-3775 .elementor-element.elementor-element-40d6287 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}@media(min-width:768px){.elementor-3775 .elementor-element.elementor-element-40d6287{width:100%;}}/* Start custom CSS for html, class: .elementor-element-4b373a5 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');

.dg-kwaliteit{
  --brand-yellow:#fab702;
  --brand-black:#111111;
  --brand-dark:#1a1a1a;
  --bg:#ffffff;
  --ink:#111111;
  --muted:#5e6570;
  --container:1200px;
  --gutter: clamp(16px, 3vw, 32px);
  --radius:22px;
  --shadow: 0 18px 40px rgba(17,17,17,.14);
  --shadow-soft: 0 12px 30px rgba(17,17,17,.10);
  --ring: 0 0 0 4px rgba(250,183,2,.35);

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
  background:transparent;
  line-height:1.5;
  direction:ltr;
  text-align:left;
}

.dg-kwaliteit,
.dg-kwaliteit *{ box-sizing:border-box; }

.dg-kwaliteit h1,
.dg-kwaliteit h2,
.dg-kwaliteit h3,
.dg-kwaliteit h4,
.dg-kwaliteit p{ margin:0; }

.dg-kwaliteit img{ max-width:100%; display:block; height:auto; }
.dg-kwaliteit a{ color:inherit; text-decoration:none; }
.dg-kwaliteit button{ font:inherit; }

/* Elementor soms laadt Font Awesome imports niet in custom CSS.
   Deze fallback zorgt dat gebruikte icon classes altijd zichtbaar blijven. */
.dg-kwaliteit i[class^="fa-"],
.dg-kwaliteit i[class*=" fa-"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  line-height:1;
  font-style:normal;
  font-family:inherit;
  font-weight:900;
}
.dg-kwaliteit .fa-award::before{ content:"\2605"; }
.dg-kwaliteit .fa-clipboard-check::before{ content:"\2713"; }
.dg-kwaliteit .fa-shield-halved::before{ content:"\25C8"; }
.dg-kwaliteit .fa-check-double::before{ content:"\2713\2713"; letter-spacing:-.2em; margin-right:.12em; }
.dg-kwaliteit .fa-leaf::before{ content:"\273F"; }
.dg-kwaliteit .fa-file-pdf::before{ content:"PDF"; font-size:.72em; letter-spacing:.04em; }

.dg-kwaliteit .container{
  width:100%;
  max-width: var(--container);
  margin:0 auto;
  padding: 0 var(--gutter);
}

.dg-kwaliteit .skip-link{
  position:absolute;
  left:-999px;
  top:12px;
  background:var(--brand-black);
  color:#fff;
  padding:10px 12px;
  border-radius:12px;
  z-index:9999;
}
.dg-kwaliteit .skip-link:focus{ left:12px; outline:none; box-shadow:var(--ring); }

.dg-kwaliteit .site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.82);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(17,17,17,.06);
}
.dg-kwaliteit .site-header[data-elevated="true"]{
  background:rgba(255,255,255,.92);
  box-shadow: 0 10px 30px rgba(17,17,17,.08);
}
.dg-kwaliteit .header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:76px;
}

.dg-kwaliteit .brand{
  display:flex;
  align-items:baseline;
  gap:10px;
  letter-spacing:-.04em;
  font-weight:900;
  text-transform:uppercase;
}
.dg-kwaliteit .brand__word{ font-size:20px; }
.dg-kwaliteit .brand__tag{
  font-size:12px;
  background:var(--brand-yellow);
  color:var(--brand-black);
  padding:6px 10px;
  border-radius:999px;
  box-shadow: 0 12px 22px rgba(250,183,2,.22);
}

.dg-kwaliteit .nav{
  display:flex;
  align-items:center;
  gap:18px;
}
.dg-kwaliteit .nav__link{
  font-weight:700;
  font-size:14px;
  color: rgba(17,17,17,.68);
  padding:10px 10px;
  border-radius:999px;
}
.dg-kwaliteit .nav__link:hover{ color:var(--brand-black); background: rgba(17,17,17,.04); }
.dg-kwaliteit .nav__link.is-active{
  color:var(--brand-black);
  background: rgba(250,183,2,.16);
  box-shadow: inset 0 0 0 2px rgba(250,183,2,.36);
}
.dg-kwaliteit .nav__cta{
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.14em;
  padding:12px 14px;
  border-radius:14px;
  background:var(--brand-yellow);
  color:var(--brand-black);
}
.dg-kwaliteit .nav__cta:hover{ filter:brightness(.98); transform: translateY(-1px); }

.dg-kwaliteit .nav-toggle{
  display:none;
  align-items:center;
  gap:10px;
  border:1px solid rgba(17,17,17,.10);
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
}
.dg-kwaliteit .nav-toggle:focus-visible{ outline:none; box-shadow:var(--ring); }
.dg-kwaliteit .nav-toggle__label{
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
}
.dg-kwaliteit .nav-toggle__icon{ width:18px; height:12px; position:relative; }
.dg-kwaliteit .nav-toggle__icon::before,
.dg-kwaliteit .nav-toggle__icon::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background:var(--brand-black);
  border-radius:2px;
}
.dg-kwaliteit .nav-toggle__icon::before{ top:0; box-shadow: 0 5px 0 var(--brand-black); }
.dg-kwaliteit .nav-toggle__icon::after{ bottom:0; }

.dg-kwaliteit .hero{
  position:relative;
  min-height: 520px;
  overflow:hidden;
  background: radial-gradient(1200px 700px at 18% 20%, rgba(250,183,2,.18), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #f6f7f8 100%);
}
.dg-kwaliteit .hero__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(17,17,17,.82) 0%, rgba(17,17,17,.45) 58%, rgba(17,17,17,.18) 100%),
    url("https://degierbv.nl/wp-content/uploads/2026/03/Duurzaamheid-1-1.jpeg") center/cover no-repeat;
  transform: scale(1.03);
  filter: saturate(.95) contrast(1.05);
}
.dg-kwaliteit .hero__floor{
  position:absolute;
  left:0; right:0; bottom:-1px;
  height: 140px;
  background:
    linear-gradient(180deg, rgba(246,247,248,0) 0%, rgba(246,247,248,1) 70%),
    repeating-linear-gradient(90deg, rgba(17,17,17,.06) 0 10px, rgba(17,17,17,0) 10px 26px);
  mix-blend-mode: multiply;
  opacity:.55;
}

.dg-kwaliteit .hero__grid{
  position:relative;
  display:grid;
  grid-template-columns: 1fr;
  padding: 64px 0 52px;
}
.dg-kwaliteit .hero__copy{ color:#fff; max-width: 700px; }

.dg-kwaliteit .kicker{
  display:inline-flex;
  align-items:center;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.28em;
  font-size:12px;
  color: rgba(255,255,255,.78);
}
.dg-kwaliteit .kicker--dark{ color: rgba(17,17,17,.70); }

.dg-kwaliteit .hero__title{
  margin:14px 0 10px;
  font-size: clamp(36px, 5.2vw, 70px);
  line-height: .95;
  letter-spacing:-.06em;
  text-transform:uppercase;
  font-weight: 900;
  color:#ffffff;
}
.dg-kwaliteit .hero__title-accent{
  display:inline-block;
  color: var(--brand-yellow);
  text-shadow: 0 14px 40px rgba(250,183,2,.18);
}
.dg-kwaliteit .hero__lead{
  margin:0;
  max-width: 60ch;
  color: rgba(255,255,255,.80);
  font-weight:600;
  font-size: 16px;
}

.dg-kwaliteit .hero__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 22px;
}
.dg-kwaliteit .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 14px 16px;
  border-radius: 16px;
  font-weight: 900;
  text-transform:uppercase;
  letter-spacing: .14em;
  font-size: 12px;
  border: 1px solid transparent;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.dg-kwaliteit .btn:focus-visible{ outline:none; box-shadow:var(--ring); }
.dg-kwaliteit .btn--primary{
  background: var(--brand-yellow);
  color: var(--brand-black);
  box-shadow: 0 16px 34px rgba(250,183,2,.22);
}
.dg-kwaliteit .btn--primary:hover{ transform: translateY(-1px); filter:brightness(.99); }
.dg-kwaliteit .btn--ghost{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
  color:#fff;
}
.dg-kwaliteit .btn--ghost:hover{ background: rgba(255,255,255,.16); transform: translateY(-1px); }

.dg-kwaliteit .hero__meta{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top: 18px;
}
.dg-kwaliteit .meta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.86);
  font-weight:800;
  font-size: 12px;
}

.dg-kwaliteit .section{ padding: 64px 0; }
.dg-kwaliteit .section__head{ margin-bottom: 18px; }
.dg-kwaliteit .h2{
  margin: 10px 0 6px;
  font-weight: 900;
  text-transform:uppercase;
  letter-spacing:-.05em;
  line-height:1.02;
  font-size: clamp(26px, 3vw, 40px);
  color: var(--brand-black);
}
.dg-kwaliteit .h2--light{ color:#fff; }
.dg-kwaliteit .lead{
  margin:0;
  color: rgba(17,17,17,.68);
  font-weight: 600;
  max-width: 70ch;
}
.dg-kwaliteit .lead--muted{ color: rgba(255,255,255,.70); }

.dg-kwaliteit .grid{
  margin: 18px auto 0;
}
.dg-kwaliteit .grid__items{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  grid-auto-flow: row dense;
  justify-content: start;
  align-content: start;
  width:100%;
  max-width:none;
  justify-items: stretch;
  align-items: stretch;
}
.dg-kwaliteit .grid__items > *{ min-width:0; }
.dg-kwaliteit .grid__items > :not(.card){ display:none; }

.dg-kwaliteit .card{
  background:#fff;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 24px;
  overflow:hidden;
  box-shadow: var(--shadow-soft);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  width:100%;
}
.dg-kwaliteit .card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow);
  border-color: rgba(250,183,2,.35);
}
.dg-kwaliteit .card--accent{ border-left: 4px solid var(--brand-yellow); }
.dg-kwaliteit .card__body{ padding: 20px 20px 22px; }
.dg-kwaliteit .card__icon{
  width:46px;
  height:46px;
  border-radius: 14px;
  background: rgba(17,17,17,.92);
  color: var(--brand-yellow);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 14px 28px rgba(17,17,17,.18);
  margin-bottom: 14px;
  font-size: 20px;
}
.dg-kwaliteit .card__title{
  margin:0 0 8px;
  font-weight: 900;
  text-transform:uppercase;
  letter-spacing:-.04em;
  font-size: 16px;
  color: var(--brand-black);
}
.dg-kwaliteit .card__text{
  margin:0;
  color: rgba(17,17,17,.64);
  font-weight: 600;
  font-size: 13px;
}
.dg-kwaliteit .card__text + .card__text{ margin-top: 8px; }
.dg-kwaliteit .logo-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top: 12px;
}
.dg-kwaliteit .logo-row img{
  width:84px;
  height:auto;
  border-radius: 10px;
  background:#fff;
  padding: 6px;
  border: 1px solid rgba(17,17,17,.08);
}

.dg-kwaliteit .section--dark{
  background:
    radial-gradient(1200px 700px at 12% 0%, rgba(250,183,2,.18), transparent 55%),
    linear-gradient(180deg, #0e0e0e 0%, #131313 100%);
  color:#fff;
}
.dg-kwaliteit .section--dark .kicker{ color: rgba(255,255,255,.78); }
.dg-kwaliteit .section--dark .h2{ color:#ffffff; }
.dg-kwaliteit .section--dark .lead{ color: rgba(255,255,255,.70); }

.dg-kwaliteit .co2{ margin-top: 18px; }
.dg-kwaliteit .co2__top{
  display:grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr);
  gap: 24px;
  align-items:start;
}
.dg-kwaliteit .co2__lead{
  margin: 0 0 12px;
  color: rgba(255,255,255,.80);
  font-weight: 600;
}
.dg-kwaliteit .co2__link{
  color: var(--brand-yellow);
  font-weight: 800;
  text-decoration: underline;
}
.dg-kwaliteit .co2__points{
  list-style:none;
  padding:0;
  margin: 12px 0 12px;
  display:grid;
  gap:10px;
}
.dg-kwaliteit .co2__points li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color: rgba(255,255,255,.84);
  font-weight: 600;
  font-size: 13px;
}
.dg-kwaliteit .co2__points span{
  width:26px;
  height:26px;
  border-radius: 8px;
  background: var(--brand-yellow);
  color: var(--brand-black);
  font-weight: 900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}
.dg-kwaliteit .co2__note{
  margin: 12px 0 0;
  color: rgba(255,255,255,.70);
  font-weight: 600;
  font-size: 13px;
}
.dg-kwaliteit .co2__badge{
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: var(--brand-yellow);
  color: var(--brand-black);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  text-transform:uppercase;
  letter-spacing:.12em;
  gap:4px;
  box-shadow: 0 18px 40px rgba(250,183,2,.24);
  margin-left:auto;
}
.dg-kwaliteit .co2__badge span{
  font-size: 10px;
}
.dg-kwaliteit .co2__level{
  font-size: 40px;
  letter-spacing:-.04em;
}

.dg-kwaliteit .doc-list{
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.dg-kwaliteit .doc-title{
  margin:0 0 8px;
  font-weight: 900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size: 12px;
  color: rgba(255,255,255,.70);
}
.dg-kwaliteit .doc-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.86);
  font-weight: 600;
  font-size: 13px;
}
.dg-kwaliteit .doc-item:last-child{ border-bottom:none; }
.dg-kwaliteit .doc-group{ margin-top: 12px; }
.dg-kwaliteit .doc-group__title{
  margin: 12px 0 6px;
  font-weight: 900;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size: 10px;
  color: rgba(255,255,255,.55);
}
.dg-kwaliteit .doc-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(250,183,2,.65);
  color: var(--brand-yellow);
  font-weight: 800;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size: 10px;
  white-space: nowrap;
}
.dg-kwaliteit .doc-link:hover{ background: rgba(250,183,2,.16); }

.dg-kwaliteit .footer{ border-top: 1px solid rgba(17,17,17,.08); padding: 28px 0 22px; background: rgba(255,255,255,.9); }
.dg-kwaliteit .brand--footer .brand__word{ font-size: 18px; }
.dg-kwaliteit .footer__row{ display:flex; align-items:flex-start; justify-content:space-between; gap: 18px; }
.dg-kwaliteit .footer__small{ margin-top: 8px; color: rgba(17,17,17,.66); font-weight: 600; }
.dg-kwaliteit .footer__links{ display:flex; gap: 14px; flex-wrap:wrap; justify-content:flex-end; }
.dg-kwaliteit .footer__links a{
  color: rgba(17,17,17,.72);
  font-weight: 800;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size: 11px;
  padding: 10px 10px;
  border-radius: 999px;
  background: rgba(17,17,17,.03);
}
.dg-kwaliteit .footer__links a:hover{ background: rgba(17,17,17,.06); color: var(--brand-black); }
.dg-kwaliteit .footer__bottom{ margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(17,17,17,.08); color: rgba(17,17,17,.56); font-weight: 700; font-size: 12px; }

@media (max-width: 960px){
  .dg-kwaliteit .nav-toggle{ display:inline-flex; }
  .dg-kwaliteit .nav{
    position: fixed;
    left: 16px;
    right: 16px;
    top: 86px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap: 10px;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(17,17,17,.10);
    box-shadow: var(--shadow);
  }
  .dg-kwaliteit .nav.is-open{ display:flex; }
  .dg-kwaliteit .nav__cta{ text-align:center; }

  .dg-kwaliteit .co2__top{ grid-template-columns: 1fr; }
  .dg-kwaliteit .co2__badge{ margin-left:0; }
  .dg-kwaliteit .footer__row{ flex-direction:column; }
  .dg-kwaliteit .footer__links{ justify-content:flex-start; }
}

@media (max-width: 1100px){
  .dg-kwaliteit .grid__items{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px){
  .dg-kwaliteit .grid__items{ grid-template-columns: 1fr; }
  .dg-kwaliteit .hero__title{ font-size: clamp(30px, 9.5vw, 52px); letter-spacing:-.04em; }
  .dg-kwaliteit .hero__lead{ font-size: 15px; }
}

@media (prefers-reduced-motion: reduce){
  .dg-kwaliteit .btn,
  .dg-kwaliteit .card{ transition:none; }
  .dg-kwaliteit .card:hover,
  .dg-kwaliteit .btn:hover{ transform:none; }
}/* End custom CSS */