@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Butterfly+Kids|Roboto');
@media all {
	* {
		margin: 0;
		padding: 0
	}
	option {
		padding-left: .4em
	}
	select {
		padding: 1px
	}
	* html body * {
		overflow: visible
	}
	body {
		font-size: 100%;
		background: #fff;
		color: #000;
		text-align: left
	}
	div:target,
	h1:target,
	h2:target,
	h3:target,
	h4:target,
	h5:target,
	h6:target {
		outline: 0 none
	}
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	main,
	nav,
	section,
	summary {
		display: block
	}
	audio,
	canvas,
	video {
		display: inline-block
	}
	audio:not([controls]) {
		display: none
	}
	[hidden] {
		display: none
	}
	html {
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%
	}
	input[type=checkbox],
	input[type=radio] {
		box-sizing: border-box;
		padding: 0
	}
	input[type=search] {
		-webkit-appearance: textfield;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box
	}
	input[type=search]::-webkit-search-cancel-button,
	input[type=search]::-webkit-search-decoration {
		-webkit-appearance: none
	}
	svg:not(:root) {
		overflow: hidden
	}
	figure {
		margin: 0
	}
	fieldset,
	img {
		border: 0 solid
	}
	ul,
	ol,
	dl {
		margin: 0 0 1em 1em
	}
	li {
		line-height: 1.5em;
		margin-left: .8em
	}
	dt {
		font-weight: 700
	}
	dd {
		margin: 0 0 1em .8em
	}
	blockquote {
		margin: 0 0 1em .8em
	}
	q {
		quotes: none
	}
	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none
	}
	table {
		border-collapse: collapse;
		border-spacing: 0
	}
	.ym-clearfix:before {
		content: "";
		display: table
	}
	.ym-clearfix:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden
	}
	.ym-contain-dt {
		display: table;
		table-layout: fixed;
		width: 100%
	}
	.ym-contain-oh {
		display: block;
		overflow: hidden;
		width: 100%
	}
	.ym-contain-fl {
		float: left;
		width: 100%
	}
	.ym-column {
		display: table;
		table-layout: fixed;
		width: 100%
	}
	.ym-col1 {
		float: left;
		width: 20%
	}
	.ym-col2 {
		float: right;
		width: 20%
	}
	.ym-col3 {
		width: auto;
		margin: 0 20%
	}
	.ym-cbox {
		padding: 0 10px
	}
	.ym-cbox-left {
		padding: 0 10px 0 0
	}
	.ym-cbox-right {
		padding: 0 0 0 10px
	}
	.ym-ie-clearing {
		display: none
	}
	.ym-grid {
		display: table;
		table-layout: fixed;
		width: 100%;
		list-style-type: none;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0
	}
	.ym-gl {
		float: left;
		margin: 0
	}
	.ym-gr {
		float: right;
		margin: 0 0 0 -5px
	}
	.ym-g20 {
		width: 20%
	}
	.ym-g40 {
		width: 40%
	}
	.ym-g60 {
		width: 60%
	}
	.ym-g80 {
		width: 80%
	}
	.ym-g25 {
		width: 25%
	}
	.ym-g33 {
		width: 33.333%
	}
	.ym-g50 {
		width: 50%
	}
	.ym-g66 {
		width: 66.666%
	}
	.ym-g75 {
		width: 75%
	}
	.ym-g38 {
		width: 38.2%
	}
	.ym-g62 {
		width: 61.8%
	}
	.ym-gbox {
		padding: 0 10px
	}
	.ym-gbox-left {
		padding: 0 10px 0 0
	}
	.ym-gbox-right {
		padding: 0 0 0 10px
	}
	.ym-equalize {
		overflow: hidden
	}
	.ym-equalize>[class*=ym-g] {
		display: table-cell;
		float: none;
		margin: 0;
		vertical-align: top
	}
	.ym-equalize>[class*=ym-g]>[class*=ym-gbox] {
		padding-bottom: 10000px;
		margin-bottom: -10000px
	}
	.ym-form,
	.ym-form fieldset {
		overflow: hidden
	}
	.ym-form div {
		position: relative
	}
	.ym-form label,
	.ym-form .ym-label,
	.ym-form .ym-message {
		position: relative;
		line-height: 1.5;
		display: block
	}
	.ym-form .ym-message {
		clear: both
	}
	.ym-form .ym-fbox-check label {
		display: inline
	}
	.ym-form input,
	.ym-form textarea {
		cursor: text
	}
	.ym-form .ym-fbox-check input,
	.ym-form input[type=image],
	.ym-form input[type=radio],
	.ym-form input[type=checkbox],
	.ym-form select,
	.ym-form label {
		cursor: pointer
	}
	.ym-form textarea {
		overflow: auto
	}
	.ym-form input.hidden,
	.ym-form input[type=hidden] {
		display: none!important
	}
	.ym-form .ym-fbox:before,
	.ym-form .ym-fbox-text:before,
	.ym-form .ym-fbox-select:before,
	.ym-form .ym-fbox-check:before,
	.ym-form .ym-fbox-button:before {
		content: "";
		display: table
	}
	.ym-form .ym-fbox:after,
	.ym-form .ym-fbox-text:after,
	.ym-form .ym-fbox-select:after,
	.ym-form .ym-fbox-check:after,
	.ym-form .ym-fbox-button:after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden
	}
	.ym-form .ym-fbox-check input:focus,
	.ym-form .ym-fbox-check input:hover,
	.ym-form .ym-fbox-check input:active,
	.ym-form input[type=radio]:focus,
	.ym-form input[type=radio]:hover,
	.ym-form input[type=radio]:active,
	.ym-form input[type=checkbox]:focus,
	.ym-form input[type=checkbox]:hover,
	.ym-form input[type=checkbox]:active {
		border: 0 none
	}
	.ym-form input,
	.ym-form textarea,
	.ym-form select {
		display: block;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 70%
	}
	.ym-form .ym-fbox-check input,
	.ym-form input[type=radio],
	.ym-form input[type=checkbox] {
		display: inline;
		margin-left: 0;
		margin-right: .5ex;
		width: auto;
		height: auto
	}
	.ym-form input[type=image] {
		border: 0;
		display: inline;
		height: auto;
		margin: 0;
		padding: 0;
		width: auto
	}
	.ym-form label,
	.ym-form .ym-label {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	.ym-form .ym-fbox-button input {
		display: inline;
		overflow: visible;
		width: auto
	}
	.ym-form .ym-inline {
		display: inline-block;
		float: none;
		margin-right: 0;
		width: auto;
		vertical-align: baseline
	}
	.ym-fbox-wrap {
		display: table;
		table-layout: fixed;
		width: 70%
	}
	.ym-fbox-wrap input,
	.ym-fbox-wrap textarea,
	.ym-fbox-wrap select {
		width: 100%
	}
	.ym-fbox-wrap input[type=image] {
		width: auto
	}
	.ym-fbox-wrap input[type=radio],
	.ym-fbox-wrap input[type=checkbox] {
		display: inline;
		width: auto;
		margin-left: 0;
		margin-right: .5ex
	}
	.ym-fbox-wrap label,
	.ym-fbox-wrap .ym-label {
		display: inline
	}
	.ym-full input,
	.ym-full textarea,
	.ym-full select {
		width: 100%
	}
	.ym-full .ym-fbox-wrap {
		width: 100%
	}
	.ym-columnar input,
	.ym-columnar textarea,
	.ym-columnar select {
		float: left;
		margin-right: -3px
	}
	.ym-columnar label,
	.ym-columnar .ym-label {
		display: inline;
		float: left;
		width: 30%;
		z-index: 1
	}
	.ym-columnar .ym-fbox-check input,
	.ym-columnar .ym-message {
		margin-left: 30%
	}
	.ym-columnar .ym-fbox-wrap {
		margin-left: 30%;
		margin-right: -3px
	}
	.ym-columnar .ym-fbox-wrap .ym-message {
		margin-left: 0
	}
	.ym-columnar .ym-fbox-wrap label {
		float: none;
		width: auto;
		z-index: 1;
		margin-left: 0
	}
	.ym-columnar .ym-fbox-wrap input {
		margin-left: 0;
		position: relative
	}
	.ym-columnar .ym-fbox-check {
		position: relative
	}
	.ym-columnar .ym-fbox-check label,
	.ym-columnar .ym-fbox-check .ym-label {
		padding-top: 0
	}
	.ym-columnar .ym-fbox-check input {
		top: 3px
	}
	.ym-columnar .ym-fbox-button input {
		float: none;
		margin-right: 1em
	}
	.ym-fbox-wrap+.ym-fbox-wrap {
		margin-top: .5em
	}
	.ym-columnar fieldset .ym-fbox-button,
	fieldset.ym-columnar .ym-fbox-button {
		padding-left: 30%
	}
	.ym-skip,
	.ym-hideme,
	.ym-print {
		position: absolute;
		top: -32768px;
		left: -32768px
	}
	.ym-skip:focus,
	.ym-skip:active {
		position: static;
		top: 0;
		left: 0
	}
	.ym-skiplinks {
		position: absolute;
		top: 0;
		left: -32768px;
		z-index: 1000;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style-type: none
	}
	.ym-skiplinks .ym-skip:focus,
	.ym-skiplinks .ym-skip:active {
		left: 32768px;
		outline: 0 none;
		position: absolute;
		width: 100%
	}
}

@media print {
	.ym-grid>.ym-gl,
	.ym-grid>.ym-gr {
		overflow: visible;
		display: table;
		table-layout: fixed
	}
	.ym-print {
		position: static;
		left: 0
	}
	.ym-noprint {
		display: none!important
	}
}

@media screen {
	body {
		overflow-y: scroll;
	}
	.ym-wrapper {
		min-width: 760px;
		max-width: 80em;
		margin: 0 auto;
	}
	.ym-wbox {
		padding: 10px;
	}
	header {
		background: #444;
		color: #ccc;
		padding: 1.5em;
	}
	header h1 {
		background: transparent;
		color: #fff;
	}
	nav {
		background: #222222;
	}
	main {
		padding: 1.5em 0 0 0;
	}
	footer {
		margin: 0;
		background: #eee;
		color: #444;
		padding: 1.5em;
	}
	footer p {
		margin: 0;
	}
	.ym-column {
		display: block;
		overflow: hidden;
		padding-right: 340px;
		width: auto;
	}
	.ym-col1 {
		float: left;
		width: 100%;
	}
	.ym-col3 {
		position: relative;
		float: left;
		width: 340px;
		margin-left: 0;
		margin-right: -340px;
	}
	.ym-col1 .ym-cbox {
		padding: 0 0.75em 0 1.5em;
	}
	.ym-col3 .ym-cbox {
		padding: 0 20px 0 12px;
	}
	.ym-gbox {
		padding: 0 1.5em 0 0;
	}
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color: #fff;
		background: #333;
		border-bottom: 1px #000 solid;
		padding: 10px 0;
		text-align: center;
		text-decoration: none;
	}
}

@media screen and (min-width: 0px) {
	.ym-wrapper {
		min-width: 0px;
	}
}

@media screen and (max-width: 760px) {
	.linearize-level-1,
	.linearize-level-1>[class*="ym-c"],
	.linearize-level-1>[class*="ym-g"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.linearize-level-1>[class*="ym-c"]>[class*="ym-cbox"],
	.linearize-level-1>[class*="ym-g"]>[class*="ym-gbox"] {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	nav .ym-hlist ul {
		padding-right: 10px;
	}
	.ym-searchform {
		display: block;
		float: none;
		width: auto;
		padding-right: 10px;
		text-align: right;
	}
	.ym-searchform input[type="search"] {
		width: 14%;
	}
}

@media screen and (max-width: 480px) {
	.ym-wbox {
		padding: 0;
	}
	header {
		padding: 0.75em 10px;
	}
	header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
	}
	footer,
	main,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}
	.linearize-level-2,
	.linearize-level-2>[class*="ym-c"],
	.linearize-level-2>[class*="ym-g"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: auto !important;
	}
	.linearize-level-2>[class*="ym-c"]>[class*="ym-cbox"],
	.linearize-level-2>[class*="ym-g"]>[class*="ym-gbox"] {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display: block;
		float: none;
		width: auto;
		text-align: left;
	}
	.ym-searchform input[type="search"] {
		width: 75%;
	}
}

@media all {
	html * {
		font-size: 100%;
	}
	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}
	body {
		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
		font-size: 87.5%;
		color: #444444;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: "Droid Sans", Arial, Helvetica, sans-serif;
		font-weight: 400;
		color: #161e21;
		margin: 0;
	}
	h1 {
		font-size: 342.85714%;
		line-height: 0.875;
		margin: 0 0 0.4375em 0;
	}
	h2 {
		font-size: 228.57143%;
		line-height: 1.3125;
		margin: 0 0 0.65625em 0;
	}
	h3 {
		font-size: 171.42857%;
		line-height: 0.875;
		margin: 0 0 0.875em 0;
	}
	h4 {
		font-size: 150%;
		line-height: 1;
		margin: 0 0 1em 0;
	}
	h5 {
		font-size: 128.57143%;
		line-height: 1.16667;
		margin: 0 0 1.16667em 0;
	}
	h6 {
		font-size: 100%;
		font-weight: bold;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}
	ul,
	ol,
	dl {
		font-size: 100%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}
	ul {
		list-style-type: disc;
	}
	ol {
		list-style-type: decimal;
	}
	ul ul {
		list-style-type: circle;
		margin-top: 0;
	}
	ol ol {
		list-style-type: lower-latin;
		margin-top: 0;
	}
	ol ul {
		list-style-type: circle;
		margin-top: 0;
	}
	li {
		font-size: 100%;
		line-height: 1.5;
		margin-left: 1.2em;
	}
	dt {
		font-weight: bold;
	}
	dd {
		margin: 0 0 1.5em 0.8em;
	}
	p {
		font-size: 100%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
	}
	blockquote,
	cite,
	q {
		font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}
	blockquote {
		background: transparent;
		color: #666666;
		margin: 1.5em 0 0 1.5em;
	}
	strong,
	b {
		font-weight: bold;
	}
	em,
	i {
		font-style: italic;
	}
	big {
		font-size: 114.28571%;
		line-height: 1.3125;
	}
	small {
		font-size: 85.71429%;
		line-height: 1.75;
	}
	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size: 100%;
	}
	pre {
		font-size: 100%;
		line-height: 1.5;
		margin: 0 0 1.5em 0;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
	pre,
	code {
		color: #880000;
	}
	kbd,
	samp,
	var,
	tt {
		color: #666666;
		font-weight: bold;
	}
	var,
	dfn {
		font-style: italic;
	}
	acronym,
	abbr {
		border-bottom: 1px #aaa dotted;
		font-variant: small-caps;
		letter-spacing: .07em;
		cursor: help;
	}
	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	sup {
		top: -0.5em;
	}
	sub {
		bottom: -0.25em;
	}
	mark {
		background: yellow;
		color: black;
	}
	hr {
		color: #fff;
		background: transparent;
		margin: 0 0 0.75em 0;
		padding: 0 0 0.67857em 0;
		border: 0;
		border-bottom: 1px #eeeeee solid;
	}
	a {
		color: #4d87c7;
		background: transparent;
		text-decoration: none;
	}
	a:active {
		outline: none;
	}
	a:hover,
	a:focus {
		background-color: #4d87c7;
		color: white;
		text-decoration: none;
	}
	img,
	figure {
		margin: 0;
	}
	.flexible {
		margin-bottom: 1.5em;
		max-width: 100%;
		height: auto;
	}
	* html .flexible {
		width: 98%;
	}
	.bordered {
		margin-bottom: 1.5em;
		border: 2px #eee solid;
		border: 2px white solid;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	}
	.highlight {
		color: #cc3300;
	}
	.dimmed {
		color: #888888;
	}
	.box {
		border-radius: 0.3em;
		border-width: 1px;
		border-style: solid;
		border-color: #888;
		border-color: rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
		box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
		color: #444;
		color: rgba(0, 0, 0, 0.8);
		padding: 1.42857em;
		margin: 0 0 1.5em 0;
	}
	.box>*:last-child {
		margin-bottom: 0;
	}
	.label {
		font-family: Verdana, Geneva, sans-serif;
		padding: 1px 6px 2px;
		display: inline-block;
		vertical-align: middle;
		letter-spacing: normal;
		white-space: nowrap;
		border-radius: 3px;
		background: #06C;
		color: #fff;
		font-size: 10px;
		line-height: 12px;
	}
	.info {
		background: #f4f4f4;
	}
	.success {
		background: #88cc88;
	}
	.warning {
		background: #cccc88;
	}
	.error {
		background: #cc8888;
	}
	.float-left {
		float: left;
		display: inline;
		margin: 0 1em 1.5em 0;
	}
	.float-right {
		float: right;
		display: inline;
		margin: 0 0 1.5em 1em;
	}
	.center {
		display: block;
		text-align: center;
		margin: 0 auto 1.5em auto;
	}
	table {
		width: 100%;
		border-collapse: collapse;
		color: #444444;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		margin: 0 0 1.35714em 0;
	}
	table.narrow {
		margin: 0 0 1.42857em 0;
	}
	table.narrow th,
	table.narrow td {
		padding: 0 0.5em;
		line-height: 1.42857;
	}
	table.fixed {
		table-layout: fixed;
	}
	table.bordertable {
		border: 1px #ccc solid;
	}
	table.bordertable thead th {
		background: #e0e0e0;
		border-right: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
	}
	table.bordertable tbody th[scope="row"] {
		background: #f0f0f0;
	}
	table.bordertable tbody th {
		border-right: 1px solid #ccc;
	}
	table.bordertable tbody td {
		border-right: 1px solid #ccc;
	}
	caption {
		font-variant: small-caps;
	}
	th,
	td {
		line-height: 1.5em;
		padding: 0.71429em 0.5em;
	}
	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}
	thead th {
		color: #000;
		border-bottom: 2px #000 solid;
	}
	tbody {}
	tbody th {
		border-top: 1px solid #ccc;
	}
	tbody td {
		border-top: 1px solid #ccc;
	}
}

