.container {
	margin: auto;
	max-width: 100%;
	width: 1400px;

  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap; /* gør at elementer kan rykke ned på næste linje */
  text-align: center;
}

.container > div {
  flex: 1;
  min-width: 300px;
  text-align: center;
}

/* Responsiv tilpasning */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }

  .container > div {
    min-width: 100%;
  }
}

div.figur_baggrund {
	background-color: #EAF1E9;
	border-radius: 10px 10px 0px 0px;
}

div.figur_baggrund:hover {
	background-color: #C7DAC4;
}

img.figur_liste {
	border-radius: 5px 5px 0px 0px;
}

div.figur_img {
	margin: auto;
	max-width: 100%;
	width: 420px;
	min-width: 300px;
	border: 1px solid #4F704C;
	background-color: #EAF1E9;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
	text-align: left;
}

div.figur_info {
}

div.figur_beskrivelse {
	background-color: #C7DAC4;
	padding: 10px;
	border: 1px solid #4F704C;
	background-color: #EAF1E9;
	border-radius: 10px 10px 0px 0px;
	text-align: left;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}

div.vis_materiale {
	margin: 5px;
	width: 220px;
	max-width: 100%;
	height: 80px;
	background-color: #4F704C;
	border-radius: 10px 10px 0px 0px;
	background-size: cover;              /* Tilpas billedet så det dækker hele div'en */
	background-position: center;         /* Centrer billedet */
	background-repeat: no-repeat;        /* Undgå gentagelse */
	border: 1px solid #4F704C;
}