@charset "UTF-8";

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.five_img_container .fiveimg_link {
		display: block !important;
	}
}

@media all {

	.text_area_new {
		width: 92%;
		padding: 11px 8px !important;
	}

	#captcha_user {
		width: 92%;
	}

	.new_styleinput > input:nth-child(2) {
		width:  92%;
	}

	.fancybox-title span {
		flex-grow: 1;
	}

	.fancybox-title span:nth-of-type(2) {
		text-align: right;
	}

	.fancybox-title {
		display: flex;
	}

	#navigation ul li i {
		display: none;
	}

	/*#navigation ul.level1 {
		overflow-y: scroll;
		height: 100vh;
	}*/

	.tabs-nav {
		margin-left: 0 !important
	}

	.tabs-nav li {
		margin-bottom: 0 !important
	}

	.upload_popup {
		font-size: 14px;
		background-color: black;
		color: white;
		border-radius: 1%;
		padding: 6px;
		position: absolute;
		bottom: -29px;
		opacity: 0.8
	}

	body{
		border: none !important;
		background-color: #b0bfbe!important;
		position: relative;
	}

	a.button {
		height: 49px;
		padding: 0 !important;
		text-decoration: none !important;
		line-height: 49px;
	}

	.breadcrumb a {
		color: grey !important;
		font-size: 16px !important;
	}

	.breadcrumb {
		margin-bottom: 10px;
	}

	:focus {
		outline: 1px solid lightgrey;

	}

	body, label {
		font: 13pt Sans-serif !important;
	}

	.downloads-side a {
		display: inline-block;
	}

	html body a:not(.scroll-top) {
		text-decoration: underline;
	}

	table {
		overflow: scroll;
	}

	table td input {
		margin-bottom: 12px !important
	}

	table tr td {
		vertical-align: top !important;
	}

	.rsbtn_tools {
		z-index: 2;
	}

	blockquote {
		display: flex;
	}

	#bolded-line {
		width: 250px;
	}

	.content-container .columns {
		margin-bottom: 40pt;
	}
	
	.content-container .columns.small-spacing {
		margin-bottom: 8pt;
	}

	.portal .content-container {
		margin-left: 10px;
		margin-right: 10px;
	}

	.setBlur > *:not(.lightbox) {
		filter: blur(10px) brightness(0.2);
	}

	.setBlur {
		overflow-y: hidden;
	}

	#wrapper {
		position: relative;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4) !important;
		filter: blur(25%);
	}

	#wrapper p {
		color: #3d3f42
	}

	.caption {
		position: relative;
	}

	h1, h2, h3, h4, h5, h6 {
		word-break: break-word;
		color: #009933;
		line-height: 1;
		margin-bottom: 12px;
		font-weight: normal;
	}

	h1 {
		font-size: 48px;
	}

	h2 {
		font-size: 40px;
	}

	h3 {
		font-size: 36px;
	}

	h4 {
		font-size: 32px;
	}

	h5 {
		font-size: 26px;
	}

	h6 {
		font-size: 24px;
	}

	#wrapper .container button:not(.rsbtn_tool):not(.rsbtn_tooltoggle):not(.rsbtn_pause):not(.rsbtn_stop):not(.rsbtn_volume):not(.rsbtn_closer):not(.rsbtn_dl) {
		/*min-height: 49px;*/
		border: none;
		/*background-color: #009933;*/
		/*min-width: 165px;*/
		/*color: white;*/
		font-weight: bold;
		/*padding: 21px;*/
		font-size: 20px;
		cursor: pointer
	}
	.rsbtn_closer .rsbtn_player_item{
		padding: 0 !important;
	}

	.button, input[type='submit'] {
		border: none;
		background-color: #009933;
		min-width: 165px;
		min-height: 49px;
		color: white;
		font-weight: bold;
		padding: 21px;
		font-size: 20px;
		cursor: pointer;
		text-align: center;
	}

	button.button {
		padding: 11px !important;
	}

	.button:hover {
		background-color: #888888;
		color: #ffffff!important;
	}

	#wrapper .container button:hover {
		background-color: #888888;
	}

	.check-container {
		display: block;
		position: relative;
		cursor: pointer;
		user-select: none;
	}

	.check-container input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

	.checkmark {
		top: 0;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #eee;
	}

	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	.check-container:hover input ~ .checkmark {
		background-color: #ccc;
	}

	.check-container input:checked ~ .checkmark {
		border: 1px solid #009933;
	}

	.check-container input:checked ~ .checkmark:after {
		display: block;
	}

	.check-container .checkmark:after {
		left: 7px;
		top: 2px;
		width: 5px;
		min-height: 32px;
		height: 10px;
		border: solid #009933;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/*Radiobutton Styling*/
	.radiobtn {
		/*position: absolute;*/
		top: 0;
		left: 0;
		height: 22px;
		width: 22px;
		background-color: #eee;
		border-radius: 50%;
	}

	.radiobtn:after {
		content: "";
		position: absolute;
		display: none;
	}

	.check-container .radiobtn:after {
		top: 6px;
		left: 6px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: green;
	}

	.check-container:hover input ~ .radiobtn {
		background-color: #ccc;
	}

	.check-container input:checked ~ .radiobtn {
		border: 1px solid #009933;
	}

	.check-container input:checked ~ .radiobtn:after {
		display: block;
	}

	#wrapper a:hover {
		color: #707070;
	}

	#navigation .level2 {
		text-overflow: ellipsis;
		width: 165px;
	}

	#navigation a {
		text-decoration: none;
	}

	#navigation .level2 .hover > a {
		color: white !important
	}

	#navigation ul.level1 > li {
		width: 14.28% !important;
	}

	#navigation ul.level2 li {
		width: inherit;
	}

	#navigation ul li a {
		font-size: 15px;
	}

	#navigation ul li:hover a {
		color: white;
	}

	#navigation li {
		text-align: center;
	}

	#navigation ul li a {
		padding: 0!important;
	}

	#navigation ul li:hover > ul {
		top: 100%;
		width: 100%
	}

	#navigation ul ul {
		top: 70px;
	}

	ul {
		list-style: none;
	}

	li {
		color: #3d3f42;
	}

	.content-container ul {
		position: relative;
	}

	#wrapper blockquote {
		color: #3d3f42;
		padding-left: 10px;
		border-left: none;
	}

	.content-container ul:not(.tabs-nav) li::before, .content-container.search_site .search div:last-of-type ul li::before {
		content: "\2022" !important;
		color: #009933 !important;
		position: absolute !important;
		left: 0 !important;
	}

	.content-container ul ul li::before {
		content: "\25E6" !important;
	}

	.content-container ul:not(.tabs-nav) li {
		margin-left: 20px;
		line-height: 16pt;
	}

	.logo-container {
		position: relative;
	}

	#logo {
		width: 250px;
		height: auto;
		margin-bottom: 10px;
		margin-top: 10px;
		position: absolute;
		right: -7px;
	}

	.level2 {
		background-color: #ffffff;
	}

	#navigation {
		background-color: #009933;
		font-family: "Open Sans";
		font-size: 18px;
		max-height: 70px;
		margin-top: 32px;
	}

	#navigation ul ul li a {
		width: initial !important;
	}

	#navigation ul.level1 > li {
		line-height: 16px;
	}

	#navigation ul ul li a {
		width: inherit
	}

	#navigation li {
		line-height: 27px;
	}

	#navigation ul.level2 {
		background-color: white;
		color: white;
		white-space: nowrap;
	}

	#navigation ul.level3 {
		background-color: #E5F2E7;
		color: #1C8F07;
		white-space: nowrap;
		display: none;
		margin: -6px 0 0 -1px;
	}

	#navigation ul.level2 li a {
		color: #1C8F07;
		border-bottom: 1px solid #019939 !important;
		border-left: 1px solid #019939;
		border-right: 1px solid #019939;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#navigation ul.level3 li:last-child a {
		border-bottom: 1px solid #019939 !important;
	}

	#navigation ul ul ul li:first-child a {
		border-top: 1px solid #019939;
	}

	.map {
		border: 1px solid #3c3c3c;
	}

	#footer {
		overflow:hidden;
		display: flex;
		color: white;
		background-color: #009933 !important;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4) !important;
		filter: blur(25%);
	}

	#footer .links-list li a:before {
		content: none;
	}

	ul.f_contact li:not(.fa):not(fa-phone) {
		margin-bottom: 0 !important;
		font-size: 11px;
		font-family: Sans-serif;
	}

	ul.f_contact li a::before {
		margin-right: 0 !important;
		margin-top: -12px;
		font-size: 11px;
	}

	ul.f_contact li {
		margin-bottom: -3px;
	}

	#footer .font {
		font-family: Sans-serif;
		margin: -18px 0 0 13px;
	}

	#footer.container .four.columns {
		width: 408px;
	}

	#footer .calendar_day {
		color: white;
		background-color: #43bc6c;
	}

	#footer table {
		border-collapse: collapse;
		border-spacing: unset;
		border: 1px solid black;
	}

	#footer #calendar_month {
		color: white;
	}

	#footer #calendar {
		background-color: white;
	}

	#footer .font_mail {
		font-family: Sans-serif;
		margin: -18px 0 0 13px;
		padding-left: 5px;
	}

	#footer .four.columns a:not(.calendar_link), #footer .links-list a {
		color: white;
		font-size: 16px;
		margin-left: 23px;
	}

	#footer .four.columns a:hover, #footer .links-list a:hover {
		color: lightgrey;
	}

	#footer #scroll-top-top {
		display: block;
		bottom: 0;
		right: 50%;
	}

	#footer #scroll-top-top a {
		background-color: #09742A;
		width: 50px;
		height: 40px;
	}

	#footer #scroll-top-top:hover a {
		background-color: lightgrey;
	}

	#footer #scroll-top-top a::before {
		top: 3px;
		left: 15px;
		font-size: 31px;
	}

	#footer .fa-envelope-o {
		font-size: 12px !important;
		color: #ffffff;
	}

	#footer .five:nth-child(1),#footer .five:nth-child(2) {
		border-right: 1px solid #ffffff;
		height: 90%;
	}

	#footer .six:nth-child(4){
		margin: 0;
		padding-left: 1.5%;
	}

	#footer .copyright {
		font-size: 9px;
		margin-top: 24px;
		margin-left: 15px;
	}

	#footer #egotec {
		font-size: 9px;
		color: #ffffff;
	}

	#footer .links-list {
		line-height: 2;
		margin-top: 18px;
	}

	.footer-headline {
		background: none;
		margin-left: 15px;
		margin-bottom: 2px;
	}

	.footer-headline h4 {
		font-size: 12px;
		color: white;
		background: none;
		margin-bottom: -10px;
	}

	.footer-bottom {
		color: black;
	}

	.f_contact, .contact {
		margin-left: 15px;
		margin-bottom: -5px;
		font-size: 12px;
		line-height: 1.5;
	}

	#footer .block .eleven.columns.event {
		width: 100%;
	}

	#footer .block {
		display: inline-block;
		margin-left: 45%;
		transform: translateX(-50%);
		width: 80%;
		padding: 13px 0 0 60px;
		margin-bottom: 3%;
	}

	#footer .fa p {
		color: white !important;
	}

	.links-list li a {
		padding: 0;
	}

	.links-list li:first-child a {
		margin-left: 23px
	}

	.links-list li {
		line-height: 25px;
	}

	.search-form i {
		position: absolute;
		top: 0;
	}

	#page-title h2 {
		margin-top: 32px;
	}

	.sticky {
		top: 50px;
		z-index: 2;
		position: fixed;
		right: 0;
		background-color: white;
		width: 50px;
		display: inline-block;
		border: 1px solid #009939;
	}

	.sticky .search .fa-search {
		padding: 15px;
		font-size: 21px;
	}

	.sticky .print {
		width: 50px;
		height: 50px;
		font-size: 21px;
		border-bottom: 1px solid #009939;
	}

	.sticky .print .fa {
		padding: 15px;
		color: #009939;
		font-size: 21px;
	}

	.sticky .search {
		width: 50px;
		height: 50px;
		border-bottom: 1px solid #009939;
		color: #009933;
		font-size: 21px;
	}

	.sticky .search-form .search-text-box {
		bottom: 0;
		right: 0;
		padding-top: 15px;
		padding-bottom: 16px;
		background-image: none;
		opacity: 0;
	}

	.sticky .search-form .search-text-box:focus {
		opacity: 1;
		padding-top: 19px;
		padding-bottom: 14px;
		padding-right: 50px;
		margin-bottom: -1px;
		color: white;
		background: url("/pub/theme/centum/skin/images/search-ico.png") 5% 50% no-repeat #009933;
	}

	.sticky .readspeaker {
		width: 50px;
		height: 50px;
		color: #009939;
		font-size: 21px;
		border-bottom: 1px solid #009939;
		cursor:pointer;
		position: relative;
	}

	.icon_container {
		display: none;
	}

	.rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist {
		display: flex;
		flex-wrap: wrap;
		margin-top: 30px !important;
		border-top: 1px solid #ccc;
		width: 82px;
	}
	.rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist  li {
		display: inline-block !important;
		flex-grow: 1;
		border-right: 1px solid #ccc;
	}
	.rsbtn .rsbtn_tooltoggle {
		border-left: 1px solid #4f4f4f !important;
	}

	#readspeaker_button1 {
		display: none;
	}

	.rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool {
		border-right: none !important;
	}

	.rsbtn_right.rsimg {
		margin-left: 22px !important;
	}

	.rsbtn.rsdetached.rsexpanded .rsbtn_dragbar {
		display: none;
	}

	.rsbtn_left.rsimg {
		display: none;
	}

	.rsbtn_tooltoggle {
		top: 0!important;
		left: 0!important;
		width: 24px !important;
		height: 28px!important;
	}

	.rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {
		position: absolute;
		width: 270px;
		height: 26px;
		padding-left: 22px;
	}

	.sticky .test {
		top: 0;
		width: 100px;
		height: 50px;
		position: absolute;
	}

	.sticky .language {
		height: 50px;
		position: relative;
		top: -1px;
	}

	.sticky .language label, .icon_container .language label {
		position: absolute;
		bottom: 0;
		border-left: 1px solid #009939;
		display: none;
		flex-direction: row;
		left: -102px;
	}

	.sticky .language .en, .de, .ed {
		width: 50px;
		height: 50px;
	}

	.search_site table {
		display: none;
	}

	.search_site .sixteen > div:not(.search), .search_site #ausgabe ul {
		margin: 0 !important;
	}

	.search_site .sixteen > div:not(.search) > div:first-of-type {
		margin: 10px 0 20px 0!important
	}

	.search_site #ausgabe ul li {
		margin-left: 20px !important
	}

	.sticky .language .de, .icon_container .language .de {
		background: url("/skin/ostfildern/images/de.svg") no-repeat center center;
		background-size: 24px 24px;
		position: absolute;
	}

	.sticky .language .en, .icon_container .language .en {
		background: url("/skin/ostfildern/images/en.svg") no-repeat center center;
		background-size: 24px 24px !important;
	}

	.sticky .language .ed, .icon_container .language .ed {
		width: 50px;
		height: 50px;
		background: url("/skin/ostfildern/images/einfachesprache.svg") no-repeat center center;
		background-size: 24px 24px;
	}
	
	.language > ul.otherlang {
		display: flex;
	}

	.second {
		left: 50px;
		border-left: solid 1px #009939;
	}

	#checkboxclick {
		height: 50px;
		position: absolute;
		top:0;
	}

	.checkboxclick input[type='checkbox']:checked ~ .language_container{
		display: block;
	}

	.sticky .switch, .icon_container .switch {
		width: 100px;
		height: 50px;
		display: none;
		position: absolute;
		background-color: #ffffff;
		top: 0;
		left: -101px;
		border: 1px solid #009939;
		border-left: none
	}

	.sticky .switch.twoLang, .icon_container .switch.twoLang {
		width: 50px !important;
		left: -51px !important;
	}

	.sticky .switch li a, .icon_container .switch li a {
		font-size: 0;
		display: block;
		height: 50px;
	}

	.sticky .switch ul li, .icon_container .switch ul li {
		position: absolute;
		top: -154px;
		border-right: 1px solid #009939;
	}

	.sticky .switch .en, .icon_container .switch .en {
		left: 48px;
		top: 0;
		border-left: 1px solid #009939;
	}

	.sticky .switch.twoLang .en, .sticky .switch.twoLang .ed, .sticky .switch.twoLang .de,
	.icon_container .switch.twoLang .en, .icon_container .switch.twoLang .ed, .icon_container .switch.twoLang .de {
		left: -1px !important;
		top: 0;
		border-left: 1px solid #009939;
	}


	.sticky .switch .de, .icon_container .switch .de {
		left: 48px;
		top: 0;
		border-left: 1px solid #009939;
	}

	.sticky .switch .ed, .icon_container .switch .ed {
		left: -50px;
		top: 0;
		background: url("/skin/ostfildern/images/einfachesprache.svg") no-repeat center center;
		background-size: 24px 24px;
		border-left: 1px solid #009939;
	}


	.sticky .darksite-animation {
		animation-name: warning;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}

	.sticky .icon-animation {
		animation-name: warning2;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}

	.sticky .darksite {
		width: 50px;
		height: 49px;
		color: #009939;
		border-top: 1px solid #009939;
		font-size: 21px;
	}

	#checkbox {
		display: none;
	}

	.message a {
		display: inline-block;
	}

	.message h2 {
		margin-bottom: 18px;
	}

	.message table {
		margin-top: 24px;
	}

	.message {
		margin-bottom: 42px;
	}

	@keyframes warning2 {
		from {
			color: black;
		}
		to {
			color: white
		}
	}

	@keyframes warning {
		from {
			background-color: white;
			color: black;
		}
		to {
			background-color: black;
			color: white;
		}
	}

	.sticky .darksite .fa {
		padding: 15px;
	}

	.sticky .readspeaker .fa {
		padding: 15px;
	}

	#navigation .language {
		display: none;
	}

	.container .columns.added {
		display: none; /*inline-flex*/
		border-top: 1px solid lightgrey;
		margin-top: 50px;
	}

	.container .added .downloads, .container .added .persons {
		display: flex;
		margin-right: 0;
		flex-flow: column;
		align-items: center;
		padding-top: 10px;
	}

	.carousel .copyright2 {
		bottom: -15px;
		position: absolute;
	}

	.carousel .copyright2 p {
		margin: 0;
	}

	.container .added .downloads {
		border-right: 1px solid lightgrey;
	}

	.container .added .persons h3, .container .added .downloads h3 {
		margin-bottom: 40px
	}

	.person-photo {
		float: left;
		width: 30%
	}

	.person-details {
		float: right;
		padding-left: 20px;
	}

	.contact-container {
		position: fixed;
		z-index: 56;
		top: 330px;
		right: 0;
	}

	.downloads-container {
		position: fixed;
		z-index: 56;
		top: 465px;
		right: 0;
	}

	.contact-container .contact-bar span {
		position: absolute;
		right: -22px;
		margin-top: 50px;
		color: #3d3f42;
		cursor: pointer;
		transform: rotate(-90deg);
		font-size: 18px;
		font-family: "Open Sans";
	}

	.carousel_div {
		float: none !important;
		margin-bottom: 50px !important;
		display: inline-block !important;
		position: relative;
	}

	.downloads-container .downloads-bar span {
		right: -32px;
		font-size: 18px;
		position: absolute;
		margin-top: 50px;
		color: #3d3f42;
		transform: rotate(-90deg);
	}

	.open-contact {
		display: none;
	}

	.opened_box {
		pointer-events:none;
		overflow: scroll;
		user-select: none;
	}

	.contact-side, .downloads-side {
		max-height: 412px;
		overflow: auto;
		color: #3d3f42;
		position: relative;
		margin-left: 30px;
		padding: 20px;
		background-color: #E5F2E7;
		top: -1px;
		width: 224px;
		min-height: 110px;
		border: 1px solid #09742A;
		background-color: #ffffff;
	}

	.contact-side label, .downloads-side p {
		cursor: pointer;
		margin-bottom: 0
	}

	.contact-side hr, .downloads-side hr {
		margin: 0;
		width: inherit;
	}

	#wrapper .downloads-side p, #wrapper .contact-side p {
		font-size: 12px;
		margin-bottom: 0;
	}

	#wrapper .downloads-side p {
		color: #09742A;
	}

	#wrapper .downloads-side a:hover p {
		color: #3d3f42
	}

	.contact-side input[type=checkbox] {
		display: none;
	}

	.contact-side ul {
		display: none;
	}

	.contact-side input[type=checkbox]:checked ~ ul {
		display: block
	}

	.contact-bar, .downloads-bar {
		position: absolute;
		width: 30px;
		right: -1px;
		background-color: #E5F2E7;
		height: 130px;
		display: inline-block;
		border: 1px solid #09742A;
	}

	/*table td {*/
	/*vertical-align: top !important;*/
	/*}*/

	.no_right {
		margin-right: 0 !important
	}

	.no_left {
		margin-left: 0 !important
	}

	.staff_info {
		pointer-events: all;
		color: #3d3f42;
		position: fixed;
		padding: 25px 5px 25px 5px;
		border-radius: 5px;
		background-color: #fff;
		top: 50%;
		width: 420px;
		z-index: 1;
		left: 50%;
		border: 2px solid #009933;
		transform: translate(-50%,-50%);
		display: none;
	}

	.staff_info div {
		margin-bottom: 5px;
	}

	.opening_times {
		margin-bottom: 15px;
		display: block;
	}

	.contact-bar > span, .downloads-bar > span {
		cursor: pointer;
	}

	.contact-side div {
		width: inherit;
		color: #009933;
	}

	.lightbox {
		top: 0;
		height: 100%;
		width: 100%;
		position: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.lightbox_container {
		width: 85%;
		margin: 0 auto;
		min-height: 60px;
		background-color: ghostwhite;
	}

	.lightbox img {
		max-width: 250px;

	}

	.lightbox_container h2 {
		padding: 10px 12px 20px 10px;
	}

	.lightbox_container p {
		padding: 0 12px 5px 10px;
	}

	.content-container img {
		border: none;
	}

	.content-container:not(.fancybox img) img:not(.carousel-img.carousel-single) {
		border: none;
		max-height: 375px;
	}

	.event {
		box-shadow: 5px 5px 5px #2A4058;
		color: black;
	}

	.calendar_link {
		font-size: 14px;
		text-align: center;
		color: #000000 !important;
		text-decoration: none;
		text-underline: none;
	}
	.actualDay .calendar_link{
		color: #009933;
	}

	#myform {
		float: right;
		margin-right: 16px;
	}

	#datum {
		text-align: right;
		color: #009933;
		font-weight: bold;
	}

	.calendar_head:hover {
		background-color: #ffffff;
	}

	.calendar_head {
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		height: 30px;
		padding-top: 10px;
		background-color: #009933;
	}

	.calendar_head a{
		width: inherit;
		height: inherit;
		display: block;
		color: black;
	}

	.calendar_head_month {
		font-size: 14.8px;
		font-weight: bold;
		text-align: center;
		width: 70px;
		background-color: #009933;
		color: #FFFFFF;
		cursor: default;
	}

	.calendar_day {
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		padding: 5px 0;
		width: 12.5%;
		color: #FFFFFF;
		background-color: #000000;
		cursor: default;
	}

	.calendar_entry {
		font-size: 12px;
		text-align: center;
		background-color: #d1d6d3;
	}

	.close_button {
		display: flex;
		justify-content: flex-end;
		margin: -15px 5px 24px 0;
	}

	.close_button img {
		margin: -4px -2px 16px 1px;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}


	.event_creator div.copyright.row {
		display: none;
	}

	input[type='number'].hnr {
		height: unset !important;
	}

	.calendar_entry:not(:empty){
		cursor: pointer;
	}

	input[type='date'] {
		padding: 9px 8px !important;
		border: 1px solid #d8d8d8;
		outline: none;
		font: 14px "Open Sans", sans-serif;
		color: #888;
		margin: 0;
		max-width: 100%;
		display: block;
		background: #fff;
		-webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
		box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	}

	.calendar_entry a{
		width: inherit;
		display: block;
	}

	.calendar_entry a:hover:not(:empty) {
		background-color: #009933;
		color: #ffffff!important;
	}

	.calendar_entry:active:not(:empty) {
		background-color: #009933;
		color: #ffffff!important;
	}

	.copyright2 {
		font-size: 13px;
		margin: -4px 0 0 0;
		float: left;
	}

	.copyright2 p{
		line-height: 17px;
	}
	
	.carousel-item a:hover + .copyright2 {
		margin-left: 4px !important;
		padding: 6px;
		width: 100% !important;
		margin-bottom: 4px !important;
		bottom: 0 !important;
		background-color: rgba(255,255,255, 0.8) !important
	}
	
	a:hover .copyright2, picture:hover + .copyright2, a:hover ~ .copyright2 {
		display: block;
		margin: 0 0 10px 5px;
		position: absolute;
		width: 94%;
		background-color: white;
	}

	.hidden {
		display: none;
	}

	form select {
		padding: 10px 8px;
	}

	form input:not(.search-text-box) {
		padding: 11px 8px !important;
	}

	.event_creator .row div {
		display: flex;
	}

	.event_creator input:not(.event_start):not(.event_end), textarea {
		width: 100%;
	}

	.event_creator .row {
		display: flex;
		align-items: baseline;
		flex-wrap: wrap
	}

	input[type='number'] {
		border: 1px solid #d8d8d8;
		height: 17px;
	}

	input[type='datetime-local'] {
		border: 1px solid #d8d8d8;
	}

	input:not(.button):not(input[type='submit']), textarea {
		color: #3d3f42 !important
	}

	.event_creator{
		color: #3d3f42
	}

	#navigation {
		height: 61px;
	}

	ul.level1 > li {
		height: 61px;
	}

	ul.level1 > li > a {
		text-align: center;
		top: 50%;
		position: relative;
		transform: translateY(-50%);
	}

	#navigation ul ul li a {
		border-bottom: 0;
	}
	#navigation ul ul ul li a {
		border-bottom: 0!important
	}

	#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {
		border-bottom: 1px solid #019939
	}

	ul.level2 {
		top: 100% !important;
	}

	ul.level2 > li:hover > a {
		background-color: #019939 !important;
		color: white !important;
	}

	ul.level2 > li > a , contactLabel{
		background-color: white !important;
		color: #019939 !important
	}

	#navigation ul.level3 li:first-of-type a {
		border-top: 1px solid #019939 !important
	}

	#navigation ul.level1 li a, #navigation ul.level2 li a  {
		border-top: 0 !important
	}

	#navigation label, #navigation input[type='checkbox'] {
		display: none;
	}

	ul.level3 {
		top: 5px !important
	}

	ul.level3 > li > a {
		border: 1px solid #019939 !important;
	}

	ul.level3 > li > a:last-of-type {
		border-bottom: 0
	}

	ul.level3 > li > a {
		background-color: #E5F2E7 !important;
		color: #019939 !important
	}

	ul.level3 > li:hover > a {
		background-color: #09742A !important;
		color: white !important;
	}

	#navigation ul ul li a {
		background: #f3f3f3;
		color: #2f3036;
		height: 40px;
		line-height: 40px;
	}

	.event_bottom .accordion-nav {
		margin-left: 0
	}

	.gallery-nav {
		z-index: 1 !important
	}

	.gallery-nav span {
		position: absolute;
		top: 50%;
		width: 36px;
		height: 34px;
		margin-top: -18px;
		cursor: pointer;
		z-index: 98040;
		visibility: hidden;
	}

	.gallery-nav {
		position: absolute;
		top: 0;
		width: 10%;
		height: 100%;
		cursor: pointer;
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		z-index: 98040;
	}

	.gallery-prev {
		left: 0;

	}

	.gallery-prev span {
		background-image: url(../images/fancybox_sprite.png);
		left: 10px;
		background-position: 0 -36px;
	}

	input.hour, input.minutes {
		width: 20% !important;
		padding-right: 8px;
	}

	input.hour, input.minutes {
		margin-right: 4px;
	}

	input.minutes {
		margin-left: 4px;
	}

	.time {
		align-items: baseline;
	}

	.gallery-nav span {
		padding: 0;
		margin: 0;
		border: 0;
		outline: none;
		vertical-align: top;
	}

	.gallery-next {
		right: 0;
	}

	.gallery-next span {
		right: 10px;
		background-position: 0 -72px;
		background-image: url(../images/fancybox_sprite.png);
	}

	.gallery-nav:hover span {
		visibility: visible;
	}

	.search {
		font-size: 15px;
	}

	.search input{
		width: 25%;
		background-color: #0aa908;
		color: #FFFFFF !important;
	}

	.search ul {
		margin-left: -20px;
	}

	.search .full-search{
		margin-bottom: 30px;
	}

	.search ul:not(.tabs-nav) li::before {
		content: none!important;
	}

	.extra {
		font-size: 12px;
		color: gray;
	}

	.staff_container {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center
	}

	/* Portal */

	.portal #navigation ul li a, .portal #navigation ul ul li a {
		font-size: 18px;
	}

	.portal #page-title h2 {
		font-size: 28px
	}

	.portal #navigation ul.level1 > li {
		width: 100% !important
	}

	.portal #navigation ul.level1 {
		display: flex;
		justify-content: space-around;
	}

	.portal #navigation ul.level1 > li {
		padding: 0 20px
	}

	.portal .sticky .print {
		border-bottom: none;
	}

	.portal .login {
		width: inherit;
		cursor: pointer;
		position: relative;
		height: 50px;
		border-bottom: 1px solid #009939;
	}

	.portal .login i {
		color: #009939;
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%,-50%);
		font-size: 21px;
	}

	.portal .login a {
		display: block;
		width: inherit;
		height: inherit;
	}

	.portal .authority_container {
		display: flex;
		margin-top: 42px;
		flex-wrap: wrap;
	}

	.portal .authority {
		margin-bottom: 32px;
		width: 31%;
		margin-left: 25px
	}

	.portal .authority img {
		float: left;
		padding-top: 6px;
	}

	.portal .authority p, .portal .single_authority p {
		margin: 0
	}

	.portal table td {
		color: #3d3f42;
	}

	.portal .opinion div {
		display: flex;
		flex-wrap: wrap;
		vertical-align: middle;
	}

	.portal .opinion div label {
		color: #3d3f42;
		width: 25%;
	}

	.portal .opinion div input {
		width: 20%
	}

	.portal .opinion div {
		margin-bottom: 12px;
	}

	.portal .opinion div textarea {
		width: 70%;
	}

	.input_labels {
		width: 15%;
	}

	.input_fields {
		width: 85%;
	}

	.input_fields input[type="text"], .input_fields input[type="number"], form .input_fields input[type="email"] {
		width: 50%;
	}

	.form_container {
		display: flex;
		flex-wrap: wrap;
	}

	.form_container .input_fields input {
		margin-bottom: 12px;
	}

	.form_container .input_labels p {
		line-height: 42px;
	}

	.form_container .input_fields strong {
		display: block;
		margin: 12px 0px 0 0;
	}

	.portal .form_container .input_fields input[type="radio"] {
		margin-left: 0;
	}

	.portal .form_container > div:last-of-type {
		margin-top: 12px;
	}

	.portal .form_container ~ input[type='file'] {
		padding-left: 0 !important;
	}

	.portal .button_container {
		margin-top: 20px;
	}

	.portal form[name="stellungnahme"] textarea {
		width: 89%;
	}

	.portal form[name="stellungnahme"] td {
		width: 50%;
	}

	.portal input[name='userfile'] {
		width: 50%;
	}

	.portal #footer .download_links {
		margin-top: 18px;
	}

	.portal #footer .download_links a {
		margin-left: 23px;
		font-size: 12px;
		color: white
	}

	.portal #footer .download_links a:hover {
		color: lightgrey;
	}

	.portal #footer .download_links p {
		margin: 0 0 12px 23px;
		font-size: 12px;
		line-height: 0;
		color: white
	}

	.fa-file-pdf-o {
		display: none;
	}

	form label > span {
		font-size: 100%;
		font: inherit;
		color: #3D3F42 !important;
	}

	input[type="text"], input[type="password"], input[type="email"], textarea, select, form input[type="range"], form input[type="file"], form legend, form label {
		color: #3D3F42 !important;
	}
	form label:not([for^="ci_"]) > span, form legend, form label {
		font-size: 100% !important;
	}

	label ~ label, label > label {
		width: auto;
	}
}