.HrSys-Gips-iBoxDivBlackOverlay {
	z-index: 10000;
}

.HrSys-Gips-iBoxIFrameOverlay {
	z-index: 10000;
}

.HrSys-Gips-iBoxDivDescription {
	background-color: #000000;
}

.HrSys-Gips-DivIBox {
	position: absolute;
	z-index: 10001;
	background-color: black;
	visibility: visible;
	border: 20px solid #000000;
}

.hr-popup {
	pointer-events: none;
	opacity: 0;
	z-index: 99999;
	position: fixed;
	transition: left .5s ease-in-out, top .5s ease-in-out, bottom .5s ease-in-out, right .5s ease-in-out, opacity .5s ease-in-out;
}

.HrSys-Gips-iBoxDivContent {
	text-align: center;
	background-color: white;
}

.HrSys-Gips-iBoxDiv4Image {
	text-align: center;
	background-color: black;
}

.HrSys-Gips-iBoxDivCaption {
	background-color: black;
}

.HrSys-Gips-iBoxDivButton {
	float: left;
	margin: 8px;
	padding: 3px 10px;
	color: black;
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../admin/img/admin_button_bg.gif)repeat-x scroll center bottom #fff;
	border: 1px solid #e0e0e0;
}

* html .HrSys-Gips-iBoxDivCaption {}

.HrSys-Gips-iBoxDivPrevious,
.HrSys-Gips-iBoxDivPreviousInactive {
	background-color: black;
	width: 40px;
	height: 24px;
	float: left;
}

.HrSys-Gips-iBoxDivPrevious {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/left.png)no-repeat left top;
	cursor: pointer;
}

* html .HrSys-Gips-iBoxDivPrevious {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/left.gif)no-repeat left top;
	cursor: pointer;
}

.HrSys-Gips-iBoxDivPreviousInactive {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/leftDisabled.png)no-repeat left top;
}

* html .HrSys-Gips-iBoxDivPreviousInactive {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/leftDisabled.gif)no-repeat left top;
}

.HrSys-Gips-iBoxDivNext,
.HrSys-Gips-iBoxDivNextInactive {
	background-color: black;
	width: 40px;
	height: 24px;
	float: right;
}

.HrSys-Gips-iBoxDivNext {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/right.png)no-repeat right top;
	cursor: pointer;
}

* html .HrSys-Gips-iBoxDivNext {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/right.gif)no-repeat right top;
	cursor: pointer;
}

.HrSys-Gips-iBoxDivNextInactive {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/rightDisabled.png)no-repeat right top;
}

* html .HrSys-Gips-iBoxDivNextInactive {
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/rightDisabled.gif)no-repeat right top;
}

.HrSys-Gips-iBoxDivCloseImage,
.HrSys-Gips-iBoxDivClose {
	z-index: 10002;
	position: absolute;
}

.HrSys-Gips-iBoxDivCloseImage {
	top: -26px;
	right: -26px;
}

.HrSys-Gips-iBoxDivCloseImage a,
.HrSys-Gips-iBoxDivCloseImage a:focus,
.HrSys-Gips-iBoxDivCloseImage a:active {
	width: 24px;
	height: 24px;
	margin-top: 0px;
	display: block;
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/close.png)no-repeat right top;
}

* html .HrSys-Gips-iBoxDivCloseImage a {
	width: 24px;
	height: 24px;
	margin-top: 0px;
	display: block;
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/close.gif)no-repeat right top;
}

.HrSys-Gips-iBoxDivClose {
	top: -20px;
	right: -16px;
}

.HrSys-Gips-iBoxDivClose a {
	width: 24px;
	height: 24px;
	margin-top: 0px;
	display: block;
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/close.png)no-repeat right top;
}

* html .HrSys-Gips-iBoxDivClose a {
	width: 24px;
	height: 24px;
	margin-top: 0px;
	display: block;
	background: url(css/features/../../../../css/HRSysLib/basis/../../../js/HRSysLib/ibox/../../../img/ibox/close.gif)no-repeat right top;
}

.HrSys-Gips-iBoxDivInnerCaption {
	margin: 0 40px;
	width: auto;
	background-color: rgb(128, 128, 128);
}

* html .HrSys-Gips-iBoxDivInnerCaption {
	margin: 0;
	float: left;
}

* html .HrSys-Gips-iBoxDivTitle {}

.HrSys-Gips-iBoxContentText {
	background-color: white;
}

.HrSys-Gips-iBoxDivTitle {
	background-color: black;
	font-weight: bold;
	color: white;
	width: 100%;
	height: 20px;
	float: left;
}

.HrSys-Gips-iBoxDivNumber {
	background-color: black;
	font-weight: normal;
	color: white;
	height: 20px;
	float: right;
}

.HrSys-Gips-iBoxDivDescription {
	color: white;
	background-color: black;
	width: 100%;
	min-height: 20px;
	float: left;
}

.HrSys-Gips-DivIBox-DialogBox {
	position: absolute;
	z-index: 10001;
	background-color: #f8f8fc;
	visibility: visible;
	border: 1px solid #000000;
}

.HrSys-Gips-iBoxDivContent-DialogBox {
	text-align: center;
}

.HrSys-Gips-iBoxDiv4Text-DialogBox {
	padding: 10px;
}

.HrSys-Gips-iBoxContentText-DialogBox {}

.HrSys-Gips-iBoxDivCaption-DialogBox {
	background-color: grey;
}

.HrSys-Gips-AHrefButton-DialogBox {}

div.dynDateTime-calendar {
	position: relative;
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	background: #fff;
	overflow: hidden;
	padding: 3px 0;
}

.dynDateTime-calendar table {
	background: #fff;
	border: none;
	cursor: default;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
}

.dynDateTime-calendar thead tr {
	background: #fff;
	color: #3f3f3f;
}

.dynDateTime-calendar table th,
.dynDateTime-calendar table td {
	border: none;
	background: #fff;
	padding: 2px 5px;
	border-radius: 3px;
}

.dynDateTime-calendar thead .dynDateTime-nav,
.dynDateTime-calendar thead .dynDateTime-title {
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.dynDateTime-calendar thead .dynDateTime-nav:hover {
	background: #666666;
	color: #fff;
	cursor: pointer;
}

.dynDateTime-calendar thead .dynDateTime-name {
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.dynDateTime-calendar thead .dynDateTime-wn {
	color: #DDDDDD;
}

.dynDateTime-calendar tbody td.dynDateTime-day {
	text-align: center;
}

.dynDateTime-calendar tbody td.dynDateTime-day:hover {
	background: #666666;
	color: #fff;
	cursor: pointer;
}

.dynDateTime-calendar tbody td.dynDateTime-wn,
.dynDateTime-calendar tbody td.dynDateTime-wn:hover {
	color: #DDDDDD;
	background: #fff;
	cursor: default;
}

.dynDateTime-calendar tbody td.dynDateTime-othermonth,
.dynDateTime-calendar tbody td.dynDateTime-othermonth:hover {
	color: #999999;
	background: #fff;
	cursor: default;
}

.dynDateTime-calendar tbody td.dynDateTime-today {
	background: #DDDDDD;
}

.dynDateTime-calendar tbody td.dynDateTime-notInChosenTimePeriod {
	color: #999999;
	background: #DFDFDF;
	cursor: default;
}

.dynDateTime-calendar tbody td.dynDateTime-othermonth-notInChosenTimePeriod,
.dynDateTime-calendar tbody td.dynDateTime-oweekend-notInChosenTimePeriod {
	color: #999999;
	background: #E9EAEB;
	cursor: default;
}

.dynDateTime-calendar tfoot {
	display: none;
}

.dynDateTime-calendar .dynDateTime-combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	background: #fff;
	color: #000;
	z-index: 100;
	font-size: 90%;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-label,
.dynDateTime-calendar .dynDateTime-combo .dynDateTime-label-IEfix {
	text-align: center;
	padding: 1px;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-label-IEfix {
	width: 4em;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-hilite {
	background: #666666;
	color: #fff;
}

.dynDateTime-calendar .dynDateTime-combo .dynDateTime-active {
	background: #000;
	color: #fff;
	font-weight: bold;
}

.dynDateTime-calendar td.dynDateTime-time {
	border-top: 1px solid #E0E0E0;
	padding: 1px 0px;
	text-align: center;
	background: #000;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-hour,
.dynDateTime-calendar td.dynDateTime-time .dynDateTime-minute,
.dynDateTime-calendar td.dynDateTime-time .dynDateTime-ampm {
	padding: 0px 5px 0px 6px;
	font-weight: bold;
	background: #000;
	color: #000;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-hour,
.dynDateTime-calendar td.dynDateTime-time .dynDateTime-minute {
	font-family: monospace;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-ampm {
	text-align: center;
}

.dynDateTime-calendar td.dynDateTime-time .dynDateTime-colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
}

.dynDateTime-calendar td.dynDateTime-time span.dynDateTime-hilite {
	background: #fff;
	color: #000;
}

.dynDateTime-calendar td.dynDateTime-time span.dynDateTime-active {
	background: url(css/features/../../../../css/HRSysLib/basis/active-bg.gif);
	color: #fff;
}

@media all {
	.formElementErrorTextHint {
		background: url(css/features/../../../../css/HRSysLib/basis/../../../img/basis/formElements/ErrorTextIcon.png)no-repeat scroll left top transparent;
		display: block;
		font-size: 12px;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		position: relative;
		text-align: center;
		text-decoration: none;
		width: 30px;
		float: left;
	}
	.formElementErrorTextHint span.Rahmen {
		display: none;
		left: -100px;
		position: absolute;
		top: -40px;
	}
	a:hover span.Rahmen {
		display: block;
	}
	.formElementErrorTextHint span.Inhalt {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #FF0000;
		border-radius: 2px 2px 2px 2px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
		position: absolute;
		width: 400px;
	}
	.formElementErrorTextHint span span.Pfeil {
		background: url(css/features/../../../../css/HRSysLib/basis/../../../img/basis/formElements/ErrorTextPfeil.png)no-repeat scroll left top transparent;
		border: medium none;
		display: block;
		height: 8px;
		left: 103px;
		position: absolute;
		top: 32px;
		width: 16px;
	}
	input.formElementMitVorgabetext {
		color: #AEAEAE;
	}
	p.error,
	div.formElementError label.formElement {
		color: #ff0000;
	}
	span.hr-hervorgehoben {
		font-weight: bold;
	}
	.ToolTipDiv {
		background-color: #ffffff;
		border-color: #eeeeee;
		border-style: solid;
		border-width: 1px;
		box-shadow: 2px 2px 2px 1px #ccc;
		color: #333366;
		font-size: 12px;
		padding: 5px;
		text-align: justify;
		width: 250px;
		z-index: 25;
	}
}

@media all {
	#col3 img {
		color: #000000;
		max-width: 10000px;
	}
	#wrapper {
		max-width:700px;
	}
	#wrapper .map img {
		max-width: none;
	}
	.map {
		box-shadow: -2px 2px 2px rgba(33, 33, 33, 0.4);
		border-radius: 5px;
		margin: 5px 0 0 0;
	}
	.liste {
		background: #fff;
		padding: 5px;
		overflow-y: auto;
		overflow-x: hidden;
		font-size: 14px;
		font-family: Arial;
		border: 0px;
		height: 70px;
	}
	.listeouter {
		background: #fff;
		padding: 5px 3px;
		overflow-y: auto;
		overflow-x: hidden;
		height: 80px;
		width: 220px;
		border: 1px solid #ccc;
		box-shadow: -2px 2px 2px rgba(33, 33, 33, 0.4);
		border-radius: 5px;
	}
	.listeneintragouter {
		padding: 2px;
	}
	.listeneintrag {
		padding: 2px 4px;
		background: #fff;
		border-radius: 5px;
	}
	.listeneintrag_highlight {
		background: #ccd;
	}
	.listenhr {
		border-color: #EEEEEE;
		border-style: solid;
		border-width: 0 0 1px;
		margin: 0.4em;
	}
	.routeouter {
		background: #fff;
		padding: 5px 8px;
		overflow-y: auto;
		overflow-x: hidden;
		border: 1px solid #ccc;
		box-shadow: -2px 2px 2px rgba(33, 33, 33, 0.4);
		margin: 10px 0 0 0;
		border-radius: 5px;
	}
	.infowindoweintrag {
		margin: 0 0 2px 0;
	}
	.infowindoweintraglabel {
		float: left;
		width: 135px;
	}
	.infowindoweintragtext {
		margin-left: 100px;
		width: 200px;
		padding-left: 35px;
	}
	.infowindoweintragbild {
		margin-left: 100px;
		width: 200px;
		padding-left: 35px;
	}
	.infowindoweintragbild img {
		max-width: 200px !important;
	}
	.infowindowheader {
		font-weight: bold;
		font-size: 1.1em;
		margin: 0 0 5px 0;
	}
	.routedirections {
		overflow-y: auto;
		overflow-x: hidden;
	}
	.routeinner table {
		width: auto !important;
	}
	.routeinner {
		margin: 10px 5px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.routelabel {
		font-weight: bold;
		width: 75px;
	}
	.routeerror {
		color: Red;
	}
	.routeempty {
		height: 140px;
	}
	.routefilled {
		height: 260px;
	}
	.routehilfetext {
		margin: 5px 0;
	}
}

@media all {
	#col3 #newsticker {
		width: auto;
		height: auto;
		background: #EFEFEF;
		margin: 1em 0;
		padding: .5em 0;
		border-top: 1px solid #6A6A68;
		border-bottom: 1px solid #6A6A68;
	}
	#col3 #newsticker a,
	#col3 #newsticker strong {
		color: #000;
	}
	ul.ticker li div.rechts {
		padding-left: 80px;
	}
	ul.ticker li div.links {
		width: 80px;
		float: left;
	}
	td.CalendarNormal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #000000;
		text-align: center;
	}
	td.CalendarBlue {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #00662C;
	}
	.CalendarBold {
		background-color: #84BA71;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #ffffff;
		text-align: center;
		border: 1px solid #84BA71;
	}
	td.CalendarHead {
		background-color: #D0CFC0;
		border: 1px outset #D0CFC0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #000000;
	}
	td.CalendarHead a {
		padding: 0px;
		border: 0px;
	}
	.forum_beschreibung {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 0 1em 0;
	}
	.PagingElements {
		margin: 10px 0;
	}
	.forum_beitrag {
		border: 1px solid #E2E1E1;
		margin: 10px 0;
	}
	.forum_verfasser {
		background: #E2E1E1;
		padding: 3px;
	}
	.forum_beitragstext {
		padding: 10px 3px;
	}
	.forum_zitat {
		border: 1px solid #E2E1E1;
		margin: 5px 10px;
		padding: 3px;
	}
	.forum_neuerbeitrag {
		margin: 20px 0;
	}
	.forum_neuerbeitrag p {
		margin: 1.5em 0 0 0;
	}
	.forum_neuerbeitrag textarea {
		width: 98%;
	}
	.ablage_beitrag {
		margin: 1em 0 1em 0;
	}
	.ablage_verfasser {
		font-size: 0.9em;
		color: #979797;
		margin: 0 0 0.3em 0;
	}
	.ablage_neuedatei {
		margin: 20px 0;
	}
	.ablage_neuedatei p {
		margin: 1.5em 0 0 0;
	}
	.ablage_neuedatei textarea {
		width: 98%;
		margin: 0 0 10px 0;
	}
	.PagingElements {
		display: inline-block;
		overflow: hidden;
		width: 100%;
	}
	.PagingErgebnis {
		float: left;
		margin: 0 4px 0 0;
	}
	.PagingLinkFirstAktiv,
	.PagingLinkPrevAktiv,
	.PagingLinkFirstInaktiv,
	.PagingLinkPrevInaktiv,
	.PagingLinkNextAktiv,
	.PagingLinkLastAktiv,
	.PagingLinkNextInaktiv,
	.PagingLinkLastInaktiv {
		width: 16px;
		float: left;
		margin: 0 4px 0 0;
	}
	.PagingLinkFirstInaktiv,
	.PagingLinkPrevInaktiv,
	.PagingLinkNextInaktiv,
	.PagingLinkLastInaktiv {
		display: none;
	}
	.PagingButtonFirstAktiv,
	.PagingButtonPrevAktiv,
	.PagingButtonFirstInaktiv,
	.PagingButtonPrevInaktiv,
	.PagingButtonNextAktiv,
	.PagingButtonLastAktiv,
	.PagingButtonNextInaktiv,
	.PagingButtonLastInaktiv {
		width: 16px;
		height: 16px;
		display: block;
		float: left;
		margin: 0 4px 0 0;
	}
	a.PagingButtonStepTo,
	span.PagingButtonStepToInaktiv {
		float: left;
		display: block;
	}
	.PagingButtonFirstAktiv {
		background: transparent url(css/features/../../../../admin/img/midx_first.gif)no-repeat left top;
	}
	.PagingButtonPrevAktiv {
		background: transparent url(css/features/../../../../admin/img/midx_prev.gif)no-repeat left top;
	}
	.PagingButtonFirstInaktiv {
		background: transparent url(css/features/../../../../admin/img/midx_first_deactivated.gif)no-repeat left top;
	}
	.PagingButtonPrevInaktiv {
		background: transparent url(css/features/../../../../admin/img/midx_prev_deactivated.gif)no-repeat left top;
	}
	.PagingButtonNextAktiv {
		background: transparent url(css/features/../../../../admin/img/midx_next.gif)no-repeat left top;
	}
	.PagingButtonLastAktiv {
		background: transparent url(css/features/../../../../admin/img/midx_last.gif)no-repeat left top;
	}
	.PagingButtonNextInaktiv {
		background: transparent url(css/features/../../../../admin/img/midx_next_deactivated.gif)no-repeat left top;
	}
	.PagingButtonLastInaktiv {
		background: transparent url(css/features/../../../../admin/img/midx_last_deactivated.gif)no-repeat left top;
	}
	.PagingButtonFirstAktiv img,
	.PagingButtonPrevAktiv img,
	.PagingButtonFirstInaktiv img,
	.PagingButtonPrevInaktiv img,
	.PagingButtonNextAktiv img,
	.PagingButtonLastAktiv img,
	.PagingButtonNextInaktiv img,
	.PagingButtonLastInaktiv img {
		display: none;
	}
	.PagingBreaker {
		clear: both;
	}
	.WPEBildergalerieFrame {
		overflow: hidden;
	}
	.WPEBildergalerieBildrahmen {
		width: 112px;
		height: 75px;
		overflow: hidden;
		border: 3px solid rgb(224, 224, 244);
		float: left;
		margin: 4px;
	}
	.WPEBildergalerieBild {
		width: 112px;
	}
	.datumsIcon {
		display: inline-block;
		float: left;
		margin: 0 12px 12px 0;
		border: solid 1px #e6eadf;
		font-size: .8em;
	}
	.datumsIconTop {
		background: #519e09;
		color: #fff;
		padding: 1px 2px;
	}
	.datumsIconBottom {
		background: url(css/features/../../img/datum_icon_bg.jpg)repeat-x left bottom;
		color: #545454;
		text-align: center;
		padding: 1px 2px;
	}
	img.WebshopAmpel {
		border: none;
	}
	td.WebshopAmpel {
		text-align: center;
		padding: 0.5em;
	}
	li.DateiVorschaubild {
		list-style: none outside none;
	}
	img.DateiVorschaubild {
		border: 1px solid rgb(0, 0, 0);
	}
	.CSCFormElement {
		display: none;
	}
	.SlideshowKasten {
		position: relative;
		overflow: hidden;
	}
	.SlideshowContentBereich {
		position: relative;
		overflow: hidden;
		margin: 0 35px;
	}
	.SlideshowContent {
		width: 200px;
		margin-right: 10px;
	}
	a.SlideshowLeftButton {
		display: block;
		width: 35px;
		height: 100%;
		background: transparent url(css/features/../../img/slideshow_pfeil_links.png)no-repeat center center;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
	a.SlideshowRightButton {
		display: block;
		width: 35px;
		height: 100%;
		background: transparent url(css/features/../../img/slideshow_pfeil_rechts.png)no-repeat center center;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
	}
	a.SlideshowLeftButton span,
	a.SlideshowRightButton span {
		display: none;
	}
	.SlideshowTabs {
		display: none;
	}
	.SlideshowTop,
	.SlideshowBottom,
	.SlideshowTabLeftButton,
	.SlideshowTabRightButton,
	ul.SlideshowTabs li.SlideshowTabLeftButton,
	ul.SlideshowTabs li.SlideshowTabRightButton {
		display: none;
	}
	.FadeInKasten {
		position: relative;
		overflow: hidden;
	}
	.FadeInContentBereich {
		position: relative;
		overflow: hidden;
		margin: 0;
	}
	.FadeInTabs {
		display: none;
	}
	.FadeInTop,
	.FadeInBottom,
	.FadeInTabLeftButton,
	.FadeInTabRightButton,
	ul.FadeInTabs li.FadeInTabLeftButton,
	ul.FadeInTabs li.FadeInTabRightButton {
		display: none;
	}
	.ReiterKasten {
		overflow: hidden;
		float: left;
		width: 100%;
		padding: 5px 0 0 0px;
		border-bottom: 1px solid #E2E2E2;
	}
	.ReiterContentBereich {
		position: relative;
		border: 1px solid #E2E2E2;
		top: 30px;
		padding-bottom: 30px;
	}
	.ReiterContent {
		padding: 10px;
	}
	.ReiterKasten ul.ReiterTabs {
		padding: 0 0 0 1%;
		margin: 0;
		float: left;
		width: 99%;
	}
	.ReiterKasten ul.ReiterTabs li {
		list-style: none outside none;
		float: left;
		padding: 0;
		border: 1px solid #E2E2E2;
		border-bottom: none;
		margin: 4px 2px 0 2px;
	}
	.ReiterKasten ul.ReiterTabs li a {
		text-decoration: none;
		background: #FFFFFF url(css/features/../../img/ReiterKasten_background_inaktiv.gif)repeat-x scroll left bottom;
		display: block;
		padding: 0px 10px;
		line-height: 25px;
	}
	.ReiterKasten ul.ReiterTabs li a:hover {
		text-decoration: none;
		background: #FFFFFF url(css/features/../../img/ReiterKasten_background_inaktiv.gif)repeat-x scroll left bottom;
		color: #000;
	}
	.ReiterKasten ul.ReiterTabs li.selected a {
		text-decoration: none;
		background: #FFFFFF;
		color: #000;
		font-weight: bold;
	}
	.ReiterKasten ul.ReiterTabs li a span.vorschau {
		display: none;
	}
	.ReiterKastenTop,
	.ReiterKastenBottom {
		display: none;
	}
	#col1 .Aufklappkasten2 {
		float: none;
		margin: 0 0 15px 0;
		width: 100%;
		border: none;
		border-radius: 0;
	}
	#col1 .Aufklappkasten2 a.kasten_button {
		display: block;
		font-size: 1em;
		font-weight: bold;
		background: #fff url(css/features/../../img/Aufklapppfeil_rechts.gif)no-repeat 10px 9px;
		border: 1px solid #D3D3D3;
		border-radius: 3px;
		padding: 3px 10px 3px 20px;
		color: #1A171B;
		text-decoration: none;
		position: relative;
	}
	#col1 .Aufklappkasten2 a.kasten_button:hover {
		text-decoration: underline;
	}
	#col1 .Aufklappkasten2 a.FAQoffen {
		background: #fff url(css/features/../../img/Aufklapppfeil_runter.gif)no-repeat 8px 10px;
	}
	#col1 .Aufklappkasten2 h1.InfoboxUeberschrift,
	#col1 .Aufklappkasten2 h2.InfoboxUeberschrift {
		display: inline;
		font-size: 1em;
		font-weight: normal;
		margin: 0;
		padding: 0;
		border: none;
	}
	#col1 .Aufklappkasten2 .kasten_content {
		background: #fff;
		border: 1px solid #D3D3D3;
		border-radius: 0 0 3px 3px;
		padding: 10px;
		margin: -3px 0 0 0;
		overflow: hidden;
		height: auto;
	}
	.Aufklappkasten p,
	.Aufklappkasten ul,
	.Aufklappkasten strong,
	.Aufklappkasten table,
	.Aufklappkasten2 p,
	.Aufklappkasten2 ul,
	.Aufklappkasten2 strong,
	.Aufklappkasten2 table {
		background: #fff;
	}
	.EnWGLastdatenChart {
		width: 550px;
		height: 320px;
		background-color: #FFFFFF;
	}
}

