td { text-align:center;border-bottom:none;}
.tarotkarte { width:70px;height:108px;}
.table {
  display: flex;
  flex-direction: column;
  width: 100%; 
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; 
}
.column {
  flex: 1; 
  border: none;
  padding: 10px;
  box-sizing: border-box;
  position: relative; 
}
.column:first-child, .column:last-child {
  flex: 1; 
}
.column:nth-child(2) {
  flex: 2; 
}
.overlay-card img {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: -50%;
  transform: translate(-50%, 0);
  width: 100%; 
  height: auto;
}
.kartemitteunten {
margin-top: 40%;
}
.bildgroesse {
width:100%;
height:auto;
max-width:150px;
}
.lenormand-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr); 
  gap: 10px; 
}
.lenormandkarte {
width: 100%;
  height: auto;
  aspect-ratio: 70 / 108; 
  cursor: pointer;
  box-sizing: border-box;
}
.placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 70 / 108; 
}
.responsive-image {
  max-width: 150px;
  height: auto;
  margin-bottom: 10px; 
}
.text-container {
  text-align:left;
  padding-left: 10px;
  flex-grow: 1; 
}
@media (max-width: 800px) {
.bildgroesse {
width:100%;
height:auto;
max-width:100px;
}
}
@media (max-width: 600px) {
.bildgroesse {
width:100%;
height:auto;
max-width:85px;
}
.lenormand-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr); 
  gap: 6px; 
}
.responsive-image {
  max-width: 120px;
  height: auto;
  margin-bottom: 10px; 
}
}
@media (max-width: 500px) {
.bildgroesse {
width:100%;
height:auto;
max-width:55px;
}
}