@media (min-width: 0) and (max-width: 479px) {
	#navigation ul li i {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) !important;
		right: 22px;
	}

	.search .full-search input.search-text-box {
		width: 86%;
	}

	.form_container .input_fields {
		width: 100%;
	}

	.form_container .input_labels {
		width: 100%;
	}

	.form_container .input_fields input, form .input_fields input[type="email"] {
		width: 93%;
	}

	.form_container .input_labels strong {
		margin: 0;
	}

	button.button, input[type='submit'], input[type='reset'] {
		margin-bottom: 1px;
		width: 100% !important
	}

	.portal .authority {
		width: 100%;
	}

	.sticky {
		display: none;
	}

	.contact-container {
		top: 145px;
	}

	.downloads-container {
		top: 280px;
	}

	.lightbox_container h3 {
		font-size: 21px;
	}

	.lightbox_container p {
		font-size: 18px;
	}

	.content-container .four.columns, .content-container .twelve.columns {
		width: 100%
	}

	#footer {
		flex-direction: column
	}

	#footer .five {
		padding: 0;
	}

	#footer div {
		background-color: #009933;
	}

	#footer .scroll-top-top {
		display: none;
	}

	#footer >  div.five:first-of-type {
		margin-bottom: 20px;
	}

	#footer > div.five:nth-of-type(2) {
		border-top: 1px solid white;
		padding-bottom: 20px;
		border-bottom: 1px solid white;
	}

	#footer .five:nth-child(1),#footer .five:nth-child(2) {
		height: auto;
		border-bottom: 1px solid white;
		padding-bottom: 20px;
	}

	#footer .block {
		padding-left: 0;
	}

	#footer > .four {
		padding-top: 26px
	}

	#footer .block {
		margin-left: 50%;
		transform: translateX(-50%);
	}

	#footer.container .four.columns {
		width: auto
	}

	#footer .five:nth-child(1),#footer .five:nth-child(2) {
		border-right: 0;
	}
	#footer .five:nth-child(1),#footer .five:nth-child(2) {
		border-right: 0;
	}
}

