* {
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}
body  {
	margin: 0px;
	padding: 0px;
}
.clearall{
	clear: both;
}
a.doc:link, a.doc:visited,
a.ocx:link, a.ocx:visited,
a.lsx:link, a.lsx:visited,
a.xls:link, a.xls:visited,
a.pdf:link, a.pdf:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #2E3D4F;
	height: auto;
	margin: 0 0 0 0;
	padding: 5px 0 0 25px;
	display: inline-block;
	clear: left;
	background: url(../jamicons/news.svg) left center no-repeat;
	background-size: 15.625px 20px;
}
a.doc:hover, a.doc:active,
a.ocx:hover, a.ocx:active,
a.lsx:hover, a.lsx:active,
a.xls:hover, a.xls:active,
a.pdf:hover, a.pdf:active {
	color: #2E3D4F;
}
#container {
	width: 96%;
	padding: 0 0 0 0;
	margin: 0 2% 0 2%;
	overflow: hidden;
}
header {
	padding: 0 0 33px 0;
	margin: 0 auto auto 0;
	overflow: visible;
	width: 100%;
	position: relative;
}
#neuhausen_logo {
	height: 87px;
	width: 240px;
	float: left;
	margin: 7px 0 7px 0;
	display: block;
}
#neuhausen_logo img{
	width: 100%;
	height: auto;
}
nav#head_navi_r {
	display: block;
	padding-left: 0px;
	margin: 8px 0 0 0;
	float: right;
}
nav#head_navi_r ul{
	margin-top: 0px;
}
nav#head_navi_r li{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
	color: #33383D;
	margin: 5px 10px 0 10px;
	letter-spacing: 0.03em;
	float: left;
	width: auto;
	display: block;
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
}
nav#head_navi_r li:first-child{
	margin-left: 0;
	padding-left: 0;
}
nav#head_navi_r a:link, 
nav#head_navi_r a:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #33383D;
	padding-left: 10px;
	text-decoration: none;
	padding: 5px 0 0px 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}
