.BGhellgrau {
				background-color: #edf7f2;
			}
			.BGgrün {
				background-color: #95c92c;
			}
			.BGblau {
				background-color: #4cb6c2;
			}
			.BGhellgrün {
				background-color: #b5e655;
			}
			.BGtürkis {
				background-color: #7fc7bd;
			}
			html, body {
				margin: 0;
				background-color: #edf7f2;
				font-family: "Google Sans", sans-serif, Verdana;
				font-weight: 300;
				font-style: normal;
			}
			#cookieHinweis {
				position: fixed;
				width: 100%;
				height: 100%;
				background-color: rgba(30,30,30,0.75);
				z-index: 999;
			}
			#cookieHinweis div{
				position: absolute;
				background-color: #FFFFFF;
				border-radius: 20px;
				padding: 20px;
				left: 25%;
				width: 50%;
				top: 25%;
				max-height: 60%;
				overflow: scroll;
			}
			div, li, img, tr, td, form, input, select, textarea{
				border-radius: 10px;
			}
			.topNav {
				width: 1280px;
				max-width: 100%;
				margin: 0 auto;
				text-align: right;
			}
			.header {
				background-color: #b5e655; /* hellgrün */
				width: 100%;
				padding-bottom: 10px;
				margin-bottom: 10px;
			
			}
			.headerContent {
				width: 1280px;
				max-width: 100%;
				margin: 20px auto;
				position: relative;
			}
			.logo {
				width: 250px;
				float: left;
				margin: 0 20px 20px 25px;
				background-color: #FFFFFF;
				padding: 1%;
				box-shadow: 10px 5px 20px #7fc7bd;
				transform: rotate(5deg);
			}
			a {
				color: #000000;
				text-decoration: none;
			}
			.mainNav {
				position: absolute;
				bottom: -20px;
				right: 0;
				z-index: 2;
			}	
			.navToggle {
				display: none;
			}
			#burger {
				position: absolute;
				cursor: pointer;
				width: 2rem;
				height: 2rem;
				right: 0;
				display: flex;
				justify-content: space-between;
				flex-direction: column;
				margin-top: -60px;
				border: 1px solid #000000;
				padding: 20px;
				border-radius: 10px;				
			}
			#burger > div {
				height: 2px;
				background-color: #000;
				transition: 0.5s;
				z-index: 999;
			}
			#menyAvPaa {
				display: none;
			}
			#menyAvPaa:checked ~ #burger {
				background-color: #4cb6c2;
			}
			#menyAvPaa:checked ~ #burger > div:nth-child(1) {
				transform: translateY(15px) rotate(45deg);
			}
			#menyAvPaa:checked ~ #burger > div:nth-child(2) {
				opacity: 0;
			}
			#menyAvPaa:checked ~ #burger > div:nth-child(3) {
				transform: translateY(-15px) rotate(-45deg);
			}

			
			.mainNav ul li {
				list-style: none;
				float: right;
				font-size: 2em;
				padding: 10px;
				margin: 10px;
			}
			.mainNav ul li:hover {
				background-color: #4cb6c2;
			}			
			img.foto {
				background-color: #FFFFFF;
				padding: 1%;
				box-shadow: 10px 5px 20px #7fc7bd;
				transform: rotate(-5deg);
				margin: 20px;
			}
			.content {
				width: 1280px;
				max-width: 90%;
				margin: 0 auto;
				padding: 10px 30px;
			}
			.grid_25 {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 20px;
			}
			.grid_33 {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 20px;
			}
			.grid_50 {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 20px;
			}
			.grid-card {
				display: grid;
				grid-template-rows: subgrid; /* Erbt die Zeilenhöhen */
				grid-row: span 4; /* Jede Karte erstreckt sich über 4 Zeilen */
				border: 1px solid #ccc;
				padding: 10px;
				text-align: center;
			}			
			
			.grid-50 {
				width: 46%;
				float: left;
				margin: 2%;
				height: 260px; overflow: hidden;
				text-align: center;
			}	
			.footer {
				background-color: #b5e655; /* hellgrün */
				width: 100%;
				padding-top: 40px;
				margin-top: 10px;
			}
			form {
				background-color: #4cb6c2;
				padding: 20px;
			}
			input, select, textarea {
				width: 100%;
				padding: 5px 10px;
				font-size: 1.5em;
				border: none;
				text-align: center;
				line-height: 1.5em;
				margin: 5px 0;
			}
			.paketpreise td{
				background-color: #edf7f2;
			}
			table.pricetable-wrapper {
				width: 100%;
			}
			.pricetable-head {
				background-color: #95c92c;
				font-size: 2em;
				position: sticky;
				top: 0;
			}
			.pricetable-cat {
				background-color: #b5e655;
				font-size: 1.5em;
				font-weight: bold;
			}
			.pricetable-cat::before {
				content: ">";
				margin: 20px;
				display: inline-block;
				-webkit-transition-duration: 1s;
				-moz-transition-duration: 1s;
				-o-transition-duration: 1s;
				transition-duration: 1s;
			}
			.pricetable-cat.open::before {
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}
			.pricetable-wrapper tbody tr:nth-child(odd) {
			  background-color: #cccccc;
			}			
			td {
				text-align: center;
			}
			.marquee {
			  white-space: nowrap;
			  overflow: hidden;
			  box-sizing: border-box;
			}
			.marquee p {
			  display: inline-block;
			  padding-left: 100%;
			  animation: marquee 15s linear infinite;
			}
			@keyframes marquee {
			  0%   { transform: translate(0, 0); }
			  100% { transform: translate(-100%, 0); }
			}
			ul.checkHaken li {
				list-style: none;
				line-height: 2em;
				
			}
			ul.checkHaken li::before {
				content: "\2713";
				position: relative;
				left: -5px;
				bottom: -7px;
				font-size: 3em;
				font-weight: bold;
				color: #95c92c;
				-webkit-filter: drop-shadow(1px 1px 2px #7fc7bd);
				filter        : drop-shadow(1px 1px 2px #7fc7bd);
				-ms-filter    : "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color=#7fc7bd)";
				filter        : "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color=#7fc7bd)";
				
			}