@media (min-width: 479px) and (max-width:767px) {
	.search .full-search input.search-text-box {
		width: 90%;
	}

	#footer.container .four.columns {
		width: auto
	}

	#footer {
		flex-direction: column
	}

	#footer .five {
		padding: 0;
	}

	.sticky {
		display: none;
	}

	.contact-container {
		top: 130px;
	}

	.downloads-container {
		top: 265px;
	}

	.content-container .four.columns, .content-container .twelve.columns {
		width: 100%
	}

	#footer div {
		background-color: #009933;
	}

	#footer .scroll-top-top {
		display: none;
	}

	#footer >  div.five:first-of-type {
		margin-bottom: 20px;
	}

	#footer > div.five:nth-of-type(2) {
		border-top: 1px solid white;
		padding-bottom: 20px;
		border-bottom: 1px solid white;
	}

	#footer .five:nth-child(1),#footer .five:nth-child(2) {
		height: auto;
		border-bottom: 1px solid white;
		padding-bottom: 20px;
	}

	#footer .block {
		padding-left: 0;
	}

	#footer > .four {
		padding-top: 26px
	}

	#footer .block {
		margin-left: 44%;
		transform: translateX(-50%);
	}

	#footer.container {
		width: 420px;;
	}
	#footer .five:nth-child(1),#footer .five:nth-child(2) {
		border-bottom: 1px solid white;
		border-right: 0;
	}
}

