/* default styles for extension "tx_form" */
		div.csc-mailform ol,
		div.csc-mailform ol li {
			margin: 0;
			padding: 0;
		}

		div.csc-mailform ol li {
			overflow: hidden;
		}

		div.csc-mailform fieldset {
			margin: 0;
			padding: 0;
			position: relative;
		}

		div.csc-mailform legend {
			margin-left: 1em;
			color: #000000;
			font-weight: bold;
		}

		div.csc-mailform fieldset ol {
			padding: 1em 1em 0 1em;
		}

		div.csc-mailform fieldset li {
			padding: 0.5em;
			margin-bottom: 0.5em;
			list-style: none;
		}

		div.csc-mailform fieldset.submit {
			border-style: none;
		}

		/**
		 * Normal label
		 * Left aligned, in front of input
		 */
		div.csc-mailform li label {
			float: left;
			width: 13em;
			margin-right: 1em;
			vertical-align: baseline;
		}

		div.csc-mailform li input + label,
		div.csc-mailform li textarea + label,
		div.csc-mailform li select + label {
			float: none;
			width: auto;
			margin-right: 0;
			margin-left: 1em;
		}

		div.csc-mailform li textarea + label {
			vertical-align: top;
		}

		label em,
		legend em {
			display: block;
			color: #060;
			font-size: 85%;
			font-style: normal;
			text-transform: uppercase;
		}

		legend em {
			position: absolute;
		}

		label strong,
		legend strong {
			display: block;
			color: #C00;
			font-size: 85%;
			font-weight: normal;
			text-transform: uppercase;
		}

		legend strong {
			position: absolute;
			top: 1.4em;
		}

		/**
		 * Labels alignment right
		 */
		.labels-alignment-right label,
		.labels-alignment-right .fieldset-subgroup legend,
		.labels-alignment-right.fieldset-subgroup legend {
			text-align: right;
		}

		/**
		 * Horizontal fieldset
		 */
		fieldset.fieldset-horizontal {
			border-width: 0;
		}

		fieldset.fieldset-horizontal ol {
			padding: 0;
		}

		fieldset.fieldset-horizontal li {
			float: left;
			padding: 0;
			margin-right: 1em;
		}

		fieldset.fieldset-horizontal.label-below label {
			display: block;
			margin-left: 0;
			margin-top: 0.2em;
			font-size: 90%;
			color: #999999;
			text-align: left;
		}

		fieldset.fieldset-horizontal label em {
			display: inline;
		}

		/**
		 * Subgroup fieldset
		 */
		fieldset.fieldset-subgroup {
			margin-bottom: -2em;
			border-style: none;
		}

		fieldset.fieldset-subgroup legend {
			margin-left: 0;
			padding: 0;
			font-weight: normal;
			width: 13em;
		}

		fieldset.fieldset-subgroup ol {
			position: relative;
			top: -1.4em;
			margin: 0 0 0 14em;
			padding: 0;
		}

		fieldset.fieldset-subgroup li {
			padding: 0;
		}

		fieldset.fieldset-subgroup input + label {
			float: none;
			width: auto;
			display: inline;
			margin: 0 0 0 1em;
		}

		/**
		 * Labels as block
		 * Labels displayed above or below the input fields
		 */
		.labels-block label {
			display: block;
			float: none;
			margin: 0 0 0.5em;
			width: auto;
		}

		.labels-block input + label,
		.labels-block textarea + label {
			margin: 0.5em 0 0;
		}

		.labels-block fieldset.fieldset-subgroup,
		fieldset.labels-block.fieldset-subgroup {
			margin-bottom: 0;
		}

		.labels-block .fieldset-subgroup legend,
		.labels-block.fieldset-subgroup legend {
			width: auto;
		}

		.labels-block .fieldset-subgroup legend em,
		.labels-block.fieldset-subgroup legend em {
			position: relative;
		}

		.labels-block .fieldset-subgroup legend strong,
		.labels-block.fieldset-subgroup legend strong {
			position: relative;
			top: 0;
		}

		.labels-block .fieldset-subgroup ol,
		.labels-block.fieldset-subgroup ol {
			top: 0;
			margin: 0;
			padding: 0.5em 0 0;
		}
/* default styles for extension "tx_zrefoerderungen" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-zre-foerderungen table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-zre-foerderungen table th {
		font-weight:bold;
	}

	.tx-zre-foerderungen table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}


/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.ui-helper-clearfix {
  display: inline-block; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%; }

.ui-helper-clearfix {
  display: block; }

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
 * jQuery UI CSS Framework 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&
fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #f2f5f7 url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x;
  color: #362b36; }

.ui-widget-content a {
  color: #362b36; }

.ui-widget-header {
  border: 1px solid #aed0ea;
  background: #deedf7 url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #aed0ea;
  background: #d7ebf9 url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #2779aa; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #2779aa;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #74b2e2;
  background: #e4f1fb url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #0070a3; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #0070a3;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #2694e8;
  background: #3baae3 url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #f9dd34;
  background: #ffef8f url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #cd0a0a url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x;
  color: #ffffff; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #ffffff; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_72a7cf_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_72a7cf_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_72a7cf_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_3d80b3_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_2694e8_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_ffffff_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-icons_ffffff_256x240.png); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px; }

.ui-corner-tr {
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px; }

.ui-corner-bl {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.ui-corner-br {
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.ui-corner-top {
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px; }

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.ui-corner-right {
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.ui-corner-left {
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -webkit-border-bottom-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.ui-corner-all {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

/* Overlays */
.ui-widget-overlay {
  background: #eeeeee url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat;
  opacity: .80;
  filter: Alpha(Opacity=80); }

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #000000 url(/typo3conf/ext/process_chains/Resources/Public/img/jquery-ui-cupertino/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

/*
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

/*
 * jQuery UI Accordion 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%; }

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1; }

.ui-accordion .ui-accordion-li-fix {
  display: inline; }

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1; }

.ui-accordion .ui-accordion-content-active {
  display: block; }

/*
 * jQuery UI Dialog 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden; }

.ui-dialog .ui-dialog-titlebar {
  padding: .5em 1em .3em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .2em 0; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px; }

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

/*
 * jQuery UI Tabs 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1; }

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tabs .ui-tabs-hide {
  display: none !important; }

/**
 * Styles fuer die Prozessketten
 *
 */
.prozessketten-wrapper {
  font-size: .9em;
  margin-top: 20px;
  position: relative;
  display: inline-block;
  /* ie7/ie8 hack*/ }

.prozessketten-wrapper h3 {
  font-size: 1em; }

sup {
  vertical-align: super;
  font-size: 0.7em !important; }

/** Allgemeingueltige Angaben fuer die Prozesskette **/
.prozesskette {
  position: relative;
  line-height: 1.4em;
  width: 910px;
  margin: 0 !important; }

.prozesskette li.kette {
  color: #fff;
  position: absolute;
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_prozesse.png) 0 0 no-repeat;
  list-style-type: none;
  width: 102px;
  height: 46px;
  padding-left: 18px;
  z-index: 1; }

.prozesskette li.kette a.open_layer {
  font-weight: bold; }

.prozesskette li.kette em,
.prozesskette li.kette a.open_layer,
.prozesskette li.kette ul.process_information a {
  color: #fff; }

.prozesskette li.kette em {
  font-style: normal;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2em;
  height: 46px;
  *position: absolute;
  top: 50%;
  left: 18px;
  *height: auto;
  /* ie7 hack */ }

.prozesskette li.kette em a.open_layer,
.prozesskette li.kette em .open_layer_dummy {
  *position: relative;
  top: -50%;
  /* ie7 hack */ }

.prozesskette li.has-additional-info {
  cursor: pointer; }

.process_image_thumb {
  position: absolute;
  top: 46px;
  left: 19px;
  border: 3px solid red;
  border-width: 0 3px 3px 3px;
  -moz-border-radius: 0 0 3px 3px; }

.process_information_bridge {
  height: 42px;
  width: 2px;
  position: absolute;
  top: 2px;
  left: 14px;
  *left: 16px;
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_prozesse.png) 0 0 no-repeat;
  z-index: 500;
  display: none; }

ul.process_information {
  display: none;
  position: absolute;
  z-index: 100;
  top: 0;
  left: -172px;
  width: 184px;
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_prozessinfos.png) 0 0 repeat-x;
  min-height: 101px;
  margin: 0;
  border: 2px solid #007da6;
  padding: 0 !important; }

li.kette:hover,
li.kette.active {
  z-index: 2; }

li.kette.has-additional-info.nojs:hover ul.process_information,
li.kette.has-additional-info.active ul.process_information,
li.kette.has-additional-info.nojs:hover .process_information_bridge,
li.kette.has-additional-info.active .process_information_bridge,
li.kette.has-picture.nojs:hover ul.process_information,
li.kette.has-picture.active ul.process_information,
li.kette.has-picture.nojs:hover .process_information_bridge,
li.kette.has-picture.active .process_information_bridge {
  display: block; }

div.content ul.process_information li,
.prozesskette ul.process_information li {
  list-style-type: none;
  margin: 10px 0 0 15px;
  padding: 0 0 0 25px;
  font-size: 1em;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_prozesse.png);
  background-repeat: no-repeat;
  background-color: transparent; }

div.content ul.process_information li.process_image,
.prozesskette ul.process_information li.process_image {
  margin: 5px 0 0 0;
  padding: 0; }

div.content ul.process_information a,
.prozesskette ul.process_information a {
  text-decoration: none; }

/**
 *
 * Definitionen der einzelnen Ketten
 *
 */
/** Kette 1 **/
.process_information_bridge1 {
  background-position: -548px 0; }

li.kette1 .process_image_thumb {
  border-color: #007da6; }

li.kette1 .project_count {
  background-position: -610px 3px; }

li.kette1 .bvt_count {
  background-position: -610px -49px; }

li.kette1 .video_count {
  background-position: -610px -97px; }

.prozesskette li.kette1_right {
  background-position: -188px 0; }

.prozesskette li.kette1_right:hover,
.prozesskette li.kette1_right.active {
  background-position: -188px -46px; }

.prozesskette li.kette1_left {
  background-position: -370px 0; }

.prozesskette li.kette1_left:hover,
.prozesskette li.kette1_left.active {
  background-position: -370px -46px; }

/** Kette 2 **/
li.kette2 ul.process_information {
  background-position: 0 -283px;
  border-color: #00aee7; }

.process_information_bridge2 {
  background-position: -548px -102px; }

li.kette2 .process_image_thumb {
  border-color: #00aee7; }

li.kette2 .project_count {
  background-position: -610px -147px; }

li.kette2 .bvt_count {
  background-position: -610px -199px; }

li.kette2 .video_count {
  background-position: -610px -249px; }

.prozesskette li.kette2_right {
  background-position: -188px -100px; }

.prozesskette li.kette2_right:hover,
.prozesskette li.kette2_right.active {
  background-position: -188px -146px; }

.prozesskette li.kette2_left {
  background-position: -370px -100px; }

.prozesskette li.kette2_left:hover,
.prozesskette li.kette2_left.active {
  background-position: -370px -146px; }

/** Kette 3 **/
li.kette3 ul.process_information {
  background-position: 0 -561px;
  border-color: #adc31b; }

.process_information_bridge3 {
  background-position: -548px -202px; }

li.kette3 .process_image_thumb {
  border-color: #adc31b; }

li.kette3 .project_count {
  background-position: -610px -297px; }

li.kette3 .bvt_count {
  background-position: -610px -349px; }

li.kette3 .video_count {
  background-position: -610px -399px; }

.prozesskette li.kette3 em,
.prozesskette li.kette3 a.open_layer,
.prozesskette li.kette3 ul.process_information a {
  color: #657403; }

.prozesskette li.kette3_right {
  background-position: -188px -200px; }

.prozesskette li.kette3_right:hover,
.prozesskette li.kette3_right.active {
  background-position: -188px -246px; }

/** Kette 4 **/
li.kette4 ul.process_information {
  background-position: 0 -841px;
  border-color: #0390bf; }

.process_information_bridge4 {
  background-position: -548px -302px; }

li.kette4 .process_image_thumb {
  border-color: #0390bf; }

li.kette4 .project_count {
  background-position: -610px -447px; }

li.kette4 .bvt_count {
  background-position: -610px -499px; }

li.kette4 .video_count {
  background-position: -610px -549px; }

.prozesskette li.kette4_left {
  background-position: -370px -300px; }

.prozesskette li.kette4_left:hover,
.prozesskette li.kette4_left.active {
  background-position: -370px -346px; }

/** Kette 5 **/
li.kette5 ul.process_information {
  background-position: 0 -1120px;
  border-color: #949393; }

.process_information_bridge5 {
  background-position: -548px -402px; }

li.kette5 .process_image_thumb {
  border-color: #949393; }

li.kette5 .project_count {
  background-position: -610px -597px; }

li.kette5 .bvt_count {
  background-position: -610px -649px; }

li.kette5 .video_count {
  background-position: -610px -699px; }

.prozesskette li.kette5_right {
  background-position: -188px -400px; }

.prozesskette li.kette5_right:hover,
.prozesskette li.kette5_right.active {
  background-position: -188px -446px; }

.prozesskette li.kette5_left {
  background-position: -370px -400px; }

.prozesskette li.kette5_left:hover,
.prozesskette li.kette5_left.active {
  background-position: -370px -446px; }

.prozesskette li.kette5_end {
  background-position: 0px -400px; }

.prozesskette li.kette5_end:hover,
.prozesskette li.kette5_end.active {
  background-position: 0px -446px; }

/** Kette 6 **/
li.kette6 ul.process_information {
  background-position: 0 -1400px;
  border-color: #c8c8c8; }

.process_information_bridge6 {
  background-position: -548px -502px; }

li.kette6 .process_image_thumb {
  border-color: #9c9a9a; }

li.kette6 .project_count {
  background-position: -610px -747px; }

li.kette6 .bvt_count {
  background-position: -610px -799px; }

li.kette6 .video_count {
  background-position: -610px -849px; }

.prozesskette li.kette6 em,
.prozesskette li.kette6 a.open_layer,
.prozesskette li.kette6 ul.process_information a {
  color: #9c9a9a; }

.prozesskette li.kette6_end {
  background-position: 0 -500px; }

.prozesskette li.kette6_end:hover,
.prozesskette li.kette6_end.active {
  background-position: 0 -546px; }

/** Kette 7 **/
li.kette7 ul.process_information {
  background-position: 0 -1680px;
  border-color: #e28910;
  width: 186px; }

li.kette7 ul.process_information li.process_image img {
  width: 186px; }

li.kette7 .process_image_thumb {
  border-color: #e28910;
  left: 67px; }

li.kette7 .project_count {
  background-position: -610px -897px; }

li.kette7 .bvt_count {
  background-position: -610px -949px; }

li.kette7 .video_count {
  background-position: -610px -999px; }

/** Kette 8 **/
li.kette8 ul.process_information {
  background-position: 0 -1906px;
  border-color: #2d8201;
  width: 186px;
  left: -175px; }

li.kette8 .process_information_bridge {
  background-position: -548px -703px;
  left: 13px; }

li.kette8 ul.process_information li.process_image img {
  width: 186px; }

li.kette8 .process_image_thumb {
  border-color: #e28910;
  left: 67px; }

li.kette8 .project_count {
  background-position: -610px -1066px; }

li.kette8 .bvt_count {
  background-position: -610px -1115px; }

li.kette8 em,
li.kette8 a.open_layer,
li.kette8 ul.process_information a {
  color: #ffffff; }

li.kette8 .video_count {
  background-position: -610px -1162px; }

li.kette8.kette8_right {
  background-position: -188px -702px; }

li.kette8.kette8_right:hover, li.kette8.kette8_right.active {
  background-position: -188px -749px; }

.prozesskette li.kette7_periphery {
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png);
  width: 188px; }

.prozesskette li.kette7_periphery:hover,
.prozesskette li.kette7_periphery.active {
  background-position: 0 -46px; }

.prozesskette li.kette7_periphery:hover .process_information_bridge7,
.prozesskette li.kette7_periphery .process_information_bridge7 {
  display: none !important;
  width: 0;
  height: 0; }

li.kette7_periphery ul.process_information {
  left: 0;
  top: 42px;
  border-top: 0; }

/** Industrietextilien **/
#prozesskette-industrialtextiles {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/industrialtextiles_desktop.png) no-repeat 0 0;
  height: 560px; }

#prozesskette-industrialtextiles li.kette3_left {
  background-position: -368px -200px; }
  #prozesskette-industrialtextiles li.kette3_left:hover {
    background-position: -368px -246px; }

#prozesskette-industrialtextiles li.kette0_none {
  background-position: 0 0px;
  width: auto;
  padding-right: 18px;
  background-image: none;
  background-color: grey; }

#prozesskette-industrialtextiles li #process_information_fiber {
  background-image: none;
  background-color: grey; }

#prozesskette-industrialtextiles li#composites {
  top: 30px;
  left: auto;
  right: 20px; }

#prozesskette-industrialtextiles li#accompanyingmeasures {
  top: 30px;
  left: auto;
  right: 220px; }

#prozesskette-industrialtextiles li#harvest {
  top: 74px;
  left: 78px; }

#prozesskette-industrialtextiles li#fibermanufacture {
  top: 132px;
  left: 78px; }

#prozesskette-industrialtextiles li#agriculture {
  top: 74px;
  left: 174px; }

#prozesskette-industrialtextiles li#chemicalindustrie {
  top: 132px;
  left: 174px; }

#prozesskette-industrialtextiles li#fiber {
  top: 242px;
  left: 16px; }

#prozesskette-industrialtextiles li#spinningtwistingtexturing {
  top: 242px;
  left: 94px; }

#prozesskette-industrialtextiles li#spinningtwistingtexturing2 {
  top: 30px;
  left: 500px;
  display: none; }

#prozesskette-industrialtextiles li#yarnthread {
  top: 242px;
  left: 202px; }

#prozesskette-industrialtextiles li#weave {
  top: 242px;
  left: 275px;
  width: 134px;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png);
  background-position: -992px 0; }
  #prozesskette-industrialtextiles li#weave:hover {
    background-position: -992px -46px; }

#prozesskette-industrialtextiles li#rawmaterial {
  top: 242px;
  left: 430px; }

#prozesskette-industrialtextiles li#textilefinishing {
  top: 242px;
  left: 498px; }

#prozesskette-industrialtextiles li#equippedgoods {
  top: 242px;
  left: 610px; }
  #prozesskette-industrialtextiles li#equippedgoods em {
    width: 45px; }

#prozesskette-industrialtextiles li#confection {
  top: 242px;
  left: 703px; }

#prozesskette-industrialtextiles li#finishedproduct {
  top: 242px;
  left: 818px; }

#prozesskette-industrialtextiles li#pretreat {
  top: 399px;
  left: 21px; }

#prozesskette-industrialtextiles li#dye {
  top: 399px;
  left: 118px; }

#prozesskette-industrialtextiles li#print {
  top: 399px;
  left: 215px; }

#prozesskette-industrialtextiles li#coating {
  top: 399px;
  left: 312px; }

#prozesskette-industrialtextiles li#equip {
  top: 399px;
  left: 408px; }

#prozesskette-industrialtextiles li#finishing {
  top: 399px;
  left: 600px; }

/** ENDE Industrietextilien **/
/** Prozessliste, Grafik und Einzelprozess **/
#prozesskette-foundry {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_giessere_bg.png) no-repeat 0 0;
  height: 560px; }

