<style>
/* Sikrer at alt følger box-sizing */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.row {
  display: flex;
  align-items: flex-start; /* Sørger for at elementene starter øverst */
  flex-wrap: wrap; /* Gjør layout responsiv */
  gap: 20px; /* Litt avstand mellom elementene */
}

/* Ikonkolonne */
.column-icon {
  display: flex;
  align-items: flex-start; /* Plasserer ikonet øverst */
  float: left;
	padding: 20px 0px 0px 30px;
width: 12%;
  min-width: 100px;
  flex-shrink: 0; /* Hindrer at ikonet krymper */
}

/* Ikonstil */
.product_icon {
  width: 80px; /* Fast størrelse */
  height: auto; /* Bevarer proporsjoner */
  object-fit: contain; /* Hindrer beskjæring */
}

/* Tekstkolonne */
.column-icon-text {
  flex: 1; /* Fyller resten av plassen */
  padding: 20px;
}
.column-green {
  float: left;
  width: 50%;
  padding: 30px 20px 30px 30px;

}

/* Responsiv tilpasning på mobil */
@media screen and (max-width: 600px) {
  .row {
    flex-direction: column; /* Stabler elementene */
    align-items: left; /* Midtstiller innhold */
    text-align: left; /* Midtstiller tekst */
  }
  
  .column-green {
    width: 100%;
    padding: 20px;
  }

  .column-icon {
    width: 100%; /* Full bredde på mobil */
    justify-content: left; /* Midtstiller ikonet */
    align-items: flex-start; /* Plasserer det øverst */
    padding: 20px 0px 0px 30px;
    
  }

  .product_icon {
    max-width: 80px;
  }

  .column-icon-text {
    width: 100%; /* Sikrer at teksten tar full bredde */
    padding-left:30px;
  }
}

</style>