<style>

/*Page verbreitern */

.gh-canvas,
.kg-width-full.kg-content-wide {
    --main: min(var(--content-width, 1600px), 100% - var(--container-gap) * 2);
    --wide: minmax(0, calc((var(--container-width, 1600px) - var(--content-width, 720px)) / 2));
    --full: minmax(var(--container-gap), 1fr);
	
    display: grid;
    grid-template-columns:
        [full-start] var(--full)
        [wide-start] var(--wide)
        [main-start] var(--main) [main-end]
        var(--wide) [wide-end]
        var(--full) [full-end];
}





/* Responsive Design */

@media (max-width: 576px) {
  .produkte .spalten {
    flex-direction: column;
    align-items: center;
    justify-content: center;
	row-gap: 20px;
  }
  .produkte .produkt {
    width: 300px;
  }
}


/* Spalten */

.produkte .spalten {
  display: flex;
  align-items: flex-center;
  box-sizing: content-box;
  padding: 20px;
  flex-wrap: wrap;
  row-gap: 20px; 
  justify-content: center; /* Abstand zwischen den Spalten */
  
}
.produkte .produkt {

  width: 250px;
  padding: 10px;
  align-content: flex-start;
  border: 2px solid #ddd;
  border-radius: 8px;
  text-align: center;
  margin-right: 15px; /* Abstand rechts von jedem Produkt */
  box-sizing: border-box;
  
}

.produkte .produkt-highlight {
  width: 250px;	
  padding: 10px;
  align-content: flex-start;
  border: 2px solid #D1C000;
  border-radius: 8px;
  background-color: var(--color-light-gray);
  text-align: center;
  margin-right: 15px; /* Abstand rechts von jedem Produkt */
  box-sizing: border-box;
}

.produkte .produkt img {
  max-width: 100%;
}

.produkte .portal-product-name {
	        font-size: 1.8rem;
            font-weight: 600;
            line-height: 1.3em;
            letter-spacing: 0px;
            margin-top: 10px;
			margin-bottom: 20px;
            word-break: break-word;
            width: 100%;
            color: #AA2070;
}

.produkte .portal-subheadline {
	        font-size: 1.8rem;
            font-weight: 600;
            line-height: 1.3em;
            letter-spacing: 0px;
            margin-top: 10px;
			margin-bottom: 20px;
            word-break: break-word;
            width: 100%;
            color: var(--black-color);
}

.produkte .beschreibung {
	text-align: center;
	padding-top: 20px;
	font-size:1.8rem;
	font-weight: 600;
}

.produkte .preis {
	align: top;
	font-size:1.8rem;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer
}

.produkte .hinweis {
	top: 0px;
	padding: 2px 0px 10px 0px;
	color: var(--black-color);
	font-size: 1.4rem;
	font-weight: 600;
	text-align: center;
}

.produkte .beschreibung-unten {
	text-align: center;
	padding-top: 20px;
	font-size:1.4rem;
}


/* Buttons */

.produkte .buttons {
  box-sizing: revert;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  
  
}

.produkte .button {
  font-weight: 600;
  display: inline-block;
  width: 200px;
  border-radius: 8px;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #AA2070;
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
}

.produkte button:hover {
  opacity: 0.92;
}


.produkte .button-rabatt {
  font-weight: 600;
  font-size: 1.4rem;
  display: inline-block;
  width: 200px;
  border-radius: 4px;
  padding: 5px 20px 5px;
  margin: 10px 0px 10px 0px;
  background-color: #c3629a;
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
}


.produkt-highlight .button-empfohlen {
  font-weight: 600;
  display: inline-block;
  text-transform: uppercase;
  width: 200px;
  border-radius: 8px;
  padding: 10px 20px;
  margin: 10px 0px 0px 0px;
  background-color: #43A047;
  color: #fff;
  text-decoration: none;
  border: none;
  cursor: pointer;
}


.produkt-highlight .preis {
	align: top;
	font-size:1.8rem;
	font-weight: 600;
	margin: 0px 0px 20px 0px;
}

/* Aufzählungen */

.produkte .ulnobullets {
  list-style-type: none; /* Remove bullets */
  padding: 15px 0px 0px 0px; /* Remove padding */
  margin: 0px; /* Remove margins */
}

.produkte .ulnobullets li {
	padding-left: 2.5em;
	margin-bottom: 0.5em;
	position: relative;
	text-align: left;
	font-size: 1.4rem;
}

.produkte .ulnobullets li::before {
	content: '';
	position: absolute;
	left: 10px;
	top: 5px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' enable-background='new 0 0 64 64'%3E%3Cpath d='M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50 l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z' fill='%2343a047'/%3E%3C/svg%3E");
}

</style>