@media all {
	.breaker {
		clear: both;
		height: 0px;
		overflow: hidden;
		font-size: 1px;
		line-height: 1px;
	}
	.float_left {
		float: left;
		display: inline;
		margin-right: 1em;
		margin-bottom: 0.15em;
		position: relative;
	}
	.float_right {
		float: right;
		display: inline;
		margin-left: 1em;
		margin-bottom: 0.15em;
		position: relative;
	}
	.center {
		text-align: center;
		margin: 0.5em auto
	}
	hr {
		color: #fff;
		background: transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border: 0;
		border-bottom: 1px #000 solid;
	}
	.formfelderFehler {
		background-color: #FFDDDD;
		border: 1px solid Red;
	}
	p.error {
		color: #ff0000;
		font-weight: bold;
	}
	.formElementError {
		overflow: hidden;
	}
	.formElementError label {
		color: #FF0000;
	}
	.formElementError input,
	.formElementError select {
		border: 1px solid #FF0000;
	}
	input,
	select {
		margin-bottom: .3em;
		float: left;
		margin-right: 5px;
	}
	label {
		width: 160px;
		float: left;
		margin-bottom: .3em;
	}
	input.radio {
		float: left;
		border: none;
	}
	label.kurz {
		width: 80px;
	}
	label.lang {
		width: 240px;
	}
	fieldset {
		padding: 10px;
		margin-bottom: 10px;
	}
	legend {
		font-weight: bold;
	}
	#col3 img {
		max-width: 300px;
	}
	#col3_content {
		overflow: hidden;
	}
	.kasten {
		border: 1px solid #36639b;
		margin: 0 0 15px 0;
	}
	.kasten h1.InfoboxUeberschrift {
		margin: 0;
		font-size: 1.1em;
		border-bottom: 1px solid #36639b;
		padding: 2px 10px;
	}
	.kasten .kasten_content {
		padding: 10px;
	}
	body.DarstellungOhneRahmen {
		background: #fff;
	}
	.DarstellungOhneRahmen #page_margins,
	.DarstellungOhneRahmen #page_margins.ym-wrapper,
	.DarstellungOhneRahmen #page,
	.DarstellungOhneRahmen #page.ym-wbox {
		width: auto;
		padding: 0;
		margin: 0;
		background: transparent;
	}
	.DarstellungOhneRahmen #main {
		padding: 0;
		margin: 0;
		background: transparent;
	}
	.DarstellungOhneRahmen #header,
	.DarstellungOhneRahmen #brotkrumen,
	.DarstellungOhneRahmen #col2,
	.DarstellungOhneRahmen #col3,
	.DarstellungOhneRahmen #footer {
		display: none;
		width: 0;
	}
	.DarstellungOhneRahmen #col1,
	.DarstellungOhneRahmen #ColInhalt {
		float: none;
		margin: 0;
		width: auto;
	}
}

@media all {
	#nav,
	#navMobile {
		background: none;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
	}
	#nav #NavButton,
	#navMobile #NavButton {
		display: none;
		height: 31px;
		width: 40px;
		background: transparent url(css/navigation/../../img/nav-button.png)no-repeat left center;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 0;
	}
	#nav .ym-hlist {
		line-height: 1em;
	}
	#nav .ym-hlist ul {
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
	}
	#nav .ym-hlist ul li {
		display: inline;
		float: left;
		font-size: 1.0em;
		line-height: 1;
		list-style-type: none;
		margin: 0 0 0 21px;
		padding: 0;
		background: none;
	}
	#nav .ym-hlist ul li a,
	#nav .ym-hlist ul li span {
		background: transparent;
		color: #484848;
		display: block;
		line-height: 1.3em;
		padding: 0;
		font-weight: 400;
		text-decoration: none;
		width: auto;
		text-transform: uppercase;
	}
	#nav .ym-hlist ul li a.nav_selected,
	#nav .ym-hlist ul li a:hover,
	#nav .ym-hlist ul li span {
		color: #ef7703;
		text-decoration: none;
		outline: 0 none;
	}
	#nav .ym-hlist ul.Ebene1UndMobil li a,
	#nav .ym-hlist ul.Ebene1UndMobil li span {
		font-size: 12px;
	}
	#nav .ym-hlist ul.Ebene1UndMobil {
		top: 25px;
	}
	#nav .ym-hlist ul.Ebene1UndMobil ul {
		display: none !important;
	}
	#nav .ym-hlist ul.Ebene2 li a,
	#nav .ym-hlist ul.Ebene2 li span {
		font-size: 16px;
		padding: 0 0 23px 11px;
		background: transparent url(css/navigation/../../img/pfeil-orange.png)no-repeat left 5px;
	}
	#nav .ym-hlist ul.Ebene2 {
		bottom: 0;
	}
	#nav .ym-hlist ul.Ebene2 ul {
		display: none;
		right: auto;
		bottom: auto;
		z-index: 1000;
		margin: 0 0 0 -20px;
	}
	#nav .ym-hlist ul.Ebene2 li:hover>ul {
		display: block;
	}
	#nav .ym-hlist ul.Ebene2 ul li {
		background: none;
		padding: 0 4px 0 0;
		margin: 0;
		float: none;
		display: block;
	}
	#nav .ym-hlist ul.Ebene2 ul li a,
	#nav .ym-hlist ul.Ebene2 ul li span {
		text-transform: none;
		padding: 4px 40px 4px 30px;
		background-image: none;
		background-color: #fff;
		background-color: rgba(255, 255, 255, 1.0);
		background-repeat: no-repeat;
		background-position: 90% center;
		background-position: right 22px center;
		background-position: calc(100% - 22px) center;
	}
	#nav .ym-hlist ul.Ebene2 ul ul {
		left: 100%;
		margin: -43px 0 0 0;
		display: none !important;
	}
	#nav .ym-hlist ul.Ebene2 ul ul ul {
		display: none !important;
	}
	#nav li.nichtklickbar>a {
		cursor: default;
	}
}

#topnav {
	width: 100%;
	background: #ef7703;
	height: 50px;
	font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
}

#topnav .pageWidth {
	overflow: visible;
}

#topnav ul {
	list-style: none;
	margin: 13px 0 0 0;
	padding: 0;
	float: right
}

#topnav ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	background: none;
}

#topnav ul li a,
#topnav ul li span {
	padding: 0;
	display: block;
	color: #fff;
	line-height: 1.3em;
	margin: 0 0 0 23px;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 0 3px 0;
}

#topnav ul li a:hover,
#topnav ul li a.nav_selected,
#topnav ul li span {
	color: #004593;
	text-decoration: none;
	outline: none;
}

#topnav ul li.Kundenportal a,
#topnav ul li.Kundenportal span {
	color: #fff;
	background: #004499 url(css/navigation/../../img/icon-schloss.png)no-repeat 12px center;
	border-radius: 10px;
	padding: 4px 15px 3px 27px;
}

#topnav ul li.Newsletter a,
#topnav ul li.Newsletter span {
	color: #fff;
	background: #004499 url(css/navigation/../../img/mail_icon_fontawesome.png)no-repeat 12px center;
	border-radius: 10px;
	padding: 4px 15px 3px 30px;
}

#topnav ul ul {
	display: none;
	position: absolute;
	z-index: 1001;
	margin: 0;
	background: #ef7703;
	padding: 10px 0;
}

#topnav ul li:hover>ul {
	display: block;
}

#topnav ul ul li {
	background: none;
	margin: 0;
	float: none;
	display: block;
}