/** Anordnung und spezielles Styles fuer die Giesserei **/
#prozesskette-foundry #foundry_product_development {
  left: 18px;
  top: 60px; }

#prozesskette-foundry #foundry_preparation {
  left: 328px;
  top: 34px;
  padding-left: 15px; }

#prozesskette-foundry #foundry_modelling {
  left: 149px;
  top: 140px; }

#prozesskette-foundry #foundry_mould_making {
  left: 243px;
  top: 140px; }

#prozesskette-foundry #foundry_mould_preparation {
  left: 337px;
  top: 140px; }

#prozesskette-foundry #foundry_external_application {
  left: 736px;
  top: 34px; }

#prozesskette-foundry #peripherals_measures {
  left: 20px;
  bottom: 20px; }

#prozesskette-foundry #foundry_materials {
  left: 16px;
  top: 246px; }

#prozesskette-foundry #foundry_store {
  left: 110px;
  top: 246px; }

#prozesskette-foundry #foundry_melt {
  left: 203px;
  top: 246px; }

#prozesskette-foundry #keeping_warm {
  left: 296px;
  top: 246px; }

#prozesskette-foundry #foundry_mould {
  left: 389px;
  top: 246px; }

#prozesskette-foundry #foundry_demould {
  left: 482px;
  top: 246px; }

#prozesskette-foundry #foundry_clean {
  left: 575px;
  top: 246px; }

#prozesskette-foundry #heat_treat {
  left: 668px;
  top: 246px; }

#prozesskette-foundry #edit {
  left: 761px;
  top: 246px; }

#prozesskette-foundry #scrap_recycling {
  left: 343px;
  top: 353px; }

#prozesskette-foundry #used_air {
  left: 343px;
  top: 458px; }

/** Prozesskette Galvanik **/
#prozesskette-electroplating {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_galvanik_bg.png) no-repeat 0 0;
  height: 560px; }

#prozesskette-electroplating #productdevelopment_design_workpiece {
  left: 14px;
  top: 139px; }

#prozesskette-electroplating #recycling_production_aids {
  left: 366px;
  top: 139px;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png);
  width: 383px;
  background-position: -235px 0; }

#prozesskette-electroplating #recycling_production_aids em {
  width: 365px;
  text-align: center; }

#prozesskette-electroplating #recycling_production_aids:hover,
#prozesskette-electroplating #recycling_production_aids.active {
  background-position: -235px -46px; }

#prozesskette-electroplating #recycling_production_aids .process_image_thumb {
  left: 164px; }

#prozesskette-electroplating #supply_chain_storage {
  left: 181px;
  top: 270px; }

#prozesskette-electroplating #handling_loading {
  left: 276px;
  top: 270px; }

#prozesskette-electroplating #Cleaning {
  left: 370px;
  top: 270px; }

#prozesskette-electroplating #galvanize {
  left: 465px;
  top: 270px; }

#prozesskette-electroplating #rinse {
  left: 560px;
  top: 270px; }

#prozesskette-electroplating #treatment_finishing {
  left: 654px;
  top: 270px; }

#prozesskette-electroplating #waste_treatment {
  left: 583px;
  top: 34px; }

#prozesskette-electroplating #used_air {
  left: 584px;
  top: 378px; }

#prozesskette-electroplating #measures {
  left: 12px;
  top: 378px; }

/** Prozesskette Kunststoff **/
#prozesskette-plasticprocessing {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_kunststoff_bg.png) no-repeat 0 0;
  height: 560px; }

#prozesskette-plasticprocessing #productdevelopment_design_workpiece {
  left: 14px;
  top: 109px; }

#prozesskette-plasticprocessing #product_development {
  left: 14px;
  top: 88px; }

#prozesskette-plasticprocessing #material_recirculation {
  left: 13px;
  top: 398px; }

#prozesskette-plasticprocessing #supply_chain_storage {
  left: 154px;
  top: 246px; }

#prozesskette-plasticprocessing #material_preparation {
  left: 248px;
  top: 246px; }

#prozesskette-plasticprocessing #melting {
  left: 341px;
  top: 246px; }

#prozesskette-plasticprocessing #form {
  left: 434px;
  top: 246px; }

#prozesskette-plasticprocessing #cool_and_demolding {
  left: 527px;
  top: 246px; }

#prozesskette-plasticprocessing #reworking {
  left: 620px;
  top: 246px; }

#prozesskette-plasticprocessing #further_process {
  left: 714px;
  top: 246px; }

#prozesskette-plasticprocessing #material_recirculation {
  left: 372px;
  top: 140px; }

#prozesskette-plasticprocessing #waste_treatment {
  left: 620px;
  top: 34px; }

#prozesskette-plasticprocessing #used_air {
  left: 620px;
  top: 394px; }

#prozesskette-plasticprocessing #external_application {
  left: 793px;
  top: 34px; }

#prozesskette-plasticprocessing #peripherals_measures {
  left: 13px;
  top: 394px; }

/** Prozesskette Kunststoff **/
#prozesskette-extrusion {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_extrusion_bg.png) no-repeat 0 0;
  height: 560px; }

#prozesskette-extrusion #productdevelopment_design_workpiece {
  left: 14px;
  top: 88px; }

#prozesskette-extrusion #product_development {
  left: 14px;
  top: 88px; }

#prozesskette-extrusion #material_recirculation {
  left: 13px;
  top: 398px; }

#prozesskette-extrusion #supply_chain_storage {
  left: 154px;
  top: 246px; }

#prozesskette-extrusion #material_preparation {
  left: 248px;
  top: 246px; }

#prozesskette-extrusion #plastify {
  left: 341px;
  top: 246px; }

#prozesskette-extrusion #shaping {
  left: 434px;
  top: 246px; }

#prozesskette-extrusion #cooling {
  left: 527px;
  top: 246px; }

#prozesskette-extrusion #cutting {
  left: 620px;
  top: 246px; }

#prozesskette-extrusion #further_process {
  left: 714px;
  top: 246px; }

#prozesskette-extrusion #material_recirculation {
  left: 372px;
  top: 140px; }

#prozesskette-extrusion #waste_treatment {
  left: 620px;
  top: 34px; }

#prozesskette-extrusion #used_air {
  left: 620px;
  top: 394px; }

#prozesskette-extrusion #external_application {
  left: 793px;
  top: 34px; }

#prozesskette-extrusion #peripherals_measures {
  left: 13px;
  top: 394px; }

/** Prozesskette Lackieren **/
#prozesskette-varnish {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_lackieren_bg.png) no-repeat 0 0;
  height: 549px; }

#prozesskette-varnish #productdevelopment_design_workpiece {
  left: 11px;
  top: 91px; }

#prozesskette-varnish #supply_chain_storage {
  left: 150px;
  top: 249px; }

#prozesskette-varnish #preparation {
  left: 338px;
  top: 249px; }

#prozesskette-varnish #varnish_preparation {
  left: 245px;
  top: 249px; }

#prozesskette-varnish #varnish {
  left: 433px;
  top: 249px; }

#prozesskette-varnish #drying {
  left: 527px;
  top: 249px; }

#prozesskette-varnish #further_process {
  left: 622px;
  top: 249px; }

#prozesskette-varnish #rinsing_water_recycling {
  left: 405px;
  top: 424px; }

#prozesskette-varnish #processing {
  left: 429px;
  top: 123px;
  padding-left: 18px;
  text-align: center; }

#prozesskette-varnish #processing ul.process_information {
  left: -181px; }

#prozesskette-varnish #processing .process_information_bridge5 {
  left: 5px; }

#prozesskette-varnish #exhaust_air_treatment {
  left: 538px;
  top: 123px;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png);
  width: 159px;
  background-position: -1920px 0;
  padding-left: 14px; }

#prozesskette-varnish #exhaust_air_treatment:hover,
#prozesskette-varnish #exhaust_air_treatment.active {
  background-position: -656px -46px; }

#prozesskette-varnish #exhaust_air_treatment em {
  text-align: center; }

#prozesskette-varnish #exhaust_air_treatment ul.process_information {
  left: -180px; }

#prozesskette-varnish #exhaust_air_treatment .process_information_bridge5 {
  left: 6px; }

#prozesskette-varnish #waste_treatment {
  left: 719px;
  top: 123px;
  text-align: center; }

#prozesskette-varnish #external_application {
  left: 799px;
  top: 13px; }

#prozesskette-varnish #peripherals_measures {
  left: 11px;
  top: 424px; }

/** Prozesskette Kaltwalzen **/
#prozesskette-cold_rolling {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_kaltwalzen_bg.png) no-repeat 0 0;
  height: 549px; }

#prozesskette-cold_rolling #product_development {
  left: 13px;
  top: 139px; }

/**water_treatment wird auf wunsch erstmal ausgeblendet**/
/** 
#prozesskette-cold_rolling #water_treatment {left: 267px; top: 139px; background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -1175px 0; width: 479px; padding-left: 0;}
#prozesskette-cold_rolling #water_treatment em {width: 479px; text-align: center;}
#prozesskette-cold_rolling #water_treatment:hover,
#prozesskette-cold_rolling #water_treatment.active {background-position: -1175px -46px;}
**/
#prozesskette-cold_rolling #water_treatment {
  display: none; }

#prozesskette-cold_rolling #supply_chain_storage {
  left: 151px;
  top: 270px; }

#prozesskette-cold_rolling #pickle {
  left: 246px;
  top: 270px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -841px 0;
  width: 118px; }

#prozesskette-cold_rolling #pickle:hover,
#prozesskette-cold_rolling #pickle:active {
  background-position: -841px -46px; }

#prozesskette-cold_rolling #knurl {
  left: 358px;
  top: 270px; }

#prozesskette-cold_rolling #heat_treat {
  left: 452px;
  top: 270px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -841px 0;
  width: 118px; }

#prozesskette-cold_rolling #heat_treat:hover,
#prozesskette-cold_rolling #heat_treat:active {
  background-position: -841px -46px; }

#prozesskette-cold_rolling #reroll {
  left: 561px;
  top: 270px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -841px 0;
  width: 118px; }

#prozesskette-cold_rolling #reroll:hover,
#prozesskette-cold_rolling #reroll:active {
  background-position: -841px -46px; }

#prozesskette-cold_rolling #finishing {
  left: 671px;
  top: 270px; }

#prozesskette-cold_rolling #peripherals_measures {
  left: 12px;
  top: 381px; }

/** Prozesskette Warmwalzen **/
#prozesskette-hot_rolling {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_warmwalzen_bg.png) no-repeat 0 0;
  height: 549px; }

#prozesskette-hot_rolling #product_development {
  left: 13px;
  top: 139px; }

/**water_treatment wird auf wunsch erstmal ausgeblendet**/
/**
#prozesskette-hot_rolling #water_treatment {left: 267px; top: 139px; background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -1175px 0; width: 479px; padding-left: 0;}
#prozesskette-hot_rolling #water_treatment em {width: 479px; text-align: center;}
#prozesskette-hot_rolling #water_treatment:hover,
#prozesskette-hot_rolling #water_treatment.active {background-position: -1175px -46px;}
**/
#prozesskette-hot_rolling #water_treatment {
  display: none; }

#prozesskette-hot_rolling #supply_chain_storage {
  left: 181px;
  top: 270px; }

#prozesskette-hot_rolling #cleaning {
  left: 276px;
  top: 270px; }

#prozesskette-hot_rolling #heat_treat {
  left: 370px;
  top: 270px; }

#prozesskette-hot_rolling #descaling {
  left: 465px;
  top: 270px; }

#prozesskette-hot_rolling #rougher {
  left: 560px;
  top: 270px; }

#prozesskette-hot_rolling #rolling {
  left: 654px;
  top: 270px; }

#prozesskette-hot_rolling #finishing {
  left: 747px;
  top: 270px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -993px 0;
  width: 152px; }

#prozesskette-hot_rolling #finishing:hover,
#prozesskette-hot_rolling #finishing:active {
  background-position: -993px -46px; }

#prozesskette-hot_rolling #peripherals_measures {
  left: 12px;
  top: 381px; }

/** Prozesskette Warmwalzen **/
#prozesskette-cutting_processing {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_spanende_bearbeitung_bg.png) no-repeat 0 0;
  height: 549px; }

#prozesskette-cutting_processing #product_development {
  left: 93px;
  top: 128px; }

#prozesskette-cutting_processing #waste_treatment {
  left: 577px;
  top: 53px; }

#prozesskette-cutting_processing #reprocessing_kss {
  left: 471px;
  top: 159px; }

#prozesskette-cutting_processing #reprocessing_kss em {
  text-align: center; }

#prozesskette-cutting_processing #external_application {
  left: 753px;
  top: 53px; }

#prozesskette-cutting_processing #supply_chain_storage {
  left: 233px;
  top: 285px; }

#prozesskette-cutting_processing #peripherals_measures {
  left: 12px;
  top: 382px; }

#prozesskette-cutting_processing #prepare {
  left: 327px;
  top: 285px; }

#prozesskette-cutting_processing #prepare em {
  text-align: center; }

#prozesskette-cutting_processing #further_process {
  left: 621px;
  top: 285px; }

#prozesskette-cutting_processing #chipping {
  left: 421px;
  top: 285px;
  width: 212px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -1692px 0;
  padding-left: 0; }

#prozesskette-cutting_processing #chipping em {
  width: 212px;
  text-align: center; }

#prozesskette-cutting_processing #chipping:hover,
#prozesskette-cutting_processing #chipping:active {
  background-position: -1692px -46px; }

/** Prozesskette Leiterplattentechnik **/
#prozesskette-circuitboard {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_leiterplatte_bg.png) no-repeat 0 0;
  height: 549px; }

#prozesskette-circuitboard .kette3 {
  top: 269px;
  left: -200px; }

#prozesskette-circuitboard #productdevelopment_design_workpiece {
  left: 14px;
  top: 77px; }

#prozesskette-circuitboard #supply_chain_storage {
  left: 33px; }

#prozesskette-circuitboard #cutout {
  left: 124px; }

#prozesskette-circuitboard #contacting {
  left: 216px; }

#prozesskette-circuitboard #phot_resistant {
  left: 306px;
  width: 143px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -2783px 0; }

#prozesskette-circuitboard #phot_resistant:hover,
#prozesskette-circuitboard #phot_resistant:active {
  background-position: -2783px -46px; }

#prozesskette-circuitboard #selectiv {
  left: 456px; }

#prozesskette-circuitboard #galvanically {
  left: 548px; }

#prozesskette-circuitboard #phot_resistant_remove {
  left: 640px; }

#prozesskette-circuitboard #etching {
  left: 731px;
  width: 71px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -2956px 0; }

#prozesskette-circuitboard #etching:hover,
#prozesskette-circuitboard #etching:active {
  background-position: -2956px -46px; }

#prozesskette-circuitboard #surface_protection {
  left: 792px; }

#prozesskette-circuitboard #waste_treatment {
  left: 582px;
  top: 34px; }

#prozesskette-circuitboard #recycling_production_aids {
  top: 136px;
  left: 236px;
  width: 644px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -2117px 0; }

#prozesskette-circuitboard #recycling_production_aids:hover,
#prozesskette-circuitboard #recycling_production_aids:active {
  background-position: -2117px -46px; }

#prozesskette-circuitboard #recycling_production_aids em {
  width: 602px;
  text-align: center; }

#prozesskette-circuitboard #peripherals_measures {
  left: 12px;
  top: 382px; }

/** Prozesskette Tiefziehen **/
#prozesskette-deepdrawing {
  background: transparent url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_tiefziehen_bg.png) no-repeat 0 0;
  height: 549px; }

#prozesskette-deepdrawing #productdevelopment_design_workpiece {
  left: 15px;
  top: 87px; }

#prozesskette-deepdrawing #tooling {
  left: 217px;
  top: 87px; }

#prozesskette-deepdrawing .kette3 {
  top: 275px; }

#prozesskette-deepdrawing #supply_chain_storage {
  left: 148px; }

#prozesskette-deepdrawing #cutting_handling {
  left: 243px; }

#prozesskette-deepdrawing #lubricants_application {
  left: 338px; }

#prozesskette-deepdrawing #deep_drawing {
  left: 433px; }

#prozesskette-deepdrawing #cleaning_greasing {
  left: 529px; }

#prozesskette-deepdrawing #further_process {
  left: 624px; }

#prozesskette-deepdrawing #waste_treatment {
  left: 505px;
  top: 158px;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png);
  width: 149px;
  background-position: -655px 0; }

#prozesskette-deepdrawing #waste_treatment:hover,
#prozesskette-deepdrawing #waste_treatment.active {
  background-position: -655px -46px; }

#prozesskette-deepdrawing #waste_treatment em {
  text-align: center; }

#prozesskette-deepdrawing #external_application {
  left: 791px;
  top: 47px; }

#prozesskette-deepdrawing #peripherals_measures {
  left: 13px;
  top: 390px; }

/** Prozesskette Lacke und Farben  **/
#prozesskette-paint {
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_farben_und_lacke_bg.png) no-repeat;
  height: 530px;
  background-repeat: round;
  background-size: cover; }

#prozesskette-paint:before {
  content: "Informationsfluss";
  position: absolute;
  bottom: 33px;
  left: 60px; }

#prozesskette-paint:after {
  content: "Materialfuss";
  position: absolute;
  bottom: 13px;
  left: 60px; }

#waste_wastewater_treatment {
  right: 89px;
  bottom: 117px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_farben_lacke_grey.png) no-repeat;
  width: 180px; }

#filling {
  right: 17px; }

#process_optimization {
  left: 210px;
  top: 110px;
  width: 510px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_farben_lacke_long_blue.png) no-repeat; }
  #process_optimization em {
    display: flex;
    align-items: center;
    justify-content: center; }

#product {
  left: 23px;
  top: 110px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_farben_lacke_arrow_blue_left.png) no-repeat;
  width: 146px; }
  #product:after {
    content: "Unternehmensgrenze";
    position: absolute;
    top: -40px;
    color: gray;
    left: 0; }

#filter {
  right: 132px; }

#waste_water {
  left: 241px;
  top: 13px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_farben_lacke_long_grey.png) no-repeat;
  width: 260px;
  font-weight: bold; }
  #waste_water em {
    display: flex;
    align-items: center; }
  #waste_water a {
    color: #696969;
    font-weight: unset; }

#process_periphery {
  bottom: 84px;
  left: 70px; }

#recovery_detergent {
  left: 52px;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_farben_lacke_arrow_blue_right_long.png);
  background-position: left;
  width: 140px; }

#puton {
  left: 318px; }

#procurement_storage {
  left: 91px; }

#dispersing {
  left: 431px; }

#complete {
  right: 245px; }

#weight_dispense {
  left: 204px; }

#cleaning {
  left: 186px; }

#cleaning, #recovery_detergent {
  bottom: 170px; }

#procurement_storage, #puton, #dispersing, #complete, #weight_dispense, #filter, #filling {
  top: 233px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png) no-repeat -841px 0; }
  #procurement_storage:hover, #puton:hover, #dispersing:hover, #complete:hover, #weight_dispense:hover, #filter:hover, #filling:hover {
    background-position: -841px -46px; }
  #procurement_storage em, #puton em, #dispersing em, #complete em, #weight_dispense em, #filter em, #filling em {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -20px; }

