.elementor-2551 .elementor-element.elementor-element-c73448c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2551 .elementor-element.elementor-element-5c0e1b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-5c0e1b0 *//* Container til grid'et */
.baadtype-grid-container {
  display: grid;                     /* Brug grid layout */
  /* Opret responsive kolonner.
     Hver kolonne er mindst 160px bred (ca. 120px item + padding),
     men kan vokse for at fylde pladsen (1fr).
     Antallet af kolonner justeres automatisk ('auto-fit'). */
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;                         /* Afstand mellem items (samme som din slider) */
  padding: 24px;                     /* Padding omkring hele grid'et (samme som din slider) */
  /* Ingen overflow eller scrollbar-styling nødvendig her */
}

/* Styling for hvert item i grid'et (genbruger din .baadtype-slider-item) */
/* Gør den mere specifik for at undgå konflikter, hvis slideren også bruges */
.baadtype-grid-container .baadtype-slider-item {
  /* flex: 0 0 auto; FJERNES (ikke relevant for grid) */
  /* width: 120px; FJERNES (styres af grid-template-columns nu) */
  background-color: #ddd;             /* Bevaret fra din CSS */
  padding: 16px;                      /* Bevaret fra din CSS */
  border-radius: 8px;                 /* Bevaret fra din CSS */
  text-align: center;                 /* Bevaret fra din CSS */
  transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Bevaret */
  cursor: pointer;                    /* Bevaret fra din CSS */
  text-decoration: none;              /* God praksis for links der ligner knapper/kort */
  color: inherit;                     /* Sørger for at tekstfarve nedarves korrekt */
  display: block;                     /* Sikrer at <a> fylder grid-cellen korrekt */
}

/* Hover-effekt (bevaret fra din CSS) */
.baadtype-grid-container .baadtype-slider-item:hover {
  background-color: #fff;             /* Bevaret fra din CSS */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* Bevaret fra din CSS */
}

/* Styling for billeder i items (bevaret fra din CSS) */
.baadtype-grid-container .baadtype-slider-item img {
  max-width: 80px;                    /* Bevaret fra din CSS */
  height: auto;                       /* Bevaret fra din CSS */
  display: block;                     /* Bevaret fra din CSS */
  margin: 0 auto 8px;                 /* Bevaret fra din CSS */
}

/* Overskrift-styling (bevaret fra din CSS) */
.baadtype-grid-container .baadtype-slider-item-heading {
  font-size: 14px;                    /* Bevaret fra din CSS */
  font-weight: 600;                   /* Bevaret fra din CSS */
  margin: 0;                          /* Bevaret fra din CSS */
  color: #333;                       /* Bevaret fra din CSS */
}/* End custom CSS */