nav#head_navi_r a:hover,
nav#head_navi_r a:active,
nav#head_navi_r a:focus {
	color: #CBCED3;
	text-decoration: none;
}
.icon_size {
	font-size: 18px;
	color: #2E3D4F;
}
#header_strip  {
	position: absolute;
	display: block;
	clear: both;
	padding: 0 0 0 0;
	width: 100%;
	height: 34px;
	bottom: 0;
	z-index: 25;
	background-color: rgba(46, 61, 79, 0.3);
}
nav#navi_box {
	display: block;
	padding-left: 0px;
	text-align: right;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 0px;
	float: left;
	z-index: 40;
	height: 42px;
}
nav#navi_box ul{
	margin-top: 0px;
}
nav#navi_box li {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #59627D;
	margin: 0 10px 0 10px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	background-image: none;
	letter-spacing: 0.05em;
	z-index: 40;
}
nav#navi_box a:link, 
nav#navi_box a:visited,
nav#navi_box a:hover,
nav#navi_box a:active,
nav#navi_box a:focus {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: #242424;
	padding: 0px;
	margin: 0px;
	display: block;
}
nav#navi_box .ebene_1 > li.this_activated >a:link, 
nav#navi_box .ebene_1 > li.this_activated >a:visited,
nav#navi_box .ebene_1 > li.this_activated >a:hover,
nav#navi_box .ebene_1 > li.this_activated >a:active,
nav#navi_box .ebene_1 > li.this_activated >a:focus,
nav#navi_box .ebene_1 > li.activated_parent >a:link, 
nav#navi_box .ebene_1 > li.activated_parent >a:visited,
nav#navi_box .ebene_1 > li.activated_parent >a:hover,
nav#navi_box .ebene_1 > li.activated_parent >a:active,
nav#navi_box .ebene_1 > li.activated_parent >a:focus,
nav#navi_box .ebene_1 > li.hoveriert >a:link, 
nav#navi_box .ebene_1 > li.hoveriert >a:visited,
nav#navi_box .ebene_1 > li.hoveriert >a:hover,
nav#navi_box .ebene_1 > li.hoveriert >a:active,
nav#navi_box .ebene_1 > li.hoveriert >a:focus,
nav#navi_box .ebene_1 > li:hover > a:link, 
nav#navi_box .ebene_1 > li:hover > a:visited,
nav#navi_box .ebene_1 > li:hover > a:hover,
nav#navi_box .ebene_1 > li:hover > a:active,
nav#navi_box .ebene_1 > li:hover > a:focus {
	color: #242424;
	text-decoration: none;
	background-color: #FFFFFF;
	height: 75px;
	background-image: url(../images/icon_menu.svg);
	background-repeat: no-repeat;
	background-position: center 52px;
	background-size: 26px 14px;
	z-index: 40;
	position: relative;
}
nav#navi_box ul.ebene_2{
	display: none;
	border-bottom: 3px solid rgba(46, 61, 79, 0.2);
	min-height: 100px;
}
nav#navi_box li.hoveriert ul.ebene_2,
nav#navi_box li:hover ul.ebene_2{
	width: 100%;
	position: absolute;
	z-index: 40;
	display: block;
	left: 0;
	text-align: center;
	background-color: white;
}
nav#navi_box li ul.ebene_2 li{
	box-sizing: border-box;
	width: 220px;
	height: auto;
	padding: 20px 5px 0 0;
	margin: 0 auto;
	float: none;
	vertical-align: top;
	display: inline-block;
	text-align: left;
}
nav#navi_box ul.ebene_2 a:link, 
nav#navi_box ul.ebene_2 a:visited, 
nav#navi_box ul.ebene_2 a:hover,
nav#navi_box ul.ebene_2 a:active,
nav#navi_box ul.ebene_2 a:focus {
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
	text-transform: none;
	text-align: left;
	height: auto;
	padding-left: 20px;
	background: url(../jamicons/align-left.svg) left top no-repeat;
	background-size: 15px 11.25px;
}
nav#navi_box ul.ebene_3{
	display: none;
}
nav#navi_box li.this_activated ul.ebene_3,
nav#navi_box li.activated_parent ul.ebene_3,
nav#navi_box li.hoveriert ul.ebene_3,
nav#navi_box li:hover ul.ebene_3{
	display: block;
	text-align: left;
}
nav#navi_box li ul.ebene_3 li{
	padding: 0 0 0 0;
}
nav#navi_box ul.ebene_3 a:link, 
nav#navi_box ul.ebene_3 a:visited{
	font-size: 12px;
	font-weight: 100;
	text-transform: none;
	text-align: left;
	height: auto;
	padding-left: 20px;
	background: url(../jamicons/angle-right.svg) left center no-repeat;
	background-size: 6px 10.62857143px;
}
nav#navi_box ul.ebene_3 a.l_this_activated:link, 
nav#navi_box ul.ebene_3 a.l_this_activated:visited,
nav#navi_box ul.ebene_3 a.l_activated_parent:link, 
nav#navi_box ul.ebene_3 a.l_activated_parent:visited,
nav#navi_box ul.ebene_3 a:hover,
nav#navi_box ul.ebene_3 a:active,
nav#navi_box ul.ebene_3 a:focus {
	font-weight: 700;
}
nav#navi_box li ul.ebene_3 li .ebene_4 *,
nav#navi_box li ul.ebene_3 li .ebene_4{
	display: none;
}
#sub_navi_box ul{
	text-align: center;
	list-style: none;
}
#sub_navi_box li{
	width: auto;
	background: none;
	list-style: none;
	float: none;
	display: inline-block;
	padding: 0 10px;
}
#sub_navi_box li a:link,
#sub_navi_box li a:visited{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #474747;
	font-size: 17px;
	text-decoration: none;
}
#sub_navi_box li a.l_this_activated:link,
#sub_navi_box li a.l_this_activated:visited,
#sub_navi_box li a.l_activated_parent:link,
#sub_navi_box li a.l_activated_parent:visited,
#sub_navi_box li a:focus,
#sub_navi_box li a:hover,
#sub_navi_box li a:active{
	color: black;
	text-decoration: underline;
}
#big_image_box{
	position: relative;
}
#big_image_box .energiestadt_logo {
	display: block;
	overflow: visible;
	z-index: 0;
	width: 272px;
	height: 75px;
	position: absolute;
	top: 18px;
	z-index: 25;
	right: 25px;
}
#big_image_box .unicef_logo {
	display: block;
	overflow: visible;
	z-index: 0;
	width: 272px;
	height: 75px;
	position: absolute;
	bottom: 20px;
	z-index: 25;
	right: 25px;
}
#big_image_box .neuhausen_slogan {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #FFFFFF;
	display: block;
	overflow: visible;
	z-index: 25;
	width: 300px;
	line-height: 1.2em;
	height: auto;
	position: absolute;
	top: 20px;
	left: 25px;
}
section#aktuelles_box {
	padding: 0;
	background-color: transparent;
	display: block;
	position: absolute;
	top: 100px;
	left: 50%;
	width: 620px;
	height: auto;
	margin: 0 0 0 -310px;
	z-index: 30;
}
.aktuelles_content {
	width: 94%;
	height: auto;
	display: block;
	margin 80px 0 0 0;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px 3%  20px 3%;
	float: left;
}
.aktuelles_content .record_box{
	padding-top: 5px;
}
a.teaserlink:link,
a.teaserlink:visited{
	box-sizing: border-box;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0.03em;
	margin: 0 0 0 0;
	padding: 10px 0 8px 0;
	font-weight: 400;
	text-decoration: none;
	background-color: rgba(46, 61, 79, 0.9);
	text-transform: uppercase;
	display: block;
	width: 50%;
	float: left;
	text-align: center;
}
a.teaserlink.aktiviert:link,
a.teaserlink.aktiviert:visited{
	background-color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	color: black;
	cursor: text;
}
a.teaserlink:focus,
a.teaserlink:hover,
a.teaserlink:active{
	background-color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	color: black;
}
section#aktuelles_box a.weiter:link, section#aktuelles_box a.weiter:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	display: inline-block;
	margin-top: 0px;
	padding: 6px 15px 6px 15px;
	font-weight: 400;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #2E3D4F;
	text-transform: uppercase;
	margin-left: 0px;
	margin-right: 0px;
}
section#aktuelles_box a.weiter:hover, section#aktuelles_box a.weiter:active {
	background-color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	color: black;
}
section#aktuelles_box .datum {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #2E3D4F;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: none;
	display: inline-block;
	width: auto;
}
section#aktuelles_box a.mehr:link, section#aktuelles_box a.mehr:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 1.5em;
	margin-top: 0px;
	padding: 0 0 0 15px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	background-image: url(../images/icon_flash_right.svg);
	background-size: 6px 11px;
	clear: left;
	float: left;
	display: inline-block;
	background-repeat: no-repeat;
	font-weight: 400;
	background-position: left 3px;
}
section#aktuelles_box a.mehr:hover, section#aktuelles_box a.mehr:active {
	text-decoration: underline;
	color: #000000;
}
div {
	text-decoration: none;
	margin-top: 0px;
}
p {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #474747;
	font-size: 17px;
	margin: 0 0 15px 0;
	padding: 0px;
	line-height: 1.5em;
	text-align: left;
}
.aktuelles_content p {
	font-size: 14px;
}
.textbox_grau p   {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
ul {
	margin: 0 0 20px 0;
}
li {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #474747;
	font-size: 17px;
	line-height: 1.5em;
	display: list-item;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 4px 20px;
	background-repeat: no-repeat;
	background-image: url(../images/dot.png);
	background-position: left 8px;
	width: 100%;
}
p.kursiv{
	font-style: italic
}
.bold {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.adresse .bold  {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
}
p.adresse  {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 0 0;
	color: #FFFFFF;
	font-size: 16px;
	text-transform: none;
}
.table {
	display: table;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}
.table .tablerow{
	display: table-row;
	width: 100%;
}
.table .tablecell {
	display: table-cell;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: 400;
	font-size: 17px;
	color: #474747;
	text-align: left;
	padding: 5px 0 10px 0;
	line-height: 1.5em;
}
.table.head .row_1 .tablecell{
	font-weight: 700;
}
.table tr:nth-child(even){
	background-color: none;
}
a:link, a:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 17px;
	color: #2E3D4F;
	text-decoration: underline;
	font-weight: 400;
}
a:hover, a:active {
	color: #2E3D4F;
	text-decoration: none;
}
main {
	margin: 50px auto auto 0px;
	padding: 0 0 0 0;
	width: 100%;
	display: block;
	position: relative;
}
main#lay_home{
	margin-top: 0;
}
section {
	margin: 0 20% 30px 20%;
	display: block;
	float: left;
	padding: 1% 1.5% 1% 1.5%;
	background-color: #ECEDEF;
	width: 57%;
	position: relative;
}
.record_box {
	clear: both;
	display: block;
	overflow: hidden;
	padding-top: 20px;
}
.record_box.first_child {
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0 10% 30px 10%;
	background-color: #FFFFFF;
}
.textbox_grau {
	display: block;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 15px 15px 13px 15px;
	background-color: #F4F3F4;
	height: auto;
}
a.zurueck_box:link, 
a.zurueck_box:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #242424;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 5px 0 5px 30px;
	display: inline-block;
	float: right;
	background-image: url(../images/flash_back.png);
	background-repeat: no-repeat;
	background-position: left center;
}
 a.zurueck_box:hover,
 a.zurueck_box:active,
 a.zurueck_box:focus {
	text-decoration: none;
	display: inline-block;
	color: #DD3122;
}
a.mehr:link, a.mehr:visited {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #C10821;
	line-height: 1.5em;
	display: inline-block;
	margin-top: 0px;
	padding-top: 27px;
	float: left;
	clear: left;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
a.mehr:hover, a.mehr:active {
	text-decoration: underline;
	color: #333333;
}
a.plus_icon:link, 
a.plus_icon:visited,
a.plus_icon:active,
a.plus_icon:focus,
 a.plus_icon:hover {
	position: relative;
	display: block;
	text-decoration: none;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 5px 30px 0 0;
}
a.plus_icon:link .icon,
a.plus_icon:visited .icon,
a.plus_icon:active .icon,
a.plus_icon:focus .icon{
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0px;
	background-image: url(../images/icon_plus.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	transition: transform 500ms;
}
a.plus_icon:hover .icon{
	text-decoration: none;
	background-image: url(../images/icon_plus_over.svg);
}
a.plus_icon.activated:link .icon, 
a.plus_icon.activated:visited .icon,
a.plus_icon.activated:hover .icon,
a.plus_icon.activated:active .icon,
a.plus_icon.activated:focus .icon{
	transform: rotate(180deg);
}
.plus_icon h2{
	margin-top: -3px;
}
.content_img_box {
	width: 70%;
	height: auto;
	margin: 0 auto 30px auto;
}
.content_img_box img{
	height: auto;
	width: 100%;
}
#lay_home .content_img_box img{
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 720px;
}
#lay_home .content_img_box  {
	width: 100%;
	display: block;
	height: auto;
}
.images_box {
	overflow: hidden;
	width: auto;
	height: auto;
	margin: 0 0 20px 0;
}
.images_box.left {
	margin-right: 20px;
	float: left;
	overflow: hidden;
}
.images_box.right {
	margin-left: 20px;
	float: right;
}
.images_box_detail {
	overflow: hidden;
	width: 45%;
	height: auto;
	display: block;
	margin-right: 10%;
	float: left;
	margin-bottom: 15px;
}
.images_box_detail img {
	overflow: hidden;
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}
.images_box_detail.nomarginright {
	float: left;
	margin-right: 0px;
}
.images_portrait {
	display: block;
	margin: 0 50px 20px 0;
	padding: 0 0 0 0;
	width: 260px;
	border-radius: 50%;
	height: 260px;
	float: left;
	clear: left;
}
.images_box_galerie {
	float: left;
	margin-right: 6.6666%;
	margin-bottom: 30px;
	width: 20%;
	height: auto;
	overflow: hidden;
}
.images_box_galerie img {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.images_box_galerie.nomarginright {
	margin-right: 0px;
	float: left;
}
#info_boxen  {
	margin: 20px auto 15px auto;
	padding: 0 0 0 0;
	width: 100%;
	float: left;
	display: block;
}
#info_boxen img {
	width: 100%;
	height: auto;
}
#info_boxen figure {
	margin: 0 3% 0 0;
	padding: 0 0 0 0;
	width: 22.75%;
	display: block;
	float: left;
	position: relative;
}
#info_boxen figure.nomarginright {
	padding: 0 0 10px 0;
	margin-right: 0px;
}
#info_boxen figcaption {
	margin: 0 0 0 0;
	padding: 7px 0 7px 0;
	text-align: center;
	background-color: rgba(46, 61, 79, 0.9);
	position: absolute;
	width: 100%;
}
hr.trenner {
	padding: 0px;
	margin: 4px 0px 15px 0;
	height: 1px;
	border-top: 1px solid #B8B8B8;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	width: 100%;
	float: left;
}
hr.trenner_detail {
	padding: 0px;
	margin: 5px 0px 5px 0;
	height: 1px;
	border-top: 2px solid #474747;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	width: 100%;
	float: left;
}
hr.trenner_content {
	margin: 15px 15% 30px 15%;
	border-top: 1px solid #A0A0A0;
	height: 1px;
	width: 70%;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
div.trenner {
	margin-bottom: 10px;
	margin-left: 0px;
	height: 1px;
}
h1  {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #242424;
	font-size: 38px;
	text-transform: none;
	margin: 0 20% 30px 20%;
	text-align: left;
	padding-bottom: 10px;
	line-height: 1em;
	font-weight: 500;
	vertical-align: 0px;
	display: block;
}
h2 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #242424;
	font-weight: 500;
	font-size: 26px;
	margin: 0 0 20px 0;
	padding: 0px;
	line-height: 1.15em;
	width: auto;
	text-transform: none;
}
.aktuelles_content h2  {
	color: #000000;
	font-size: 20px;
	margin: 0 0 10px 0;
	text-transform: none;
}
h3 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #242424;
	font-weight: 500;
	font-size: 19px;
	margin: 0 0 10px 0;
	padding: 0px;
	line-height: 1.15em;
	width: auto;
	text-transform: none;
}
#info_boxen h3 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 19px;
	letter-spacing: 0.03em;
	margin: 0 0 0 0;
	padding: 0px;
	text-transform: uppercase;
}
h4 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #242424;
	font-weight: 500;
	font-size: 16px;
	margin: 0 0 5px 0;
	padding: 0px;
	line-height: 1.15em;
	width: auto;
	text-transform: none;
}
/* ---F O O T-- */
footer {
	width: 100%;
	display: grid;
	grid-template-columns: 320px 220px 220px auto 320px;
	margin: 0 auto 0 auto;
	padding: 25px 0 25px 0;
	clear: none;
	border-top: 1px solid #B8B8B8;
	font-size: 16px;
}
footer h3{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 0 0;
}
footer .box.address{
	display: grid;
	grid-template-rows: 18px auto;
	gap: 10px;
}
footer .box.apps{
	display: grid;
	grid-template-rows: 18px 52px 52px;
	gap: 10px;
}
footer .box.apps a img{
	width: auto;
	height: 100%;
}