#externa {
  bottom: 10px;
  right: 55px; }

/** Produktionsinfrastruktur 1+2, Ressourcenschonendes Gebaeude **/
@media screen and (max-width: 980px) {
  .production_infrastructure-wrapper {
    display: none !important; } }

.production_infrastructure-wrapper #prozesskette-production_infrastructure {
  display: block;
  width: 940px;
  height: 441px;
  position: relative;
  padding: 0 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/production_infrastructure.png); }
  .production_infrastructure-wrapper #prozesskette-production_infrastructure > li {
    background: none;
    width: auto;
    padding: 0; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li.text-only em:after {
      background-color: #b6ce60;
      border: 1px solid #a3c03b;
      box-shadow: 0 0 2px #a3c03b; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li em {
      text-align: center;
      display: block;
      position: absolute;
      z-index: 1; }
      .production_infrastructure-wrapper #prozesskette-production_infrastructure > li em:after {
        background-color: #0090d4;
        content: "i";
        color: #fff;
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 15px;
        width: 15px;
        height: 15px;
        z-index: 2;
        line-height: 15px;
        border: 1px solid #006da1;
        box-shadow: 0 0 2px #006da1; }
      .production_infrastructure-wrapper #prozesskette-production_infrastructure > li em > a, .production_infrastructure-wrapper #prozesskette-production_infrastructure > li em > span {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        position: relative;
        top: 0;
        left: 4px;
        z-index: 1;
        padding: 1px 3px 1px 25px;
        border-radius: 10px;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.8);
        display: none; }
      .production_infrastructure-wrapper #prozesskette-production_infrastructure > li em:hover {
        z-index: 2; }
        .production_infrastructure-wrapper #prozesskette-production_infrastructure > li em:hover > a, .production_infrastructure-wrapper #prozesskette-production_infrastructure > li em:hover > span {
          display: block; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li.active {
      z-index: 31; }
      .production_infrastructure-wrapper #prozesskette-production_infrastructure > li.active a.open_layer, .production_infrastructure-wrapper #prozesskette-production_infrastructure > li.active span {
        color: #000; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li .process_information_bridge {
      display: none !important; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li div.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      min-height: 0;
      padding: 5px !important;
      width: 702px;
      left: 23px;
      top: 48px;
      z-index: 100;
      color: #000000;
      display: none;
      position: absolute; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li div.process_information ul li {
      font-size: 12px !important;
      line-height: 18px !important; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li div.process_information p {
      font-size: 12px !important;
      line-height: 18px !important;
      color: #595959 !important;
      padding: 0 0 0 0.2em; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li div.process_information h1 {
      font-family: "cabinmedium";
      color: #0099cc;
      font-size: 22px;
      font-weight: 400;
      padding: 0.2em 0.2em 0.2em; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: 200px;
      min-height: 0;
      padding: 5px !important;
      left: 23px;
      top: 48px; }
      .production_infrastructure-wrapper #prozesskette-production_infrastructure > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        .production_infrastructure-wrapper #prozesskette-production_infrastructure > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        .production_infrastructure-wrapper #prozesskette-production_infrastructure > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        .production_infrastructure-wrapper #prozesskette-production_infrastructure > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        .production_infrastructure-wrapper #prozesskette-production_infrastructure > li ul.process_information li a {
          line-height: 1.5;
          color: #000; }
  .production_infrastructure-wrapper #prozesskette-production_infrastructure > li {
    display: none;
    z-index: 30; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#office {
      top: 12px;
      left: 113px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#water {
      top: 143px;
      left: 38px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#insulating_external_wall {
      top: 236px;
      left: -5px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#labatory {
      top: 253px;
      left: 121px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#heat_and_cold_systems {
      top: 371px;
      left: 99px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#lighting {
      left: 462px;
      top: 43px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#air_conditioning {
      left: 345px;
      top: 138px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#stock {
      left: 480px;
      top: 223px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#tools_management {
      left: 422px;
      top: 264px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#compressed_air {
      left: 101px;
      top: 282px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#employee_involvement {
      left: 230px;
      top: 312px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#transport {
      left: 521px;
      top: 282px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#energy_usage_reduction {
      left: 37px;
      top: 296px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#automation_engineering {
      left: 306px;
      top: 329px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#electrical_drive_engineering {
      left: 363px;
      top: 295px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#waste_management {
      left: 505px;
      top: 350px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#interface_outside {
      left: 735px;
      top: 20px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#pump {
      left: 289px;
      top: 219px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#actuator {
      left: 393px;
      top: 253px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#prototype {
      left: 525px;
      top: 293px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#building_component_cleaning {
      left: 301px;
      top: 294px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#plot_area {
      left: 821px;
      top: 373px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#manufacturing_data {
      left: 338px;
      top: 252px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#test_bench {
      left: 599px;
      top: 288px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#insulation_basement_wall {
      left: 835px;
      top: 241px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#insulation_basement_floor {
      left: 643px;
      top: 385px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#solarthermics {
      left: 391px;
      top: 11px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#insulation_roof {
      left: 522px;
      top: 31px; }
    .production_infrastructure-wrapper #prozesskette-production_infrastructure > li#supporting_framework {
      left: 460px;
      top: 113px; }

.production_infrastructure-wrapper .combined {
  display: block;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  font-size: 16px;
  width: 30px;
  height: 30px; }
  .production_infrastructure-wrapper .combined span {
    position: relative;
    z-index: 10; }
  .production_infrastructure-wrapper .combined:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #b6ce60;
    border-radius: 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .production_infrastructure-wrapper .combined:after {
    content: "";
    display: block;
    width: 70%;
    height: 70%;
    background: #0090d4;
    border-radius: 15px;
    position: absolute;
    top: 15%;
    left: 15%;
    z-index: 5; }

.production_infrastructure-wrapper #combined-top {
  top: 56px;
  left: 510px; }

.production_infrastructure-wrapper #combined-left {
  top: 238px;
  left: 123px; }

.production_infrastructure-wrapper #combined-center-left {
  top: 194px;
  left: 325px; }
  .production_infrastructure-wrapper #combined-center-left:before {
    display: none; }
  .production_infrastructure-wrapper #combined-center-left:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.production_infrastructure-wrapper #combined-center-right {
  top: 196px;
  left: 573px; }

.production_infrastructure-wrapper #combined-bottom {
  top: 346px;
  left: 432px; }

.production_infrastructure-wrapper .combined-background {
  display: none;
  position: absolute;
  top: -5%;
  width: 100%;
  height: 110%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 20; }
  .production_infrastructure-wrapper .combined-background img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: relative;
    border: 2px solid #ffa124;
    box-shadow: 0 0 10px 2px grey;
    background: #fff; }

.production_infrastructure-wrapper .combined-background-left img {
  left: 30px; }

.production_infrastructure-wrapper .combined-background-center-left img {
  left: 0;
  height: 450px;
  top: 30px; }

.production_infrastructure-wrapper .combined-background-center-right img {
  left: 265px;
  height: 450px;
  top: 30px; }

.production_infrastructure-wrapper .combined-background-top img {
  left: 300px;
  width: 400px; }

.production_infrastructure-wrapper .combined-background-bottom img {
  left: 80px;
  top: 270px;
  width: 800px; }

.production_infrastructure-wrapper.combined-left .combined-background-left, .production_infrastructure-wrapper.combined-left #water, .production_infrastructure-wrapper.combined-left #office, .production_infrastructure-wrapper.combined-left #labatory, .production_infrastructure-wrapper.combined-left #insulating_external_wall, .production_infrastructure-wrapper.combined-left #heat_and_cold_systems {
  display: block; }

.production_infrastructure-wrapper.combined-center-left .combined-background-center-left, .production_infrastructure-wrapper.combined-center-left #lighting, .production_infrastructure-wrapper.combined-center-left #air_conditioning, .production_infrastructure-wrapper.combined-center-left #stock, .production_infrastructure-wrapper.combined-center-left #tools_management,
.production_infrastructure-wrapper.combined-center-left #compressed_air, .production_infrastructure-wrapper.combined-center-left #employee_involvement, .production_infrastructure-wrapper.combined-center-left #transport, .production_infrastructure-wrapper.combined-center-left #energy_usage_reduction, .production_infrastructure-wrapper.combined-center-left #automation_engineering,
.production_infrastructure-wrapper.combined-center-left #electrical_drive_engineering, .production_infrastructure-wrapper.combined-center-left #waste_management {
  display: block; }

.production_infrastructure-wrapper.combined-center-right .combined-background-center-right, .production_infrastructure-wrapper.combined-center-right #interface_outside, .production_infrastructure-wrapper.combined-center-right #pump, .production_infrastructure-wrapper.combined-center-right #actuator,
.production_infrastructure-wrapper.combined-center-right #prototype, .production_infrastructure-wrapper.combined-center-right #building_component_cleaning, .production_infrastructure-wrapper.combined-center-right #plot_area {
  display: block; }

.production_infrastructure-wrapper.combined-bottom .combined-background-bottom, .production_infrastructure-wrapper.combined-bottom #manufacturing_data, .production_infrastructure-wrapper.combined-bottom #test_bench, .production_infrastructure-wrapper.combined-bottom #insulation_basement_wall, .production_infrastructure-wrapper.combined-bottom #insulation_basement_floor {
  display: block; }

.production_infrastructure-wrapper.combined-top .combined-background-top, .production_infrastructure-wrapper.combined-top #solarthermics, .production_infrastructure-wrapper.combined-top #insulation_roof, .production_infrastructure-wrapper.combined-top #supporting_framework {
  display: block; }

#prozesskette-resource_efficient_buildings {
  display: block;
  width: 940px;
  height: 441px;
  position: relative;
  padding: 0 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_ressourcenschonendes_gebaeude.png);
  height: 825px;
  width: 850px;
  background-size: auto; }
  #prozesskette-resource_efficient_buildings > li {
    background: none;
    width: auto;
    padding: 0; }
    #prozesskette-resource_efficient_buildings > li.text-only em:after {
      background-color: #b6ce60;
      border: 1px solid #a3c03b;
      box-shadow: 0 0 2px #a3c03b; }
    #prozesskette-resource_efficient_buildings > li em {
      text-align: center;
      display: block;
      position: absolute;
      z-index: 1; }
      #prozesskette-resource_efficient_buildings > li em:after {
        background-color: #0090d4;
        content: "i";
        color: #fff;
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 15px;
        width: 15px;
        height: 15px;
        z-index: 2;
        line-height: 15px;
        border: 1px solid #006da1;
        box-shadow: 0 0 2px #006da1; }
      #prozesskette-resource_efficient_buildings > li em > a, #prozesskette-resource_efficient_buildings > li em > span {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        position: relative;
        top: 0;
        left: 4px;
        z-index: 1;
        padding: 1px 3px 1px 25px;
        border-radius: 10px;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.8);
        display: none; }
      #prozesskette-resource_efficient_buildings > li em:hover {
        z-index: 2; }
        #prozesskette-resource_efficient_buildings > li em:hover > a, #prozesskette-resource_efficient_buildings > li em:hover > span {
          display: block; }
    #prozesskette-resource_efficient_buildings > li.active {
      z-index: 31; }
      #prozesskette-resource_efficient_buildings > li.active a.open_layer, #prozesskette-resource_efficient_buildings > li.active span {
        color: #000; }
    #prozesskette-resource_efficient_buildings > li .process_information_bridge {
      display: none !important; }
    #prozesskette-resource_efficient_buildings > li div.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      min-height: 0;
      padding: 5px !important;
      width: 702px;
      left: 23px;
      top: 48px;
      z-index: 100;
      color: #000000;
      display: none;
      position: absolute; }
    #prozesskette-resource_efficient_buildings > li div.process_information ul li {
      font-size: 12px !important;
      line-height: 18px !important; }
    #prozesskette-resource_efficient_buildings > li div.process_information p {
      font-size: 12px !important;
      line-height: 18px !important;
      color: #595959 !important;
      padding: 0 0 0 0.2em; }
    #prozesskette-resource_efficient_buildings > li div.process_information h1 {
      font-family: "cabinmedium";
      color: #0099cc;
      font-size: 22px;
      font-weight: 400;
      padding: 0.2em 0.2em 0.2em; }
    #prozesskette-resource_efficient_buildings > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: 200px;
      min-height: 0;
      padding: 5px !important;
      left: 23px;
      top: 48px; }
      #prozesskette-resource_efficient_buildings > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        #prozesskette-resource_efficient_buildings > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        #prozesskette-resource_efficient_buildings > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        #prozesskette-resource_efficient_buildings > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        #prozesskette-resource_efficient_buildings > li ul.process_information li a {
          line-height: 1.5;
          color: #000; }
  #prozesskette-resource_efficient_buildings > li#lift_motor {
    left: 493px;
    top: 44px; }
  #prozesskette-resource_efficient_buildings > li#lift_control {
    left: 437px;
    top: 66px; }
  #prozesskette-resource_efficient_buildings > li#insulation_ceiling {
    left: 576px;
    top: 77px; }
  #prozesskette-resource_efficient_buildings > li#insulation_outerwall {
    left: 248px;
    top: 254px; }
  #prozesskette-resource_efficient_buildings > li#rainwater_steeproof {
    left: 754px;
    top: 184px; }
  #prozesskette-resource_efficient_buildings > li#shower_tube {
    left: 718px;
    top: 308px; }
  #prozesskette-resource_efficient_buildings > li#sink {
    left: 659px;
    top: 348px; }
  #prozesskette-resource_efficient_buildings > li#toilette {
    left: 523px;
    top: 366px; }
  #prozesskette-resource_efficient_buildings > li#insulation_steeproof {
    left: 339px;
    top: 120px; }
  #prozesskette-resource_efficient_buildings > li#insulation_flatroof {
    left: 72px;
    top: 403px; }
  #prozesskette-resource_efficient_buildings > li#rainwater_flatroof {
    left: 198px;
    top: 403px; }
  #prozesskette-resource_efficient_buildings > li#frame {
    left: 509px;
    top: 457px; }
  #prozesskette-resource_efficient_buildings > li#lift_cage {
    left: 445px;
    top: 482px; }
  #prozesskette-resource_efficient_buildings > li#insulation_floor {
    left: 316px;
    top: 575px; }
  #prozesskette-resource_efficient_buildings > li#sealed_land_area {
    left: -16px;
    top: 598px; }
  #prozesskette-resource_efficient_buildings > li#rain_water_usage {
    left: 166px;
    top: 649px; }
  #prozesskette-resource_efficient_buildings > li#grey_water_usage {
    left: 329px;
    top: 707px; }
  #prozesskette-resource_efficient_buildings > li#water_meter {
    left: 559px;
    top: 629px; }
  #prozesskette-resource_efficient_buildings > li#insulation_cellar_plate {
    left: 771px;
    top: 641px; }
  #prozesskette-resource_efficient_buildings > li#insulation_base_plate {
    left: 636px;
    top: 743px; }
  #prozesskette-resource_efficient_buildings > li#insulation_cellar_plate em > a, #prozesskette-resource_efficient_buildings > li#insulation_cellar_plate em > span, #prozesskette-resource_efficient_buildings > li#rainwater_steeproof em > a, #prozesskette-resource_efficient_buildings > li#rainwater_steeproof em > span, #prozesskette-resource_efficient_buildings > li#shower_tube em > a, #prozesskette-resource_efficient_buildings > li#shower_tube em > span {
    left: auto;
    right: 100%;
    margin-right: -19px;
    text-align: right;
    padding: 1px 25px 1px 3px; }

.msr-wrapper .dummylabel {
  display: none;
  position: absolute;
  font-weight: bold;
  font-size: 16px;
  font-family: Arial, sans-serif; }
  .msr-wrapper .dummylabel#einsatzstoffe {
    top: 94px;
    left: 226px; }
  .msr-wrapper .dummylabel#produkte_abfall {
    top: 437px;
    left: 652px; }
  .msr-wrapper .dummylabel#heizmedium {
    top: 351px;
    left: 201px;
    font-weight: normal;
    font-size: 14px; }
  .msr-wrapper .dummylabel#allgemein {
    top: 467px;
    left: 230px;
    font-weight: normal; }

#prozesskette-msr {
  display: block;
  width: 940px;
  height: 441px;
  position: relative;
  padding: 0 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/Grafik_msr_v2.jpg);
  background-position: center center;
  background-size: 540px auto;
  width: 940px;
  height: 420px; }
  #prozesskette-msr > li {
    background: none;
    width: auto;
    padding: 0; }
    #prozesskette-msr > li.text-only em:after {
      background-color: #b6ce60;
      border: 1px solid #a3c03b;
      box-shadow: 0 0 2px #a3c03b; }
    #prozesskette-msr > li em {
      text-align: center;
      display: block;
      position: absolute;
      z-index: 1; }
      #prozesskette-msr > li em:after {
        background-color: #0090d4;
        content: "i";
        color: #fff;
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 15px;
        width: 15px;
        height: 15px;
        z-index: 2;
        line-height: 15px;
        border: 1px solid #006da1;
        box-shadow: 0 0 2px #006da1; }
      #prozesskette-msr > li em > a, #prozesskette-msr > li em > span {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        position: relative;
        top: 0;
        left: 4px;
        z-index: 1;
        padding: 1px 3px 1px 25px;
        border-radius: 10px;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.8);
        display: none; }
      #prozesskette-msr > li em:hover {
        z-index: 2; }
        #prozesskette-msr > li em:hover > a, #prozesskette-msr > li em:hover > span {
          display: block; }
    #prozesskette-msr > li.active {
      z-index: 31; }
      #prozesskette-msr > li.active a.open_layer, #prozesskette-msr > li.active span {
        color: #000; }
    #prozesskette-msr > li .process_information_bridge {
      display: none !important; }
    #prozesskette-msr > li div.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      min-height: 0;
      padding: 5px !important;
      width: 702px;
      left: 23px;
      top: 48px;
      z-index: 100;
      color: #000000;
      display: none;
      position: absolute; }
    #prozesskette-msr > li div.process_information ul li {
      font-size: 12px !important;
      line-height: 18px !important; }
    #prozesskette-msr > li div.process_information p {
      font-size: 12px !important;
      line-height: 18px !important;
      color: #595959 !important;
      padding: 0 0 0 0.2em; }
    #prozesskette-msr > li div.process_information h1 {
      font-family: "cabinmedium";
      color: #0099cc;
      font-size: 22px;
      font-weight: 400;
      padding: 0.2em 0.2em 0.2em; }
    #prozesskette-msr > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: 200px;
      min-height: 0;
      padding: 5px !important;
      left: 23px;
      top: 48px; }
      #prozesskette-msr > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        #prozesskette-msr > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        #prozesskette-msr > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        #prozesskette-msr > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        #prozesskette-msr > li ul.process_information li a {
          line-height: 1.5;
          color: #000; }
  #prozesskette-msr > li ul.process_information {
    width: 150px; }
  #prozesskette-msr > li#state_measurment {
    top: 318px;
    left: 469px; }
  #prozesskette-msr > li#operational_state_measurement {
    top: 125px;
    left: 708px; }
  #prozesskette-msr > li#measurement {
    top: -6px;
    left: 465px; }
  #prozesskette-msr > li#energy_measurement {
    top: 66px;
    left: 504px; }
  #prozesskette-msr > li#feature_measurement {
    top: 84px;
    left: 708px; }
  #prozesskette-msr > li#general {
    top: 333px;
    left: 194px; }
  #prozesskette-msr > li#actuator {
    top: 270px;
    left: 352px; }
  #prozesskette-msr > li#regulation {
    top: 150px;
    left: 363px; }
  #prozesskette-msr > li#control {
    top: 101px;
    left: 363px; }

