#bild-1111 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1110 img {
	width: 300px;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
#bild-1112 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1113 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#text-1125 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#text-1126 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#text-1127 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#text-1128 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#cont-1129 {
	position: relative;
}
#col-1151 {
	display: flex;
	gap: 10px;
	padding: 0 0px;
}
#bild-1165 {
	right: 0;
	top: 40%;
	width: 40%;
}
#col-1158 {
	width: 40%;
}
#col-1163 {
	width: 60%;
	min-height: calc(var(--content-width) / 2);
	position: relative;
	box-sizing: border-box;
}
#col-1163 .bhv-bild {
	border: 18px solid white;
	position: absolute;
	box-sizing: border-box;
}
#col-1163 ~.bhv-col {
	padding: 0 5%;
	box-sizing: border-box;
}
#bild-1164 {
	left: 0;
	top: 0;
	width: 100%;
}
#cont-1101 {
	background-image: url(../media/gartengestaltung_hg.jpg);
	background-position: 50% 50%;
	min-height: 20vh;
	position: relative;
	background-size: cover;
}
#cont-1170 {
	background: var(--color1);
	position: relative;
}
#html-1176 {
	fill: var(--color1);
}
#cont-1154 {
	position: relative;
}
#bild-1187 img {
	width: 300px;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
#text-1188 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#html-1131 {
	fill: var(--color2);
}
#html-1143 {
	fill: var(--color2);
}
#cont-1144 {
	position: relative;
}
#col-1205 {
	width: 30%;
}
#col-1208 {
	max-width: 240px;
	margin: 0px auto;
}
#html-1106 {
	fill: var(--color1);
}
#bild-1215 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1223 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1219 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#text-1216 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#text-1220 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#text-1224 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#bild-1211:hover {
	background-position: 50% 50%;
	background-size: cover;
	outline-offset: 15px;
	outline-color: var(--color1);
	outline-style: solid;
}
#bild-1211 img {
	width: 300px;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
#bild-1211 {
	transition: .3s ease;
	outline-offset: 0px;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
#text-1212 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#bild-1232 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1240 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1236 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#text-1233 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#text-1237 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#text-1241 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#bild-1228:hover {
	background-position: 50% 50%;
	background-size: cover;
	outline-offset: 15px;
	outline-color: var(--color1);
	outline-style: solid;
}
#bild-1228 img {
	width: 300px;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