#topnav ul ul li a,
#topnav ul ul li span {
	color: #fff;
	text-transform: none;
	padding: 6px 20px 6px 20px;
	margin: 0;
}

#topnav ul ul li a.nav_selected,
#topnav ul ul li a:hover,
#topnav ul ul li span {
	color: #004593;
}

#topnav li.nichtklickbar>a {
	cursor: default;
}

@media screen {
	body {
		background: #fff;
	}
	#page_margins.ym-wrapper {
		width: 100%;
		margin: 0;
		max-width: none;
		min-width: 0;
	}
	#page.ym-wbox,
	.pageWidth {
		width: 1070px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
	}
	.Bestellung #page.ym-wbox {
		width: 100%;
	}
	#main {
		padding: 0;
	}
	.ym-column {
		padding: 0;
		display: flex;
	}
	#header {
		position: relative;
		height: 107px;
		padding: 0;
		background: none;
	}
	#header .pageWidth {
		overflow: visible;
		height: 107px;
	}
	#header a#logo {
		float: left;
		margin: 22px 0 0 42px;
		position: relative;
		z-index: 1000;
	}
	#suche {
		float: right;
		margin: 13px 0 0 30px;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
	}
	.ym-searchform {
		background: #fff;
		border-radius: 10px;
		float: right;
	}
	.ym-searchform .ym-searchfield {
		-webkit-appearance: none;
		background: none;
		border: none;
		color: #000;
		font-size: 12px;
		padding: 0 10px 0 15px;
		margin: 0;
		width: 150px;
		height: 23px;
		line-height: 23px;
	}
	.ym-searchform .ym-searchbutton {
		-webkit-appearance: none;
		background: transparent url(css/screen/../../img/lupe.png)no-repeat left top;
		border: none;
		height: 10px;
		margin: 0;
		padding: 0;
		width: 10px;
		outline: none;
		margin: 7px 11px 0 0;
		cursor: pointer;
	}
	.ym-searchform .ym-searchfield::-webkit-input-placeholder {
		color: #484848;
		font-size: 10px;
		opacity: 1 !important;
		text-align: right;
	}
	.ym-searchform .ym-searchfield:-moz-placeholder {
		color: #484848;
		font-size: 10px;
		opacity: 1 !important;
		text-align: right;
	}
	.ym-searchform .ym-searchfield::-moz-placeholder {
		color: #484848;
		font-size: 10px;
		opacity: 1 !important;
		text-align: right;
	}
	.ym-searchform .ym-searchfield:-ms-input-placeholder {
		color: #484848;
		font-size: 10px;
		opacity: 1 !important;
		text-align: right;
	}
	#brotkrumen {
		overflow: hidden;
		background: #e5e5e5;
		padding: 11px 0;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
	}
	#brotkrumen ul {
		float: left;
		margin: 0;
	}
	#brotkrumen ul li {
		display: inline;
		float: left;
		padding: 0;
		background: none;
	}
	#brotkrumen ul li a,
	#brotkrumen ul li span {
		display: block;
		color: #8a8a8a;
		font-size: 12px;
		padding: 0 8px 0 14px;
		background: transparent url(css/screen/../../img/pfeil-grau.png)no-repeat left center;
		text-decoration: none;
	}
	#brotkrumen ul li a:hover {
		text-decoration: underline;
		outline: none;
	}
	#brotkrumen ul li.home a {
		color: #ef7703;
		padding-left: 45px;
		background: transparent url(css/screen/../../img/home.png)no-repeat 27px center;
	}
	#brotkrumen ul li span.BrotkrumenPfeil {
		display: none;
	}
	.OhneKopfbild #Kopfbild {
		display: none;
	}
	#Kopfbild {
		width: 100%;
		height: 300px;
		overflow: hidden;
		position: relative;
	}
	#Kopfbild>img,
	#Kopfbild>a.NoFileIcon>img,
	#Kopfbild .SlideshowContentInnen>img,
	#Kopfbild .SlideshowContentInnen>a.NoFileIcon>img {
		width: 100%;
		height: auto;
		position: relative;
		left: auto;
		margin: 0;
	}
	#Kopfbild .SlideshowContentBereich {
		margin: 0;
		width: 100%;
		height: 549px;
	}
	#Kopfbild a.SlideshowLeftButton {
		background: transparent url(css/screen/../../img/slideshow-pfeil-links.png)no-repeat center center;
		left: 50%;
		margin: 0 0 0 -710px;
	}
	#Kopfbild a.SlideshowRightButton {
		background: transparent url(css/screen/../../img/slideshow-pfeil-rechts.png)no-repeat center center;
		right: 50%;
		margin: 0 -710px 0 0;
	}
	#Kopfbild .SlideshowContent {
		margin: 0;
		width: 100%;
		height: 549px;
		overflow: hidden;
	}
	#Kopfbild ul.SlideshowTabs {
		display: block;
		width: 1070px;
		position: absolute;
		left: 50%;
		margin: 0 0 0 -535px;
		top: 25px;
		z-index: 100;
		text-align: right;
	}
	#Kopfbild ul.SlideshowTabs li {
		display: inline-block;
		padding: 0;
		background: none;
	}
	#Kopfbild ul.SlideshowTabs li.SlideshowTabLeftButton,
	#Kopfbild ul.SlideshowTabs li.SlideshowTabRightButton {
		display: none;
	}
	#Kopfbild ul.SlideshowTabs li a {
		display: block;
		width: 14px;
		height: 14px;
		border-radius: 7px;
		background: #fff;
	}
	#Kopfbild ul.SlideshowTabs li a:hover,
	#Kopfbild ul.SlideshowTabs li.selected a {
		background: #ef7703;
	}
	#Kopfbild ul.SlideshowTabs span.vorschau {
		display: none;
	}
	#Kopfbild .kasten {
		position: absolute;
		left: 50%;
		border: none;
		background: none;
		width: 1070px;
		margin: 0 0 0 -535px;
		top: 215px;
		overflow: visible;
	}
	#Kopfbild .kasten .kasten_content {
		padding: 0 0 0 45px;
		background: none;
		border-radius: 0;
		overflow: visible;
	}
	#Kopfbild .kasten h1 {
		color: #ef7703;
		font-weight: 700;
		font-size: 45px;
		text-transform: none;
		margin: 0;
		text-shadow: 0 0 20px #fff, 0px 15px 20px #fff, 0px -15px 20px #fff;
	}
	#Kopfbild .kasten h2 {
		color: #484848;
		font-weight: 700;
		font-size: 20px;
		text-transform: none;
		margin: 0.8em 0 0 0;
		text-shadow: 0 0 10px #fff;
	}
	.ym-col2 {
		width: 100%;
		float: none;
		margin: 0;
		flex: 1 1 100%;
	}
	.ym-col2 .ym-cbox {
		padding: 60px 20px 70px 20px;
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
	}
	#ColRechts {
		max-width: 365px;
	}
	#ColRechts .ym-cbox {
		padding: 60px 0 0 0;
	}
	#footer {
		overflow: hidden;
		clear: both;
		background: #f5f5f5;
		padding: 0;
	}
	#footer .pageWidth {
		padding: 22px 55px 15px 35px;
	}
	#footer table {
		float: left;
		width: auto;
		margin: 0 0px 40px 20px;
	}
	#footer table+p {
		display: none;
	}
	#footer table td {
		border: none;
		padding: 2px 30px 2px 0;
		font-size: 14px;
		color: #000;
	}
	#footer table tr td:last-child {
		padding-right: 0;
	}
	#footer ul {
		margin: 0;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		clear: both;
		width: 100%;
	}
	#footer ul li {
		display: inline;
		float: left;
		padding: 0;
		background: none;
		text-transform: uppercase;
		margin: 0 22px 0 0;
		font-size: 10px;
	}
	#footer ul>li:last-child {
		margin-left: 39px;
	}
	#footer ul li a,
	#footer ul li span {
		display: block;
		color: #484848;
		text-decoration: none;
	}
	#footer ul li a:hover {
		text-decoration: underline;
	}
	#footer .float_right {
		margin: 0 0 0 25px;
	}
}