footer .box.socials{
	display: grid;
	grid-template-columns: 40px 40px auto;
	grid-template-rows: 18px auto;
	gap: 10px;
}
footer .box.socials h3{
	grid-column: 1 / -1;
}
footer .box.socials a img{
	width: 100%;
	height: auto;
}

footer .box.logos{
	justify-self: right;
	display: grid;
	grid-template-columns: 110px 170px;
	grid-template-rows: 50px 70px auto;
	gap: 10px;
}
footer .box.logos *:first-child{
	grid-column: 1 / 2;
}
footer .box.logos *:nth-child(3){
	grid-column: 2;
}
footer .box.logos *:nth-child(4){
	display: block;
	grid-row: 3;
	grid-column:1 / -1;
}
footer .box.logos img{
	width: 100%;
	height: auto;
}
footer .box.logos nav{
	
}
footer .box.logos nav ul{
	list-style: none;
	display: flex;
	margin: 0 0 0 0;
	justify-content: flex-end;
}
footer .box.logos nav li{
	list-style: none;
	width: auto;
	background: none;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}


.gallery ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li{
	width: 32%;
	height: auto;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 0px;
	display: block;
}
.gallery li.nomarginright{
	margin-right: 0;	
}
.gallery img{
	width: 100%;
	height: auto;
	list-style: none;	
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}
#lay_dokumente_beschluesse .table p,
#lay_dokumente_berichte .table p,
#lay_dokumente .table p {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: 100;
	font-size: 15px;
	color: #474747;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
