.productcontainer {
  width: 90%;
  max-width: 120em;
  margin: 0 auto;
}

.productcolumns {
  display: flex;
  flex-direction: column; /* Untereinander */
  gap: 2em;
  padding: 3em 0 3em 0;
}

.productcolumn {
  display: flex;
  flex-direction: row;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 1em;
  overflow: hidden;
  min-height: 20em;
}

.product-imgwrapper {
  flex: 1 1 50%;
  /*aspect-ratio: 4 / 3;*/
  overflow: hidden;
  max-height: 100%;
}

.product-imgwrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.product-textwrapper {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product-text{
  padding: 4em 2em 2em 4.5em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;
}

.product-text h2 {
    font-size: 2rem;
    position: relative;
}

.product-text p{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-size: 1.2rem;
}

word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto;



.product-text h2 a:link, .product-text h2 a:visited {
  color: #0089af;
  text-decoration: none;
}


.product-text h2 a:link, .product-text h2 a:visited {
  color: #0089af;
  text-decoration: none;
}

.product-text h2 a:hover, .product-text h2 a:focus /* CSS2 */ {
  color: #0089af;
  text-decoration: underline;
  outline:none;
}

.product-text ul {
  padding-left: 1.2em;
  margin-bottom: 1em;
}

.linkbutton-row {
  text-align: center;
  padding-bottom: 1em; /* optional etwas Abstand nach unten */
}

.linkbutton a {
  display: inline-block;
  padding: 0.4em 1em;
  border: 1px solid #424a61;
  color: #424a61;
  text-decoration: none;
  transition: box-shadow 0.3s ease-in-out;
}

.linkbutton a:hover {
  box-shadow: 2px 2px 5px rgba(66, 74, 97, 0.9);
}

@media (max-width: 600px) {
  .productcontainer{
    width: 100%;
  }

.product-text {
    padding: 3em 1em 1em 1.5em;
}  

  .productcolumn {
    flex-direction: column;
  }

  .product-imgwrapper {
    aspect-ratio: auto;
    height: auto;
  }


.product-text h2 {
    font-size: 1.5rem;
    position: relative;
}

.product-text p, .product-text li {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-size: 1.1rem;
}


}