#prozesskette-reaction {
  display: block;
  width: 940px;
  height: 441px;
  position: relative;
  padding: 0 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/Grafik_reaction.jpg);
  background-position: center center;
  width: 960px;
  height: 592px; }
  #prozesskette-reaction > li {
    background: none;
    width: auto;
    padding: 0; }
    #prozesskette-reaction > li.text-only em:after {
      background-color: #b6ce60;
      border: 1px solid #a3c03b;
      box-shadow: 0 0 2px #a3c03b; }
    #prozesskette-reaction > li em {
      text-align: center;
      display: block;
      position: absolute;
      z-index: 1; }
      #prozesskette-reaction > li em:after {
        background-color: #0090d4;
        content: "i";
        color: #fff;
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 15px;
        width: 15px;
        height: 15px;
        z-index: 2;
        line-height: 15px;
        border: 1px solid #006da1;
        box-shadow: 0 0 2px #006da1; }
      #prozesskette-reaction > li em > a, #prozesskette-reaction > li em > span {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        position: relative;
        top: 0;
        left: 4px;
        z-index: 1;
        padding: 1px 3px 1px 25px;
        border-radius: 10px;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.8);
        display: none; }
      #prozesskette-reaction > li em:hover {
        z-index: 2; }
        #prozesskette-reaction > li em:hover > a, #prozesskette-reaction > li em:hover > span {
          display: block; }
    #prozesskette-reaction > li.active {
      z-index: 31; }
      #prozesskette-reaction > li.active a.open_layer, #prozesskette-reaction > li.active span {
        color: #000; }
    #prozesskette-reaction > li .process_information_bridge {
      display: none !important; }
    #prozesskette-reaction > li div.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      min-height: 0;
      padding: 5px !important;
      width: 702px;
      left: 23px;
      top: 48px;
      z-index: 100;
      color: #000000;
      display: none;
      position: absolute; }
    #prozesskette-reaction > li div.process_information ul li {
      font-size: 12px !important;
      line-height: 18px !important; }
    #prozesskette-reaction > li div.process_information p {
      font-size: 12px !important;
      line-height: 18px !important;
      color: #595959 !important;
      padding: 0 0 0 0.2em; }
    #prozesskette-reaction > li div.process_information h1 {
      font-family: "cabinmedium";
      color: #0099cc;
      font-size: 22px;
      font-weight: 400;
      padding: 0.2em 0.2em 0.2em; }
    #prozesskette-reaction > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: 200px;
      min-height: 0;
      padding: 5px !important;
      left: 23px;
      top: 48px; }
      #prozesskette-reaction > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        #prozesskette-reaction > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        #prozesskette-reaction > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        #prozesskette-reaction > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        #prozesskette-reaction > li ul.process_information li a {
          line-height: 1.5;
          color: #000; }
  #prozesskette-reaction > li ul.process_information {
    width: 150px; }
  #prozesskette-reaction > li#input_selection {
    top: 113px;
    left: 198px; }
  #prozesskette-reaction > li#reduce_emission {
    top: 204px;
    left: 370px; }
  #prozesskette-reaction > li#catalysis {
    top: 305px;
    left: 446px; }
  #prozesskette-reaction > li#mix {
    top: 389px;
    left: 381px; }
  #prozesskette-reaction > li#reaction_control {
    top: 266px;
    left: 240px; }
  #prozesskette-reaction > li#reaction_selection {
    top: 57px;
    left: 562px; }
  #prozesskette-reaction > li#process_selection {
    top: 117px;
    left: 878px; }
  #prozesskette-reaction > li#heat_exchange {
    top: 481px;
    left: 376px; }

.separation_process-wrapper #prozesskette-separation_process {
  display: none; }

.separation_process-wrapper img {
  width: 100%;
  height: auto; }

#prozesskette-bio {
  display: block;
  width: 940px;
  height: 441px;
  position: relative;
  padding: 0 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/PK-biotech-desktopV3.png);
  background-position: center center;
  width: 940px;
  height: 495px; }
  #prozesskette-bio > li {
    background: none;
    width: auto;
    padding: 0; }
    #prozesskette-bio > li.text-only em:after {
      background-color: #b6ce60;
      border: 1px solid #a3c03b;
      box-shadow: 0 0 2px #a3c03b; }
    #prozesskette-bio > li em {
      text-align: center;
      display: block;
      position: absolute;
      z-index: 1; }
      #prozesskette-bio > li em:after {
        background-color: #0090d4;
        content: "i";
        color: #fff;
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 15px;
        width: 15px;
        height: 15px;
        z-index: 2;
        line-height: 15px;
        border: 1px solid #006da1;
        box-shadow: 0 0 2px #006da1; }
      #prozesskette-bio > li em > a, #prozesskette-bio > li em > span {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        position: relative;
        top: 0;
        left: 4px;
        z-index: 1;
        padding: 1px 3px 1px 25px;
        border-radius: 10px;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.8);
        display: none; }
      #prozesskette-bio > li em:hover {
        z-index: 2; }
        #prozesskette-bio > li em:hover > a, #prozesskette-bio > li em:hover > span {
          display: block; }
    #prozesskette-bio > li.active {
      z-index: 31; }
      #prozesskette-bio > li.active a.open_layer, #prozesskette-bio > li.active span {
        color: #000; }
    #prozesskette-bio > li .process_information_bridge {
      display: none !important; }
    #prozesskette-bio > li div.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      min-height: 0;
      padding: 5px !important;
      width: 702px;
      left: 23px;
      top: 48px;
      z-index: 100;
      color: #000000;
      display: none;
      position: absolute; }
    #prozesskette-bio > li div.process_information ul li {
      font-size: 12px !important;
      line-height: 18px !important; }
    #prozesskette-bio > li div.process_information p {
      font-size: 12px !important;
      line-height: 18px !important;
      color: #595959 !important;
      padding: 0 0 0 0.2em; }
    #prozesskette-bio > li div.process_information h1 {
      font-family: "cabinmedium";
      color: #0099cc;
      font-size: 22px;
      font-weight: 400;
      padding: 0.2em 0.2em 0.2em; }
    #prozesskette-bio > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: 200px;
      min-height: 0;
      padding: 5px !important;
      left: 23px;
      top: 48px; }
      #prozesskette-bio > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        #prozesskette-bio > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        #prozesskette-bio > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        #prozesskette-bio > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        #prozesskette-bio > li ul.process_information li a {
          line-height: 1.5;
          color: #000; }
  #prozesskette-bio > li {
    position: absolute;
    background: transparent;
    width: auto;
    padding: 0; }
    #prozesskette-bio > li#process_development {
      top: 16px;
      left: 88px;
      width: 773px;
      height: 53px; }
    #prozesskette-bio > li#povision {
      left: 356px;
      top: 113px;
      width: 225px;
      height: 53px; }
    #prozesskette-bio > li#modeling {
      left: 356px;
      top: 172px;
      width: 225px;
      height: 53px; }
    #prozesskette-bio > li#development {
      left: 356px;
      top: 231px;
      width: 225px;
      height: 53px; }
    #prozesskette-bio > li#raw_material_workup {
      top: 297px;
      left: 116px;
      width: 95px;
      height: 53px; }
    #prozesskette-bio > li#conversion {
      top: 297px;
      left: 360px;
      width: 95px;
      height: 53px; }
    #prozesskette-bio > li#workup {
      top: 297px;
      left: 485px;
      width: 95px;
      height: 53px; }
    #prozesskette-bio > li#production {
      top: 297px;
      left: 739px;
      width: 95px;
      height: 53px; }
    #prozesskette-bio > li em {
      display: none; }
    #prozesskette-bio > li a, #prozesskette-bio > li span {
      color: #a5a5a5;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.2; }
    #prozesskette-bio > li.active a.open_layer, #prozesskette-bio > li.active span {
      color: #000; }
    #prozesskette-bio > li .process_information_bridge {
      display: none !important; }
    #prozesskette-bio > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: 150px;
      min-height: 0;
      padding: 5px !important;
      left: 50%;
      top: 100%;
      margin-left: -75px !important; }
      #prozesskette-bio > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        #prozesskette-bio > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        #prozesskette-bio > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        #prozesskette-bio > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        #prozesskette-bio > li ul.process_information li a {
          line-height: 1.5; }

/** Tooltips **/
.prozesskette-descriptions > div {
  display: none;
  position: absolute;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  border: 4px solid #E4F1F6;
  -moz-box-shadow: 2px 2px 6px #939393;
  -webkit-box-shadow: 2px 2px 6px #939393;
  box-shadow: 2px 2px 6px #939393;
  padding: 20px;
  max-width: 400px; }

.map-tooltip {
  position: absolute;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 1px 3px; }

.finechemicals-wrapper {
  display: block;
  position: relative;
  padding: 0 5px; }
  .finechemicals-wrapper .dummylabel {
    display: block;
    position: absolute;
    font-weight: bold;
    font-size: 16px;
    font-family: Arial, sans-serif;
    z-index: 100; }
    .finechemicals-wrapper .dummylabel#wertstoff {
      top: 176px;
      left: 868px; }
    .finechemicals-wrapper .dummylabel#abfall {
      top: 283px;
      left: 868px; }
    .finechemicals-wrapper .dummylabel#chemikalie {
      top: 388px;
      left: 833px; }
  .finechemicals-wrapper .dummy {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#prozesskette-finechemicals {
  width: 940px;
  height: 545px;
  position: relative;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/feinchemikalien_final.png) 0 0 no-repeat;
  padding: 0 5px;
  background-size: 100% 100%; }
  #prozesskette-finechemicals > li {
    background: none;
    width: auto;
    padding: 0; }
    #prozesskette-finechemicals > li#material_storage {
      top: 40px;
      left: 31px; }
    #prozesskette-finechemicals > li#tempering {
      top: 40px;
      left: 374px; }
    #prozesskette-finechemicals > li#disposal_facilities {
      top: 40px;
      left: 142px; }
    #prozesskette-finechemicals > li#reaction {
      top: 412px;
      left: 529px; }
    #prozesskette-finechemicals > li#control_technology {
      top: 402px;
      left: 371px; }
    #prozesskette-finechemicals > li#refill_empty {
      top: 40px;
      left: 262px; }
    #prozesskette-finechemicals > li#waste_streams {
      top: 40px;
      left: 752px; }
    #prozesskette-finechemicals > li#product_preparation {
      top: 40px;
      left: 611px; }
    #prozesskette-finechemicals > li#fittings {
      top: 402px;
      left: 617px; }
    #prozesskette-finechemicals > li#peripherals_measures {
      top: 390px;
      left: 58px; }
      #prozesskette-finechemicals > li#peripherals_measures em {
        text-align: left; }
    #prozesskette-finechemicals > li em {
      text-align: center; }
    #prozesskette-finechemicals > li a, #prozesskette-finechemicals > li span {
      color: #a5a5a5;
      font-size: 16px;
      font-weight: normal;
      line-height: 1.2; }
    #prozesskette-finechemicals > li.active a.open_layer, #prozesskette-finechemicals > li.active span {
      color: #000; }
    #prozesskette-finechemicals > li .process_information_bridge {
      display: none !important; }
    #prozesskette-finechemicals > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: auto;
      min-height: 0;
      padding: 5px !important;
      left: -251px; }
      #prozesskette-finechemicals > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        #prozesskette-finechemicals > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        #prozesskette-finechemicals > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        #prozesskette-finechemicals > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        #prozesskette-finechemicals > li ul.process_information li a {
          line-height: 1.5; }

#prozesskette-printed_products {
  width: 910px;
  height: 549px;
  position: relative;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_drucken_bg.png) 0 0 no-repeat;
  padding: 0 5px;
  background-size: 100% 100%; }
  #prozesskette-printed_products > li#prepress {
    top: 136px;
    left: 154px; }
  #prozesskette-printed_products > li#supply_chain_storage {
    top: 252px;
    left: 154px; }
  #prozesskette-printed_products > li#manufacturing_plate {
    top: 252px;
    left: 250px; }
  #prozesskette-printed_products > li#print_process {
    top: 252px;
    left: 346px; }
  #prozesskette-printed_products > li#further_process {
    top: 252px;
    left: 442px; }
  #prozesskette-printed_products > li#packaging_and_shipping {
    top: 252px;
    left: 538px; }
  #prozesskette-printed_products > li#external_application {
    top: 18px;
    left: 729px; }
  #prozesskette-printed_products > li#used_air {
    top: 123px;
    left: 358px; }
    #prozesskette-printed_products > li#used_air em {
      text-align: center; }
  #prozesskette-printed_products > li#circulation {
    top: 123px;
    left: 473px;
    padding: 0 2px; }
    #prozesskette-printed_products > li#circulation em {
      text-align: center; }
  #prozesskette-printed_products > li#waste_treatment {
    top: 123px;
    left: 593px; }
    #prozesskette-printed_products > li#waste_treatment em {
      text-align: center; }
  #prozesskette-printed_products > li#peripherals_measures {
    top: 383px;
    left: 44px; }

#prozesskette-put {
  width: 910px;
  height: 549px;
  position: relative;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_fuegen_bg.png) 0 0 no-repeat;
  padding: 0 5px;
  background-size: 100% 100%; }
  #prozesskette-put > li#storage {
    top: 144px;
    left: 279px; }
  #prozesskette-put > li#handling_help {
    top: 144px;
    left: 375px; }
  #prozesskette-put > li#product_development {
    top: 241px;
    left: 77px; }
  #prozesskette-put > li#preparation {
    top: 241px;
    left: 271px; }
  #prozesskette-put > li#handling {
    top: 241px;
    left: 368px; }
  #prozesskette-put > li#put {
    top: 241px;
    left: 463px; }
  #prozesskette-put > li#post_processing {
    top: 241px;
    left: 557px; }
  #prozesskette-put > li#recycling {
    top: 241px;
    left: 745px; }
  #prozesskette-put > li#peripherals_measures {
    top: 375px;
    left: 77px; }

#prozesskette-coated {
  width: 915x;
  height: 566px;
  position: relative;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_beschichten_bg.png) 0 0 no-repeat;
  padding: 0 5px;
  background-size: 100% 100%; }
  #prozesskette-coated > li#product_development {
    top: 36px;
    left: 10px; }
  #prozesskette-coated > li#handle {
    top: 150px;
    left: 52px;
    background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png);
    background-repeat: no-repeat;
    background-position: -842px 0;
    width: 120px; }
  #prozesskette-coated > li#pretreat {
    top: 150px;
    left: 157px; }
  #prozesskette-coated > li#flux {
    top: 93px;
    left: 299px; }
  #prozesskette-coated > li#dry_warm {
    top: 93px;
    left: 393px; }
  #prozesskette-coated > li#dry_warm_1 {
    top: 43px;
    left: 583px; }
  #prozesskette-coated > li#dry_warm_2 {
    top: 241px;
    left: 583px; }
  #prozesskette-coated > li#dry_warm_3 {
    top: 143px;
    left: 393px; }
  #prozesskette-coated > li#branding {
    top: 43px;
    left: 677px; }
  #prozesskette-coated > li#rework {
    top: 158px;
    left: 804px; }
  #prozesskette-coated > li#enamel {
    top: 43px;
    left: 488px; }
  #prozesskette-coated > li#hot_dipping {
    top: 93px;
    left: 488px; }
  #prozesskette-coated > li#fluidized_bed {
    top: 142px;
    left: 488px; }
  #prozesskette-coated > li#thermal_spraying {
    top: 192px;
    left: 488px; }
  #prozesskette-coated > li#powder_coating {
    top: 241px;
    left: 488px; }
  #prozesskette-coated > li#pvd_cvd {
    top: 291px;
    left: 486px; }
  #prozesskette-coated > li#prepare {
    top: 204px;
    left: 153px; }
  #prozesskette-coated > li#cycle_management {
    padding-left: 24px;
    top: 408px;
    left: 377px;
    background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_specials.png);
    background-repeat: no-repeat;
    background-position: -3047px 0;
    width: 188px; }
    #prozesskette-coated > li#cycle_management .process_information_bridge {
      left: 21px; }
    #prozesskette-coated > li#cycle_management .process_information {
      left: -165px; }
  #prozesskette-coated > li#peripherals_measures {
    top: 484px;
    left: 14px; }
  #prozesskette-coated > li#handle_old, #prozesskette-coated > li#cool_down {
    display: none; }

#prozesskette-woodworking {
  width: 910px;
  height: 549px;
  position: relative;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/prozesskette_holzbearbeitung_bg.png) 0 0 no-repeat;
  padding: 0 5px;
  background-size: 100% 100%; }
  #prozesskette-woodworking > li#product_development {
    top: 242px;
    left: 44px; }
  #prozesskette-woodworking > li#supply_chain_storage {
    top: 240px;
    left: 240px; }
  #prozesskette-woodworking > li#dry {
    top: 240px;
    left: 337px; }
  #prozesskette-woodworking > li#slicing {
    top: 168px;
    left: 523px; }
  #prozesskette-woodworking > li#coat {
    top: 240px;
    left: 596px; }
  #prozesskette-woodworking > li#mount {
    top: 308px;
    left: 523px; }
  #prozesskette-woodworking > li#afterwork {
    top: 240px;
    left: 753px; }
  #prozesskette-woodworking > li#peripherals_measures {
    top: 375px;
    left: 77px; }

