body {
		background-color: #ffffff;
		color: #666666;
		padding: 0;
		margin: 0;
}

.produktuebersicht {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 12px;
		margin-bottom: 130px;
}

		.produkt {
				background-color: #efefef;
		}
				.produkt .bild {
						position: relative;
						bordeR: 1px solid #efefef;
						display: block;
						cursor: pointer;
				}
						.produkt .bild .hauptbild {
								width: 100%;
								display: block;		/* im mobilen Layout, wegen dem schmalen Rand drunter */
						}
						.produkt .bild .dreieck_oben {
								display: block;
								position: absolute;
								bottom: 0;
								left: calc(50% - 10.5px);
						}

				.produkt .group_button {
						padding-left: 30px;
						padding-right: 30px;
						padding-top: 20px;
						padding-bottom: 30px;
				}
						.produkt .group_button .button {
								background-color: #5c8c1e;
								color: #ffffff;
								display: block;
								text-align: center;
								padding-top: 14px;
								padding-bottom: 14px;
								padding-left: 48px;
								padding-right: 48px;
								position: relative;
								font-size: 1.125rem;
								cursor: pointer;
						}
								.produkt .group_button .button > * {
										vertical-align: middle;
								}
								.produkt .group_button .button > img {
										position: absolute;
										right: 14px;
										top: 17px;
								}


				.produkt .text {
						padding-left: 30px;
						padding-right: 30px;
						padding-bottom: 1em;
						position: relative;
				}
						.produkt .text h2 {
								font-weight: bold;
								font-size: 1.25rem;
								margin-top: 0;
						}
						.produkt .text ul {
								list-style-type: square;
								padding-left: 1em;
						}
								.produkt .text ul li {
										margin-bottom: 0.625rem;
								}
						.produkt .text p {
								display: none;
						}

@media (max-width: 800px) {
				.produkt .group_button {
						padding-left: 20px;
						padding-right: 20px;
				}
				.produkt .text {
						padding-left: 20px;
						padding-right: 20px;
				}
}