#bild-1228 {
	transition: .3s ease;
	outline-offset: 0px;
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
#text-1229 {
	font-family: var(--gfont2);
	font-size: 40px;
	font-weight: normal;
}
#col-1231:hover {
	color: var(--color1);
}
#col-1244 {
	width: 40%;
}
#col-1249 {
	width: 60%;
	min-height: calc(var(--content-width) / 2);
	position: relative;
	box-sizing: border-box;
}
#col-1249 .bhv-bild {
	border: 18px solid white;
	position: absolute;
	box-sizing: border-box;
}
#col-1249 ~.bhv-col {
	padding: 0 5%;
	box-sizing: border-box;
}
#text-1246 h2 {
	color: var(--color4);
}
#bild-1259 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1267 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1263 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1255:hover {
	background-position: 50% 50%;
	background-size: cover;
	outline-offset: 15px;
	outline-color: var(--color1);
	outline-style: solid;
}
#cont-1253 {
	align-items: var(--col-align-items,inherit);
}
#cont-1253 a:hover {
	colovar(--color1222):;
}
#bild-1270 img {
	width: 300px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
}
#bild-1251 {
	right: 0;
	top: 40%;
	width: 60%;
}
#bild-1250 {
	left: 0;
	top: 0;
	width: 90%;
}
#cont-1271 {
	position: relative;
}
#html-1283 {
	fill: var(--color4);
}
#col-1254 {
	cursor: pointer;
}
#col-1258 {
	cursor: pointer;
}
#col-1262 {
	cursor: pointer;
}
#col-1266 {
	cursor: pointer;
}
#bild-1142 {
	right: 0;
	top: 30%;
	width: 80%;
}
#bild-1141 {
	left: 0;
	top: 0;
	width: 90%;
}
#col-1135 {
	width: 50%;
	min-height: calc(var(--content-width) / 2);
	position: relative;
	box-sizing: border-box;
}
#col-1135 .bhv-bild {
	border: 18px solid white;
	position: absolute;
	box-sizing: border-box;
}
#col-1135 ~.bhv-col {
	padding: 0 5%;
	box-sizing: border-box;
}
#col-1137 {
	width: 50%;
	min-height: calc(var(--content-width) / 2);
	position: relative;
	box-sizing: border-box;
}
#col-1137 .bhv-bild {
	border: 18px solid white;
	position: absolute;
	box-sizing: border-box;
}
#col-1137 ~.bhv-col {
	padding: 0 5%;
	box-sizing: border-box;
}
#bild-1277 {
	left: 0;
	top: 0;
	width: 90%;
}
#col-1279 {
	width: 50%;
	min-height: calc(var(--content-width) / 2);
	position: relative;
	box-sizing: border-box;
}
#col-1279 .bhv-bild {
	border: 18px solid white;
	position: absolute;
	box-sizing: border-box;
}
#col-1279 ~.bhv-col {
	padding: 0 5%;
	box-sizing: border-box;
}
#col-1276 {
	width: 50%;
	min-height: calc(var(--content-width) / 2);
	position: relative;
	box-sizing: border-box;
}
#col-1276 .bhv-bild {
	border: 18px solid white;
	position: absolute;
	box-sizing: border-box;
}
#col-1276 ~.bhv-col {
	padding: 0 5%;
	box-sizing: border-box;
}
@media(max-width: 800px) {
	#col-1163 {
		height: 95vw;
		min-height: auto;
		max-height: 450px;
		max-width: 450px;
		float: none;
		margin: 0 auto;
		margin-top: 30px;
	}
	#col-1163 .bhv-bild {
		border: 14px solid white;
	}
	#col-1163 ~.bhv-col {
		padding: 0;
		box-sizing: border-box;
		max-width: 450px;
		float: none;
		margin: 0 auto;
	}
	#col-1249 {
		height: 95vw;
		min-height: auto;
		max-height: 450px;
		max-width: 450px;
		float: none;
		margin: 0 auto;
		margin-top: 30px;
	}
	#col-1249 .bhv-bild {
		border: 14px solid white;
	}
	#col-1249 ~.bhv-col {
		padding: 0;
		box-sizing: border-box;
		max-width: 450px;
		float: none;
		margin: 0 auto;
	}
	#col-1135 {
		height: 95vw;
		min-height: auto;
		max-height: 450px;
		max-width: 450px;
		float: none;
		margin: 0 auto;
		margin-top: 30px;
		order: 1;
	}
	#col-1135 .bhv-bild {
		border: 14px solid white;
	}
	#col-1135 ~.bhv-col {
		padding: 0;
		box-sizing: border-box;
		max-width: 450px;
		float: none;
		margin: 0 auto;
	}
	#col-1137 {
		min-height: auto;
		max-width: 450px;
		float: none;
		margin: 0 auto;
		margin-top: 30px;
	}
	#col-1137 .bhv-bild {
		border: 14px solid white;
	}
	#col-1137 ~.bhv-col {
		padding: 0;
		box-sizing: border-box;
		max-width: 450px;
		float: none;
		margin: 0 auto;
	}
	#col-1279 {
		min-height: auto;
		max-width: 450px;
		float: none;
		margin: 0 auto;
		margin-top: 30px;
	}
	#col-1279 .bhv-bild {
		border: 14px solid white;
	}
	#col-1279 ~.bhv-col {
		padding: 0;
		box-sizing: border-box;
		max-width: 450px;
		float: none;
		margin: 0 auto;
	}
	#col-1276 {
		height: 70vw;
		min-height: auto;
		max-height: 450px;
		max-width: 450px;
		float: none;
		margin: 0 auto;
		margin-top: 30px;
		order: 1;
	}
	#col-1276 .bhv-bild {
		border: 14px solid white;
	}
	#col-1276 ~.bhv-col {
		padding: 0;
		box-sizing: border-box;
		max-width: 450px;
		float: none;
		margin: 0 auto;
	}
}

@media(max-width: 1200px) and (min-width: 801px) {
	#col-1163 {
		min-height: calc(95vw / 2);
	}
	#col-1249 {
		min-height: calc(95vw / 2);
	}
	#col-1135 {
		min-height: calc(95vw / 2);
	}
	#col-1137 {
		min-height: calc(95vw / 2);
	}
	#col-1279 {
		min-height: calc(95vw / 2);
	}
	#col-1276 {
		min-height: calc(95vw / 2);
	}
}