/* nur für den DEV Hinweis */
body:before { content: "DEV"; color: red; font-size: 5em; font-weight: bold; position: fixed; top: 0.5em; left: 0; z-index: 1000;  rotate: -45deg; }

/* Ende DEV Hinweis */
		@font-face {
		  font-family: fas; /* icon font */
		  src: url("/static/fonts/fa-solid-900.woff") format("woff");
		  font-weight: normal; font-style: normal; 
		}
		@font-face {
		  font-family: far; /* icon font */
		  src: url("/static/fonts/fa-regular-400.woff") format("woff");
		  font-weight: normal; font-style: normal; 
		}
		* { position: relative; }
		body { background: #f0faf3; font-size: 10px; color: #333; font-family: Helvetica, Arial, sans-serif; }
		body.bt1 { font-size: 11px; }
		body.bt2 { font-size: 12px; }
		.wrapper { max-width: 1200px; margin: auto; }
		.hideinview { display: none; }
		
		a#skip2m { position: absolute; left: -999px; z-index: 10000; }
		a:focus { border: 1px solid #000!important; }
		button:focus, .button:focus { border: 5px double #fff!important; }
		a { color: #01a538; }
		.colored { color: #01a538; }
		
		header { background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
		header .wrapper { padding: 2em 0; }
		#logo { display: inline-block; margin-right: 24px;  vertical-align: middle; }
		#logo a { display: inline-block; }
		#logo img { max-width: 200px; height: auto; }
		header nav { display: inline-block; }
		header nav ul { list-style: none; margin: 0; padding: 0; }
		header nav li { display: inline-block; }
		header nav#main { display: inline-block; font-size: 2em; text-transform: uppercase; margin-right: 200px; }
		header nav#main .tall { font-weight: bold; }
		header nav#main a { color: #333; display: inline-block; padding: 1em; text-decoration: none; }
		header nav#main a.alarm { color: #b83e3e; }
		header nav#main a:hover { color: #fff; background: #01a538; }
		header nav#tecnav { position: absolute; top: 30px; right: 0px; }
		header #navicon { position: absolute; top: 25px; right: 0px; display: none; }
		header nav#tecnav a { display: inline-block; height: 20px; width: 40px; padding: 1em; opacity: 0.4; }
		header nav#tecnav a:hover { color: #fff; background-color: #01a538; opacity:1; }
		a.dgs { background: url("/static/images/icon-dgs.png") center center no-repeat; }
		a.easy { background: url("/static/images/icon-easywords.png") center center no-repeat; }
		a.textzoom { background: url("/static/images/icon-fontsize.png") center center no-repeat; }
		a.contrast { background: url("/static/images/icon-contrast.png") center center no-repeat; }
		a.dgs:hover { background-image: url("/static/images/icon-dgs-w.png"); }
		a.easy:hover { background-image: url("/static/images/icon-easywords-w.png"); }
		a.textzoom:hover { background-image: url("/static/images/icon-fontsize-w.png"); }
		a.contrast:hover { background-image: url("/static/images/icon-contrast-w.png"); }
		#headpicture img { width: 100%; height: auto; vertical-align: bottom; }
		header .inlay { position: absolute; background: rgba(255,255,255,0.8); left: 0; bottom: 4em; z-index: 2; padding: 2em 4em 2em calc( 50% - 600px + 40px); }
		header .inlay .headline { display: block; color: #01a538; font-size: 3em; font-weight: bold; line-height: 1.3; }
		header .inlay .claim { display: block; font-size: 2em; }
		header .rsasb a { text-decoration: none; color: #333; }
		header .rsasb a .headline { text-decoration: none; color: #01a538; }
		
		article { padding-top: 2em; font-size: 2em; line-height: 1.5; }
		article header { padding: 0.5em 2em; border-radius: 12px; }
		.lo200 { max-width: 200px; height: auto; }
		
		.basepanel { background: #fff; border-radius: 12px; box-shadow: 0 0 15px rgba(0,0,0,0.2); margin-top: 2em; }
		
		#startrow { display: flex; justify-content: space-around; padding: 2em 0; flex-wrap: wrap; }
		#startrow .comein { background: #fff; border-radius: 12px; box-shadow: 0 0 15px rgba(0,0,0,0.2); width: 300px; text-align: center; }
		#startrow a { width: 100%; border: none; display: block; background: #e2f5e7; font-weight: bold; color: #01a538; font-size: 1.2em; border-radius: 12px 12px 0 0; padding: 0.01em 0; text-decoration: none; }
		#startrow a.alarm { background: #fbe6e6; color: #b83e3e; }
		.up { text-transform: uppercase; }
		.upbold { text-transform: uppercase; font-weight: bold; }
		#startrow .description { padding: 0.5em 1em; }
		
		#editrow { display: flex; }
		#editrow #edit { display: block; width: 120px; border: none; min-height: 120px; margin: 0; border-radius: 12px; background: none; text-align: center; }
		#editrow #edit img { margin-top: 29px; }
		#editrow .editbutton { width: 120px; background: #e2f5e7; margin: 0; border-radius: 12px; padding: 0; }
		#editrow div { width: calc(100% - 130px - 2em); margin: 0.5em 0; padding: 1em; }
		
		footer { background: #fff; border-top: 12px solid #fff; border-bottom: 12px solid #fff; margin-top: 6em; box-shadow: 0 0 15px rgba(0,0,0,0.2); font-size: 1.6em; }
		footer .container { border-top: 7px solid #01a538; border-bottom: 3px solid #01a538; padding: 1em 0; text-align: right; }
		footer nav { position: absolute; left: 0; top: 10px; }
		footer nav ul { margin: 0; padding: 0; list-style: none; }
		footer nav li { display: inline-block; }
		footer nav li:after { content: " |"; color: #01a538; }
		footer nav li:last-child:after { content: ""; }
		footer nav a { text-decoration: none; color: #01a538; }
		footer nav a:hover { text-decoration: underline; }
		footer #label { display: inline-block; text-align: left;}
		footer #label img { margin: 0.5em 0; }
		footer #sponsor { position: absolute; left: 0; top: 50px; font-size: 0.75em; text-align: left; }
		footer #sponsor img { margin-top: 0.5em; max-width: 180px; height: auto; margin-right: 24px; }
		footer #sponsor img:last-child { margin-right: 0; }
		
		section#searchform { padding: 2em; }
		section#searchform form { margin: 0; }
		section#searchform fieldset { padding: 1em 0 3em 0; border: none; }
		section#searchform legend { font-size: 1.2em; font-weight: bold; }
		section#searchform legend .description { font-size: 0.65em; font-weight: normal; display: block; }
		section#searchform .formrow { display: flex; justify-content: space-between; flex-wrap: wrap; }
		section#searchform .block { width: 100%; }
		section#searchform .take2 .block { width: 49%; }
		section#searchform .take3 .block { width: 32%; }
		section#searchform .take4 .block { width: 24%; }
		section#searchform .take4 label, section#searchform .take3 label, section#searchform .take2 label { max-width: calc(100% - 3em); }
		section#searchform .set { margin: 0.5em 0; }
		section#searchform input[type="text"] { border-radius: 1em; padding: 0.3em 0.5em; border: 1px solid #01a538; }
		section#searchform textarea { border-radius: 1em; padding: 0.3em 0.5em; border: 1px solid #01a538; }
		section#searchform select { border-radius: 2em; padding: 0.3em 0.5em; }
		section#searchform label { margin-left: 0.5em; display: inline-block; vertical-align: top; padding-left: 0px; }
		
		section.searchform { padding: 2em; }
		section.searchform form { margin: 0; }
		section.searchform fieldset { padding: 1em 0 3em 0; border: none; }
		section.searchform legend { font-size: 1.2em; font-weight: bold; }
		section.searchform legend .description { font-size: 0.65em; font-weight: normal; text-transform: none; display: block; }
		section.searchform .formrow { display: flex; justify-content: space-between; flex-wrap: wrap; }
		section.searchform .block { width: 100%; }
		section.searchform .take2 .block { width: 49%; }
		section.searchform .take3 .block { width: 32%; }
		section.searchform .take4 .block { width: 24%; }
		section.searchform .take4 label, section#searchform .take3 label, section#searchform .take2 label { max-width: calc(100% - 3em); }
		section.searchform .set { margin: 0.5em 0; }
		section.searchform input[type="text"] { border-radius: 1em; padding: 0.3em 0.5em; border: 1px solid #01a538; }
		section.searchform textarea { border-radius: 1em; padding: 0.3em 0.5em; border: 1px solid #01a538; }
		section.searchform select { border-radius: 2em; padding: 0.3em 0.5em; }
		section.searchform label { margin-left: 0.5em; display: inline-block; vertical-align: top; padding-left: 0px; }
		
		.button { color: #fff; background-color: #01a538; border: none; padding: 0.5em 2em; border-radius: 2em;box-shadow: 0 0 7px rgba(0,0,0,0.2); }
		input[type="submit"].button { background: url("/static/images/icon-nav-w.png") 1em center no-repeat #01a538; background-size: auto 60%; padding-left: 3em; }
		.left { float: left; }
		.right { float: right; }
		

		section#offerform form { margin: 0; }
		section#offerform .info { margin: 1em 0; }
		section#offerform .check { padding-left: 2em; }
		section#offerform input[type="checkbox"] { margin-right: 0.5em; }
		section#offerform input[type="text"] { width: 90%; padding: 0.3em 0.5em; border: 1px solid #01a538; margin: 0.2em 0; }
		section#offerform span input[type="text"] { width: 70%; }
		section#offerform textarea { width: 90%; padding: 0.3em 0.5em; border: 1px solid #01a538; margin: 0.2em 0; height: 9em; }
		section#offerform textarea.address { height: 3em; }
		section#offerform select { width: 90%; padding: 0.3em 0.5em; border: 1px solid #01a538; margin: 0.2em 0; }
		section#offerform .onlySR { display: none; }
		.proError { background-color: #ffd8d8; }
		
		div.index, section .cols2 { column-count: 2; column-gap: 2em; }
		section .cols1 { padding: 0 10%; }
		section .cols2 p { margin-top: 0; break-inside: avoid; }
		section.content .cols1 h2, section.content .cols2 h2 { border: none; padding: 0; font-size: 1.4em; }
		div.index .letter { font-weight: bold; font-size: 1.2em; margin-bottom: 0.2em; padding: 1em 0 0 1.1em; background: url("/static/images/icon-nav.png") 0 1.25em no-repeat; background-size: 0.9em; }
		section.content { padding: 1em 2em; }
		section.content h2 { border-bottom: 1px solid #01a538; padding-bottom: 1em; }
		section.content a { color: #01a538; text-decoration: none; }
		section.content img { max-width: 100%; height: auto; }
		div.index .index__block { break-inside: avoid; }
		div.index ul { margin: 0; padding: 0; list-style: none; }
		h2, h3 { line-height: 1.3; }
		
		.info ul { margin: 0; padding: 0; list-style: none; }
		.plus { margin-top: 1em; border-top: 1px dashed #01a538; }
		
		.row2 { display: flex; justify-content: space-between; padding-bottom: 2em; flex-wrap: wrap; }
		.row2 .block { width: 45%; }
		.block .field { margin-bottom: 2em; }
		.row2 .map { margin-bottom: 2em; }
		.label { font-weight: bold; background: #01a538; display: inline-block; color: #fff; padding: 0.3em 3em; margin: 0 0 0.3em -3em; border-radius: 0 0.5em 0.5em 0; }
		.label:before { content: " "; position: absolute; left: 0; bottom: -1em; width: 0; height: 0; 
border-right: 0.5em solid #67d068;
border-top: 0.5em solid #67d068;
border-left: 0.5em solid transparent;

border-bottom: 0.5em solid transparent; }
.krise .label { font-weight: normal; text-transform: none; }
.map img { max-width: 100%; height: auto; }
.phone, .fax, .email, .web { display: block; }
.phone:before { content: ""; font-family: fas; margin-right: 1em; }
.phoneinv:before { content: ""; font-family: fas; margin-right: 1em; }
.fax:before { content: ""; font-family: fas; margin-right: 1em; }
.email:before { content: ""; font-family: fas; margin-right: 1em; }
.web:before { content: ""; font-family: fas; margin-right: 1em; }
		
		#searchresult { list-style: none; margin: 0; padding: 0; }
		#searchresult li { margin-bottom: 2em; }
		#searchresult .title { display: block; font-weight: bold; font-size: 1.2em; background: url("/static/images/icon-nav.png") 0 0.1em no-repeat; background-size: 1.2em; padding-left: 1.5em; margin-bottom: 0.2em; }
		#searchresult .title a:before { display: block; font-weight: bold; font-size: 1.2em; }
		#searchresult .description { display: inline-block; padding: 0 6em; cursor: pointer; }
		.pagination { text-align: center; border-top: 1px solid #01a538; padding: 1em 0; }
		.pagination .page { display: inline-block; margin: 0 0.2em; font-family: fas; }
		.pagination .page a { display: block; background: #01a538; color: #fff!important; width: 50px; line-height: 50px; }
		.pagination .current { background: #fff; width: 46px; line-height: 46px; border: 2px solid rgba(0,0,0,0.8); }
		.pagination .current .from { display: none; }
		.pagination .next a { background: #01a538; }
		.pagination .back a { background: #01a538; }
		.browse__back { position: absolute; left: 0; top: 0.875em; }
		.browse__back a:before { content: " "; font-family: fas; }
		.browse__next { position: absolute; right: 0; top: 0.875em; }
		.browse__next a:after { content: " "; font-family: fas; }
		.browse__index { }
		.fat { font-weight: bold; }
		button.edit { text-align: left; font-size: 0.6em; width: 30em; padding: 0; background: none; border: none; }
		button.edit img { max-height: 3em; width: auto; float: left; margin-right: 1em; }
		
		.boxrow { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 2em 0; }
		.box { border: 2px solid #01a538; border-radius: 12px; box-shadow: 0 0 15px rgba(0,0,0,0.2); width: 36%; text-align: center; padding: 1em 2em; min-height: 160px; }
		.box .head { font-size: 1.2em; margin-bottom: 1em; }
		.box input[type="text"] { border-radius: 1em; padding: 0.3em 0.5em; border: 1px solid #01a538; width: 100%; box-sizing: border-box; margin-bottom: 0.5em; }
		
		.number { font-size: 1.6em; font-weight: bold; color: #b83e3e; }
		
		.filter__list { font-weight: normal; display: inline-block; vertical-align: top; }
		.filter__block { margin-bottom: 2em; border-bottom: 1px solid #01a538; }
		h2 .filter__list { font-size: 0.8em; }
		.filter__entry { margin-left: 2em; display: block; }
		.filter__entry:before { content: " "; display: inline-block; background: #01a538; width: 1em; height: 1em;  border-radius: 1em; margin: 0 0.5em -0.1em 0; }
		
		h1 { font-size: 1.6em; }
		h1 img { max-height: 1em; width: auto; margin-bottom: -0.1em!important; }
		h2 img { max-height: 1em; width: auto; margin-bottom: -0.1em!important; }
		.inlay .alarm { color: #b83e3e!important; }
		.telefon { font-size: 1.2em; }

		/* input[type='checkbox'] { display: none; }
		input[type='radio'] { display: none; }
		input[type='checkbox']:checked + label::before,
		input[type='checkbox']:not(:checked) + label::before,
		input[type='radio']:checked + label::before,
		input[type='radio']:not(:checked) + label::before {
		    content:' ';
		    display:inline-block;
		    width: 1em;
		    height:1em;
		    position: relative;
		    top: 3px;
		    border: none;
		    background: #fff;
		    margin-right: 10px;
			border: 1px solid #01a538;
			margin-left: -32px;
		}

		input[type=radio]:checked + label::before,
		input[type=radio]:not(:checked) + label::before {
			border-radius: 30px;
		}

		input[type='checkbox']:hover  + label::before,
		input[type='radio']:hover  + label::before {
			background:#ddd;
			box-shadow: inset 0 0 0 5px white;
		}

		input[type='checkbox']:checked  + label::before,
		input[type='radio']:checked  + label::before {
			background:#01a538;
			box-shadow: inset 0 0 0 5px white;
			border: 1px solid #01a538;
		} */
		
	input[type='radio'], input[type='checkbox'] { zoom: 1.001; transform: scale(1.2); }

#extention .xdsoft_autocomplete { width: 50%!important; box-sizing: border-box; }
#extention .xdsoft_autocomplete .half { width: calc(100% - 2em); }
#searchform .xdsoft_autocomplete { width: 50%!important; box-sizing: border-box; }
#searchform .xdsoft_autocomplete .half { width: calc(100% - 2em); }
.searchform .xdsoft_autocomplete { width: 50%!important; box-sizing: border-box; }
.searchform .xdsoft_autocomplete .half { width: calc(100% - 2em); }
		.half { width: calc(50% - 1em); }
		.long { width: calc(70% - 1em); }
		.sublabel { display: block; font-weight: bold; margin: 3em 0 1em; }
		.subset label { width: 30%; text-transform: none; }
		
		a.glossarLink { color: #333!important; text-decoration: none; }
		/* a.glossarLink:hover { border-bottom: 2px dashed #01a538; } */
		.prefetch { display: none; }
		.prefetch div { width: 300px; }
		.prefetch h2 { margin: 0; }
		
		.long { width: 70%; }
		.sublabel { display: block; font-weight: bold; margin: 3em 0 1em; }
		.subset label { width: 30%; text-transform: none; }
		
		body > div:last-child { position: absolute; bottom: 20px; left: 20px; }
		body > div:last-child a { text-decoration: none; color: #bebebe; }
		
		div[style="z-index: 1000;text-align:right;font-size:10px;color:grey;display:block !important;"] { position: absolute; bottom: 20px; left: 20px; }
		div[style="z-index: 1000;text-align:right;font-size:10px;color:grey;display:block !important;"] a { text-decoration: none; color: #bebebe; }
		
		#extention { display: none; }
		#linkextend { color: #01a538; cursor: pointer; text-decoration: none; }
		#linkextend:hover { text-decoration: underline; }

.elastic-video { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; margin-bottom: 1.5em; }
.elastic-video video { position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; }
		
		.topline { border-top: 1px solid #01a538; padding-top: 3em; }
		.rau { display: inline-block; background: url("/static/images/rauschen.jpg"); }

#searchform form.updis { margin-top: 3em; }

		.clearfix:before, .clearfix:after { content: " "; display: table; }
		.clearfix:after { clear: both; }
		.clearfix { *zoom: 1; }
		
		.higher a { color: #006900; }
		.higher .colored { color: #006900; }
		.higher header nav#main a:hover { background: #006900; }
		.higher header nav#tecnav a:hover { background-color: #006900; }
		.higher header .inlay .headline { color: #006900; }
		.higher header .rsasb a .headline { color: #006900; }
		.higher #startrow a { color: #006900; }
		.higher #startrow a.alarm { color: #b83e3e; }
		.higher footer .container { border-color: #006900; }
		.higher footer nav li:after { color: #006900; }
		.higher footer nav a { color: #006900; }
		.higher section#searchform input[type="text"] { border-color: #006900; }
		.higher section#searchform textarea { border-color: #006900; }
		.higher section.searchform input[type="text"] { border-color: #006900; }
		.higher section.searchform textarea { border-color: #006900; }
		.higher .button { background-color: #006900; }
		.higher input[type="submit"].button { background-color: #006900; }
		.higher section#offerform input[type="text"] { border-color: #006900; }
		.higher section#offerform textarea { border-color: #006900; }
		.higher section#offerform select { border-color: #006900; }
		.higher section.content h2 { border-color: #006900;; }
		.higher section.content a { color: #006900; }
		.higher .plus { border-color: #006900; }
		.higher .label { background: #006900; }
		.higher .pagination { border-color: #006900; }
		.higher .pagination .page a { background: #006900; }
		.higher .box { border-color: #006900; }
		.higher .box input[type="text"] { border-color: #006900; }
		.higher .filter__entry:before { background: #006900; }
		.higher #linkextend { color: #006900; }
		.higher .topline { border-color: #006900; }
		
		.higher .tpd-background-title { background-color: #006900; }
		.higher .tpd-background-content { background-color: #006900; }

		.higher header nav#main a { text-decoration: underline; }
		.higher header .rsasb a { text-decoration: underline; }
		.higher header .rsasb a .headline { text-decoration: underline; }
		.higher footer nav a { text-decoration: underline; }
		.higher section.content a { text-decoration: underline; }
		.higher a.glossarLink { text-decoration: underline; }
		.higher #startrow a { text-decoration: underline; }
		.higher #linkextend { text-decoration: underline; }
		
		.higher .rau { background-image: none; background-color: #000; }
		
		

		@media (max-width: 1279px) {
			#headpicture img.bam { width: auto; height: 267px; margin-left: -640px; padding-left: 50%; }
			#headpicture { overflow-x: hidden; }
			.wrapper { margin: 0 40px; }
			header nav#main { font-size: 1.8em; }
			article { font-size: 1.8em; }
			header .inlay .headline { font-size: 2.6em; }
			header .inlay .claim { font-size: 1.8em; }
			footer #label img { max-width: 300px; height: auto; }
			header .inlay { padding-left: calc(40px + 2em); }
			footer .container { padding-bottom: 3em; }
		}
		
		@media (max-width: 1023px) {
			#startrow .comein { width: 360px; margin: 2em; }
			#editrow p { margin: 1em 0; }
			.wrapper { margin: 0 30px; }
			article { font-size: 1.6em; }
			header nav#main { margin-right: 0; display: block; }
			header nav#main ul {margin-top: 1em; }
			header .inlay .headline { font-size: 2.2em; }
			header .inlay .claim { font-size: 1.6em; }
			footer #label img { max-width: 250px; height: auto; }

			footer nav { top: 0px; text-align: left; }
			footer nav li { display: block; padding: 6px 0; }
			footer nav li:after { content: "";  }
			footer .container { padding-bottom: 10em; }
			footer #sponsor { top: 140px; }
		}
		
		@media (max-width: 767px) {
			#headpicture img { width: auto; height: 250px; margin-left: -580px; padding-left: 50%; }
			header .inlay { bottom: 0; padding-left: 2em; }
			article { font-size: 1.6em; }
			section .cols1 { padding: 0; }
			header .inlay .headline { font-size: 1.8em; }
			header .inlay .claim { font-size: 1.4em; }
			.filter__list, .filter__entry { display: block; margin-left: 0; }
			#searchresult .description { padding: 0 2em 0 6em; }
			footer #label img { max-width: 250px; height: auto; }
			section#searchform .take4 .block, section#searchform .take3 .block { width: 49%; }
			.box { width: 80%; min-height: 0; margin-top: 2em; }
			.row2 .block { width: 100%; }
		}
		
		@media (max-width: 639px) {
			article { padding-top: 0; }
			article header { margin-top: 2em; }
			div.index, section .cols2 { column-count: 1; column-gap: 0; }
			section.content { padding: 0.5em 1em; }
			section.content img { margin: 0 0 1em 0; }
			.label { padding: 0.3em 2em; margin: 0 0 0.3em -2em; }
			header nav#main ul { display: none; text-align: center; }
			header nav#main li { display: block; padding: 0.2em 0; }
			header nav#main { margin-right: 0; }
			header nav#main a { display: block; padding: 1em; border: 1px solid #01A538; }
			header nav#tecnav { display: none; position: relative; top: auto; right: auto; padding-top: 0; text-align: center; }
			header nav#tecnav a { padding: 3em 2em; }
			header #navicon { display: block; }
			section#searchform .block { width: 100%!important; }
			.half { width: calc(100% - 1em); }
			.long { width: calc(100% - 1em); }
			.subset label { width: 90%; }
			.browse__index { display: inline-block; margin-top: 2.875em; }
			.browse__back .obs, .browse__next .obs { display: none; }
			footer { margin-top: 2em; }
			footer .container { padding-bottom: 4em; }
			footer nav { position: relative; top: auto; }
			footer #label { display: block; margin-top: 2em; }
			footer #sponsor { position: relative; top: auto; margin-top: 1em; }
			.wrapper { margin: 0 20px; }
			#searchresult .description { padding: 0; }
			.pagination .page { display: none; }
			.pagination .current, .pagination .next, .pagination .back { display: inline-block; }
			.pagination .current .from { display: inline; }
			.left { float: none; }
			.right { float: none; margin-top: 1em; }
		}