@media all {
	body {
		font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
		font-size: 17px;
		color: #484848;
		font-weight: 300;
	}
	.invisible {
		display: none !important;
	}
	.breaker {
		clear: both;
		height: 0px;
		overflow: hidden;
		font-size: 1px;
		line-height: 1px;
	}
	.Responsive_OnlyDesktopScreenMedium,
	.Responsive_OnlyDesktop {
		display: block;
	}
	.Responsive_OnlyScreenSmallMedium,
	.Responsive_OnlyScreenMedium,
	.Responsive_OnlyScreenSmall {
		display: none;
	}
	h1 {
		font-size: 20px;
		color: #484848;
		font-weight: 700;
		margin: 0 0 1em 0;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.1em;
	}
	h2 {
		font-size: 16px;
		color: #484848;
		font-weight: 700;
		margin: 3em 0 0.5em 0;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.3em;
	}
	h1+h2 {
		margin-top: -0.8em;
	}
	h3 {
		font-size: 16px;
		color: #000;
		font-weight: 400;
		margin: 2em 0 0.5em 0;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.1em;
	}
	h4 {
		font-size: 15px;
		color: #000;
		font-weight: 700;
		margin: 2em 0 0.3em 0;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.1em;
	}
	.home .ym-cbox>h2:first-child {
		font-size: 1rem;
		margin-bottom: 4.5rem;
		margin-top: 1rem;
		text-align: center;
	}
	a,
	a:visited {
		color: #ef7703;
		text-decoration: underline;
	}
	a:hover,
	a:active,
	a:focus {
		color: #ef7703;
		background-color: transparent;
		text-decoration: underline;
	}
	a:focus {
		outline: none;
	}
	ul {
		margin-left: 0px;
		padding: 0;
	}
	ul li {
		background: transparent url(css/screen/../../img/pfeil-orange.png)no-repeat left 8px;
		padding-left: 15px;
		margin: 0;
		list-style: none;
	}
	ol li {
		margin: 0 0 0 28px;
	}
	ul.linkliste {
		margin: 0 0 10px 0;
	}
	ul.linkliste li {
		padding: 5px 0 3px 30px;
		margin: 0 0 10px 0;
	}
	ul.linkliste li.pdf {
		background: transparent url(css/screen/../../img/icon-pdf.png)no-repeat left center;
	}
	ul.linkliste li.xls,
	ul.linkliste li.xlsx {
		background: transparent url(css/screen/../../img/icon-xls.png)no-repeat left center;
	}
	ul.linkliste li.doc,
	ul.linkliste li.docx {
		background: transparent url(css/screen/../../img/icon-WORD.png)no-repeat left center;
	}
	ul.linkliste li.int,
	ul.linkliste li.ext {
		background: transparent url(css/screen/../../img/pfeil-orange.png)no-repeat 12px 14px;
	}
	ul.linkliste li a {
		color: #484848;
		font-weight: 700;
		text-decoration: none;
	}
	ul.linkliste li a:hover {
		text-decoration: underline;
	}
	.ListeZweispaltig ul,
	.ListeZweispaltig ol {
		overflow: hidden;
		column-count: 2;
		column-gap: 10px;
	}
	ul.linkliste li.button {
		background: none;
		padding: 0;
		margin: 0;
	}
	ul.linkliste li.button a {
		display: block;
		color: #fff;
		text-decoration: none;
		background: #004593;
		line-height: 50px;
		padding: 0 55px;
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 5px;
		text-align: center;
	}
	#Kopfbild ul.linkliste li.button a {
		display: inline-block;
		margin-top: 10px;
	}
	.Vorteilsliste ul li {
		background: transparent url(css/screen/../../img/check.png)no-repeat left 6px;
		background-size: 18px auto;
		padding-left: 25px;
		font-weight: 400;
	}
	p {
		margin: 0 0 1em 0;
		line-height: 1.5em;
	}
	blockquote {
		margin: 1.5em 1.5em 0.5em 1.5em;
	}
	div.hr {
		background: #CCCCCC;
		border: none;
		color: #FFFFFF;
		margin: 10px 0;
		padding: 0;
		font-size: 1px;
		line-height: 1px;
		height: 1px;
	}
	div.hr hr {
		display: none;
	}
	.ZweiSpalten33-66Prozent {
		display: flex;
		font-size: 14px;
	}
	.ZweiSpalten33-66Prozent .BlockElement1 {
		flex: 1 36%;
		box-sizing: border-box;
		padding: 0 50px 0 0;
	}
	.ZweiSpalten33-66Prozent .BlockElement2 {
		flex: 2 64%;
	}
	.sternchentext {
		font-size: 0.8em;
		font-style: italic;
	}
	.ym-col2 .float_right {
		margin: 0 0 25px 70px;
	}
	dl {
		max-width: 40%;
	}
	dl.lange-Bildunterschrift {
		max-width: 75%;
	}
	dl dd {
		margin: 10px 0 0 0;
		line-height: 1.3;
		font-size: 80%;
		color: #7f7f7f;
		max-width: 90%;
	}
	img {
		border-radius: 4px;
	}
	img.rund,
	a.rund img {
		border-radius: 50%;
	}
	.kasten img.zentriert {
		display: block;
		margin: auto;
		margin-bottom: 5%;
	}
	table {
		border: none;
	}
	table th {
		background: #ef7703;
		border: 1px solid #ef7703;
		color: #fff;
		vertical-align: top;
		padding: 10px 20px;
	}
	table td {
		background: #f5f5f5;
		border: none;
		border-bottom: 1px solid #fff;
		vertical-align: top;
		padding: 10px 20px;
		color: #484848;
	}
	table.preistabelle {
		width: 665px;
		width: calc(100% - 365px);
	}
	table.preistabelle tbody tr td:last-child {
		width: 70px;
	}
	fieldset {
		border: none;
		padding: 0;
	}
	fieldset legend {
		font-size: 16px;
		color: #000;
		font-weight: 700;
		margin: 2em 0 0.5em 0;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.1em;
	}
	label {
		width: 295px;
		margin: 0 0 5px 0;
	}
	label.formElement {
		line-height: 35px;
		width: 290px;
		margin-right: 5px;
	}
	label.description {
		line-height: 1.3em;
		display: block;
		float: none;
		margin-left: 20px;
		width: auto;
	}
	label.kurz {
		width: 130px;
		margin-left: 10px;
	}
	label.umfrage {
		float: left;
		width: 120px;
		margin-left: 10px;
	}
	label.kurz2 {
		width: 80px;
		margin-left: 10px;
	}
	label.umfrage_lang {
		width: 100%;
	}
	input[type="text"],
	input.formElement,
	select,
	textarea {
		border: 1px solid #ef7703;
		border-radius: 5px;
		width: 500px;
		//width: calc(100% - 295px);
		margin: 0 0 5px 0;
		box-sizing: border-box;
		height: 35px;
		line-height: 33px;
		padding: 0 20px;
	}
	textarea {
		height: auto;
		font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.4em;
	}
	.zaehlerdaten input.formElement {
		width: 200px;
		width: calc((100% - 295px - 145px) / 2);
	}
	.zaehlerdaten select.formElement {
		width: 200px;
	}
	input[type="checkbox"],
	input[type="radio"] {
		width: 15px;
		height: 15px;
		padding: 0;
		margin: 4px 5px 5px 0;
		background: #fff;
		border: 1px solid #ef7703;
		border-radius: 10px;
	}
	input.submit,
	input.login_submit,
	input.Reset,
	input.CMSSuchformularSubmit,
	input[type="submit"] {
		-webkit-appearance: none;
		background: #004593;
		border: none;
		color: #fff;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 0 55px;
		height: 50px;
		line-height: 50px;
		border-radius: 5px;
		margin: 20px 20px 20px 0;
		float: left;
		cursor: pointer;
	}
	.error {
		background: none;
	}
	.formElementError {
		position: relative;
		display: inline;
		overflow: visible;
		float: left;
		width: 100%;
	}
	.formElementError a.formElementErrorTextHint {
		position: absolute;
		background: transparent url(css/screen/../../img/icon-fehler.png)no-repeat left top;
		float: none;
		height: 27px;
		width: 27px;
		right: 10px;
		top: 4px;
		color: #000;
		text-align: left;
	}
	.formElementErrorTextHint span.Rahmen {
		right: 0;
		left: auto;
		top: auto;
		bottom: 35px;
	}
	.formElementErrorTextHint span.Inhalt {
		display: block;
		position: static;
		min-width: 400px;
		padding: 5px 10px;
		width: auto;
		height: auto;
		line-height: 1.3em;
	}
	.formElementErrorTextHint span span.Pfeil {
		right: 6px;
		left: auto;
		top: auto;
		bottom: -7px;
	}
	.Familienkalender #Formular_PLZ_ErrorDiv a.formElementErrorTextHint span.Rahmen {
		display: block;
	}
	.Kundenlogin input {
		width: 100%;
		background: #fff;
		border: none;
		border-radius: 5px;
		box-sizing: border-box;
		padding: 0 15px;
		height: 35px;
		line-height: 35px;
		margin: 0 0 15px 0;
	}
	.Kundenlogin input::-webkit-input-placeholder {
		color: #000;
		opacity: 1 !important;
	}
	.Kundenlogin input:-moz-placeholder {
		color: #000;
		opacity: 1 !important;
	}
	.Kundenlogin input::-moz-placeholder {
		color: #000;
		opacity: 1 !important;
	}
	.Kundenlogin input:-ms-input-placeholder {
		color: #000;
		opacity: 1 !important;
	}
	.Kundenlogin input.password {
		margin-bottom: 35px;
	}
	.Kundenlogin input.submit {
		float: right;
		color: #fff;
		background: #004593;
		text-transform: uppercase;
		height: 40px;
		line-height: 40px;
		width: auto;
		float: right;
		margin: 0;
		font-size: 16px;
	}
	.Kundenlogin a,
	.Kundenlogin a:hover,
	.Kundenlogin a:visited {
		color: #000000;
		display: inline-block;
		padding: 0 0 2px 15px;
	}
	.Kontakt a,
	.Kontakt a:hover,
	.Kontakt a:visited {
		color: #000000;
	}
	.tickermeldung {
		margin: 0 0 10px 0;
	}
	.tickermeldung p {
		margin: 0;
	}
	p.MeldungsTitel+ul {
		clear: both;
	}
	.GleichHoheKaesten.WhatsApp {
		display: flex;
		flex-wrap: wrap;
		background-color: #b3b3b3;
		border-radius: 5px;
		width: 100%;
		margin-bottom: 30px;
	}
	.kasten {
		border: none;
		border-radius: 5px 5px 0 0;
		background: none;
		float: right;
		width: 295px;
		position: relative;
		margin: 0 0 25px 70px;
		overflow: hidden;
	}
	.rechteSeite {
		float: right;
		width: 365px;
	}
	.letzterKasten {
		margin-right: 0 !important;
	}
	.kasten .kasten_content {
		padding: 35px;
		background: #f5f5f5;
		overflow: hidden;
		border-radius: 0 0 5px 5px;
		color: #000;
		box-sizing: border-box;
	}
	.kasten .kasten_content>h1:first-child,
	.kasten .kasten_content>h2:first-child,
	.kasten .kasten_content>h3:first-child {
		margin-top: 0;
	}
	.kasten:not(.Aufklappkasten2) p {
		line-height: 1.3em;
		margin: 0 0 0.8em 0;
	}
	.kasten:not(.Aufklappkasten2) table {
		border: none;
		margin: 0 0 0.8em 0;
	}
	.kasten:not(.Aufklappkasten2) table th,
	.kasten:not(.Aufklappkasten2) table td {
		border: none;
		padding: 0px 10px 0px 0;
		line-height: 1.3em;
	}
	.kasten .kasten_content>*:last-child {
		margin-bottom: 0;
	}
	.kasten .kasten_content blockquote {
		margin: 0;
	}
	.Kasten400px {
		width: 400px;
		float: left;
		margin: 0 20px 50px 0;
	}
	.Kasten650px {
		width: 650px;
		float: left;
		margin: 0 20px 50px 0;
	}
	.Kasten33Prozent {
		width: 33%;
		width: calc(33.3333% - (66px/3));
		float: left;
		margin: 0px 33px 50px 0;
	}
	.Kasten50Prozent {
		width: 50%;
		width: calc(50% - (20px/2));
		float: left;
		margin: 0px 20px 50px 0;
	}
	.Kasten100Prozent {
		width: 100%;
		float: none;
		margin: 0 0 50px 0;
	}
	.Kasten400px h3,
	.Kasten650px h3 {
		margin: 0 0 0.5em 0;
		font-size: 22px;
		font-weight: 700;
	}
	.Bildkasten .kasten_content {
		padding: 0 0 30px 0;
	}
	.Bildkasten.letzterKasten+.Bildkasten {
		clear: both;
	}
	.Bildkasten h3 {
		margin: 0.5em 25px 0.5em 30px;
		font-size: 22px;
		font-weight: 700;
	}
	.Bildkasten:not(.Aufklappkasten2) p,
	.Bildkasten:not(.Aufklappkasten2) ul.linkliste {
		margin: 1em 25px 1em 30px;
	}
	.Bildkasten:not(.Aufklappkasten2) .table-responsive-wrap {
		padding: 0 25px;
	}
	.Bildkasten:not(.Aufklappkasten2) p+ul.linkliste {
		margin-top: -1em;
	}
	.Bildkasten ul.linkliste li {
		padding: 0 0 0 15px;
	}
	.KastenOrange .kasten_content {
		background: #ef7703;
	}
	.KastenOrange h3,
	.KastenOrange h3 a {
		color: #fff;
	}
	.KastenOrange h3 {
		color: #fff;
	}
	.KastenOrange h3 a {
		color: #fff;
		text-decoration: none;
	}
	.KastenOrange ul li {
		background-image: url(css/screen/../../img/Haekchen_Harz.svg);
		padding-left: 25px;
	}
	.Linkkasten>a {
		text-decoration: none;
	}
	.neue-zeile:after {
		clear: both;
		content: "";
		display: table;
	}
	.ansprechpartner {
		float: left;
		width: 50%;
		margin: 0;
	}
	.ansprechpartner .kasten {
		float: left;
		margin: 0;
	}
	.ansprechpartner .kasten_content {
		background: none;
		padding: 20px;
	}
	.ansprechpartner img {
		border-radius: 50%;
		float: left;
	}
	.spendenuhr {
		float: none;
		margin-left: 0;
		width: 100%;
	}
	.spendenuhr .kasten_content {
		background: #f48b00;
		padding-bottom: 0;
	}
	.spendenuhr h2 {
		font-size: 26px;
		color: white;
	}
	.spendenuhr img.float_right {
		margin-top: 10px;
	}
	.weiss {
		font-size: 69px;
		float: left;
		margin: 0;
		width: auto;
	}
	.weiss .kasten_content {
		background: white;
	}
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent {
		margin-bottom: 0;
		margin-right: 20px;
	}
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent .kasten_content {
		background: none;
		min-height: unset !important;
		padding: 20px 30px 15px 0;
	}
	.GleichHoheKaesten.WhatsApp .bild.Kasten33Prozent .kasten_content {
		padding-left: 10px;
	}
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent .kasten_content h2,
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent .kasten_content h3,
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent .kasten_content p {
		color: white;
	}
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent .kasten_content h2 {
		font-size: 24px;
	}
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent .kasten_content h3 {
		font-size: 22px;
		font-weight: 600;
	}
	.GleichHoheKaesten.WhatsApp .Kasten33Prozent .kasten_content p {
		font-size: 18px;
		font-weight: 600;
	}
	.GleichHoheKaesten.WhatsApp a[href*="tel:"] {
		color: white;
		text-decoration: none;
	}
	.Aufklappkasten2 {
		float: none;
		border-radius: 0;
		margin: 0 0 20px 0;
		width: 100%;
	}
	.Aufklappkasten2.kurzeAufklappbox {
		width: 665px;
		width: calc(100% - 365px);
	}
	.Aufklappkasten2 h2.InfoboxUeberschrift {
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		margin: 0;
		border-radius: 5px;
		overflow: hidden;
	}
	.Aufklappkasten2 h2.InfoboxUeberschrift a {
		display: block;
		background: #ef7703 url(css/screen/../../img/AufklappPfeil.png)no-repeat right 20px center;
		background: #ef7703 url(css/screen/../../img/AufklappPfeil.png)no-repeat calc(100% - 20px) center;
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		padding: 15px 70px 15px 20px;
		text-decoration: none;
	}
	.Aufklappkasten2 h2.InfoboxUeberschrift a.FAQoffen {
		background-image: url(css/screen/../../img/AufklappPfeil-aktiv.png);
	}
	.Aufklappkasten2 .kasten_content {
		background: none;
		padding: 20px;
	}
	.Aufklappkasten2 p,
	.Aufklappkasten2 ul,
	.Aufklappkasten2 strong,
	.Aufklappkasten2 table {
		background: none;
	}
	.Aufklappkasten2 table th {
		background: #bebebe;
		border: 1px solid #bebebe;
	}
	.listeouter {
		border-radius: 0;
		box-shadow: none;
		height: auto;
		overflow: visible;
		width: auto;
		box-sizing: border-box;
	}
	.liste {
		background: none;
		font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
		height: auto !important;
		overflow: visible;
		box-sizing: border-box;
		cursor: pointer;
	}
	.infowindoweintraglabel {
		display: none;
	}
	.mitLink div>.infowindoweintraglabel:last-child {
		display: block;
	}
	.infowindoweintragtext {
		margin-left: 0;
		padding-left: 0;
		width: auto;
		min-width: 200px;
	}
	.infowindoweintragtext ul li {
		background-position: left 5px;
	}
	body>ul.ui-widget-content {
		padding: 15px 10px 10px 10px;
		z-index: 2000;
		background: #f5f5f5;
		border: none;
		border-radius: 10px;
		padding: 15px;
		box-sizing: border-box;
	}
	body:not(.Volltextsuche)>ul#ui-id-1,
	body.Volltextsuche>ul#ui-id-2 {
		max-width: 300px;
		top: 40px !important;
	}
	body>ul.ui-widget-content li.ui-menu-item,
	body>ul.ui-widget-content li.ui-menu-item.ui-state-focus {
		background: transparent url(css/screen/../../img/pfeil-orange.png)no-repeat left 6px;
		padding: 0 0 0 12px;
		margin: 0 0 5px 0;
		font-size: 14px;
		color: #484848;
	}
	body>ul.ui-widget-content li.ui-menu-item.ui-state-focus {
		font-weight: 400;
		border: none;
		color: #ef7703;
		text-decoration: underline;
	}
	input.CMSSuchformularSuchbegriff {
		margin: 0 10px 20px 0;
		height: 50px;
		line-height: 50px;
	}
	.ym-col2 input.CMSSuchformularSubmit {
		margin: 0 0 20px 0;
		float: left;
	}
	.WPEVolltextsucheTrefferArt::after {
		content: attr(data-text);
		background: #004593;
		color: #fff;
		border-radius: 3px;
		font-size: 0.8em;
		padding: 3px 5px;
		display: inline-block;
		cursor: pointer;
		margin-right: 5px;
		position: relative;
		top: -1px;
		line-height: 1.3em;
	}
	.WPEVolltextsucheTrefferDateityp::after {
		content: attr(data-text);
		background: #004593;
		color: #fff;
		border-radius: 3px;
		font-size: 0.8em;
		padding: 3px 5px;
		cursor: pointer;
		margin-right: 5px;
		display: inline-block;
		position: relative;
		top: -1px;
		line-height: 1.3em;
	}
	.home #Kopfbild {
		height: 549px;
	}
	.home #brotkrumen {
		display: none;
	}
	.home #page.ym-wbox {
		margin-top: -35px;
		width: 1170px;
	}
	.home .ym-col2 .ym-cbox {
		padding: 55px 50px 0 50px;
	}
	.home .ym-col2 .kasten.Kundenlogin,
	.home .ym-col2 .kasten.Kontakt {
		float: left;
		width: 315px;
		margin: 0 20px 10px 0;
		padding-bottom: 50px;
		overflow: visible;
	}
	.home .ym-col2 .kasten.Kontakt {
		float: right;
	}
	.home .ym-col2 .kasten.Kundenlogin:after,
	.home .ym-col2 .kasten.Kontakt:after {
		content: "";
		position: absolute;
		width: 388px;
		height: 50px;
		left: -36px;
		bottom: 0;
		background: transparent url(css/screen/../../img/schatten-kl.png)no-repeat center center;
	}
	.home .ym-col2 .kasten h2.InfoboxUeberschrift {
		background: #f5f5f5 url(css/screen/../../img/Infobox-h2.png)no-repeat left top;
		color: #fff;
		margin: 0;
		height: 63px;
		font-size: 25px;
		font-weight: 700;
		text-transform: uppercase;
		box-sizing: border-box;
		padding: 0 10px 0 65px;
		line-height: 55px;
		position: relative;
	}
	.home .ym-col2 .kasten.Kundenlogin h2.InfoboxUeberschrift:before {
		content: "";
		position: absolute;
		left: 30px;
		background: transparent url(css/screen/../../img/Icon-Kundenlogin.png)no-repeat left top;
		width: 24px;
		height: 30px;
		top: 14px;
	}
	.home .ym-col2 .kasten.Kontakt h2.InfoboxUeberschrift {
		padding-left: 95px;
	}
	.home .ym-col2 .kasten.Kontakt h2.InfoboxUeberschrift:before {
		content: "";
		position: absolute;
		left: 50px;
		background: transparent url(css/screen/../../img/telefon_rashadashurov.png)no-repeat left top;
		width: 30px;
		height: 26px;
		top: 13px;
		left: 60px;
	}
	.home .ym-col2 .kasten.Kundenlogin .kasten_content,
	.home .ym-col2 .kasten.Kontakt .kasten_content {
		padding: 35px 35px 30px 35px;
		font-size: 15px;
	}
	.home .ym-col2 .Tarifrechner {
		margin: -55px 20px 0 335px;
		padding-bottom: 20px;
		position: relative;
		width: 400px;
	}
	.home .ym-col2 .Tarifrechner:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 50px;
		left: 0;
		bottom: 0;
		background: transparent;
	}
	.home .ticker.container {
		overflow: hidden;
		margin: 0 0 50px 0;
	}
	.home .ticker .tickermeldung {
		float: left;
		width: 33.3%;
		position: relative;
		box-sizing: border-box;
		padding: 0 30px 0 0;
	}
	.home .ticker .tickermeldung p.tickerdatum {
		color: #ef7703;
		font-size: 14px;
		font-weight: 700;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
	}
	.home .ticker .tickermeldung p.MeldungsTitel {
		font-weight: 700;
		color: #000;
		font-size: 16px;
		margin: 0 0 0.5em 0;
		min-height: 40px;
		font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.3em;
	}
	.home .ticker .tickermeldung p.MeldungsMehrLink a {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		text-decoration: none;
		color: transparent;
		font-size: 0;
		text-indent: -1000px;
	}
	.home .Kasten400px,
	.home .Kasten650px {
		font-size: 15px;
	}
	.home .Kasten400px ul.linkliste li {
		background: transparent url(css/screen/../../img/pfeil-orange.png)no-repeat left 7px;
		padding: 0 0 0 15px;
		margin: 0;
	}
	.home .Kasten400px ul.linkliste li a {
		font-weight: 300;
	}
	.Unterstartseite .ym-col2 .ym-cbox {
		padding-right: 0;
		padding-left: 0;
	}
	.Unterstartseite .ym-col2 .ym-cbox>h1,
	.Unterstartseite .ym-col2 .ym-cbox>h2,
	.Unterstartseite .ym-col2 .ym-cbox>p {
		margin-left: 20px;
		margin-right: 20px;
	}
	iframe#iFrameResizer0 {}
	.newsroom #Kopfbild {
		height: 700px;
	}
	.newsroom #Kopfbild .kasten {
		top: auto;
		bottom: 55px;
	}
	.newsroom #Kopfbild .kasten .kasten_content {
		background: rgba(255, 255, 255, 0.86);
		padding: 25px 45px;
		box-sizing: border-box;
		width: 100%;
		border-radius: 5px;
	}
	.newsroom #Kopfbild .kasten ul.linkliste {
		float: right;
		margin: 0;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li {
		float: left;
		padding: 0;
		background: none;
		margin: 0 0 0 40px;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li a {
		display: block;
		text-align: center;
		padding: 65px 0 0 0;
		min-width: 100px;
		color: #484848;
		font-weight: 700;
		font-size: 15px;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li a:hover {
		color: #ef7703;
		text-decoration: none;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Presse a {
		background: transparent url(css/screen/../../img/Icon-Presse.png)no-repeat center top;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Presse a:hover {
		background: transparent url(css/screen/../../img/Icon-Presse-orange.png)no-repeat center top;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Magazin a {
		background: transparent url(css/screen/../../img/Icon-Kundenmagazin.png)no-repeat center 5px;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Magazin a:hover {
		background: transparent url(css/screen/../../img/Icon-Kundenmagazin-orange.png)no-repeat center 5px;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Termine a {
		background: transparent url(css/screen/../../img/Icon-Termine.png)no-repeat center top;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Termine a:hover {
		background: transparent url(css/screen/../../img/Icon-Termine-orange.png)no-repeat center top;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Fotos a {
		background: transparent url(css/screen/../../img/Icon-Fotos.png)no-repeat center top;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Fotos a:hover {
		background: transparent url(css/screen/../../img/Icon-Fotos-orange.png)no-repeat center top;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Mediathek a {
		background: transparent url(css/screen/../../img/Icon-Mediathek.png)no-repeat center 6px;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li.Icon-Mediathek a:hover {
		background: transparent url(css/screen/../../img/Icon-Mediathek-orange.png)no-repeat center 6px;
	}
	.newsroom #Kopfbild .kasten h2 {
		color: #ef7703;
		font-weight: 700;
		font-size: 45px;
		margin: 0 0 5px 0;
	}
	.newsroom #Kopfbild .kasten p {
		color: #484848;
		font-size: 20px;
		margin: 0 0 5px 0;
		font-weight: 700;
	}
	.newsroom #ColInhalt .kasten h3 {
		margin: 0 0 1em 0;
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
		color: #000;
	}
	.newsroom #ColInhalt .kasten p {
		line-height: 1.5em;
	}
	.newsroom .kasten .tickermeldung {
		margin: 15px 0 35px 0;
	}
	.newsroom .kasten .tickermeldung p {
		margin: 0;
	}
	.newsroom .kasten .tickermeldung p.tickerdatum {
		color: #ef7703;
		font-size: 14px;
		font-weight: 700;
	}
	.newsroom .kasten .tickermeldung .MeldungsUebersichtInhalt {
		padding: 0 235px 0 0;
		position: relative;
	}
	.newsroom .kasten .tickermeldung p.MeldungsTitel {
		color: #000000;
		font-size: 16px;
		font-weight: 700;
	}
	.newsroom .kasten .tickermeldung p.MeldungsMehrLink {
		position: absolute;
		right: 0;
		top: 0;
	}
	.newsroom .kasten .tickermeldung p.MeldungsMehrLink a {
		display: block;
		color: #fff;
		text-decoration: none;
		background: #004593;
		line-height: 50px;
		padding: 0 55px;
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
		border-radius: 5px;
	}
	.Aufklappkasten2.Archiv h2.InfoboxUeberschrift a {
		position: relative;
		padding-left: 60px;
	}
	.Aufklappkasten2.Archiv h2.InfoboxUeberschrift a:before {
		content: "";
		width: 32px;
		height: 100%;
		background: transparent url(css/screen/../../img/bueroklammer.png)no-repeat left center;
		position: absolute;
		left: 17px;
		top: 0;
	}
	.Aufklappkasten2.Archiv ul.ticker li div.rechts {
		padding-left: 0;
	}
	.Aufklappkasten2.Archiv ul.ticker li div.rechts a {
		color: #484848;
		text-decoration: none;
	}
	.Aufklappkasten2.Archiv ul.ticker li div.rechts a:hover {
		text-decoration: underline;
	}
	.newsroom .kasten.Kundenmagazin {
		overflow: visible;
		margin-top: 70px;
	}
	.newsroom .kasten.Kundenmagazin>.kasten_content {
		overflow: visible;
		border-radius: 5px;
	}
	.newsroom .kasten.Kundenmagazin .kasten:not(.Aufklappkasten2) {
		float: right;
		width: 330px;
		margin: -80px 0 0 50px;
	}
	.newsroom .kasten.Kundenmagazin .kasten:not(.Aufklappkasten2) .kasten_content {
		padding: 0;
		background: none;
	}
	.newsroom .kasten.Kundenmagazin .Aufklappkasten2 {
		float: none;
		width: auto;
	}
	.newsroom .kasten.Termine .tickermeldung {
		width: 50%;
		float: left;
		margin: 0 0 20px 0;
	}
	.newsroom .kasten.Termine .MeldungsUebersichtInhalt {
		padding: 0 15px 0 0;
	}
	.newsroom .kasten.Mediathek .kasten.Video {
		float: left;
		width: 250px;
		margin: 0 105px 50px 0;
	}
	.newsroom .kasten.Mediathek .kasten.Video .kasten_content {
		padding: 0;
	}
	.newsroom .kasten.Mediathek .kasten.Video iframe {
		width: 100%;
	}
	.newsroom .kasten.Pressekontakt .kasten {
		float: right;
		margin: 0 0 0 100px;
		width: 375px;
		border-radius: 0;
	}
	.newsroom .kasten.Pressekontakt .kasten .kasten_content {
		padding: 0;
		border-radius: 0;
	}
	.newsroom .kasten.Pressekontakt .kasten .float_right {
		margin: 0 0 0 40px;
	}
	.newsroom .kasten.Pressekontakt .kasten a {
		text-decoration: none;
		font-weight: bold;
	}
	.newsroom .kasten.Pressekontakt .kasten a:hover {
		text-decoration: underline;
	}
	iframe.TR-Content {
		margin-left: 0;
		width: 1070px;
		width: calc(100% + 40px);
	}
	iframe.TR-Content.Contentbereich {
		width: 685px;
		height: 335px;
	}
	iframe.TR-Content.Contentbereich.Heizstrom {
		height: 400px;
	}
	.popup-zeit {
		pointer-events: none;
		opacity: 0;
		position: fixed;
		top: 100%;
		left: 50%;
		transform: translate(-50%, -50%);
		background: #fff;
		width: 400px;
		height: auto;
		min-height: 400px;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
		transition: all .5s ease-in-out;
	}
	.popup-zeit.open {
		pointer-events: all;
		opacity: 1;
		top: 50%;
	}
	.popup-content {
		padding: 20px;
	}
	.popup-close {
		margin: 0;
		padding: 0;
		background: none;
	}
	.popup-close a {
		font-size: 0;
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		background: url(css/screen/../../img/nav-close.png)no-repeat center center;
	}
	#socialMedia {
		position: absolute;
		display: flex;
		left: 45px;
		margin-top: 12px;
	}
	#socialMedia a {
		width: 25px;
		height: 25px;
		margin: 0 15px 0 0;
		background-size: 100% !important;
	}
	#socialMedia a.fb {
		background: url(css/screen/../../img/facebook.svg)no-repeat center center;
	}
	#socialMedia a.in {
		background: url(css/screen/../../img/instagram_30x30.svg)no-repeat center center;
	}
	#socialMedia a.wa {
		background: url(css/screen/../../img/icon_whatsapp.png)no-repeat center center;
	}
	#Datenschutzhinweis {
		background-color: rgb(204, 204, 204);
		color: #000;
		height: auto;
		left: 0;
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 1000;
		opacity: 0.95;
		filter: Alpha(Opacity=95);
		box-sizing: border-box;
		padding: 15px 0;
		border-top: solid 1px #f1f2f3;
	}
	#DatenschutzhinweisContent {
		max-width: 1030px;
		margin: 0 auto;
		padding: 0 20px;
	}
	#DatenschutzhinweisContent p {
		float: left;
		position: relative;
		margin: 5px 0;
		font-size: 90%;
		width: 85%;
		color: #000;
	}
	#DatenschutzhinweisContent p a {
		text-decoration: underline;
		color: #000;
	}
	#DatenschutzhinweisContent input.Close {
		-webkit-appearance: none;
		float: right;
		cursor: pointer;
		margin-bottom: 5px;
		background-color: rgba(255, 255, 255, 0.9);
		color: #000;
		padding: 10px;
		font-family: inherit;
		border-radius: 2px;
		border: 1px solid #CCCCCC;
		line-height: 1;
		width: auto;
		min-width: auto;
		transition: all 0.2s ease-in-out;
		font-size: 95%;
	}
	#DatenschutzhinweisContent input.Close:hover {
		background: #fff;
		border: solid 1px #CCCCCC;
		color: #000;
	}
	body.Jobportal iframe {
		height: 1300px;
		width: 100%;
		border: 0;
	}
	body.Jobportal .ym-col2 .ym-cbox {
		padding-bottom: 0;
	}
	.buttons-stoerungen {
		margin-bottom: 50px;
	}
	.buttons-stoerungen ul.linkliste {
		margin: 0;
		display: flex;
		justify-content: space-between;
	}
	.buttons-stoerungen ul.linkliste li {
		padding: 0px;
		width: 49.75%;
		height: 230px;
		background: #f5f5f5 url(css/screen/../../img/stoerungsmelder-icon-erfassen-gross.svg)no-repeat center top 40px !important;
		display: flex;
		align-items: flex-end;
	}
	.buttons-stoerungen ul.linkliste li+li {
		background: #f5f5f5 url(css/screen/../../img/stoerungsmelder-icon-logout-gross.svg)no-repeat center top 55px !important;
	}
	.buttons-stoerungen ul.linkliste li a {
		background: #335bac;
		color: #fff !important;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		width: 100%;
	}
	.ReiterKasten.stoerungen {
		border: none;
	}
	.ReiterKasten.stoerungen ul.ReiterTabs {
		padding: 0;
		margin: 0;
		float: left;
		width: 100%;
	}
	.ReiterKasten.stoerungen ul.ReiterTabs li {
		list-style: none outside none;
		float: left;
		padding: 0;
		border: none;
		border-bottom: none;
		margin: 0 5px 0 0;
	}
	.ReiterKasten.stoerungen ul.ReiterTabs li a {
		text-decoration: none;
		background: #b8b8b8;
		display: block;
		padding: 20px;
		line-height: 25px;
		color: #fff !important;
		font-size: 20px;
		font-weight: 600;
	}
	.ReiterKasten.stoerungen ul.ReiterTabs li.selected a {
		text-decoration: none;
		background: #335bac;
		color: #fff !important;
		font-weight: 600;
	}
	.ReiterKasten.stoerungen .ReiterContentBereich {
		border: none;
		top: 70px;
		padding-bottom: 70px;
	}
	.ReiterKasten.stoerungen .ReiterContent {
		padding: 0;
		border: none;
		width: 100%;
	}
	.stoerungsmeldungen-uebersicht {
		margin: 50px 0;
	}
	.stoerungsmeldungen-uebersicht .zeile {
		display: flex;
	}
	.stoerungsmeldungen-uebersicht .eintrag {
		display: flex;
		margin-bottom: 5px;
	}
	.stoerungsmeldungen-uebersicht .eintrag .inhalt {
		flex: 0 1 100%;
		flex-wrap: wrap;
		background: #f5f5f5 url(css/screen/../../img/stoerungsbox-bg.png)no-repeat center left;
		padding: 20px 20px 20px 150px;
		border-radius: 5px;
		position: relative;
	}
	.stoerungsmeldungen-uebersicht .eintrag .inhalt:before {
		content: '';
		position: absolute;
		width: 200px;
		height: 100%;
		display: block;
		background: url(css/screen/../../img/stoerungsmelder-icon-inhalt.svg)no-repeat center center;
		left: 0;
		top: 0;
	}
	.stoerungsmeldungen-uebersicht .eintrag .inhalt .spalte {
		width: 100%;
		line-height: 1.46;
	}
	.stoerungsmeldungen-uebersicht .eintrag .inhalt .spalte.erstellungsdatum {}
	.stoerungsmeldungen-uebersicht .eintrag .inhalt .spalte.ueberschrift {
		font-size: 20px;
		margin-bottom: .5rem;
		font-weight: 600;
	}
	.stoerungsmeldungen-uebersicht .eintrag .ueberschrift>span {
		color: #f48c00;
	}
	.stoerungsmeldungen-uebersicht .eintrag .inhalt .spalte.stoerungsText {}
	.stoerungsmeldungen-uebersicht .eintrag .aktionen {
		flex: 0 0 225px;
		display: flex;
	}
	.stoerungsmeldungen-uebersicht .eintrag .aktionen a {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #3c5da7;
		color: #fff !important;
		width: 50%;
	}
	.stoerungsmeldungen-uebersicht .eintrag .aktionen a:first-child {
		border-right: 5px solid #fff;
	}
	.WPEDatentabelle .PagingElementsContainer {
		display: flex;
		background: #f5f5f5;
		padding: 10px;
	}
	.WPEDatentabelle .PagingElementsContainer .PagingErgebnis {
		flex: 0 1 100%;
		text-align: center;
	}
	.Stoerungskommunikation label {
		height: 50px;
		color: #fff;
		background: #3c5da7;
		width: 230px;
		float: left;
		padding: 5px;
		box-sizing: border-box;
		margin-right: 5px;
		display: flex;
		align-items: center;
	}
	.Stoerungskommunikation label span.Doppelpunkt {
		display: none;
	}
	.Stoerungskommunikation label+input,
	.Stoerungskommunikation label+select,
	.Stoerungskommunikation label+textarea {
		height: 50px;
		background: #f5f5f5;
		width: calc(100% - 240px);
		border: none;
	}
	.Stoerungskommunikation select {
		-webkit-appearance: none;
		background: #f5f5f5 url(css/screen/../../img/stoerungsmelder-icon-select.svg)no-repeat center right 10px !important;
	}
	.Stoerungskommunikation input[id*="STRASSE"] {
		width: calc(100% - 340px);
	}
	.Stoerungskommunikation input[id*="STRASSE"]+input {
		width: 95px;
		height: 50px;
		background: #f5f5f5;
		border: none;
	}
	.Stoerungskommunikation [id*="BEMERKUNG"] {
		height: 250px;
	}
	.Stoerungskommunikation input[type="checkbox"] {
		display: none;
	}
	.Stoerungskommunikation input[type="checkbox"]+input+label {
		padding-left: 50px;
		margin-left: 200px;
		background: url(css/screen/../../img/stoerungsmelder-icon-checkbox.svg)no-repeat center left;
	}
	.Stoerungskommunikation input[type="checkbox"]:checked+input+label {
		background: url(css/screen/../../img/stoerungsmelder-icon-checkbox-checked.svg)no-repeat center left;
	}
	.Stoerungskommunikation label.description {
		background: none;
		color: #000;
		width: calc(100% - 265px);
	}
}