@media (min-width:768px) and (max-width: 1389px) {
	#file_upload ~ .upload_popup {
		bottom: -46px !important;
	}

	#footer.container {
		width: 752px;
	}

	.sticky {
		z-index: 56;
	}

	#footer.container .four.columns {
		width: 316px;
	}

	.container .columns.added {
		display: inline-flex
	}
	#footer .five:nth-of-type(2){
		padding-right: 18px;
	}
	#footer .six:nth-child(4) {
		padding-left: 0;
	}
}

@media only screen and (max-width: 1389px) and (min-width: 960px) {
	#footer.container {
		width: 1050px;
	}
}

@media only screen and (max-width: 960px) and (min-width: 768px) {
	#navigation ul.level1 {
		width: 99.7% !important;
	}

	#navigation ul li i {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) !important;
		right: 12px;
	}

	.sticky {
		display: none;
	}
}

@media only screen and (max-width: 768px) and (min-width: 479px) {
	.portal .opinion div input {

	}

	#navigation ul li i {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) !important;
		right: 22px;
	}

	#navigation li.hover > i.fa-plus {
		display: none;
	}

	.form_container .input_labels {
		width: 45%;
	}

	.form_container .input_fields {
		width: 55%;
	}

	.form_container .input_fields input[type="text"], form .input_fields input[type="email"] {
		width: 92%;
	}

	#navigation ul.level1 {
		width: 99.5% !important;
	}

	.portal .authority {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) and (min-width: 0) {
	#file_upload ~ .upload_popup {
		bottom: -46px !important;
	}

	.hidden.copyright2 {
		display: none !important;
	}

	.portal #footer .download_links a, .portal #footer .download_links p {
		margin-left: 16px
	}

	.darksite_nav {
		animation-name: warning;
		animation-duration: 1s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
	}

	.icon_container {
		display: flex;
		flex-wrap: wrap;
		margin-left: 6px;
	}

	#navigation .icon_container .language {
		height: 61px;
		display: flex;
		flex-wrap: wrap;
	}

	.icon_container .language label {
		border: none;
	}

	.icon_container .language, .icon_container a:first-of-type {
		margin-right: 6px;
	}

	.icon_container .language .de, .icon_container .language .en, .icon_container .language .ed {
		width: 36px;
		height: 61px;
		position: static;
	}

	.search_mobile {
		height: 61px;
		width: 34px;
		position: relative;
	}

	.search_mobile i{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		color: white;
		font-size: 26px;
	}

	.icon_container .language .ed {
		background: url("../images/einfachesprache_mobil.svg") no-repeat center center;
		background-size: 30px 30px;
	}

	.icon_container .language .en, .icon_container .language .de {
		background-size: 30px 30px !important;
	}

	#footer #scroll-top-top {
		position: absolute;
		top: 22px;
		right: -22px;
		height: 40px;
	}
}

