.elementor-2037 .elementor-element.elementor-element-52f7ea6{--display:flex;}.elementor-2037 .elementor-element.elementor-element-53e4e15{--divider-border-style:solid;--divider-color:#150A06;--divider-border-width:45px;}.elementor-2037 .elementor-element.elementor-element-53e4e15 .elementor-divider-separator{width:100%;}.elementor-2037 .elementor-element.elementor-element-53e4e15 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}body.elementor-page-2037:not(.elementor-motion-effects-element-type-background), body.elementor-page-2037 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#150A06;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2905e8b *//* ========== Basis ========== */
.bv-downloads-section {
  padding: rem 5%;
  max-width: 1200px;
  margin: 0 auto;
 
  color: #fff;
  text-align: center;
}
.bv-downloads-section h2 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255,255,255,0.9);
  text-shadow: 0 2px 8px rgba(255,255,255,0.2);
}

/* ========== Grid ========== */
.bv-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem;
}

/* ========== Foto-kaarten ========== */
.bv-photo-card {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.6);
  transition: transform .3s ease, box-shadow .3s ease;

  /* verhouding 3:2 en achtergrond */
  aspect-ratio: 3 / 2;
  --bg-pos-y: 50%;
  background-size: cover;
  background-position: center var(--bg-pos-y);
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;
}
.bv-photo-card::after {
  content: "";
  position: absolute; inset: 0;
  background: rgba(0,0,0,0.4);
  pointer-events: none;
}
.bv-photo-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 22px rgba(255,255,255,0.18);
}

/* Tekst & knoppen */
.bv-info {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 0 1rem;
}
.bv-info h3 {
  margin-bottom: 12px;
  font-size: 1.15rem;
}
.bv-btn {
  display: inline-block;
  margin-top: .6rem;
  padding: .7rem 1.5rem;
  background: #700413;
  color: #fff !important;
  text-decoration: none;
  font-size: 1rem;
  border-radius: 50px;
  font-weight: 700;
  transition: transform .2s, box-shadow .2s;
}
.bv-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(255,255,255,0.35);
}

/* Footer */
.bv-footer {
  text-align: center;
  padding: 1.5rem;

  color: #fff;
  font-size: 1rem;
}

/* ========== Utility-classes voor verticale kadrering ==========
   Gebruik één van deze klassen op .bv-photo-card:
   pos-0, pos-10, pos-20, ... pos-100
   of overschrijf met inline style="--bg-pos-y: 33%;" in HTML. */

.bv-photo-card.pos-0   { --bg-pos-y:   0%; }
.bv-photo-card.pos-10  { --bg-pos-y:  10%; }
.bv-photo-card.pos-20  { --bg-pos-y:  20%; }
.bv-photo-card.pos-25  { --bg-pos-y:  25%; }
.bv-photo-card.pos-30  { --bg-pos-y:  30%; }
.bv-photo-card.pos-35  { --bg-pos-y:  35%; }
.bv-photo-card.pos-40  { --bg-pos-y:  40%; }
.bv-photo-card.pos-45  { --bg-pos-y:  45%; }
.bv-photo-card.pos-50  { --bg-pos-y:  50%; }
.bv-photo-card.pos-55  { --bg-pos-y:  55%; }
.bv-photo-card.pos-60  { --bg-pos-y:  60%; }
.bv-photo-card.pos-65  { --bg-pos-y:  65%; }
.bv-photo-card.pos-70  { --bg-pos-y:  70%; }
.bv-photo-card.pos-75  { --bg-pos-y:  75%; }
.bv-photo-card.pos-80  { --bg-pos-y:  80%; }
.bv-photo-card.pos-90  { --bg-pos-y:  90%; }
.bv-photo-card.pos-100 { --bg-pos-y: 100%; }

/* Extra: als je liever een data-attribuut gebruikt i.p.v. klassen:
   <div class="bv-photo-card" data-pos="30">
   Dan kun je onderstaande .elementor-2037 .elementor-element.elementor-element-2905e8bs gebruiken (voeg er gerust meer toe). */
.bv-photo-card[data-pos="0"]   { --bg-pos-y: 0%; }
.bv-photo-card[data-pos="30"]  { --bg-pos-y: 30%; }
.bv-photo-card[data-pos="50"]  { --bg-pos-y: 50%; }
.bv-photo-card[data-pos="70"]  { --bg-pos-y: 70%; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5038466 */.divider {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #150a06, rgba(255,255,255,.8), #150a06);
    margin: 50px auto;
    max-width: 1200px;
    border-radius: 10px;
    border: none;
    outline: none;
    box-shadow: none;
}/* End custom CSS */