div.orgChart {
	border: 1px solid #cccccc;
	background-color: #ffffe8;
	margin: 10px;
	padding: 20px;
}

div.orgChart h2 {
	margin: 0px;
	font-size: 1em;
	border-bottom: none;
}

div.orgChart ul {
	list-style: none;
	margin: 4px;
	padding: 0px;
	font-size: 0.8em;
	text-align: left;
}

div.orgChart ul.stack,
div.orgChart ul.stack ul {
	text-align: center;
}

div.orgChart table {
	width: 100%;
}

div.orgChart tr.lines td.line {
	width: 1px;
	height: 20px;
}

div.orgChart tr.lines td.top {
	border-top: 3px solid black;
}

div.orgChart tr.lines td.left {
	border-right: 2px solid black;
}

div.orgChart tr.lines td.right {
	border-left: 2px solid black;
}

div.orgChart td {
	text-align: center;
	vertical-align: top;
	padding: 0px 2px;
}

div.orgChart div.node {
	cursor: default;
	border: 2px solid black;
	display: inline-block;
	padding: 0 4px;
	width: 96px;
	height: 60px;
	background-color: #ffffcf;
	line-height: 1.3em;
	border-radius: 8px;
	box-shadow: 4px 4px 6px #888888;
	-moz-border-radius: 8px;
	-moz-box-shadow: 4px 4px 6px #888888;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 4px 4px 6px #888888;
}

div.orgChart div.hasChildren {
	background-color: #ffff98;
}

div.orgChart.interactive div.hasChildren {
	cursor: pointer;
}

div.orgChart div.node.hover {
	background-color: white;
}

div.orgChart div.adjunct.node {
	position: absolute;
	margin-top: 8px;
	margin-left: -110px;
	width: 80px;
	height: 40px;
	background-color: #efefef;
}

div.orgChart div.adjunct-link {
	display: inline-block;
	position: absolute;
	margin-left: -20px;
	margin-top: 25px;
	width: 20px;
	border: 1px dashed black;
}

@media screen and (max-width: 2001px) {
	#Kopfbild>img,
	#Kopfbild>a.NoFileIcon>img {
		width: 2000px;
		height: 300px;
		left: 50%;
		margin: 0 0 0 -1000px;
	}
	.newsroom #Kopfbild>img {
		height: 700px;
	}
	#Kopfbild .SlideshowContentInnen>img,
	#Kopfbild .SlideshowContentInnen>a.NoFileIcon>img {
		width: 2000px;
		height: 549px;
		left: 50%;
		margin: 0 0 0 -1000px;
	}
}

@media screen and (max-width: 1430px) {
	#Kopfbild a.SlideshowLeftButton {
		left: 0;
		margin: 0;
	}
	#Kopfbild a.SlideshowRightButton {
		margin: 0;
		right: 0;
	}
	body:not(.Volltextsuche)>ul#ui-id-1,
	body.Volltextsuche>ul#ui-id-2 {
		left: auto !important;
		right: calc((100% - 1070px) / 2) !important;
	}
}