#lay_dokumente_beschluesse .th,
#lay_dokumente_berichte .th,
#lay_dokumente .th{
	display: inline-block;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: 700;
	font-size: 17px;
	color: #474747;
	text-align: left;
	line-height: 1.5em;
	padding: 0 0 5px 0;
	box-sizing: border-box;
}
#lay_dokumente_beschluesse .td,
#lay_dokumente_berichte .td,
#lay_dokumente .td {
	display: inline-block;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: 100;
	font-size: 15px;
	color: #474747;
	text-align: left;
	line-height: 1.5em;
	padding: 0 0 0 0;
	box-sizing: border-box;
	vertical-align: top;
}
#lay_dokumente_beschluesse .td a:link,
#lay_dokumente_beschluesse .td a:visited,
#lay_dokumente_berichte .td a:link,
#lay_dokumente_berichte .td a:visited,
#lay_dokumente .td a:link,
#lay_dokumente .td a:visited{
	font-size: 13px;
}
#lay_dokumente_beschluesse .td a:focus,
#lay_dokumente_beschluesse .td a:hover,
#lay_dokumente_beschluesse .td a:active,
#lay_dokumente_berichte .td a:focus,
#lay_dokumente_berichte .td a:hover,
#lay_dokumente_berichte .td a:active,
#lay_dokumente .td a:focus,
#lay_dokumente .td a:hover,
#lay_dokumente .td a:active{
	font-size: 13px;
}
#lay_dokumente_beschluesse .row_1{
	width: 12%;
	padding-right: 10px;	
}
#lay_dokumente_beschluesse .row_2{
	width: 12%;
}
#lay_dokumente_beschluesse .row_4{
	width: auto;
}
#lay_dokumente_berichte .row_1,
#lay_dokumente .row_1{
	width: 12%;
	padding-right: 10px;
}
#lay_dokumente_berichte .row_2,
#lay_dokumente .row_2{
	width: 12%;
	padding-right: 10px;
}
#lay_dokumente_berichte .row_3,
#lay_dokumente .row_3{
	width: 16%;
	padding-right: 10px;
}
#lay_dokumente_berichte .row_4,
#lay_dokumente .row_4{
	width: 50%;
	padding-right: 10px;
}
#lay_dokumente_berichte .row_5,
#lay_dokumente .row_5{
	width: 10%;
}
#lay_dokumente_berichte .row_6,
#lay_dokumente .row_6{
	display: none;
}
#lay_search .infobox_content_text_navi{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #474747;
	font-size: 17px;
	padding-bottom: 5px;
}
#lay_search .infobox_content_text{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #B8B8B8;
}
a#respnosive_menu_button:link,
a#respnosive_menu_button:visited,
a#respnosive_menu_button:focus,
a#respnosive_menu_button:hover,
a#respnosive_menu_button:active{
	display: none;
}
nav#navi_box_resp{
	display: none;
}
.resp_iframe{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	clear: both;
}
.resp_iframe iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
a.online_schalter:link,
a.online_schalter:visited{
	display: inline-block;
	width: auto;
	border: 1px solid black;
	padding: 5px 10px 5px 0;
	text-decoration: none;
	background-color: white;
	background-color: #C0C3C9;
	color: black;
}
a.online_schalter:focus,
a.online_schalter:hover,
a.online_schalter:active{
	background-color: rgba(46, 61, 79, 0.9);
}
a.online_schalter .onlineschaltertext{
	display: inline-block;
	padding-left: 5px;
	color: #223C4F;
}
a.online_schalter .onlineschaltericon{
	display: inline-block;
	width: 20px;
	padding: 0 0 0 4px;
	height: auto;
	transform: rotate(-90deg);
}
a.online_schalter:hover .onlineschaltertext,
a.online_schalter:hover .onlineschaltericon{
	filter: invert(100%);
}
@media screen and (max-width: 1280px) {
	section {
		width: 67%;
		margin: 0 15% 30px 15%;
	}
	#neuhausen_logo {
		margin-left: 10px;
	}
	#info_boxen h3 {
		font-size: 14px;
	}
	#container {
		width: 100%;
		margin: 0;
	}
	nav#navi_box li a{
		font-size: 15px;
	}
	nav#navi_box {
		height: 35px;
	}
	nav#navi_box .ebene_1 > li.this_activated >a:link, 
	nav#navi_box .ebene_1 > li.this_activated >a:visited,
	nav#navi_box .ebene_1 > li.this_activated >a:hover,
	nav#navi_box .ebene_1 > li.this_activated >a:active,
	nav#navi_box .ebene_1 > li.this_activated >a:focus,
	nav#navi_box .ebene_1 > li.activated_parent >a:link, 
	nav#navi_box .ebene_1 > li.activated_parent >a:visited,
	nav#navi_box .ebene_1 > li.activated_parent >a:hover,
	nav#navi_box .ebene_1 > li.activated_parent >a:active,
	nav#navi_box .ebene_1 > li.activated_parent >a:focus,
	nav#navi_box .ebene_1 > li.hoveriert >a:link, 
	nav#navi_box .ebene_1 > li.hoveriert >a:visited,
	nav#navi_box .ebene_1 > li.hoveriert >a:hover,
	nav#navi_box .ebene_1 > li.hoveriert >a:active,
	nav#navi_box .ebene_1 > li.hoveriert >a:focus,
	nav#navi_box .ebene_1 > li:hover > a:link, 
	nav#navi_box .ebene_1 > li:hover > a:visited,
	nav#navi_box .ebene_1 > li:hover > a:hover,
	nav#navi_box .ebene_1 > li:hover > a:active,
	nav#navi_box .ebene_1 > li:hover > a:focus {
		height: 69px;
		background-position: center 45px;
	}
	nav#navi_box li ul.ebene_2 li{
		width: 180px;
	}
	nav#navi_box li ul.ebene_2 li a:link,
	nav#navi_box li ul.ebene_2 li a:visited,
	nav#navi_box li ul.ebene_2 li a:focus,
	nav#navi_box li ul.ebene_2 li a:hover,
	nav#navi_box li ul.ebene_2 li a:active{
		font-size: 11px;
		font-weight: 700;
	}
	nav#navi_box li ul.ebene_3 li a:link,
	nav#navi_box li ul.ebene_3 li a:visited{
		font-size: 11px;
		font-weight: 100;
		text-decoration: none;
	}
	nav#navi_box li ul.ebene_3 li a:focus,
	nav#navi_box li ul.ebene_3 li a:hover,
	nav#navi_box li ul.ebene_3 li a:active{
		font-size: 11px;
		font-weight: 100;
		text-decoration: underline;
	}
	#big_image_box .neuhausen_slogan {
		font-size: 25px;
	}
	footer {
		grid-template-columns: 1fr 1fr 1fr;
	}
	footer .box.logos{
		justify-self: left;
	}
}
@media screen and (max-width: 925px) {
	header {
		padding-bottom: 35px;
	}
	a.teaserlink:link,
	a.teaserlink:visited{
		font-size: 15px;
	}
	#info_boxen figure {
		margin: 0 4% 0 0;
		width: 48%;
	}
	#info_boxen a:nth-child(2n) figure {
		margin: 0 0 20px 0;
	}
	nav#navi_box{
		display: none;
	}
	nav#head_navi_r li{
		margin: 5px 0 0 0;
	}
	nav#head_navi_r li:last-child{
		margin-right: 5px;
	}
	nav#head_navi_r a:link, 
	nav#head_navi_r a:visited,
	nav#head_navi_r a:hover,
	nav#head_navi_r a:active,
	nav#head_navi_r a:focus {
		padding: 5px 0 0px 25px;
		font-size: 12px;
	}
	nav#navi_box_resp{
		width: 100%;
		display: none;
		padding-bottom: 20px;
		background-color: white;
		overflow: hidden;
	}
	nav#head_navi_r li,
	nav#head_navi_r li:last-child{
		width: auto;
		display: block;
		float: right;
		clear: right;
		margin: 0 20px 0 0;
		padding: 0;
	}
	nav#head_navi_r a:link, 
	nav#head_navi_r a:visited,
	nav#head_navi_r a:hover,
	nav#head_navi_r a:active,
	nav#head_navi_r a:focus {
		background-image: none !important;
		padding: 0;
	}
	#header_strip  {
		display: none;
	}
	a#respnosive_menu_button:link,
	a#respnosive_menu_button:visited,
	a#respnosive_menu_button:focus,
	a#respnosive_menu_button:hover,
	a#respnosive_menu_button:active{
		position: absolute;
		bottom: -5px;
		left: 50%;
		display: block;
		color: black;
		clear: both;
		margin: 0 0 0 -20px;
		width: 40px;
		height: 40px;
		background: url('../jamicons/angle-down.svg') center center no-repeat;
		font-size: 40px;
		transition: all ease 500ms;
		z-index: 30;
	}
	a#respnosive_menu_button.aktiv:link,
	a#respnosive_menu_button.aktiv:visited,
	a#respnosive_menu_button.aktiv:focus,
	a#respnosive_menu_button.aktiv:hover,
	a#respnosive_menu_button.aktiv:active{
		transform: rotateX(180deg);
	}
	nav#navi_box_resp .ebene_1,
	nav#navi_box_resp .ebene_2,
	nav#navi_box_resp .ebene_3,
	nav#navi_box_resp .ebene_4 {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	nav#navi_box_resp .ebene_2{
		padding-bottom: 2px;
		margin-bottom: 2px;
	}
	nav#navi_box_resp .ebene_3{
		padding-bottom: 3px;
		margin-bottom: 3px;
		display: none;
	}
	nav#navi_box_resp .ebene_4{
		display: none;
	}
	nav#navi_box_resp .ebene_2.has_activated_children,
	nav#navi_box_resp .ebene_3.has_activated_children,
	nav#navi_box_resp .ebene_4.has_activated_children{
		display: block;
	}
	nav#navi_box_resp li{
		list-style: none;
		background-image: none;
		width: 100%;
		margin: 0 0 0 8px;
		padding: 3px 0 0 0;
	}
	nav#navi_box_resp li a:link,
	nav#navi_box_resp li a:visited{
		font-family: "Open Sans", Helvetica, Arial, sans-serif;
		font-weight: 400;
		color: #59627D;
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		text-decoration: none;
		display: block;
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #59627D;
	}
	nav#navi_box_resp .ebene_2 li a:link,
	nav#navi_box_resp .ebene_2 li a:visited{
		border-bottom: 1px dashed #59627D;
		font-size: 16px;
	}
	nav#navi_box_resp .ebene_3 li a:link,
	nav#navi_box_resp .ebene_3 li a:visited{
		border-bottom: 0;
		text-transform: none;
		font-size: 16px;
	}
	nav#navi_box_resp .ebene_4 li a:link,
	nav#navi_box_resp .ebene_5 li a:visited{
		font-size: 14px;
	}
	nav#navi_box_resp li a.l_this_activated:link,
	nav#navi_box_resp li a.l_this_activated:visited,
	nav#navi_box_resp li a.l_activated_parent:link,
	nav#navi_box_resp li a.l_activated_parent:visited,
	nav#navi_box_resp li a:focus,
	nav#navi_box_resp li a:hover,
	nav#navi_box_resp li a:active{
		font-weight: 700;
		color: black;
	}
	nav#sub_navi_box{
		display: none;
	}
	section {
		box-sizing: border-box;
	    margin: 0 0 30px 0;
	    min-width: 100%;
	}
	section#aktuelles_box {
	    min-width: 0;
		margin: 0 0 0 -310px;
	}
	h1  {
		font-size: 28px;
		margin: 0 0 30px 0;
		text-align: center;
	}
	h2 {
		font-size: 22px;
	}
	#lay_dokumente_beschluesse .th.row_4{
		display: none;
	}
	#lay_dokumente_beschluesse .row_1,
	#lay_dokumente_beschluesse .row_2{
		width: 50%;
		padding-right: 10px;	
	}
	#lay_dokumente_beschluesse .row_4{
		width: 100%;
	}
	#lay_dokumente_berichte .row_1,
	#lay_dokumente .row_1{
		width: 25%;
		padding-right: 10px;
	}
	#lay_dokumente_berichte .row_2,
	#lay_dokumente .row_2{
		width: 25%;
		padding-right: 10px;
	}
	#lay_dokumente_berichte .row_3,
	#lay_dokumente .row_3{
		width: 35%;
		padding-right: 10px;
	}
	#lay_dokumente_berichte .row_5,
	#lay_dokumente .row_5{
		width: 15%;
	}
	#lay_dokumente_berichte .row_4,
	#lay_dokumente .row_4{
		display: none;
	}
	#lay_dokumente_berichte .row_6,
	#lay_dokumente .row_6{
		display: block;
		width: 100%;
	}
	footer {
		grid-template-columns: 300px auto;
		row-gap: 28px;
	}
}
@media screen and (max-width: 700px) {
	section#aktuelles_box a.weiter:link,
	section#aktuelles_box a.weiter:visited,
	section#aktuelles_box a.weiter:focus,
	section#aktuelles_box a.weiter:hover,
	section#aktuelles_box a.weiter:active{
		display: none;
	}
	#lay_home .flexslider,
	#lay_home .flexslider img,
	#lay_home .content_img_box,
	#lay_home .content_img_box img{
		display: block;
		width: 100%;
		height: auto;
		min-height: 0;
		margin: 0 0 0 0;
		float: none;
		clear: both;
		overflow: hidden;
	}
	section#aktuelles_box {
		position: static;
		display: block;
		width: 100%;
		margin: 0 0 0 0;
		float: none;
		clear: both;
	}

	#big_image_box .energiestadt_logo,
	#big_image_box .unicef_logo {
		display: none;
	}
	#neuhausen_logo {
		max-width: 50%;
		height: auto;
	}
	li, p{
		font-size: 15px;
	}
	a.doc:link, a.doc:visited,
	a.ocx:link, a.ocx:visited,
	a.lsx:link, a.lsx:visited,
	a.xls:link, a.xls:visited,
	a.pdf:link, a.pdf:visited {
		font-size: 14px;
	}
	.table .tablecell {
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 14px;
	}
	.images_box.left,
	.images_box.right,
	.images_box{
		width: 100%;
	}
}
@media screen and (max-width: 420px) {
	footer {
		grid-template-columns: auto;
	}
}