#content .business-wrapper .business-menu,
#content .business-wrapper .digitization-menu, .business-wrapper .business-menu,
.business-wrapper .digitization-menu,
#content .digitization-wrapper .business-menu,
#content .digitization-wrapper .digitization-menu, .digitization-wrapper .business-menu,
.digitization-wrapper .digitization-menu {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0; }
  #content .business-wrapper .business-menu.fixed,
  #content .business-wrapper .digitization-menu.fixed, .business-wrapper .business-menu.fixed,
  .business-wrapper .digitization-menu.fixed,
  #content .digitization-wrapper .business-menu.fixed,
  #content .digitization-wrapper .digitization-menu.fixed, .digitization-wrapper .business-menu.fixed,
  .digitization-wrapper .digitization-menu.fixed {
    position: fixed;
    top: 0;
    z-index: 2000; }
    #content .business-wrapper .business-menu.fixed + .image-wrapper-wrapper,
    #content .business-wrapper .digitization-menu.fixed + .image-wrapper-wrapper, .business-wrapper .business-menu.fixed + .image-wrapper-wrapper,
    .business-wrapper .digitization-menu.fixed + .image-wrapper-wrapper,
    #content .digitization-wrapper .business-menu.fixed + .image-wrapper-wrapper,
    #content .digitization-wrapper .digitization-menu.fixed + .image-wrapper-wrapper, .digitization-wrapper .business-menu.fixed + .image-wrapper-wrapper,
    .digitization-wrapper .digitization-menu.fixed + .image-wrapper-wrapper {
      margin-top: 60px; }
    @media screen and (max-width: 640px) {
      #content .business-wrapper .business-menu.fixed + .image-wrapper-wrapper,
      #content .business-wrapper .digitization-menu.fixed + .image-wrapper-wrapper, .business-wrapper .business-menu.fixed + .image-wrapper-wrapper,
      .business-wrapper .digitization-menu.fixed + .image-wrapper-wrapper,
      #content .digitization-wrapper .business-menu.fixed + .image-wrapper-wrapper,
      #content .digitization-wrapper .digitization-menu.fixed + .image-wrapper-wrapper, .digitization-wrapper .business-menu.fixed + .image-wrapper-wrapper,
      .digitization-wrapper .digitization-menu.fixed + .image-wrapper-wrapper {
        margin-top: 100px; } }
  #content .business-wrapper .business-menu:after,
  #content .business-wrapper .digitization-menu:after, .business-wrapper .business-menu:after,
  .business-wrapper .digitization-menu:after,
  #content .digitization-wrapper .business-menu:after,
  #content .digitization-wrapper .digitization-menu:after, .digitization-wrapper .business-menu:after,
  .digitization-wrapper .digitization-menu:after {
    content: "";
    display: table;
    clear: both; }
  #content .business-wrapper .business-menu li,
  #content .business-wrapper .digitization-menu li, .business-wrapper .business-menu li,
  .business-wrapper .digitization-menu li,
  #content .digitization-wrapper .business-menu li,
  #content .digitization-wrapper .digitization-menu li, .digitization-wrapper .business-menu li,
  .digitization-wrapper .digitization-menu li {
    float: left;
    display: block;
    width: 16.66667%;
    background: #c2c2c2;
    padding: 0;
    text-align: center;
    height: 40px;
    line-height: 40px !important; }
    @media screen and (max-width: 640px) {
      #content .business-wrapper .business-menu li,
      #content .business-wrapper .digitization-menu li, .business-wrapper .business-menu li,
      .business-wrapper .digitization-menu li,
      #content .digitization-wrapper .business-menu li,
      #content .digitization-wrapper .digitization-menu li, .digitization-wrapper .business-menu li,
      .digitization-wrapper .digitization-menu li {
        width: 33.33333%; } }
    #content .business-wrapper .business-menu li.energy,
    #content .business-wrapper .digitization-menu li.energy, .business-wrapper .business-menu li.energy,
    .business-wrapper .digitization-menu li.energy,
    #content .digitization-wrapper .business-menu li.energy,
    #content .digitization-wrapper .digitization-menu li.energy, .digitization-wrapper .business-menu li.energy,
    .digitization-wrapper .digitization-menu li.energy {
      background: #ffa124; }
    #content .business-wrapper .business-menu li.material,
    #content .business-wrapper .digitization-menu li.material, .business-wrapper .business-menu li.material,
    .business-wrapper .digitization-menu li.material,
    #content .digitization-wrapper .business-menu li.material,
    #content .digitization-wrapper .digitization-menu li.material, .digitization-wrapper .business-menu li.material,
    .digitization-wrapper .digitization-menu li.material {
      background: #b0ca07; }
    #content .business-wrapper .business-menu li.water,
    #content .business-wrapper .digitization-menu li.water, .business-wrapper .business-menu li.water,
    .business-wrapper .digitization-menu li.water,
    #content .digitization-wrapper .business-menu li.water,
    #content .digitization-wrapper .digitization-menu li.water, .digitization-wrapper .business-menu li.water,
    .digitization-wrapper .digitization-menu li.water {
      background: #00a5db; }
    #content .business-wrapper .business-menu li.area,
    #content .business-wrapper .digitization-menu li.area, .business-wrapper .business-menu li.area,
    .business-wrapper .digitization-menu li.area,
    #content .digitization-wrapper .business-menu li.area,
    #content .digitization-wrapper .digitization-menu li.area, .digitization-wrapper .business-menu li.area,
    .digitization-wrapper .digitization-menu li.area {
      background: #3bc4f1; }
    #content .business-wrapper .business-menu li.bio,
    #content .business-wrapper .digitization-menu li.bio, .business-wrapper .business-menu li.bio,
    .business-wrapper .digitization-menu li.bio,
    #content .digitization-wrapper .business-menu li.bio,
    #content .digitization-wrapper .digitization-menu li.bio, .digitization-wrapper .business-menu li.bio,
    .digitization-wrapper .digitization-menu li.bio {
      background: #2a7600; }
    #content .business-wrapper .business-menu li a,
    #content .business-wrapper .digitization-menu li a, .business-wrapper .business-menu li a,
    .business-wrapper .digitization-menu li a,
    #content .digitization-wrapper .business-menu li a,
    #content .digitization-wrapper .digitization-menu li a, .digitization-wrapper .business-menu li a,
    .digitization-wrapper .digitization-menu li a {
      color: #fff;
      display: block; }
      #content .business-wrapper .business-menu li a.active,
      #content .business-wrapper .digitization-menu li a.active, .business-wrapper .business-menu li a.active,
      .business-wrapper .digitization-menu li a.active,
      #content .digitization-wrapper .business-menu li a.active,
      #content .digitization-wrapper .digitization-menu li a.active, .digitization-wrapper .business-menu li a.active,
      .digitization-wrapper .digitization-menu li a.active {
        text-decoration: underline;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.5);
        z-index: 100;
        position: relative; }

#content .business-wrapper .prozesskette li, .business-wrapper .prozesskette li,
#content .digitization-wrapper .prozesskette li, .digitization-wrapper .prozesskette li {
  display: none; }

#content .business-wrapper .image-wrapper-wrapper, .business-wrapper .image-wrapper-wrapper,
#content .digitization-wrapper .image-wrapper-wrapper, .digitization-wrapper .image-wrapper-wrapper {
  position: relative; }
  #content .business-wrapper .image-wrapper-wrapper > div:not(:first-child), .business-wrapper .image-wrapper-wrapper > div:not(:first-child),
  #content .digitization-wrapper .image-wrapper-wrapper > div:not(:first-child), .digitization-wrapper .image-wrapper-wrapper > div:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
  #content .business-wrapper .image-wrapper-wrapper img, .business-wrapper .image-wrapper-wrapper img,
  #content .digitization-wrapper .image-wrapper-wrapper img, .digitization-wrapper .image-wrapper-wrapper img {
    width: 100%;
    height: auto; }

#content .digitization-wrapper > strong, .digitization-wrapper > strong {
  font-size: 18px;
  display: block;
  text-align: center;
  margin-bottom: 10px; }

#content .digitization-wrapper #inner svg, .digitization-wrapper #inner svg {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 23%;
  left: 34%; }

#content .digitization-wrapper .digitization-menu li, .digitization-wrapper .digitization-menu li {
  width: 20%;
  height: 50px;
  line-height: 1.4 !important;
  background: #00a5db; }
  @media screen and (max-width: 640px) {
    #content .digitization-wrapper .digitization-menu li, .digitization-wrapper .digitization-menu li {
      width: 50%; } }
  #content .digitization-wrapper .digitization-menu li.provider, .digitization-wrapper .digitization-menu li.provider {
    background: #b0ca07; }
  #content .digitization-wrapper .digitization-menu li.supply, .digitization-wrapper .digitization-menu li.supply {
    background: #929292; }
  #content .digitization-wrapper .digitization-menu li.customer, .digitization-wrapper .digitization-menu li.customer {
    background: #c2c2c2; }
  #content .digitization-wrapper .digitization-menu li.merchant, .digitization-wrapper .digitization-menu li.merchant {
    background: #2a7600; }
  #content .digitization-wrapper .digitization-menu li.inner-business-digital, .digitization-wrapper .digitization-menu li.inner-business-digital {
    background: #3bc4f1; }
  #content .digitization-wrapper .digitization-menu li a, .digitization-wrapper .digitization-menu li a {
    display: block;
    height: 40px;
    padding: 5px 0; }

#content .digitization-wrapper .digitization-submenu, .digitization-wrapper .digitization-submenu {
  margin-bottom: 0;
  opacity: 0;
  position: static !important; }
  #content .digitization-wrapper .digitization-submenu.show, .digitization-wrapper .digitization-submenu.show {
    opacity: 1; }
  #content .digitization-wrapper .digitization-submenu li, .digitization-wrapper .digitization-submenu li {
    width: 50%;
    height: 30px; }
    #content .digitization-wrapper .digitization-submenu li a, .digitization-wrapper .digitization-submenu li a {
      height: 20px; }

#content .digitization-wrapper .image-wrapper .detail-view, .digitization-wrapper .image-wrapper .detail-view {
  display: none;
  position: absolute;
  border: 2px solid #ffa124;
  box-shadow: 0 0 10px 2px grey;
  background: #fff;
  top: 0;
  left: 0; }

#content .digitization-wrapper .image-wrapper[data-zoom="planning"] #detail-planning, .digitization-wrapper .image-wrapper[data-zoom="planning"] #detail-planning {
  display: block;
  top: 20px;
  left: 0; }

#content .digitization-wrapper .image-wrapper[data-zoom="collaboration"] #detail-collaboration, .digitization-wrapper .image-wrapper[data-zoom="collaboration"] #detail-collaboration {
  display: block;
  top: 60px;
  left: 0; }

#content .digitization-wrapper .image-wrapper[data-zoom="quality"] #detail-quality, .digitization-wrapper .image-wrapper[data-zoom="quality"] #detail-quality {
  display: block;
  top: 140px;
  left: 300px; }

#content .digitization-wrapper .image-wrapper[data-zoom="product"] #detail-product, .digitization-wrapper .image-wrapper[data-zoom="product"] #detail-product {
  display: block;
  top: 80px;
  left: 0; }

#content .digitization-wrapper .image-wrapper[data-zoom="logistic"] #detail-logistic, .digitization-wrapper .image-wrapper[data-zoom="logistic"] #detail-logistic {
  display: block;
  top: 30px;
  left: 300px; }

#content .digitization-wrapper .image-wrapper[data-zoom="maintenance"] #detail-maintenance, .digitization-wrapper .image-wrapper[data-zoom="maintenance"] #detail-maintenance {
  display: block;
  top: 199px;
  left: 160px; }

#content .digitization-wrapper .image-wrapper[data-zoom="information"] #detail-information, .digitization-wrapper .image-wrapper[data-zoom="information"] #detail-information {
  display: block;
  top: 80px;
  left: 250px; }

#content .digitization-wrapper .image-wrapper[data-zoom="control"] #detail-control, .digitization-wrapper .image-wrapper[data-zoom="control"] #detail-control {
  display: block;
  top: 115px;
  left: 295px; }

#content .digitization-wrapper .image-wrapper[data-zoom="management"] #detail-management, .digitization-wrapper .image-wrapper[data-zoom="management"] #detail-management {
  display: block;
  top: 80px;
  left: 200px; }

.business-accordeon,
.digitization-accordeon {
  max-width: 100%;
  padding-top: 0; }

#prozesskette-digitization {
  display: block;
  width: 940px;
  height: 441px;
  position: relative;
  padding: 0 5px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 0;
  position: static;
  width: 0; }
  #prozesskette-digitization > li {
    background: none;
    width: auto;
    padding: 0; }
    #prozesskette-digitization > li.text-only em:after {
      background-color: #b6ce60;
      border: 1px solid #a3c03b;
      box-shadow: 0 0 2px #a3c03b; }
    #prozesskette-digitization > li em {
      text-align: center;
      display: block;
      position: absolute;
      z-index: 1; }
      #prozesskette-digitization > li em:after {
        background-color: #0090d4;
        content: "i";
        color: #fff;
        position: absolute;
        top: 0;
        left: 5px;
        font-size: 15px;
        font-weight: bold;
        border-radius: 15px;
        width: 15px;
        height: 15px;
        z-index: 2;
        line-height: 15px;
        border: 1px solid #006da1;
        box-shadow: 0 0 2px #006da1; }
      #prozesskette-digitization > li em > a, #prozesskette-digitization > li em > span {
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 15px;
        position: relative;
        top: 0;
        left: 4px;
        z-index: 1;
        padding: 1px 3px 1px 25px;
        border-radius: 10px;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.8);
        display: none; }
      #prozesskette-digitization > li em:hover {
        z-index: 2; }
        #prozesskette-digitization > li em:hover > a, #prozesskette-digitization > li em:hover > span {
          display: block; }
    #prozesskette-digitization > li.active {
      z-index: 31; }
      #prozesskette-digitization > li.active a.open_layer, #prozesskette-digitization > li.active span {
        color: #000; }
    #prozesskette-digitization > li .process_information_bridge {
      display: none !important; }
    #prozesskette-digitization > li div.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      min-height: 0;
      padding: 5px !important;
      width: 702px;
      left: 23px;
      top: 48px;
      z-index: 100;
      color: #000000;
      display: none;
      position: absolute; }
    #prozesskette-digitization > li div.process_information ul li {
      font-size: 12px !important;
      line-height: 18px !important; }
    #prozesskette-digitization > li div.process_information p {
      font-size: 12px !important;
      line-height: 18px !important;
      color: #595959 !important;
      padding: 0 0 0 0.2em; }
    #prozesskette-digitization > li div.process_information h1 {
      font-family: "cabinmedium";
      color: #0099cc;
      font-size: 22px;
      font-weight: 400;
      padding: 0.2em 0.2em 0.2em; }
    #prozesskette-digitization > li ul.process_information {
      background: #fff;
      border: 3px solid #e5f2f8;
      border-radius: 3px;
      box-shadow: 0 0 5px #666;
      width: 200px;
      min-height: 0;
      padding: 5px !important;
      left: 23px;
      top: 48px; }
      #prozesskette-digitization > li ul.process_information li {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 center;
        margin: 0; }
        #prozesskette-digitization > li ul.process_information li.project_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_project.png); }
        #prozesskette-digitization > li ul.process_information li.bvt_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_bvt.png); }
        #prozesskette-digitization > li ul.process_information li.video_count {
          background-image: url(/typo3conf/ext/process_chains/Resources/Public/img/icon_video.png); }
        #prozesskette-digitization > li ul.process_information li a {
          line-height: 1.5;
          color: #000; }
  #prozesskette-digitization li#planning {
    top: 160px;
    left: 69px; }
  #prozesskette-digitization li#quality {
    top: 392px;
    left: 625px; }
  #prozesskette-digitization li#product {
    top: 413px;
    left: 69px; }
  #prozesskette-digitization li#logistic {
    top: 348px;
    left: 499px; }
  #prozesskette-digitization li#collaboration {
    top: 248px;
    left: 40px; }
  #prozesskette-digitization li#maintenance {
    top: 400px;
    left: 323px; }
  #prozesskette-digitization li#information {
    top: 375px;
    left: 228px; }
  #prozesskette-digitization li#control {
    top: 384px;
    left: 353px; }
  #prozesskette-digitization li#management {
    top: 393px;
    left: 198px; }
  #prozesskette-digitization li ul {
    display: none !important; }
  #prozesskette-digitization[data-zoom] > li em:after {
    display: none; }
  #prozesskette-digitization[data-zoom] > li a {
    display: block;
    color: #077ca2;
    background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -9 448 512"><path fill="%23077ca2" d="M413.1 222.5l22.2 22.2c9.4 9.4 9.4 24.6 0 33.9L241 473c-9.4 9.4-24.6 9.4-33.9 0L12.7 278.6c-9.4-9.4-9.4-24.6 0-33.9l22.2-22.2c9.5-9.5 25-9.3 34.3.4L184 343.4V56c0-13.3 10.7-24 24-24h32c13.3 0 24 10.7 24 24v287.4l114.8-120.5c9.3-9.8 24.8-10 34.3-.4z"></path></svg>') 96% center no-repeat;
    text-decoration: underline;
    padding: 5px 27px 5px 10px;
    background-size: 13px auto;
    border-radius: 0; }
  #prozesskette-digitization[data-zoom="planning"] li#planning {
    top: 362px;
    left: 398px; }
  #prozesskette-digitization[data-zoom="collaboration"] li#collaboration {
    top: 415px;
    left: 349px; }
  #prozesskette-digitization[data-zoom="quality"] li#quality {
    top: 411px;
    left: 663px; }
  #prozesskette-digitization[data-zoom="product"] li#product {
    top: 425px;
    left: 390px; }
  #prozesskette-digitization[data-zoom="logistic"] li#logistic {
    top: 432px;
    left: 524px; }
  #prozesskette-digitization[data-zoom="maintenance"] li#maintenance {
    top: 414px;
    left: 628px; }
  #prozesskette-digitization[data-zoom="information"] li#information {
    top: 434px;
    left: 366px; }
  #prozesskette-digitization[data-zoom="control"] li#control {
    top: 439px;
    left: 574px; }
  #prozesskette-digitization[data-zoom="management"] li#management {
    top: 434px;
    left: 333px; }

/** Prozesscontainer **/
.prozessdaten {
  display: none;
  font-size: 12px;
  color: #eaeaea; }

.prozessaccordion {
  margin: 0; }

.prozessaccordion div {
  display: none; }

.prozessaccordion p {
  margin: 1em 0 0 0; }

.prozessaccordion a.projektdetails {
  color: #0099CC;
  float: right;
  margin-top: 1em;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_overlay.png) -135px -470px no-repeat;
  padding-left: 17px; }

.prozessdaten ul,
.prozessdaten ol {
  padding: 0;
  margin: 0 0 0.5em 0; }

.prozessdaten ol {
  padding-left: 25px; }

.prozessdaten ul li {
  margin: 0 0 0.25em;
  list-style-type: none;
  padding: 0 0 0 15px;
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_overlay.png) -155px -313px no-repeat; }
  .prozessdaten ul li:last-child {
    margin-bottom: 0; }

.prozessdaten ol li {
  list-style-type: decimal; }

.prozessdaten table {
  margin: 0.5em 0; }

.prozessdaten table td {
  padding: 3px 5px 3px 0;
  border-bottom: 1px solid #999; }

/* Abstaende und Groesse der Schrift */
body .prozessdaten p {
  margin-bottom: 0.5em !important;
  padding: 0 !important; }

.prozessdaten ul p {
  margin: 0;
  padding: 0; }

.ui-tabs .ui-tabs-nav li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.metainfo {
  position: relative;
  margin-bottom: 0.5em; }

span.tag {
  padding-left: 10px; }

strong.second {
  position: absolute;
  left: 240px; }

span.second-tag {
  position: absolute;
  left: 310px; }

.ui-dialog {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  border: 4px solid #E4F1F6;
  -moz-box-shadow: 2px 2px 6px #939393;
  -webkit-box-shadow: 2px 2px 6px #939393;
  box-shadow: 2px 2px 6px #939393;
  font-size: 75%;
  padding: 0; }

.ui-dialog .ui-dialog-content {
  overflow-x: hidden; }

.ui-widget-header {
  border: 0;
  background: transparent;
  color: #0099CC;
  font-size: 13px;
  font-weight: bold; }

.accordion-filter input {
  margin: 0;
  padding: 0; }

.accordion-filter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px; }

.accordion-filter ul li {
  display: inline-block;
  background: transparent;
  margin: 0 10px 0 0;
  padding: 0; }

.accordion-filter ul li label {
  display: inline-block;
  opacity: 0.5; }

.accordion-filter ul li label * {
  vertical-align: bottom; }

.accordion-filter ul li label.active {
  opacity: 1; }

.accordion-filter ul li span {
  line-height: 23px;
  display: inline-block; }