@media screen and ( max-width: 1149px) {
	#socialMedia {
		left: 20px;
	}
	#page.ym-wbox,
	.pageWidth,
	.home #page.ym-wbox {
		width: 100%;
		padding: 0 20px;
	}
	#header a#logo {
		margin-left: 0;
	}
	#nav .ym-hlist ul {
		right: 20px;
	}
	#Kopfbild ul.SlideshowTabs {
		left: auto;
		right: 20px;
		margin: 0;
		width: auto;
	}
	#Kopfbild .kasten {
		left: 0;
		margin: 0;
		width: 100%;
	}
	#brotkrumen ul li.home a {
		background-position: left center;
		padding-left: 20px;
	}
	.ym-col2 .ym-cbox {
		padding-right: 0;
		padding-left: 0;
	}
	.Unterstartseite .ym-col2 .ym-cbox>h1,
	.Unterstartseite .ym-col2 .ym-cbox>h2,
	.Unterstartseite .ym-col2 .ym-cbox>p {
		margin-left: 0;
		margin-right: 0;
	}
	.home .ym-col2 .ym-cbox {
		padding-left: 0;
		padding-right: 0;
	}
	.home .ym-col2 .kasten.Kundenlogin,
	.home .ym-col2 .kasten.Kontakt {
		width: calc((100% - 440px) / 2);
	}
	.home .ym-col2 .kasten h2.InfoboxUeberschrift,
	.home .ym-col2 .kasten.Kontakt h2.InfoboxUeberschrift {
		background-size: 100% 63px;
		padding: 0 20px;
		text-align: center;
	}
	iframe.TR-Content {
		margin-left: 0;
		width: 100%;
	}
	iframe.TR-Content.Contentbereich {
		width: 575px;
	}
	.newsroom .kasten.Mediathek .kasten.Video {
		margin: 0 30px 50px 0 !important;
	}
	#footer .pageWidth {
		padding-left: 20px;
		padding-right: 20px;
	}
	#footer .float_right {
		margin: 0 0 0 15px;
	}
	body:not(.Volltextsuche)>ul#ui-id-1,
	body.Volltextsuche>ul#ui-id-2 {
		right: 20px !important;
	}
}

@media screen and ( max-width: 1095px) {
	.Responsive_OnlyDesktopScreenMedium,
	.Responsive_OnlyScreenSmallMedium,
	.Responsive_OnlyScreenMedium {
		display: block;
	}
	.Responsive_OnlyScreenSmall,
	.Responsive_OnlyDesktop {
		display: none;
	}
	body {
		-webkit-text-size-adjust: 100%;
	}
	#socialMedia {
		width: calc(100% + 15px);
		background: #FFF;
		padding: 20px;
		left: -10px;
		box-sizing: border-box;
		justify-content: center;
		border-bottom: 1px solid #d5dadb;
	}
	#socialMedia a {
		width: 33.333%;
		height: 50px;
		margin: 0;
		background-size: 50px !important;
	}
	#socialMedia a.fb {
		background: url(css/mobile-responsive/../../img/facebook_grau.svg)no-repeat center center;
	}
	#socialMedia a.in {
		background: url(css/mobile-responsive/../../img/instagram_grau.svg)no-repeat center center;
	}
	#socialMedia a.wa {
		background: url(css/mobile-responsive/../../img/icon_whatsapp_grau.png)no-repeat center center;
	}
	#nav,
	#navMobile {
		border: none;
		top: 48px;
		background: transparent;
		position: absolute;
		width: 100%;
		left: 0;
		height: 31px;
	}
	#nav .ym-hlist,
	#navMobile .ym-hlist {
		width: 100%;
		display: none;
		position: absolute;
		left: 0px;
		padding: 0;
		margin: 0;
		float: none;
		z-index: 1000;
		top: 59px;
	}
	#nav a#NavButton,
	#navMobile a#NavButton {
		display: block;
	}
	#navMobile a#NavButton {
		background: transparent url(css/mobile-responsive/../../img/nav-close.png)no-repeat center center;
	}
	#navMobile .ym-hlist ul {
		background: #fff;
		box-sizing: border-box;
		border: 1px solid #dbdcdc;
		left: 0;
		width: 100%;
		top: 0px;
		margin: 0;
		padding: 0 9px 10px 9px;
		position: absolute;
		z-index: 100;
	}
	#navMobile .ym-hlist ul.Ebene2 {
		display: none;
	}
	#navMobile .ym-hlist ul li {
		display: block;
		float: none;
		width: auto;
		font-size: 1.0em;
		line-height: 1;
		list-style-type: none;
		margin: 0;
		padding: 0;
		background: transparent;
		position: static;
	}
	#navMobile .ym-hlist ul li a,
	#navMobile .ym-hlist ul li span.navigationSpanAktiv {
		background: #fff;
		border-bottom: 1px solid #d7d7d6;
		padding: 12px 50px 12px 10px;
		line-height: 1.2em;
		color: #484848;
		display: block;
		font-size: 16px;
		font-weight: 400;
		text-decoration: none;
		width: auto;
		position: relative;
	}
	#navMobile .ym-hlist ul li a.nav_selected,
	#navMobile .ym-hlist ul li a:hover,
	#navMobile .ym-hlist ul li span.navigationSpanAktiv {
		color: #ef7703;
	}
	#navMobile .ym-hlist ul.Ebene1UndMobil>li.has-children>a {
		background: #fff url(css/mobile-responsive/../../img/pfeil-grau2.png)no-repeat 95% center;
		background-position: right 20px center;
		background-position: calc(100% - 20px) center;
	}
	#navMobile .ym-hlist ul li.hr-MobileNavZurueckLink a {
		background: #fff url(css/mobile-responsive/../../img/nav-pfeil-zurueck.png)no-repeat 20px center;
		padding: 12px 20px 12px 50px;
		text-align: right;
	}
	#navMobile .ym-hlist ul li.hr-MobileNavFolderpageLink a {
		background: #fff url(css/mobile-responsive/../../img/nav-pfeil-aktiv.png)no-repeat 95% center;
		background-position: right 20px center;
		background-position: calc(100% - 20px) center;
	}
	#navMobile .ym-hlist ul ul {
		left: 100%;
		width: 100%;
		width: calc(100% + 2px);
		display: none;
		top: 0;
		margin: -1px 0 0 1px;
	}
	#navMobile .ym-hlist ul.Ebene1UndMobil>li.hr-MobileNavClicked>ul {
		display: block;
	}
	#navMobile .ym-hlist ul ul li {
		display: block;
		float: none;
		width: auto;
	}
	#navMobile .ym-hlist ul li.hr-MobileNavClicked ul li.hr-MobileNavZurueckLink,
	#navMobile .ym-hlist ul li.hr-MobileNavClicked ul li.hr-MobileNavFolderpageLink {
		display: block !important;
	}
	#navMobile .ym-hlist ul ul ul {}
	#navMobile .ym-hlist ul.Ebene1UndMobil>li.hr-MobileNavClicked>ul>li.hr-MobileNavClicked>ul,
	#navMobile .ym-hlist ul.Ebene1UndMobil>li.hr-MobileNavClicked>ul>li.hr-MobileNavClicked>ul>li.hr-MobileNavClicked>ul {
		display: block;
	}
	.home #Kopfbild {
		height: auto;
	}
	#Kopfbild .SlideshowContentBereich {
		margin: 0;
		width: 100%;
		height: auto;
	}
	#Kopfbild .SlideshowContent {
		margin: 0;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#Kopfbild .SlideshowContentInnen>img,
	#Kopfbild .SlideshowContentInnen>a.NoFileIcon>img {
		width: 100%;
		height: auto;
		margin: 0;
		max-width: 100vw;
		left: 0;
	}
	#Kopfbild .kasten {
		top: 50%;
		transform: translatey(-50%);
	}
	.rechteSeite {
		width: 320px;
	}
	.home .ym-col2 .ym-cbox {
		display: flex;
		flex-wrap: wrap;
	}
	.home .ym-cbox>h2:first-child {
		width: 100%;
		order: -2;
		margin-bottom: 2rem;
	}
	.home .ym-col2 .Tarifrechner {
		order: -1;
		width: 100%;
		text-align: center;
	}
	#ColInhalt .table-responsive-wrap {
		width: 100%;
		overflow-x: scroll;
		margin: 0 0 10px 0;
	}
	#ColInhalt .table-responsive-wrap table {
		margin: 0;
		width: 100%;
	}
	.ListeZweispaltig ul,
	.ListeZweispaltig ol {
		column-count: 1;
		column-gap: 0;
	}
	.Kasten650px {
		float: none;
		margin: 0 0 50px 0;
		width: 100%;
	}
	.Bildkasten .kasten_content>img:first-child {
		width: 100%;
		height: auto;
	}
	.Bildkasten h3 {
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
		margin-right: 10px;
		margin-left: 10px;
		font-size: 20px;
	}
	.Bildkasten:not(.Aufklappkasten2) p,
	.Bildkasten:not(.Aufklappkasten2) ul.linkliste {
		margin-right: 10px;
		margin-left: 10px;
	}
	.ym-col2 .rechteSeite+form[name="formularpage"] fieldset {
		clear: both;
	}
	table th,
	table td {
		font-size: 14px;
	}
	.Aufklappkasten2,
	.Aufklappkasten2.kurzeAufklappbox {
		width: 100%;
		clear: both;
	}
	.home .ym-col2 .kasten.Kundenlogin,
	.home .ym-col2 .kasten.Kontakt {
		width: calc(50% - 10px);
	}
	.home .ym-col2 .Tarifrechner {
		clear: both;
		margin: 0 auto 65px auto;
	}
	.newsroom #Kopfbild .kasten ul.linkliste {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
		overflow: hidden;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li {
		margin: 0;
		width: 25%;
	}
	.newsroom .kasten.Pressekontakt .kasten {
		margin: 0 0 0 20px;
		width: 335px;
	}
	.newsroom .kasten.Pressekontakt .kasten .float_right {
		margin: 0 0 0 20px;
	}
	.newsroom .kasten.Mediathek .kasten.Video.letzterKasten+div.breaker {
		display: none;
	}
	table.schmal th,
	table.schmal td {
		padding: 10px 7px;
	}
	.weiss {
		width: 100%;
	}
	iframe.TR-Content {
		height: 300px;
	}
	iframe.TR-Content.Contentbereich {
		width: 412px;
	}
	.multimedia_content iframe.youtube-player {
		width: 100%;
	}
	#footer table {
		float: none;
		margin: 0 0 20px 0;
		clear: both;
	}
	body.Jobportal iframe {
		height: 1650px;
	}
	.popup-zeit.open {
		z-index: 2000;
	}
}

@media screen and ( max-width: 867px) {
	.Kasten50Prozent {
		margin: 0 0 20px 0;
		width: 100%;
		float: none;
	}
		.ec_sonstiges{
		 font-size: 93%!important;
	}
}

@media screen and (max-width: 767px) {
	
	.ec_sonstiges{
		 font-size: 87%!important;
	}
	.ec_bar_unten_sonstiges{
		
	}
	
	.Responsive_OnlyScreenSmallMedium,
	.Responsive_OnlyScreenSmall {
		display: block !important;
	}
	.Responsive_OnlyDesktopScreenMedium,
	.Responsive_OnlyScreenMedium,
	.Responsive_OnlyDesktop {
		display: none !important;
	}
	#page.ym-wbox,
	.pageWidth,
	.home #page.ym-wbox {
		padding: 0 10px;
	}
	.home #page.ym-wbox {
		margin-top: 0;
	}
	#brotkrumen,
	#ColLinks {
		display: none;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	#header {
		height: 90px;
	}
	#header a#logo img {
		width: 200px;
		height: auto;
	}
	#nav,
	#navMobile {
		top: 28px;
	}
	#nav #NavButton,
	#navMobile #NavButton {
		right: 10px;
	}
	#navMobile .ym-hlist ul li.li-topnav ul li.hr-MobileNavZurueckLink,
	#navMobile .ym-hlist ul li.li-topnav ul li.hr-MobileNavFolderpageLink {
		display: block !important;
	}
	#navMobile .ym-hlist ul li.li-topnav a,
	#navMobile .ym-hlist ul li.li-topnav span {
		background-color: #fff;
		color: #7c7f80;
		font-weight: 400;
		border-bottom: 1px solid #d5dadb;
	}
	#navMobile .ym-hlist ul li.li-topnav a.nav_selected,
	#navMobile .ym-hlist ul li.li-topnav a:hover,
	#navMobile .ym-hlist ul li.li-topnav span {
		background-color: #f0f4f5;
	}
	#Kopfbild,
	.home #Kopfbild,
	.newsroom #Kopfbild,
	#Kopfbild .SlideshowContentBereich,
	#Kopfbild .SlideshowContent {
		height: auto;
	}
	#Kopfbild>img,
	#Kopfbild>a.NoFileIcon>img {
		width: 1000px;
		height: 150px;
		margin: 0 0 0 -500px;
		max-width: none;
	}
	.newsroom #Kopfbild>img {
		height: 350px;
	}
	#Kopfbild .SlideshowContentInnen>img,
	#Kopfbild .SlideshowContentInnen>a.NoFileIcon>img {
		width: 100%;
		height: auto;
		margin: 0;
		max-width: 100vw;
		left: 0;
	}
	#Kopfbild .kasten {
		position: static;
		transform: none;
		width: 100%;
		padding: 0 40px;
		box-sizing: border-box;
	}
	#Kopfbild .kasten .kasten_content {
		padding: 20px 10px 20px 10px;
	}
	#Kopfbild .kasten h1 {
		font-size: 20px;
	}
	#Kopfbild .kasten h2 {
		font-size: 16px;
	}
	#Kopfbild ul.SlideshowTabs {
		left: auto;
		right: 10px;
		margin: 0;
		width: auto;
		top: 10px;
	}
	#Kopfbild a.SlideshowLeftButton {
		background: transparent url(css/mobile-responsive/../../img/slideshow-pfeil-links.png)no-repeat center bottom 30px;
	}
	#Kopfbild a.SlideshowRightButton {
		background: transparent url(css/mobile-responsive/../../img/slideshow-pfeil-rechts.png)no-repeat center bottom 30px;
	}
	.ym-col2 .ym-cbox {
		padding: 60px 5px 70px 5px;
	}
	.home .ym-col2 .ym-cbox {
		padding-top: 0;
		display: flex;
		flex-direction: column;
	}
	h1 {
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	h3 {
		font-size: 20px;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	.kasten {
		margin: 0 0 20px 0;
		width: 100%;
	}
	.kasten:not(.Bildkasten):not(.spendenuhr) .kasten_content,
	.home .ym-col2 .kasten.Kundenlogin .kasten_content,
	.home .ym-col2 .kasten.Kontakt .kasten_content {
		padding: 20px 15px;
	}
	.Aufklappkasten2,
	.Aufklappkasten2.kurzeAufklappbox {
		width: 100%;
	}
	.rechteSeite {
		width: 100%;
		float: none;
	}
	table.preistabelle {
		width: 100%;
	}
	.home .ym-col2 .kasten.Kundenlogin,
	.home .ym-col2 .kasten.Kontakt {
		width: 100%;
		padding: 0;
	}
	.home .ym-col2 .kasten.Kundenlogin::after,
	.home .ym-col2 .kasten.Kontakt::after {
		display: none;
	}
	.home .ticker .tickermeldung {
		float: none;
		padding: 0;
		width: 100%;
		margin: 0 0 30px 0;
	}
	.home .ticker .tickermeldung p.MeldungsTitel {
		min-height: 0;
	}
	dl {
		max-width: 100%;
	}
	dl img {
		height: auto;
	}
	.ym-col2 .ym-cbox>a.float_left,
	.ym-col2 .ym-cbox>a.float_right {
		float: none;
		margin: 0 auto 10px auto;
	}
	.ym-col2 .ym-cbox>a.float_left img,
	.ym-col2 .ym-cbox>a.float_right img {
		display: block;
	}
	.ym-col2 .ym-cbox>img.float_left,
	.ym-col2 .ym-cbox>img.float_right.ym-col2 .ym-cbox>dl.float_left,
	.ym-col2 .ym-cbox>dl.float_right {
		float: none;
		margin: 0 auto 10px auto;
		display: block;
	}
	.ym-column {
		flex-wrap: wrap;
	}
	.ym-col2 {
		flex: 0 1 auto;
	}
	#ColRechts .ym-cbox {
		padding: 0;
	}
	.ListeZweispaltig ul li {
		float: none;
		padding-right: 0;
		width: auto;
	}
	dl dd {
		margin: 0 0 15px 0;
		font-size: 75%;
	}
	.ansprechpartner {
		text-align: center;
	}
	.ansprechpartner img {
		float: none;
	}
	.weiss {
		font-size: 32px;
	}
	label,
	label.formElement {
		width: 100%;
		margin: 0 0 3px 0;
		line-height: 1.3em;
	}
	label.description {
		display: block;
		float: none;
		margin-left: 20px;
		width: auto;
	}
	input[type="text"],
	input.formElement,
	select,
	textarea {
		margin: 0 0 10px;
		width: 100%;
	}
	.zaehlerdaten select.formElement,
	.zaehlerdaten input.formElement {
		width: 100%;
		margin: 0 0 3px 0;
	}
	label#Formular_STROMZAEHLERSTANDZWEITARIFNT_label,
	label#Formular_STROMZAEHLERSTANDZWEITARIFNT_label,
	label#Formular_ZAEHLERSTANDSTROMZWEITARIFNT_label {
		margin-left: 0;
	}
	input#Formular_STROMZAEHLERSTANDEINTARIF,
	input#Formular_ZAEHLERSTANDSTROMEINTARIF,
	input#Formular_STROMZAEHLERSTANDZWEITARIFNT,
	input#Formular_ZAEHLERSTANDSTROMZWEITARIFNT,
	input#Formular_STROMZAEHLERSTAND,
	input#Formular_GASZAEHLERSTAND,
	input#Formular_ZAEHLERSTAND1,
	input#Formular_ZAEHLERSTAND2 {
		margin-bottom: 40px;
	}
	input.formElementRadio,
	input.radio {
		clear: both;
	}
	.formElementError a.formElementErrorTextHint {
		top: auto;
		bottom: 15px;
	}
	.formElementErrorTextHint span.Inhalt {
		min-width: 250px;
	}
	.home .ym-col2 .Tarifrechner,
	.home .ym-col2 .Tarifrechner iframe,
	iframe[name="Tarifrechner"] {
		width: 100%;
		order: -1;
		margin: 20px 0 0 0;
	}
	.home .ym-cbox>h2:first-child {
		font-size: 1.25rem;
		margin-bottom: -1rem;
		margin-top: 2rem;
		text-align: center;
		order: -2;
	}
	iframe.TR-Content,
	iframe.TR-Content.Contentbereich {
		height: 420px;
		width: 100%;
	}
	iframe.TR-Content.Contentbereich.Heizstrom {
		height: 510px;
	}
	.HrSys-Gips-DivIBox {
		max-width: 80vw;
	}
	.HrSys-Gips-iBoxDivContent,
	.HrSys-Gips-iBoxDivCaption {
		max-width: 100%;
	}
	.HrSys-Gips-iBoxDivInnerCaption {
		margin: 0;
	}
	.HrSys-Gips-iBoxDivDescription {
		font-size: 75%;
	}
	.newsroom #Kopfbild .kasten .kasten_content {
		padding: 15px 10px;
	}
	.newsroom #Kopfbild .kasten ul.linkliste li {
		width: 50%;
		margin: 0 0 10px 0;
	}
	.newsroom .kasten .tickermeldung .MeldungsUebersichtInhalt {
		padding: 0;
	}
	.newsroom .kasten .tickermeldung p.MeldungsMehrLink {
		position: static;
		display: inline-block;
		margin: 10px 0 0;
	}
	.newsroom .kasten.Kundenmagazin .kasten:not(.Aufklappkasten2) {
		float: none;
		margin: -80px 0 30px 0;
		width: auto;
	}
	.newsroom .kasten.Termine .tickermeldung {
		float: none;
		width: auto;
	}
	.newsroom .kasten.Pressekontakt>.kasten_content {
		display: flex;
		flex-direction: column;
	}
	.newsroom .kasten.Pressekontakt h3 {
		order: -1;
	}
	.newsroom .kasten.Pressekontakt .kasten {
		margin: 0 0 20px 0;
		width: auto;
		float: none;
	}
	.newsroom .kasten.Pressekontakt .kasten .float_right {
		margin: 0 auto 20px auto;
		float: none;
		display: block;
	}
	.Aufklappkasten2.Archiv h2.InfoboxUeberschrift a {
		padding-left: 20px;
	}
	.Aufklappkasten2.Archiv h2.InfoboxUeberschrift a::before {
		display: none;
	}
	#footer .pageWidth {
		padding-left: 10px;
		padding-right: 10px;
	}
	#footer .float_right {
		float: left;
		margin: 15px 20px 15px 0;
	}
	#footer .pageWidth img,
	#footer .pageWidth a.float_right {
		float: none;
		display: block;
		margin: 20px auto;
	}
	#footer table {
		margin: 20px auto;
	}
	#footer table td {
		display: block;
		padding: 0 0 10px 0;
	}
	#footer ul li {
		margin: 0 22px 10px 0;
		float: none;
		display: block;
		text-align: center;
	}
	#footer ul>li:last-child {
		margin-left: 0;
	}
	.ym-searchform .ym-searchfield {
		font-size: 16px;
	}
	body:not(.Volltextsuche)>ul#ui-id-1,
	body.Volltextsuche>ul#ui-id-2 {
		right: 10px !important;
	}
	body.Volltextsuche>ul#ui-id-1 {
		max-width: 300px;
	}
	body.Jobportal iframe {
		height: 2600px;
	}
	@media screen and (max-width: 669px) {
		#DatenschutzhinweisContent p {
			width: 100%;
		}
	}
}