@media only screen and (max-width: 480px) and (min-width: 0) {
	#footer .block {
		display: block
	}

	#navigation ul.level1 {
		width: 99.3% !important;
	}

	.staff_info {
		width: 85%;
	}
}

@media only screen and (max-width: 960px) and (min-width: 0) {
	.portal #navigation ul li a, .portal #navigation ul ul li a {
		font-size: 18px;
	}

	.portal div#navigation ul.level1 > li {
		width: 100% !important
	}

	.portal #navigation ul.level1 > li {
		padding: 0
	}

	#navigation ul {
		background-color: lightgrey;
		position: static !important;
	}

	#navigation li {
		text-align: center;
		float: none !important;
	}

	ul.level1 > li > a {
		text-align: center  !important;
		top: 0  !important;
		position: unset  !important;
		transform: unset  !important;
	}

	#navigation {
		position: relative;
	}

	#navigation ul.level1 {
		position: absolute !important;
		top: 61px;
	}

	#navigation label {
		height: 50px;
		position: absolute;
		top: 50%;
		transform: translateY(-42%);
		width: 50px;
		right: 0;
		display: inline
	}

	#navigation ul.level1 > li {
		background-color: white;
		display: inline-block !important;
		width: 100% !important
	}

	#navigation ul.level1 > li > a {
		color: #019939 !important;
	}

	#navigation ul.level1 > li {
		line-height: 27px;
	}

	#navigation label:before {
		content: "";
		background: url("../images/menubar.svg");
		background-size: 100%;
		position: absolute;
		width: 40px;
		height: 40px;
	}

	#navigation input[type='checkbox'] {
		display: none;
	}

	#navigation ul {
		width: 100% !important
	}

	#navigation ul li a {
		background-color: transparent !important;
		display: block !important;
	}

	#navigation input[type=checkbox]:checked ~ ul {
		display: block;
	}

	#navigation li.hover > i.fa-plus {
		display: none;
	}

	#navigation ul li {
		width: 100% !important;
		height: 42px
	}

	#navigation ul {
		display: none;
	}

	#navigation li.hover {
		display: inline-block !important
	}

	#navigation ul li {
		position: relative !important;
		width: 100%  !important;
		display: block !important
	}

	#navigation ul li a {
		padding: 0 !important
	}

	#navigation ul.level1 > li > a {
		height: 40px;
		line-height: 40px;
		display: inline !important
	}

	#navigation a {
		width: unset !important;
	}

	#navigation ul.level2 li a, #navigation ul.level3 li:last-child a, #navigation ul ul li a  {
		border: none !important;
		color: #1C8F07 !important;
		display: inline !important
	}

	#navigation ul.level3 {
		margin-left: 0;
		margin-top: 2px;
	}

	#navigation ul.level2 li {
		background-color: #E5F2E7 !important;
	}

	#navigation ul.level2 li a {
		color: #1C8F07 !important;
	}

	#navigation ul.level1 li {
		background-color: white;
		color: #1C8F07 !important;
	}

	#navigation ul.level1 li.hover {
		background-color: #009933 !important;
		color: white !important;
	}

	#navigation ul.level1 li.hover > a {
		color: white !important
	}

	#navigation ul.level2 li.hover {
		background-color: #09742A!important;
		color: white !important
	}

	#navigation ul.level2 li.hover > a {
		color: white !important;
	}

	#navigation ul.level1 {
		border: 1px solid #019939;
	}

	#navigation li {
		border-bottom: 1px solid #019939;
	}

	#navigation ul.level3 li {
		background-color: #F3F3F3 !important;
		display: block !important;
	}

	#navigation a, #navigation ul.level3 li:first-of-type a {
		border: none !important
	}

	#navigation ul.level3 li a, #navigation ul.level3 li:last-child a {
		color: black !important;
	}

	#navigation li.hover + li {
		margin-top: 12px;
	}

	#navigation ul.level1 > li.hover + li {
		margin-top: 13px;
	}

	#navigation ul.level2 > li.hover + li {
		margin-top: 11px;
	}

	#navigation ul.level1 > li:last-of-type {
		border-bottom: 0
	}

	.portal #navigation ul.level1 > li {
		width: 21.6% !important;
	}

	.portal #navigation ul.level1 {
		display: none;
		justify-content: normal;
	}

	#wrapper {
		padding-top: 1px !important;
	}

	#wrapper .header-fixed {
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		background-color: white;
		margin-top: -1px;
	}

	#wrapper .header-fixed + * {
		margin-top: 200px;
	}

	.icon_container {
		display: flex;
		flex-wrap: wrap;
		margin-left: 6px;
	}

	#navigation .icon_container .language {
		height: 61px;
		display: flex;
		flex-wrap: wrap;
	}

	.icon_container .language label {
		border: none;
	}

	.icon_container .language, .icon_container a:first-of-type {
		margin-right: 6px;
	}

	.icon_container .language .de, .icon_container .language .en, .icon_container .language .ed {
		width: 36px;
		height: 61px;
		position: static;
	}

	.search_mobile {
		height: 61px;
		width: 34px;
		position: relative;
	}

	.search_mobile i{
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position: absolute;
		color: white;
		font-size: 26px;
	}

	.icon_container .language .ed {
		background: url("../images/einfachesprache_mobil.svg") no-repeat center center;
		background-size: 30px 30px;
	}

	.icon_container .language .en, .icon_container .language .de {
		background-size: 30px 30px !important;
	}
}

@media all and (min-width: 768px) and (max-width: 1390px) {
	.portal .authority {
		width: 50%;
		margin: 0
	}

	.portal .opinion div input {
		width: 25%;
	}

	.portal .opinion div textarea {
		width: 68%;
	}

	.form_container .input_labels {
		width: 24%;
	}

	.form_container .input_fields {
		width: 76%;
	}

	.form_container .input_fields input[type="text"], .form_container .input_fields input[type="number"], form .input_fields input[type="email"] {
		width: 80%;
	}
}