.ui-accordion .ui-accordion-header {
  background: #eaeaea;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  height: 36px;
  margin: 0;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #D3D3D3; }

.ui-accordion .ui-accordion-header.ui-state-active,
.ui-accordion .ui-accordion-header.ui-state-active a {
  cursor: text;
  color: #0099cc; }

.ui-accordion .ui-accordion-header a {
  padding: 0 70px 0 25px;
  color: #595959;
  line-height: 15px;
  height: 36px;
  font-size: 12px;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle; }

.accordion-filter label .icon,
.ui-accordion .ui-accordion-header .icon1,
.ui-accordion .ui-accordion-header .icon2 {
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_overlay.png) 0 0 no-repeat;
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 5px; }

.ui-accordion .ui-accordion-header .icon2 {
  right: 35px; }

.accordion-filter label .icon {
  position: static;
  height: 30px;
  width: 30px;
  display: inline-block;
  margin-top: -3px;
  margin-right: 0px;
  margin-left: -5px; }

.ui-accordion .ui-accordion-header .rohstoffeinsparung,
.accordion-filter label.rohstoffeinsparung .icon {
  background-position: 10px -1631px; }

.ui-accordion .ui-accordion-header .rohstoffeinsparung.active,
.ui-accordion .ui-accordion-header .rohstoffeinsparung:hover {
  background-position: -108px -1631px; }

.ui-accordion .ui-accordion-header .umweltentlastung,
.accordion-filter label.umweltentlastung .icon {
  background-position: 10px -1463px; }

.ui-accordion .ui-accordion-header .umweltentlastung.active,
.ui-accordion .ui-accordion-header .umweltentlastung:hover {
  background-position: -105px -1463px; }

.ui-accordion .ui-accordion-header .abfallvermeidung,
.accordion-filter label.abfallvermeidung .icon {
  background-position: 10px -622px; }

.ui-accordion .ui-accordion-header .abfallvermeidung.active,
.ui-accordion .ui-accordion-header .abfallvermeidung:hover {
  background-position: -107px -622px; }

.ui-accordion .ui-accordion-header .energieeinsparung,
.accordion-filter label.energieeinsparung .icon {
  background-position: 10px -1294px; }

.ui-accordion .ui-accordion-header .energieeinsparung.active,
.ui-accordion .ui-accordion-header .energieeinsparung:hover {
  background-position: -99.5px -1294px; }

.ui-accordion .ui-accordion-header .innovation,
.accordion-filter label.innovation .icon {
  background-position: 10px -958px; }

.ui-accordion .ui-accordion-header .innovation.active,
.ui-accordion .ui-accordion-header .innovation:hover {
  background-position: -102px -958px; }

.ui-accordion .ui-accordion-header .kosteneinsparung,
.accordion-filter label.kosteneinsparung .icon {
  background-position: 10px -789px; }

.ui-accordion .ui-accordion-header .kosteneinsparung.active,
.ui-accordion .ui-accordion-header .kosteneinsparung:hover {
  background-position: -103.5px -789px; }

.ui-accordion .ui-accordion-header .recycling,
.accordion-filter label.recycling .icon {
  background-position: 10px -1125px; }

.ui-accordion .ui-accordion-header .recycling.active,
.ui-accordion .ui-accordion-header .recycling:hover {
  background-position: -108px -1125px; }

/** tooltip Eigenschaften **/
.jstitle {
  display: none;
  position: absolute;
  top: -22px;
  right: 0;
  padding: 3px 5px;
  background: #fff;
  border: 1px solid #919191;
  color: #919191;
  font-size: 11px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 5px #A3A3A3;
  -webkit-box-shadow: 0px 0px 5px #A3A3A3;
  box-shadow: 0px 0px 5px #A3A3A3;
  font-weight: normal; }

.ui-accordion .ui-accordion-header .ui-icon {
  left: 5px;
  top: 0;
  margin: 0;
  height: 100%; }

.ui-accordion .ui-accordion-header .zre-icon-plus {
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_overlay.png) 2px 15px no-repeat; }

.ui-accordion .ui-accordion-header .zre-icon-minus {
  background: url(/typo3conf/ext/process_chains/Resources/Public/img/sprite_prozessketten_overlay.png) 4px -144px no-repeat; }

.ui-accordion .ui-accordion-content {
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #595959;
  padding: 1em;
  margin: 0;
  border: 0; }

.ui-tabs {
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: transparent;
  border: none; }

.ui-tabs .ui-tabs-nav {
  padding: 0 0 0 1em;
  border-bottom: 1px solid #939393;
  margin: 0 -1em 1em;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.ui-tabs .ui-tabs-panel {
  padding: 0; }

.ui-tabs .ui-tabs-nav li {
  background: #eaeaea;
  border-color: #b3b3b3; }

.ui-tabs .ui-tabs-nav li a {
  color: #b3b3b3;
  font-size: 11px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: #fff;
  border-color: #b3b3b3; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #b3b3b3; }

/** Best practice **/
div.best-practice {
  display: none; }

.bvtaccordion .source {
  width: 70%;
  padding: 0 !important; }

.bvtaccordion div {
  display: none; }

.bvtaccordion .source img {
  position: absolute;
  right: 1em;
  bottom: 20px; }

/** Logos **/
/** Videocontainer **/
.video-container-wrapper iframe {
  margin: 0 70px;
  margin-bottom: 1em;
  *margin: auto;
  /* ie7 hack gegen scrollbars */
  padding: 0; }

/** Helper **/
.displayNone {
  display: none; }

/* Statusbar */
#content .selfcheck-statusbar-wrapper,
.content .selfcheck-statusbar-wrapper{margin: 0 0 10px 0;}
#content ul.selfcheck-statusbar,
.content ul.selfcheck-statusbar {height: 35px; background: transparent url(/typo3conf/ext/selfcheck_material_efficiency/Resources/Public/img/bg_statusbar4.png) center 0 no-repeat; list-style-type: none; margin: 0; padding: 0;}
#content ul.selfcheck-statusbar li,
.content ul.selfcheck-statusbar li{float: left; width: 50%; margin: 0; padding: 0; list-style-type: none; line-height: 36px; text-align: center; color: #fff; font-weight: bold; background: transparent;}
#content ul.selfcheck-statusbar li a,
.content ul.selfcheck-statusbar li a{color: #fff; font-weight: bold; text-decoration: underline;}
#content ul.selfcheck-statusbar-question a.questions,
.content ul.selfcheck-statusbar-question a.questions{text-decoration: none;}
#content ul.selfcheck-statusbar-result,
.content ul.selfcheck-statusbar-result{background-position: center -0px;}
#content ul.selfcheck-statusbar-result a.result,
.content ul.selfcheck-statusbar-result a.result{text-decoration: none;}
#content ul.selfcheck-statusbar-details,
.content ul.selfcheck-statusbar-details{background-position: center -36px;}
#content ul.selfcheck-statusbar-details a.details,
.content ul.selfcheck-statusbar-details a.details{text-decoration: none;}

#content .sc-result-detail-information em,
.content .sc-result-detail-information em{font-style: italic;}
#content .sc-result-detail-information ul ul,
.content .sc-result-detail-information ul ul{margin-bottom: 0;}

.selfcheck-wrapper h1 {height: 65px;}

/* Startseite */
#selfcheckform .submit-button {margin-right: 10px;}

/* Detailseite */
.sc-result-detail-information-text h2 {font-size: 1.1em; padding: 0.5em 0; font-weight: bold;}
.sc-result-detail-information-text h3 {padding: 0.5em 0;}
.sc-result-detail-information-text p {padding: 0 0 1em 0; margin-top: 1em; line-height: 20px;}
#content .sc-result-detail-information-text ul,
.content .sc-result-detail-information-text ul{padding: 1em 0; list-style-type: disc; margin-left: 20px;}
.content .sc-result-detail-information-text ul ul {list-style-type: circle;}
.sc-result-detail-information-text .img-wrapper {float:right; margin: .5em 0 10px 10px;}
p.source {font-size: 0.9em; text-align: left;}
.sc-show-more {display: none;}
.hideOnPdf .more-link {font-weight: bold; text-decoration: underline;}
.no-padding {padding: 0 !important;}
a.link-more-information {text-decoration: underline;}
span.sc-pdf-download-text {width: 80%;}

/* Beispiele mit Listen brauchen weniger Platz*/
div.sc-result-detail-information-text.sc-result-example-text div ul.tm {padding: 0 !important;}

/* Spezielle Formatierungen fuer den KH Energieverbrauchskennwerte Check */
#sc-answers-bed_count .no-quantity {display: none;}
#sc-result-detail-energy .sc-answers-lights ol#sc-answers-bed_count {background-image: url(''); }

/* Standardelemente */
.selfcheck-wrapper sub {vertical-align: sub; font-size: 70%; bottom: 0;}
.selfcheck-wrapper sup {font-size: 70%;}
.selfcheck-wrapper h4 {font-style: italic;}
.selfcheck-wrapper form ol {list-style-type: none;}
div.content .selfcheck-wrapper ul li {background: transparent; font-size: 1em;}

/** Altes Layout im neuen System teilweise nachbauen **/
.content .block {-moz-box-shadow: 0px 3px 3px #BFBFBF; -webkit-box-shadow: 0px 3px 3px #BFBFBF; box-shadow: 0px 3px 3px #BFBFBF;} /** Schatten aus dem alten System fuer das neue umgesetzt **/
.content .sc-block ol.sc-answers {margin: 0 0 10px 13.5%; padding: 0;}
.content .sc-block ol.sc-answers li {margin-bottom: .25em;}
.content .sc-block ol.sc-answers input {float: left;}
.content .sc-block ol.sc-answers label {display: block; margin-left: 25px; *display: inline; *margin-left: 0;}
.selfcheck-wrapper p,
.selfcheck-wrapper a.button-link,
div.content ul.selfcheck-statusbar li {font-size: 1em;}

/* Tools & Methods Formatierung */
#content ul.tm.inner, .content ul.tm.inner, ol.tm.inner, .content ol.tm.inner{list-style: circle; padding: 0.5em 0;}
#content ul.tm.more-inner, .content ul.tm.more-inner, .content ol.tm.more-inner, .content ol.tm.more-inner{list-style: square; padding: 0.2em 0;}
#content ul.tm li, .content ul.tm li, #content ol.tm li, .content ol.tm li{padding: 0.5em 0 0 0; line-height: 20px;}
#content ul.tm ul ul, .content ul.tm ul ul {list-style-type: disc;}
#content ol.tm ul, .content ol.tm ul {list-style-type: disc;}

/* die Quellen der Checks muessen formatiert werden, da das aeussere CSS das Standardverhalten aendert */
#content ul.check-sources, .content ul.check-sources {
	list-style-type: disc !important;
   	margin-left: 20px !important;
    padding: 0 !important;
}
/* die Quellen der Checks muessen formatiert werden, da das aeussere CSS das Standardverhalten aendert */
#content ul.check-sources li, .content ul.check-sources li { padding: 0 !important;}

#content div.sc-sources {display: none;}

/** Statistische Fragen am Ende **/
.sc-input-row {padding-left: 13.5%;}
.sc-input-row label {display: inline-block; width: 25%;}
.sc-input-row input,
.sc-input-row select {display: inline-block; width: 30%;}
.sc-input-row input {width: 15%;}

/* Hochstellung fuer chem. Zeichen  - besserer Weg, da dompdf die Schrift nicht kleiner skaliert */
span.superscript {
}

div.bottom-space {
}

/* umbrechen ist für bestimmte Texte (z. B. 10 %) nicht erlaubt*/
span.nobr{white-space: nowrap;}

/* Produktionsinfrastruktur Sonderregeln */
#component-cleaning-table{border-width: 1px; border-style: solid;}
#component-cleaning-table table {margin: 0 0 15px !important; }
#component-cleaning-table td, tr {border: 1px solid; vertical-align: middle;}
#component-cleaning-table td p{margin-top: 0.5em; padding: 0 0 0.5em;}
.component-cleaning-table-inner td, tr {border: 0 !important;}
.component-cleaning-table-inner td{padding: 5px 5px 2px 5px !important;}
.thead {text-align: center; font-weight: bold;}

#lighting-formular-one {margin-left: 100px;}
#lighting-formular-two, #lighting-formular-three {margin-left: 50px;}
#lighting-formular-four {margin-left: 80px; margin-top: 2px;}
ul.example-list {margin: 3px 0 0 14px !important; padding: 0 !important;}
ul.example-list li {padding: 0 !important;}
ol.example-list {padding: 0 !important;}
ol.example-list li {padding: 0.5em 0 0 0; line-height: 20px;}
span.example-headline{text-decoration: underline; font-weight: bold;}

/* Herstellung von Druckerzeugnissen Sonderregeln */
#paper-waste-management-table{ margin: 0 0 5px !important;}
#paper-waste-management-table tbody tr {background-color: transparent !important;}
#paper-waste-management-table tbody td {border-bottom: transparent !important;}
/**
 * Alle Styles die speziell fuer die ZRE eigene Suche gesetzt werden
 *
 * @author Oliver Albrecht info@webwork-albrecht.de
 */

/**
 * Die Uebersichtsseite
 *
 */

/** Suchformular **/
.zs-form-wrapper {background: #EAEAEA; padding: 2px 0; margin-bottom: 1em;}
.zs-fulltextsearch {background: #EAEAEA; border: 1px solid #fff; border-width: 2px 0; padding: 7px;}
.zs-first-label {width: 10%; float: left; display: block; font-weight: bold;}
.zs-search-inputs {margin-left: 10%;}
.zs-fulltextsearch .zs-text {width: 75%; background: url("/fileadmin/templates/vdi-templates/img/input_bg.png") repeat-x scroll 0 0 transparent; border: 1px solid #BBBBBB; color: #595959; padding: 1px 2px;}
.zs-checkbox-list {padding: 10px 0 0 10%;}
.zs-checkbox-list .checkbox {margin: 0 5px 0 0; padding: 0; vertical-align: middle;}
.zs-checkbox-list label {margin-right: 30px;}
#zs-error-noinput,
#zs-error-nocheckbox {display: none; margin:1em 0 0 15%; color: red;}
form .zs-hint {margin:1em 0 0 0; padding-bottom: 0;}

/** Liste mit der Zusammenfassung **/
.search-result-overview {display: none; margin-bottom: 1em;}
.search-result-overview a {display: none;}
.zs-overview-label {display: block;}
.zs-result .search-result-overview ul {display: none;}
.search-result-overview ul {list-style-type: none !important; font-size: .9em; margin-top: 10px;}
.search-result-overview ul li {float: left; margin-right: 2em; padding-right: 2em; border-right: 1px solid #595959; line-height: 1em;}
.search-result-overview ul li a {color: #595959;}
.search-result-overview ul li.active a {color: #0099CC}

/** Die Ergebnislisten **/
#zs-result-container {margin: 0 -4px;}
.zs-result-list {float: left; width: 50%; min-height: 200px; display: none;}
.zs-result-list-loading {background: url(/typo3conf/ext/zre_search/Resources/Public/img/ajax-loader.gif) center no-repeat;}
.zs-result-list ul {list-style-type: none; margin: 0 0 10px 0; padding:0;}
.zs-result-list li {border-bottom: 1px solid #D9D8D8; margin-top: 10px; padding:0 8px 10px 8px;}
.zs-result-list li p.icon {margin-left: 8px;}
#zs-result-container .contentbox {width: 326px; margin: 0 4px 8px; padding-bottom: 33px; position: relative;}
.zs-result-list em, #zs-result em {background: #EAEAEA; font-weight: bold;}
.zs-result-list .error, #zs-result .error  {color: red; margin: 50px 15px 0 15px; text-align: center;}
.zs-result-list h3 {margin: 0 !important;}
.zs-result-list h3 a {color: #fff; }
.zs-result-list h3 span {font-weight: normal;}
.zs-result-list h4 {background: url("/fileadmin/templates/vdi-templates/img/iconSprite.gif") no-repeat scroll 0 -52px transparent; padding: 2px 0 4px 8px; font-size: 0.9em;}
.zs-result-list h4 span {font-weight: normal;}
.zs-result-list span.blaueBox {float: right; padding-right: 0; position: absolute; bottom: 10px; right: 5px;}
.zs-result-list span.blaueBox a {float: right; background-position: 100% -449px; padding: 0 20px 0 0;}
    
/** Wissensliste **/
.zs-knownledgelist .teaser,
.zs-knownledgelist .category {padding:0 0 .5em 0;}
.zs-knownledgelist .category strong {float: left; width: 70px;}
.zs-knownledgelist .category span {display: block; margin-left: 70px;}
.zs-knownledgelist .more-link {float: right;}
.zs-knownledgelist .technology {padding:0 0 .5em 0;}

/** Projektliste **/
.zs-projectlist .teaser,
.zs-projectlist .category {padding:0 0 .5em 0;}
.zs-projectlist .category strong {float: left; width: 70px;}
.zs-projectlist .category span {display: block; margin-left: 70px;}
.zs-projectlist .more-link {float: right;}

/** Adressliste **/
.zs-addresslist p {margin: 0 0 5px 0; padding: 0 0 0 15px;}
.zs-addresslist p.category {padding: 0;}
.zs-addresslist .more-link {float: right;}

/** Videolist **/
.zs-videolist .external-link {float: right; font-weight: bold;}
.zs-videolist img {float: right; margin: 0 0 5px 5px;}
.zs-videolist h4 {line-height: 1em; padding: 0 0 0 8px; background-position: 0 -56px; margin-bottom: 5px;}

/** Themensuchseite **/
#zs-result {min-height: 100px;}
#zs-result h3 {color: #0099CC; font-size: 1.1em;}
.zs-left-container {float: left; width: 25%;}
.zs-right-container {float: left; width: 35%;}
.zs-result-single {margin-top: 2em;}
.zs-result-single h4 {margin-bottom: .5em; font-size: .9em;}
.zs-result-single h4 span {font-weight: normal;}
.zs-result-single li {padding-bottom: 3px; margin-bottom: 20px; border-bottom: 1px solid #D9D8D8; list-style-type: none;}
.zs-result-single .category strong {width: 100px;}
.zs-result-single .category span {margin-left: 100px;}
.zs-result-single .blauerPfeilRechts a {font-weight: bold;}
.zs-show-more {display: block; width: 100%; border-bottom: 1px dotted #D9D8D8; font-size: 1.2em; text-align: center; padding: 0 0 20px 0;}
.zs-show-more.loading {background: url(/typo3conf/ext/zre_search/Resources/Public/img/ajax-loader.gif) center no-repeat; text-indent: -100000px;}

.zs-result-single-image {float: right; margin-left: 20px;}

/** Adressuche (Themensuche) **/
.zs-addresslist-single li {min-height: 200px; padding-bottom: 20px; position: relative;}
.zs-addresslist-single .zs-distance {font-weight: normal; color: #8E8E8E; font-size: .9em; display: block; margin-top: .25em;}
.zs-addresslist-single p.blauerPfeilRechts {position: absolute; bottom: 20px; left: 0; padding-bottom: 0;}

/** Filmsuche (Themensuchseite) **/
.zs-videolist-single li {padding-bottom: 20px; position: relative;}

/** Icons fuer Eigenschaften **/
.property {background: url(/typo3conf/ext/zre_search/Resources/Public/img/sprite_prozessketten_overlay.png) 0 0 no-repeat; display: block; width: 30px; height: 30px; position: relative; top: -10px;}
.zs-result-single .category span.property {margin: 0;}
.rohstoffeinsparung {background-position: 10px -1631px;}
.rohstoffeinsparung.active,
.rohstoffeinsparung:hover {background-position: -108px -1631px;}
.umweltentlastung {background-position: 10px -1463px;}
.umweltentlastung.active,
.umweltentlastung:hover {background-position: -105px -1463px;}
.abfallvermeidung {background-position: 10px -622px;}
.abfallvermeidung.active,
.abfallvermeidung:hover {background-position: -107px -622px;}
.energieeinsparung {background-position: 10px -1294px;}
.energieeinsparung.active,
.energieeinsparung:hover {background-position: -99.5px -1294px;}
.innovation {background-position: 10px -958px;}
.innovation.active,
.innovation:hover {background-position: -102px -958px;}
.kosteneinsparung {background-position: 10px -789px;}
.kosteneinsparung.active,
.kosteneinsparung:hover {background-position: -103.5px -789px;}
.recycling {background-position: 10px -1125px;}
.recycling.active,
.recycling:hover {background-position: -108px -1125px;}

/** Detailseiten **/
.column-left {float: left; width: 49%;}
.column-right {margin-left: 51%;}
.column-left .icon {margin-bottom: 5px;}

/** Videodetailseite **/
.zs-video-images a {display: inline-block; width: 32.5%; text-align: center;}

/** Helper **/
.green-button {
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #7BAA1C;
    background: #8dc321; /* Old browsers */
    background: -moz-linear-gradient(top, #8dc321 0%, #7baa1c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc321), color-stop(100%,#7baa1c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8dc321 0%,#7baa1c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8dc321 0%,#7baa1c 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #8dc321 0%,#7baa1c 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc321', endColorstr='#7baa1c',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #8dc321 0%,#7baa1c 100%); /* W3C */
}

.clear-left {clear: left;}

.displayNone  {display: none !important;}
/**
 * Styles fuer die Instrumente auf der Webseite
 *
 * @author Oliver Albrecht info@webwork-albrecht.de
 */
.zre-instrumente-filter .filter p {
  margin-bottom: 0; }
.zre-instrumente-filter .filter .item {
  margin-bottom: 10px; }
  .zre-instrumente-filter .filter .item:last-child {
    margin-bottom: 0; }
aside .zre-instrumente-filter .filter {
  box-shadow: none;
  padding: 0;
  margin: 0 !important; }
@media screen and (min-width: 480px) {
  aside .zre-instrumente-filter .filter p {
    margin-bottom: 60px; } }
@media screen and (min-width: 980px) {
  aside .zre-instrumente-filter .filter p {
    margin-bottom: 0; }
  aside .zre-instrumente-filter .filter .item {
    margin-left: 0; } }

.instrument-menu-filter .item {
  box-shadow: none;
  margin-bottom: 10px; }
  .instrument-menu-filter .item .inner {
    max-height: 300px;
    max-height: 40vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0 0 10px; }
  .instrument-menu-filter .item h3 {
    padding: 0;
    font-size: 14px;
    line-height: 20px; }
    .instrument-menu-filter .item h3 span, .instrument-menu-filter .item h3 span:hover {
      background: url("/typo3conf/ext/lf_base/Resources/Frontend/assets/img/arrowsLquer.png") right 5px no-repeat; }
    .instrument-menu-filter .item h3.active span, .instrument-menu-filter .item h3.active span:hover {
      background: url("/typo3conf/ext/lf_base/Resources/Frontend/assets/img/arrowsLquer.png") right -196px no-repeat; }

@media screen and (min-width: 480px) {
  article .zre-instrumente-filter-mobile .filter p {
    margin-bottom: 60px; } }
@media screen and (min-width: 980px) {
  .zre-instrumente-filter-mobile {
    display: none; } }
#zre-instrumente-noresults {
  display: none;
  text-align: center; }

.zre-instrumente-ergebnisse .news-list-item p {
  display: block !important; }
.zre-instrumente-ergebnisse .news-list-item.grouped {
  padding-left: 40px !important;
  border-bottom: 0 !important; }
  .zre-instrumente-ergebnisse .news-list-item.grouped > h2 {
    margin-left: -40px;
    display: none; }
    .zre-instrumente-ergebnisse .news-list-item.grouped > h2 + .news-latest-date {
      margin-left: -40px;
      margin-top: -10px;
      margin-bottom: 20px;
      display: none; }
  .zre-instrumente-ergebnisse .news-list-item.grouped.firstInGroup h2 {
    display: block; }
    .zre-instrumente-ergebnisse .news-list-item.grouped.firstInGroup h2 + .news-latest-date {
      display: block; }
  .zre-instrumente-ergebnisse .news-list-item.grouped + .not-grouped, .zre-instrumente-ergebnisse .news-list-item.grouped + .firstInGroup {
    border-top: 1px solid #c1e4f5 !important; }

@media screen and (min-width: 980px) {
  aside.fixed {
    position: fixed;
    top: 40px; } }

/*# sourceMappingURL=zre-instrumente.css.map */

/**
 * Styles fuer das Innovationsradar auf vdi-zre.de
 *
 * @author Oliver Albrecht info@webwork-albrecht.de
 */
form.innovationsradar select {width: 200px;}
/** Filter **/
form[name="foerderprogram"] hr {
  margin: 5px 0 !important; }
form[name="foerderprogram"] h3.closable {
  cursor: pointer;
  padding-bottom: 0;
  font: 400 14px/20px "cabinregular", Arial;
  background: url("/typo3conf/ext/lf_base/Resources/Frontend/assets/img/arrowsLquer.png") right 5px no-repeat; }
  form[name="foerderprogram"] h3.closable.open {
    background: url("/typo3conf/ext/lf_base/Resources/Frontend/assets/img/arrowsLquer.png") right -196px no-repeat; }
  form[name="foerderprogram"] h3.closable + .content {
    display: none; }
form[name="foerderprogram"] label {
  padding-left: 15px; }
  form[name="foerderprogram"] label input {
    margin-left: -15px; }
form[name="foerderprogram"] a {
  display: block;
  text-decoration: underline;
  margin-top: 10px;
  text-align: center; }

.tx-zre-foerderungen p {
  margin-bottom: .5em;
  padding: 0; }
.tx-zre-foerderungen .news-single-item h1 {
  font-size: 25px !important; }
.tx-zre-foerderungen h2 {
  margin-bottom: .5em;
  margin-top: 2em;
  padding: 0 !important; }
.tx-zre-foerderungen .kontakt p {
  padding: 0;
  margin: 0; }

@media screen and (max-width: 980px) {
  aside form[name="foerderprogram"] {
    display: none; } }
@media screen and (min-width: 980px) {
  article form[name="foerderprogram"] {
    display: none; } }
p.error {
  color: red; }

/*# sourceMappingURL=zre-foerderungen.css.map */

@font-face {
  font-family: 'icomoon';
  src: url("/typo3conf/ext/zre_resource_check/Resources/Public/assets/icon-font/icomoon.eot?kf6hf2");
  src: url("/typo3conf/ext/zre_resource_check/Resources/Public/assets/icon-font/icomoon.eot?kf6hf2#iefix") format("embedded-opentype"), url("/typo3conf/ext/zre_resource_check/Resources/Public/assets/icon-font/icomoon.ttf?kf6hf2") format("truetype"), url("/typo3conf/ext/zre_resource_check/Resources/Public/assets/icon-font/icomoon.woff?kf6hf2") format("woff"), url("/typo3conf/ext/zre_resource_check/Resources/Public/assets/icon-font/icomoon.svg?kf6hf2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-accordionbox_beispiele:before {
  content: "\e900"; }

.icon-accordionbox_checkliste:before {
  content: "\e901"; }

.icon-accordionbox_tools:before {
  content: "\e902"; }

.icon-button_pdf:before {
  content: "\e903"; }

.icon-button_pfeil_weiter_zurueck:before {
  content: "\e904"; }

.icon-button_prozesskette:before {
  content: "\e905"; }

.icon-icon_info:before {
  content: "\e906"; }

.icon-tickbox_tick:before {
  content: "\e907"; }

p.error {
  color: red;
  text-align: center; }

.icon_info:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906"; }

/**
 * Overwrite some TYPO3 settings
 */
.ressourcecheck {
  font: 400 16px/20px "cabinregular", Arial;
  color: #555555; }
  .ressourcecheck h1 {
    padding-bottom: 0 !important; }
  .ressourcecheck button, .ressourcecheck .button:hover, .ressourcecheck button:hover, .ressourcecheck input[type="button"]:hover, .ressourcecheck input[type="reset"]:hover, .ressourcecheck input[type="submit"]:hover {
    text-shadow: none; }

#content .topics, .topics {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: stretch;
  align-items: stretch;
  list-style-type: none;
  margin: 0 0 40px 0;
  padding: 0; }
  #content .topics li, .topics li {
    flex: 1;
    text-align: center;
    color: #0090d4;
    font-weight: bold;
    font-size: 1em;
    padding: 20px 5px;
    margin: 0;
    border-right: 1px solid #cff4fd; }
    #content .topics li:first-child, .topics li:first-child {
      border-left: 1px solid #cff4fd; }
    #content .topics li span, .topics li span {
      display: block;
      font-weight: normal;
      margin-top: 10px;
      color: #6ae2fd; }
    #content .topics li.active, .topics li.active {
      color: #ffffff;
      background: #0090d4; }
    #content .topics li.finished, .topics li.finished {
      background: #f3f9d2;
      color: #5dac33; }
      #content .topics li.finished span, .topics li.finished span {
        text-align: center;
        color: #5dac33; }
        #content .topics li.finished span:before, .topics li.finished span:before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e907"; }
  @media screen and (max-width: 640px) {
    #content .topics, .topics {
      display: block; }
      #content .topics li, .topics li {
        flex: auto;
        padding: 5px; } }

#content .questions, .questions {
  counter-reset: question; }
  #content .questions section, .questions section {
    background: #cff4fd;
    margin-bottom: 20px;
    border: 1px solid transparent;
    padding: 0;
    counter-increment: question; }
    #content .questions section:before, .questions section:before {
      display: none; }
    #content .questions section header, .questions section header {
      padding: 20px;
      position: relative; }
      #content .questions section header:before, #content .questions section header:after, .questions section header:before, .questions section header:after {
        display: none; }
      #content .questions section header span.counter, .questions section header span.counter {
        color: #ffffff;
        position: absolute;
        right: 20px;
        bottom: 12px;
        font-size: 100px; }
      #content .questions section header strong, .questions section header strong {
        font-weight: normal;
        display: block;
        margin-bottom: 20px; }
      #content .questions section header h1, .questions section header h1 {
        margin: 0;
        line-height: 1.2;
        font-size: 24px;
        padding-right: 120px;
        color: inherit; }
      #content .questions section header .icon_info, .questions section header .icon_info {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 25px;
        color: #0090d4;
        cursor: pointer; }
      #content .questions section header .help, .questions section header .help {
        font-style: italic;
        padding-right: 50px; }
    #content .questions section.error, .questions section.error {
      border-color: red; }
      #content .questions section.error strong, .questions section.error strong {
        color: red; }
    #content .questions section ul, .questions section ul {
      list-style-type: none;
      margin: 0;
      padding: 2px; }
      #content .questions section ul li, .questions section ul li {
        background: #ffffff;
        margin-bottom: 2px;
        padding: 0;
        position: relative;
        margin-left: 0; }
        #content .questions section ul li:last-child, .questions section ul li:last-child {
          margin-bottom: 0; }
        #content .questions section ul li input, .questions section ul li input {
          visibility: hidden;
          position: absolute;
          top: 13px;
          left: 13px; }
          #content .questions section ul li input:checked + label, .questions section ul li input:checked + label {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
            background: #ffffff;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
            /* IE6-9 */
            box-shadow: 0 2px 2px 0 #cecece;
            z-index: 2; }
            #content .questions section ul li input:checked + label:before, .questions section ul li input:checked + label:before {
              /* use !important to prevent issues with browser extensions that change fonts */
              font-family: 'icomoon' !important;
              speak: none;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
              text-transform: none;
              line-height: 1;
              /* Better Font Rendering =========== */
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              content: "\e907"; }
            #content .questions section ul li input:checked + label:before, .questions section ul li input:checked + label:before {
              color: #ffffff;
              background-color: #0090d4;
              font-size: 12px;
              line-height: 28px;
              text-align: center; }
        #content .questions section ul li label, .questions section ul li label {
          line-height: 30px;
          min-height: 30px;
          display: block;
          padding: 10px 10px 10px 50px;
          vertical-align: middle;
          cursor: pointer;
          z-index: 1;
          position: relative; }
          #content .questions section ul li label:hover, .questions section ul li label:hover {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
            background: #ffffff;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
            /* IE6-9 */
            box-shadow: 0 2px 2px 0 #cecece;
            z-index: 2; }
          #content .questions section ul li label:before, .questions section ul li label:before {
            content: "";
            width: 30px;
            height: 30px;
            display: block;
            margin-left: -40px;
            border-radius: 15px;
            border: 1px solid #0090d4;
            float: left;
            margin-right: 10px; }