@media screen and (max-width: 400px) {
	.popup-zeit.open {
		width: 100%;
		z-index: 2000;
	}
	.listeouter {
		max-height: 200px;
		overflow-y: scroll;
	}
	#footer table tr td {
		font-size: 16px;
	}
	#footer ul li a,
	#footer ul li span {
		font-size: 16px;
	}
	#footer ul>li:last-child {
		font-size: 15px;
		margin: 20px 0;
	}
}

@media print {
	body {
		font-size: 10pt;
		padding: 0 5px;
	}
	nav,
	.ym-searchform {
		display: none;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		page-break-after: avoid;
	}
}

@media print {
	#page_margins,
	#page,
	#main,
	#ColInhalt {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#header {
		margin: 0 0 20px 0;
	}
	#ColInhalt {
		float: none;
	}
}

.consent-bg .HrSys-Gips-DivIBox {
	border: none;
	background: transparent;
	width: 900px;
	max-width: 100%;
	top: 60px !important;
}

.wpe-cookie-einstellungen button.button {
	margin-left: 0;
	margin-right: 10px;
	background: #fff;
	color: #004593;
	border: 1px solid #004593;
	outline: none;
	border-radius: 5px;
	font-weight: 600;
	text-transform: none;
	padding: 5px 20px;
	font-size: 16px;
	text-decoration: none;
	min-height: 40px;
}

.wpe-cookie-einstellungen button.button:hover {
	background: #004593;
	color: #fff;
}

.consent-bg .HrSys-Gips-iBoxDivContent {
	background: #EDEDED;
	padding: 55px;
	border-radius: 10px;
	text-align: left;
	color: #000;
	font-size: 16px;
	font-family: 'Roboto', Arial, Verdana, Helvetica, sans-serif;
}

.consent-bg .HrSys-Gips-iBoxDivContent h2 {
	margin-top: 0.5em;
}

.consent-bg .HrSys-Gips-iBoxDivContent a {
	color: #004593;
	text-decoration: underline;
}

.consent-bg .HrSys-Gips-iBoxDivContent p {
	margin-bottom: 0.5em;
}

.consent-bg .HrSys-Gips-iBoxDivContent fieldset {
	margin: 0;
	margin-top: 1.5%;
	padding: 0;
	background: transparent;
}

.consent-bg .HrSys-Gips-iBoxDivContent label {
	width: auto;
	margin-right: 20px;
	float: left;
}

.consent-bg .HrSys-Gips-iBoxDivContent label.disabled {
	opacity: 0.5;
}

.consent-bg .HrSys-Gips-iBoxDivContent input[type="checkbox"] {
	display: none;
}

.consent-bg .HrSys-Gips-iBoxDivContent input[type="checkbox"]+input+label {
	background: url(/harzGips/static/cms/Webpage/css/../img/icon-consens-checkbox.svg)no-repeat no-repeat top left;
	margin-left: 0;
	padding: 0 0 0 35px;
	margin-bottom: 10px;
	min-height: 40px;
}

.consent-bg .HrSys-Gips-iBoxDivContent input[type="checkbox"]:checked+input+label {
	background: url(/harzGips/static/cms/Webpage/css/../img/icon-consens-checkbox-checked.svg)no-repeat no-repeat top left;
	margin-left: 0;
	padding-left: 35px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .consent-banner-categories+button {
	margin-left: 0;
	margin-right: 10px;
	background: #004593;
	color: #fff;
	border: 1px solid #004593;
	outline: none;
	border-radius: 5px;
	font-weight: 600;
	text-transform: none;
	padding: 12px 40px;
	font-size: 16px;
	text-decoration: none;
	height: 50px;
}

.consent-bg .HrSys-Gips-iBoxDivContent button:hover {
	margin-left: 0;
	margin-right: 10px;
	background: #004593;
	color: #fff;
	border: 1px solid #004593;
	outline: none;
	border-radius: 5px;
	font-weight: 600;
	text-transform: none;
	padding: 12px 40px;
	font-size: 16px;
	text-decoration: none;
	height: 50px;
}

.consent-bg .HrSys-Gips-iBoxDivContent li.button a:hover {
	margin-left: 0;
	margin-right: 10px;
	background: #004593;
	color: #fff;
	border: 1px solid #004593;
	outline: none;
	border-radius: 5px;
	font-weight: 600;
	text-transform: none;
	padding: 12px 40px;
	font-size: 16px;
	text-decoration: none;
	height: 50px;
}

.consent-bg .HrSys-Gips-iBoxDivContent button {
	height: 50px;
}

.consent-bg .HrSys-Gips-iBoxDivContent button {
	margin-left: 0;
	margin-right: 10px;
	color: #004593;
	border: 1px solid #004593;
	background: transparent;
	outline: none;
	border-radius: 5px;
	font-weight: 600;
	text-transform: none;
	padding: 12px 40px;
	font-size: 16px;
	text-decoration: none;
}

.consent-bg .HrSys-Gips-iBoxDivContent li.button a {
	margin-left: 0;
	margin-right: 10px;
	color: #004593;
	border: 1px solid #004593;
	background: transparent;
	outline: none;
	border-radius: 5px;
	font-weight: 600;
	text-transform: none;
	padding: 12px 40px;
	font-size: 16px;
	text-decoration: none;
}

.consent-bg .HrSys-Gips-iBoxDivContent acronym {
	font-variant: normal;
	border-bottom: 0;
	opacity: 0.5;
	text-decoration: none;
	letter-spacing: inherit;
	cursor: not-allowed;
}

.consent-bg .HrSys-Gips-iBoxDivContent ul.linkliste {
	margin: 0;
}

.consent-bg .HrSys-Gips-iBoxDivContent ul.linkliste li {
	margin-bottom: 5px;
}

.consent-bg .HrSys-Gips-iBoxDivContent ul.linkliste li.ext:not(.button) {
	padding-left: 30px;
	position: relative;
}

.consent-bg .HrSys-Gips-iBoxDivContent ul.linkliste li.ext:not(.button):before {
	content: "";
	width: 18px;
	height: 12px;
	display: block;
	position: absolute;
	left: -2px;
	top: 7px;
	background: url(/harzGips/static/cms/Webpage/css/../img/consent_arrow_blue.svg)no-repeat;
	background-size: 18px 12px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .consent-banner-explanation {
	margin: 30px 0;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 {
	margin-top: 10px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 h2.InfoboxUeberschrift {
	margin-bottom: 0;
	margin-top: 15px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 h2.InfoboxUeberschrift a {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	background: #ef7703;
	color: #fff;
	font-weight: 600;
	padding: 8px 70px 8px 15px;
	font-size: 16px;
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 h2.InfoboxUeberschrift a:after {
	content: "";
	width: 18px;
	height: 12px;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	background: url(/harzGips/static/cms/Webpage/css/../img/consent_arrow.svg)no-repeat;
	background-size: 18px 12px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 h2.InfoboxUeberschrift a.FAQoffen:after {
	background: url(/harzGips/static/cms/Webpage/css/../img/consent_close.svg)no-repeat;
	background-size: 12px 12px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 .kasten_content {
	background: #fff;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 .kasten_content p {
	padding: 15px;
	margin-bottom: 0;
	color: #000;
	font-size: 16px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 .kasten_content table {
	color: #000;
	font-size: 16px;
	width: calc(100% - 30px);
	margin-left: 15px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 .kasten_content table tbody td {
	padding: .5em;
	vertical-align: top;
}

.consent-bg .HrSys-Gips-iBoxDivContent .Aufklappkasten2 .kasten_content table tbody td:first-child {
	width: 170px;
}

.consent-bg .HrSys-Gips-iBoxDivContent .wichtige-infos {
	border-top: 1px solid #828282;
	border-bottom: 1px solid #828282;
	padding: 10px 0;
}

.consent-bg .HrSys-Gips-iBoxDivContent .login-ohne-zustimmung {
	padding: 10px 0 0 0;
}

@media screen and ( max-width: 768px) {
	
	.consent-bg .HrSys-Gips-DivIBox {
		left: 0 !important;
		top: 0 !important;
	}
	.consent-bg .HrSys-Gips-iBoxDivContent {
		padding: 25px;
		border-radius: none;
	}
	.consent-bg .HrSys-Gips-iBoxDivContent input[type="checkbox"]+input+label {
		margin-bottom: 10px;
	}
	.consent-bg .HrSys-Gips-iBoxDivContent button {
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.consent-bg .HrSys-Gips-iBoxDivContent li.button a {
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	.consent-bg .HrSys-Gips-iBoxDivContent .wichtige-infos {
		padding: 15px 0;
	}
	.consent-bg .HrSys-Gips-iBoxDivContent .login-ohne-zustimmung {
		padding: 15px 0;
	}
}
/*
Overrirde css for Cars module´
*/

#noglossar{
	padding-left:2px;
}
#content-box{
	max-width:auto;	
}

/* Dropdown Felder */

#dropDown_kategorie{
	float: left;
	width: 45%;
}
#dropDown{
	float:right;
	width:45%;
}
#dropDown_antrieb{
	float: left;
	width: 45%;
}
#dropDown_prototyp{
	width: 45%;
	float: right;
}

#content-box form{
	height:210px;
}
.ec_bar{
	border-top-style:solid;
	border-width:1px;
	margin-top:30px;
	padding-top:20px;
	margin-bottom:30px;
}
.ec_bar_ohne_wh{
	border-top-style:solid;
	border-width:1px;
	margin-top:30px;
	padding-top:20px;
}
.ec_pic{
	width:25%;
	float:left;
}
.ec_pic img{
	max-height:90px;
	
}
.ec_right{
	height: 90px;
	margin-left: 10px;
	margin-top: 5px;
}
.ec_marke{
	
}
.ec_typ{
	
}
.ec_sonstiges{
	
}
.ec_btn_details{
	
}
#paging > form{
	float:left;
	width:auto;
	height:50px;
	
}
#paging > form > input{
	min-width:30px;
	margin-right: 5px;
	font-weight: unset;
	line-height:unset;
	vertical-align: middle;
	height:30px;
	padding:5px;
	text-align:center;	

}

/*Detailansicht*/


.ec_details_left {
    float: left;
    width: 286px;
    margin-left: 11px;
}
.ec_details_right {
    float: left;
    width: 286px;
    margin-left: 5px;
}
/* Überschrift Detailansicht rechts */
.ec_marke {
    float: left;
    font-weight: bold;
    font-size: 16px;
	margin-right:10px;
}


.ec_werte_bar {
    float: left;
    width: 100%;
    overflow: hidden;
}
.ec_label {
    float: left;
}
.ec_value {
    float: right;
    color: #525252;
}

.ec_bar .zurueck {
    text-decoration: none;
    display: block;
    margin-left: 10px;
}
.ec_bar_unten {
    text-align: middle;
    float: left;
    width: auto;
	min-width:345px;
    line-height: 20px;
    background: #FFFFFF;
}
.ec_bar_unten_sonstiges {
    margin: 10px;
	text-align:justify;
 }
#ec_pic_big{
	
}
#mini_pic1 {
    float: left;
    width: 93px;
    height: 69px;
    overflow: hidden;
}
#mini_pic2 {
    float: left;
    width: 93px;
    height: 69px;
    overflow: hidden;
}
#mini_pic3 {
    float: left;
    width: 94px;
    height: 69px;
    overflow: hidden;
}