﻿
#newpage-button-80 {
	display: none;
}
#cont-718 {
	--menu-color: black;
}
#cont-846 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--colorset:LightGreen;
	--bgcolor: var(--LightGreen-bgcolor);
	--color: var(--LightGreen-color);
	--hicolor: var(--LightGreen-hicolor);
	--locolor: var(--LightGreen-locolor);
	--linkcolor: var(--LightGreen-linkcolor);
	--hovercolor: var(--LightGreen-hovercolor);
	color: var(--color);
	background-color: var(--bgcolor);
}
#bild-781 img {
	margin: 0 auto;
	display: block;
}
#bild-781 {
	margin-right: 0;
}
#bild-792 img {
	margin: 0 auto;
	display: block;
}
#bild-792 {
	margin-left: 0;
}
#text-862 {
	text-align: center;
}
#text-872 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-873 {
	--h5-color: var(--wohnen);
}
#text-875 {
	text-align: center;
}
#text-882 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-883 {
	--h5-color: var(--wohnen);
}
#text-885 {
	text-align: center;
}
#text-891 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-892 {
	--h5-color: var(--wohnen);
}
#text-895 {
	--h5-color: var(--mobilitaet);
	text-align: right;
}
#text-896 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-777 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-777 h4 {
	margin: 0;
}
#text-894 {
	--h5-color: var(--wohnen);
}
#col-780 {
	margin-top: var(--top, 10%);
}
#col-794 {
	margin-top: var(--top, 10%);
}
#cont-790 {
	--H5-color: var(--mobilitaet);
	--top: 10%;
}
#cont-778 {
	--H5-color: var(--wohnen);
}
#text-782 h5 {
	display: inline-block;
	margin: 0;
	color: var(--H5-color, var(--color));
}
#text-782 h5::after {
	content: '';
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 13px 0 13px 0;
	background-color: var(--H5-color, var(--color, black));
	top: -10px;
}
#text-795 {
	text-align: right;
	color: var(--H5-color, var(--color));
}
#text-795 h5 {
	display: inline-block;
	margin: 0;
	color: var(--H5-color, var(--color));
}
#text-795 h5::before {
	content: '';
	position: relative;
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right: 8px;
	border-radius: 0 13px 0 13px;
	background-color: var(--H5-color, var(--color, black));
	top: -10px;
}
#cont-1010 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--colorset:Standard;
	--bgcolor: var(--Standard-bgcolor);
	--color: var(--Standard-color);
	--hicolor: var(--Standard-hicolor);
	--locolor: var(--Standard-locolor);
	--linkcolor: var(--Standard-linkcolor);
	--hovercolor: var(--Standard-hovercolor);
	color: var(--color);
	background-color: var(--bgcolor);
}
#text-1015 {
	text-align: center;
}
#text-1041 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#bild-1030::after {
	content: 'Sauberes Wasser';
	color: white;
	font-size: var(--h5-font-size);
	text-align: left;
	display: block;
	position: relative;
	width: calc(100% - 20px);
	height: 50px;
	padding-left: 20px;
	padding-top: 50px;
	margin-top: -100px;
	background-image: linear-gradient(transparent, #E9852F);
}
#cont-1047 {
	--H5-color: var(--wohnen);
}
#bild-1051::after {
	content: var(--text2);
}
#bild-1052::after {
	content: var(--text3);
}
#bild-1049::after {
	content: var(--text1);
}
#bild-1049 img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
#bild-1049 {
	margin-right: 0;
	width: calc(var(--content-width) * 3 / 4 - 10px);
}
#bild-1051 img {
	width: 100%;
	max-width: unset;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}
#bild-1051 {
	width: calc(min(100vw, var(--content-width)) / 4);
	margin-bottom: 10px;
}
#bild-1052 img {
	width: 100%;
	max-width: unset;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}