.ressourcecheck nav {
  margin-bottom: 20px; }
  .ressourcecheck nav:after {
    clear: both;
    content: ' ';
    display: table; }
  .ressourcecheck nav .col {
    width: 50%;
    float: left; }
    .ressourcecheck nav .col:last-child {
      text-align: right;
      float: right; }
  .ressourcecheck nav a.print {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    line-height: 1;
    cursor: pointer;
    background: transparent;
    margin: 0;
    color: #0090d4;
    padding: 10px;
    border: 1px solid #0090d4;
    border-radius: 5px;
    font-weight: bold; }
    .ressourcecheck nav a.print:link, .ressourcecheck nav a.print:hover, .ressourcecheck nav a.print:visited, .ressourcecheck nav a.print:active {
      color: #0090d4; }
  .ressourcecheck nav button {
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    background: transparent;
    margin: 0;
    border: 0;
    color: #0090d4; }
    .ressourcecheck nav button:hover {
      line-height: 1; }
    .ressourcecheck nav button[type="submit"] {
      padding: 10px;
      border: 1px solid #0090d4;
      border-radius: 5px;
      font-weight: bold; }
      .ressourcecheck nav button[type="submit"]:not(.restart):after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e904"; }
      .ressourcecheck nav button[type="submit"]:not(.restart):after {
        padding-left: 15px;
        font-size: 14px;
        vertical-align: middle; }
      .ressourcecheck nav button[type="submit"]:hover, .ressourcecheck nav button[type="submit"]:active, .ressourcecheck nav button[type="submit"]:focus, .ressourcecheck nav button[type="submit"].last {
        background: #0090d4;
        color: #ffffff; }
      .ressourcecheck nav button[type="submit"].pdf {
        cursor: pointer; }
        .ressourcecheck nav button[type="submit"].pdf:after {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'icomoon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "\e903"; }
    .ressourcecheck nav button[type="button"] {
      padding: 10px 0;
      line-height: 18px; }
      .ressourcecheck nav button[type="button"]:not(.literature):before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e904"; }
      .ressourcecheck nav button[type="button"]:not(.literature):before {
        transform: rotate(180deg);
        display: inline-block;
        padding-left: 10px;
        font-size: 12px; }
      .ressourcecheck nav button[type="button"].literature:after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e904"; }
      .ressourcecheck nav button[type="button"].literature:after {
        padding-left: 6px;
        font-size: 12px; }

#content .main-result, .main-result {
  background: #0090d4;
  color: #ffffff;
  padding: 20px;
  margin-bottom: 20px; }
  #content .main-result h2, .main-result h2 {
    margin: 0 0 20px 0;
    font-weight: normal;
    font-size: 1rem;
    color: #ffffff;
    padding-bottom: 0; }
  #content .main-result .result-text p, .main-result .result-text p {
    font-weight: normal;
    font-size: 1.5rem;
    display: block;
    margin-bottom: 20px;
    color: #ffffff;
    padding: 0; }
  #content .main-result h3, .main-result h3 {
    margin: 0 0 5px 0;
    font-size: 1rem;
    font-weight: normal; }

.remarks {
  margin: 0 0 20px 0; }

#content .question-result, .question-result {
  counter-reset: question; }
  #content .question-result .question, .question-result .question {
    background: #cff4fd;
    margin-bottom: 40px;
    padding: 0 0 1px 0; }
    #content .question-result .question:before, .question-result .question:before {
      display: none; }
    #content .question-result .question header, .question-result .question header {
      padding: 20px;
      position: relative;
      counter-increment: question;
      overflow: hidden; }
      #content .question-result .question header:before, .question-result .question header:before {
        display: none; }
      #content .question-result .question header:after, .question-result .question header:after {
        content: counter(question);
        color: #ffffff;
        position: absolute;
        right: 20px;
        top: auto;
        bottom: 12px;
        left: auto;
        font-size: 100px;
        border: 0; }
      #content .question-result .question header h4, .question-result .question header h4 {
        margin: 0 0 30px 0;
        font-weight: normal;
        font-size: 1rem;
        color: inherit; }
      #content .question-result .question header p, .question-result .question header p {
        margin: 0 0 10px 0; }
      #content .question-result .question header .question, .question-result .question header .question {
        font-style: italic;
        padding-right: 80px; }
      #content .question-result .question header .answer, .question-result .question header .answer {
        font-size: 1rem;
        font-weight: bold;
        padding-right: 80px; }
      #content .question-result .question header + h5, .question-result .question header + h5 {
        margin-top: 0; }
      #content .question-result .question header .result-light, .question-result .question header .result-light {
        position: absolute;
        top: 20px;
        right: 20px; }
        #content .question-result .question header .result-light > span, .question-result .question header .result-light > span {
          display: inline-block;
          height: 30px;
          width: 30px;
          border-radius: 15px;
          background: #ffffff;
          margin-left: 5px; }
          #content .question-result .question header .result-light > span.green.active, .question-result .question header .result-light > span.green.active {
            background: #00b435; }
          #content .question-result .question header .result-light > span.yellow.active, .question-result .question header .result-light > span.yellow.active {
            background: #ffbc3b; }
          #content .question-result .question header .result-light > span.red.active, .question-result .question header .result-light > span.red.active {
            background: #da0716; }
        #content .question-result .question header .result-light > div, .question-result .question header .result-light > div {
          font-size: .9em;
          position: absolute;
          top: -1.5em;
          right: 0;
          width: 150%;
          text-align: right;
          display: none; }
        @media print {
          #content .question-result .question header .result-light .print-only, .question-result .question header .result-light .print-only {
            display: block; } }
    #content .question-result .question li, #content .question-result .question p, #content .question-result .question strong.name, .question-result .question li, .question-result .question p, .question-result .question strong.name {
      margin: 0 0 0.25em 0;
      padding: 0; }
    #content .question-result .question strong.name, .question-result .question strong.name {
      display: block; }
    #content .question-result .question img, .question-result .question img {
      display: block;
      margin: 0.5em auto; }
    #content .question-result .question > ol, #content .question-result .question > ul, .question-result .question > ol, .question-result .question > ul {
      display: none;
      margin: 0;
      padding: 0;
      list-style-type: none; }
      #content .question-result .question > ol > li, #content .question-result .question > ul > li, .question-result .question > ol > li, .question-result .question > ul > li {
        margin: 0;
        background-image: none; }
        #content .question-result .question > ol > li > span, #content .question-result .question > ul > li > span, .question-result .question > ol > li > span, .question-result .question > ul > li > span {
          display: block;
          padding: 10px;
          background: #ffffff;
          margin: 2px; }
        #content .question-result .question > ol > li.has-infos, #content .question-result .question > ul > li.has-infos, .question-result .question > ol > li.has-infos, .question-result .question > ul > li.has-infos {
          cursor: pointer; }
          #content .question-result .question > ol > li.has-infos > ul, #content .question-result .question > ul > li.has-infos > ul, .question-result .question > ol > li.has-infos > ul, .question-result .question > ul > li.has-infos > ul {
            display: none;
            list-style-type: none;
            margin: 0 0 10px 0; }
            #content .question-result .question > ol > li.has-infos > ul li, #content .question-result .question > ul > li.has-infos > ul li, .question-result .question > ol > li.has-infos > ul li, .question-result .question > ul > li.has-infos > ul li {
              padding-left: 0;
              background-image: none; }
            #content .question-result .question > ol > li.has-infos > ul > li, #content .question-result .question > ul > li.has-infos > ul > li, .question-result .question > ol > li.has-infos > ul > li, .question-result .question > ul > li.has-infos > ul > li {
              padding: 5px 5px 5px 50px;
              background: #ffffff;
              margin: 2px; }
          #content .question-result .question > ol > li.has-infos > span, #content .question-result .question > ul > li.has-infos > span, .question-result .question > ol > li.has-infos > span, .question-result .question > ul > li.has-infos > span {
            padding-right: 40px;
            background-image: url(/typo3conf/ext/zre_resource_check/Resources/Public/assets/arrowsLquer.png);
            background-position: calc(100% - 20px) 18px;
            background-repeat: no-repeat; }
          #content .question-result .question > ol > li.has-infos img, #content .question-result .question > ul > li.has-infos img, .question-result .question > ol > li.has-infos img, .question-result .question > ul > li.has-infos img {
            max-width: 100%; }
          #content .question-result .question > ol > li.has-infos.active, #content .question-result .question > ul > li.has-infos.active, .question-result .question > ol > li.has-infos.active, .question-result .question > ul > li.has-infos.active {
            margin-top: 8px; }
            #content .question-result .question > ol > li.has-infos.active > span, #content .question-result .question > ul > li.has-infos.active > span, .question-result .question > ol > li.has-infos.active > span, .question-result .question > ul > li.has-infos.active > span {
              background-position: calc(100% - 20px) -182px; }
            #content .question-result .question > ol > li.has-infos.active > ul, #content .question-result .question > ul > li.has-infos.active > ul, .question-result .question > ol > li.has-infos.active > ul, .question-result .question > ul > li.has-infos.active > ul {
              display: block; }
        #content .question-result .question > ol > li h6, #content .question-result .question > ul > li h6, .question-result .question > ol > li h6, .question-result .question > ul > li h6 {
          background: #ffffff;
          margin: 2px;
          padding: 0;
          font-size: 1rem;
          font-weight: normal;
          color: #0090d4; }
          #content .question-result .question > ol > li h6:before, #content .question-result .question > ul > li h6:before, .question-result .question > ol > li h6:before, .question-result .question > ul > li h6:before {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\e902"; }
          #content .question-result .question > ol > li h6:before, #content .question-result .question > ul > li h6:before, .question-result .question > ol > li h6:before, .question-result .question > ul > li h6:before {
            font-size: 18px;
            padding-right: 10px;
            vertical-align: sub; }
      #content .question-result .question > ol.examples li, #content .question-result .question > ul.examples li, .question-result .question > ol.examples li, .question-result .question > ul.examples li {
        background: #ffffff;
        margin: 2px;
        padding: 10px; }
        #content .question-result .question > ol.examples li ul, #content .question-result .question > ul.examples li ul, .question-result .question > ol.examples li ul, .question-result .question > ul.examples li ul {
          list-style-type: square; }
        #content .question-result .question > ol.examples li li, #content .question-result .question > ol.examples li p, #content .question-result .question > ul.examples li li, #content .question-result .question > ul.examples li p, .question-result .question > ol.examples li li, .question-result .question > ol.examples li p, .question-result .question > ul.examples li li, .question-result .question > ul.examples li p {
          margin: 0 0 0.25em 0;
          padding: 0; }
    #content .question-result .question ol, .question-result .question ol {
      counter-reset: listelement; }
      #content .question-result .question ol > li, .question-result .question ol > li {
        position: relative;
        padding-left: 0; }
        #content .question-result .question ol > li > span, .question-result .question ol > li > span {
          padding-left: 50px; }
        #content .question-result .question ol > li:before, .question-result .question ol > li:before {
          content: counter(listelement) ".";
          position: absolute;
          top: 10px;
          left: 15px; }
        #content .question-result .question ol > li:not(.nocount), .question-result .question ol > li:not(.nocount) {
          counter-increment: listelement; }
        #content .question-result .question ol > li.nocount > span, .question-result .question ol > li.nocount > span {
          padding-left: 10px;
          font-weight: bold; }
        #content .question-result .question ol > li.nocount:before, .question-result .question ol > li.nocount:before {
          display: none; }
        #content .question-result .question ol > li li:before, .question-result .question ol > li li:before {
          display: none; }
    #content .question-result .question h5, .question-result .question h5 {
      padding: 10px;
      margin: 2px;
      color: #0090d4;
      cursor: pointer;
      font-size: 1rem;
      font-weight: normal;
      background-color: #ffffff;
      background-image: url(/typo3conf/ext/zre_resource_check/Resources/Public/assets/arrowsLquer.png);
      background-position: calc(100% - 20px) 18px;
      background-repeat: no-repeat; }
      #content .question-result .question h5:before, .question-result .question h5:before {
        padding-right: 10px;
        font-size: 20px;
        vertical-align: sub; }
      #content .question-result .question h5.checklist-header:before, .question-result .question h5.checklist-header:before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e901"; }
      #content .question-result .question h5.examples-header:before, .question-result .question h5.examples-header:before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900"; }
      #content .question-result .question h5.active, .question-result .question h5.active {
        background-position: calc(100% - 20px) -182px; }
        #content .question-result .question h5.active + ol, #content .question-result .question h5.active + ul, .question-result .question h5.active + ol, .question-result .question h5.active + ul {
          display: block; }

#content .literature-result, .literature-result {
  background: #cff4fd;
  margin-bottom: 40px;
  padding: 2px 0; }
  #content .literature-result h4, .literature-result h4 {
    font-weight: bold;
    padding: 10px;
    margin: 0;
    cursor: pointer;
    color: inherit;
    background-image: url(/typo3conf/ext/zre_resource_check/Resources/Public/assets/arrowsLquer.png);
    background-position: calc(100% - 20px) 18px;
    background-repeat: no-repeat; }
    #content .literature-result h4.active, .literature-result h4.active {
      background-position: calc(100% - 20px) -182px; }
      #content .literature-result h4.active + ul, .literature-result h4.active + ul {
        display: block; }
  #content .literature-result ul, .literature-result ul {
    display: none;
    margin: 0 2px;
    padding: 0;
    list-style-type: none; }
    #content .literature-result ul li, .literature-result ul li {
      background: #ffffff;
      margin: 2px;
      padding: 10px; }

.process-chain-wrapper {
  margin: 30px 0 20px 0; }
  .process-chain-wrapper a {
    display: block;
    background: #009ac7;
    border-radius: 5px;
    padding: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-weight: bold; }
  .process-chain-wrapper i {
    float: right;
    font-size: 24px; }
    .process-chain-wrapper i:before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e905"; }

/**
 * Layout with the statistical section
 */
section.statistic {
  background: #cff4fd;
  margin-bottom: 20px;
  margin-top: 40px;
  border: 1px solid transparent;
  padding: 0; }
  section.statistic:before {
    display: none; }
  section.statistic.error {
    border-color: red; }
  section.statistic header {
    border-bottom: 1px solid #ffffff;
    padding: 30px 20px; }
    section.statistic header:before, section.statistic header:after {
      display: none; }
    section.statistic header h1 {
      margin: 0;
      line-height: 1;
      font-size: 24px;
      padding-right: 120px; }
  section.statistic .content {
    padding: 20px; }
    section.statistic .content label, section.statistic .content select, section.statistic .content input[type="text"] {
      display: block;
      margin-bottom: 5px;
      -ms-box-sizing: content-box;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box; }
    section.statistic .content select, section.statistic .content input[type="text"] {
      border: #0090d4 1px solid;
      border-radius: 3px;
      padding: 10px;
      background: #ffffff;
      width: 50%;
      color: #0090d4;
      margin-bottom: 20px; }
    section.statistic .content input[type="text"] {
      width: 25%; }

.ressourcecheck-filter .wait, .ressourcecheck-filter .noresult, #content .ressourcecheck-filter .wait, #content .ressourcecheck-filter .noresult {
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(/typo3conf/ext/zre_resource_check/Resources/Public/assets/loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.ressourcecheck-filter .noresult, #content .ressourcecheck-filter .noresult {
  background-image: none; }
  .ressourcecheck-filter .noresult p, #content .ressourcecheck-filter .noresult p {
    background: #fff;
    border: 1px solid #0090d4;
    width: 300px;
    max-width: 100%;
    position: absolute;
    top: 40%;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    padding: 10px; }
    .ressourcecheck-filter .noresult p a, #content .ressourcecheck-filter .noresult p a {
      background: #0090d4;
      color: #fff;
      padding: 5px 10px;
      cursor: pointer;
      display: inline-block;
      margin-top: 10px; }
.ressourcecheck-filter .selection-wrapper, #content .ressourcecheck-filter .selection-wrapper {
  background: #cff4fd;
  padding: 20px 2px 5px 2px;
  margin-bottom: 30px; }
  .ressourcecheck-filter .selection-wrapper h2, #content .ressourcecheck-filter .selection-wrapper h2 {
    margin: 0 0 20px 0;
    font-size: 100%;
    line-height: 1.5;
    padding: 0 13px;
    font-weight: bold;
    color: inherit; }
  .ressourcecheck-filter .selection-wrapper p.teaser, #content .ressourcecheck-filter .selection-wrapper p.teaser {
    margin: 0 0 30px 0;
    line-height: 1.2;
    font-size: 24px;
    padding: 0 13px;
    font-weight: bold; }
.ressourcecheck-filter ul.techniques, #content .ressourcecheck-filter ul.techniques {
  padding: 0;
  list-style-type: none;
  margin: 0; }
  .ressourcecheck-filter ul.techniques > li, #content .ressourcecheck-filter ul.techniques > li {
    margin: 0 0 10px 0; }
    .ressourcecheck-filter ul.techniques > li > span, #content .ressourcecheck-filter ul.techniques > li > span {
      background: #ffffff;
      padding: 10px 15px;
      color: #0090d4;
      font-weight: bold;
      cursor: pointer;
      display: block;
      background-color: #ffffff;
      background-image: url(/typo3conf/ext/zre_resource_check/Resources/Public/assets/arrowsLquer.png);
      background-position: calc(100% - 20px) 18px;
      background-repeat: no-repeat; }
    .ressourcecheck-filter ul.techniques > li ul, #content .ressourcecheck-filter ul.techniques > li ul {
      display: none;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .ressourcecheck-filter ul.techniques > li ul span, #content .ressourcecheck-filter ul.techniques > li ul span {
        padding-left: 40px; }
    .ressourcecheck-filter ul.techniques > li.active > span, #content .ressourcecheck-filter ul.techniques > li.active > span {
      background-position: calc(100% - 20px) -182px; }
    .ressourcecheck-filter ul.techniques > li.active ul, #content .ressourcecheck-filter ul.techniques > li.active ul {
      display: block; }
    .ressourcecheck-filter ul.techniques > li > ul > li, #content .ressourcecheck-filter ul.techniques > li > ul > li {
      margin: 20px 0 0 0; }
      .ressourcecheck-filter ul.techniques > li > ul > li > span, #content .ressourcecheck-filter ul.techniques > li > ul > li > span {
        font-weight: bold; }
      .ressourcecheck-filter ul.techniques > li > ul > li > ul span, #content .ressourcecheck-filter ul.techniques > li > ul > li > ul span {
        padding-left: 40px; }
.ressourcecheck-filter ul.selection, #content .ressourcecheck-filter ul.selection {
  padding: 0;
  list-style-type: none;
  margin: 0; }
  .ressourcecheck-filter ul.selection li, #content .ressourcecheck-filter ul.selection li {
    margin: 0 0 2px 0; }
  .ressourcecheck-filter ul.selection span, #content .ressourcecheck-filter ul.selection span {
    background: #ffffff;
    padding: 10px 15px;
    color: #0090d4;
    font-weight: normal;
    cursor: pointer;
    display: block; }
    .ressourcecheck-filter ul.selection span:hover, #content .ressourcecheck-filter ul.selection span:hover {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
      background: #ffffff;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
      /* IE6-9 */
      box-shadow: 0 2px 2px 0 #cecece; }
    .ressourcecheck-filter ul.selection span:before, #content .ressourcecheck-filter ul.selection span:before {
      content: "";
      display: inline-block;
      width: 25px;
      height: 25px;
      border: 1px solid #0090d4;
      border-radius: 25px;
      margin-right: 10px;
      vertical-align: middle;
      line-height: 25px !important; }
  .ressourcecheck-filter ul.selection li.active span, #content .ressourcecheck-filter ul.selection li.active span {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaeaea+100 */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    /* IE6-9 */
    box-shadow: 0 2px 2px 0 #cecece; }
    .ressourcecheck-filter ul.selection li.active span:before, #content .ressourcecheck-filter ul.selection li.active span:before {
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e907"; }
    .ressourcecheck-filter ul.selection li.active span:before, #content .ressourcecheck-filter ul.selection li.active span:before {
      font-size: 12px;
      text-align: center;
      color: #ffffff;
      background: #0090d4; }

/**
 * Styles for the legend
 */
.legend {
  position: fixed;
  top: 50px;
  right: 0;
  background: #fff;
  box-shadow: 0 0 5px 1px #bababa;
  z-index: 500; }
  #content .legend {
    top: 300px; }
  .legend, .legend *, .legend *:after, .legend *:before {
    box-sizing: border-box; }
  .legend .closed {
    padding: 5px 7px;
    text-align: center;
    cursor: pointer; }
    .legend .closed .questionmark {
      font-size: 18px;
      color: #0090d4;
      width: 100%; }
    .legend .closed .result-light-small > span {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 5px; }
      .legend .closed .result-light-small > span.red {
        background: #da0716; }
      .legend .closed .result-light-small > span.yellow {
        background: #ffbc3b; }
      .legend .closed .result-light-small > span.green {
        background: #00b435; }
  .legend .open > div {
    display: inline-block;
    height: 100px;
    vertical-align: top; }
  .legend .open .result-light-wrapper {
    padding: 5px 7px; }
    .legend .open .result-light-wrapper p {
      font-size: 13px;
      padding: 0;
      margin: 0 0 10px 0;
      font-weight: bold; }
    .legend .open .result-light-wrapper .result-light-big span {
      display: inline-block;
      width: 50px;
      height: 50px;
      border-radius: 25px;
      text-align: center;
      color: #ffffff;
      line-height: 50px;
      font-size: 13px;
      font-weight: bold;
      margin: 0 2px; }
      .legend .open .result-light-wrapper .result-light-big span.red {
        background: #da0716; }
      .legend .open .result-light-wrapper .result-light-big span.yellow {
        background: #ffbc3b; }
      .legend .open .result-light-wrapper .result-light-big span.green {
        background: #00b435; }
  .legend .open .close {
    width: 20px;
    height: 100px;
    border-left: 1px solid #0090d4;
    cursor: pointer; }
    .legend .open .close:after {
      content: ">";
      color: #0090d4;
      line-height: 100px;
      width: 20px;
      text-align: center;
      font-size: 30px;
      display: block; }
  .legend .open {
    display: none; }
  .legend .closed {
    display: block; }
  .legend.open .open {
    display: block; }
  .legend.open .closed {
    display: none; }

/*# sourceMappingURL=ressourcecheck.css.map */

/**
 * Special print stylesheet for the ressourcecheck
 */
@media print {
  body {
    overflow: visible !important; }

  header#header, nav#nav, #breadcrumb, form#contact, #partner, #stickybar, footer#footer, aside, .legend, .mobile-search {
    display: none; }

  .ressourcecheck .process-chain-wrapper, .ressourcecheck nav, .ressourcecheck .remarks {
    display: none; }

  article.bloc-700 {
    width: 100%;
    margin: 0; }

  #content .question-result .question > ol {
    display: block; }
    #content .question-result .question > ol > li.has-infos > ul {
      display: block; }
    #content .question-result .question > ol > li.has-infos > span {
      background-image: none; }
  #content .question-result .question > ul {
    display: block; }
  #content .question-result .question h5 {
    background-image: none; }

  #content .literature-result ul {
    display: block; }
  #content .literature-result h4 {
    background-image: none; }

  #content .main-result, #content .main-result * {
    background: #0090d4 !important;
    -webkit-print-color-adjust: exact;
    color-adjust: exact; }

  #content .question-result .question {
    background: transparent; }
    #content .question-result .question header {
      padding-left: 0; }
    #content .question-result .question header:after {
      color: #555;
      bottom: 44px;
      font-size: 80px; }

  .result-light > span {
    background: #fff; }
    .result-light > span.green.active {
      background: #00b435 !important;
      -webkit-print-color-adjust: exact;
      color-adjust: exact; }
    .result-light > span.yellow.active {
      background: #ffbc3b !important;
      -webkit-print-color-adjust: exact;
      color-adjust: exact; }
    .result-light > span.red.active {
      background: #da0716 !important;
      -webkit-print-color-adjust: exact;
      color-adjust: exact; } }

/*# sourceMappingURL=print-result.css.map */

.yt-agreement {
	width: 100%;
	height: 100%;
	max-width: 100%; 
	background-color: rgb(237,237,237); 
	cursor: pointer; 
	position: relative; 
	top: 0; 
    left: 0;
    padding-bottom: 55.5%;
}

.yt-agreement .yt-agreement-inner {
    display: inline-table;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 550px;
}

.yt-agreement .yt-agreement-icon {
    text-align: center;
    font-size: 4em;
}

.yt-agreement .yt-agreement-icon .yt-agreement-icon-inner{
    display: inline-block;
    border-radius: 50%; 
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: rgb(75,75,75);
    border-color: rgb(75,75,75);
    fill: white;
    background-position:50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.8em;
    height: 1.8em;
    border: 20px solid rgb(75,75,75);
    overflow:initial;
}

.yt-agreement .yt-agreement-text {
    line-height: 150%;
	margin-top: 3em;
}

.yt-agreement .yt-agreement-text a {
    color: rgb(0, 110, 175); 
    font-weight: normal; 
    text-decoration: underline;
}

@media screen and (max-width: 850px) {
    .yt-agreement {
        font-size: 0.7em;
    }
    .yt-agreement .yt-agreement-inner{
        max-width: 380px;
    }
    .yt-agreement .yt-agreement-icon {
        font-size: 3em;
    }
    .yt-agreement .yt-agreement-icon .yt-agreement-icon-inner {
        border: 10px solid rgb(75,75,75);
    }
    .yt-agreement .yt-agreement-text {
        margin-top: 1em;
        line-height: 120%;
    }
}

@media screen and (max-width: 450px) {
    .yt-agreement {
        font-size: 0.6em;
    }
}

.regularColSet .col .yt-agreement .yt-agreement-text {
    margin-top: 1em;
    line-height: 120%;
}