#bild-1052 {
	width: calc(min(100vw, var(--content-width)) / 4);
}
#cont-1045 {
	--text1: 'Sauberes Wasser';
	--text2: 'Strom';
	--text3: 'Reine Luft';
}
#cont-1045 div[id^='bild-']::after {
	color: white;
	font-size: var(--h5-font-size);
	text-align: left;
	display: block;
	position: relative;
	width: calc(100% - 20px);
	height: 50px;
	padding-left: 20px;
	padding-top: 50px;
	margin-top: -100px;
	background-image: linear-gradient(transparent, #EE754F);
}
#cont-1386 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--section-padding-top:70px;
}
#text-1393 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-1392 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-1392 h4 {
	margin: 0;
}
#cont-1394 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
}
#cont-1400 {
	--H5-color: var(--wohnen);
}
#bild-1402::before {
	content: var(--text1);
}
#bild-1404::before {
	content: var(--text2);
}
#bild-1405::before {
	content: var(--text3);
}
#bild-1402 img {
	width: 100%;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}
#bild-1402 {
	margin-left: 0;
	margin-right: 0;
	width: calc(min(var(--content-width), 100vw - 20px) * 3 / 4 - 6px);
	height: calc(min(var(--content-width), 100vw - 20px) / 2);
	border-right: 5px solid transparent;
	overflow: hidden;
}
#cont-1398 {
	--text1: 'Sauberes Wasser';
	--text2: 'Strom';
	--text3: 'Reine Luft';
}
#cont-1398 div[id^='bild-']::before {
	z-index: 1;
	color: white;
	font-size: var(--h5-font-size);
	text-align: left;
	display: inline-block;
	position: relative;
	top: calc(100% - 100px);
	margin-bottom: -100px;
	width: calc(100% - 20px);
	height: 50px;
	padding-left: 20px;
	padding-top: 50px;
	background-image: linear-gradient(transparent, #EE754F);
	float: left;
}
#bild-1404 img {
	width: 100%;
	max-width: unset;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}
#bild-1404 {
	width: calc(min(100vw - 20px, var(--content-width)) / 4 - 5px);
	height: calc(min(100vw - 20px, var(--content-width)) / 4 - 5px);
	overflow: hidden;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
	margin: 0;
}
#bild-1405 img {
	width: 100%;
	max-width: unset;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}
#bild-1405 {
	width: calc(min(100vw - 20px, var(--content-width)) / 4 - 5px);
	height: calc(min(100vw - 20px, var(--content-width)) / 4 - 5px);
	overflow: hidden;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	margin: 0;
}
#text-1410 {
	text-align: center;
}
#text-1420 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#cont-1553 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
}
#cms_root {
	position: relative;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
}
#cms_root *.content-width {
	width: 100%;
	text-align: left;
}
#cont-4545 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--colorset:Schema3;
	--bgcolor: var(--Schema3-bgcolor);
	--color: var(--Schema3-color);
	--hicolor: var(--Schema3-hicolor);
	--locolor: var(--Schema3-locolor);
	--linkcolor: var(--Schema3-linkcolor);
	--hovercolor: var(--Schema3-hovercolor);
	color: var(--color);
	background-color: var(--bgcolor);
}
#text-4549 {
	width: 460px;
	max-width: 100%;
	margin-left: auto;
	line-height: 1.9em;
}
#text-4549 .zitat-name {
	text-align: right;
	position: relative;
	font-weight: bold;
}
#text-4549 .zitat-name::before {
	content: '';
	position: absolute;
	left: 0;
	right: 150px;
	height: 1px;
	top: 50%;
	background: var(--color);
}
#cont-4552 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--colorset:LightGreen;
	--bgcolor: var(--LightGreen-bgcolor);
	--color: var(--LightGreen-color);
	--hicolor: var(--LightGreen-hicolor);
	--locolor: var(--LightGreen-locolor);
	--linkcolor: var(--LightGreen-linkcolor);
	--hovercolor: var(--LightGreen-hovercolor);
	color: var(--color);
	background-color: var(--bgcolor);
}
#text-4563 {
	text-align: center;
	--baustein-margin: 0 150px;
}
#text-4563 h4 {
	margin: 0;
}
#text-4562 {
	margin-top: 20px;
}
#text-4903 {
	margin-top: 20px;
}
#cont-1413 {
	--list-right: -.6em;
	--leaf-right: -.6em;
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
}
#text-4560 {
	--line-left: 50%;
	width: 460px;
	max-width: 100%;
	margin-left: auto;
	line-height: 1.9em;
}
#text-4902 {
	--list-right: -1.5em;
	margin-top: 20px;
}
#text-4902 li {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
}