:root {
	/*--primary-color-dark: #A80D0D;*/
	/*--primary-color: #EF2424;*/
	--primary-color: #01a538;
	--primary-color-dark: #006900;
	--primary-color-light: #53A56E;
}

/* 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: 0.625em; color: #333; font-family: Helvetica, Arial, sans-serif; }
		body.bt1 { font-size: 0.6875em; }
		body.bt2 { font-size: 0.75em; }
		.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; }

#jumplinks { position:absolute; left: 0; top: 0; z-index: 0; font-size: 2em; z-index: 1; }
#jumplinks ul { list-style: none; }
#jumplinks a { position: absolute; left: -99999px; top: 20px; white-space: nowrap; padding: 2em; background: #fff; }
#jumplinks a:active, #jumplinks a:focus { left: 30px; position: relative; text-decoration: underline; }

		button:focus, .button:focus { border: 5px double #fff!important; }
		a { color:var(--primary-color); }
		.colored { color:var(--primary-color); }
		
		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: var(--primary-color); }
		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.6; }
		header nav#tecnav a:hover { color: #fff; background-color: var(--primary-color); 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:var(--primary-color); 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:var(--primary-color); }
		
		article { padding-top: 2em; font-size: 2em; line-height: 1.5; }
		article .header { padding: 0.5em 2em; border-radius: 12px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); }
		.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:var(--primary-color); 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 var(--primary-color); border-bottom: 3px solid var(--primary-color); 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:var(--primary-color); }
		footer nav li:last-child:after { content: ""; }
		footer nav a { text-decoration: none; color:var(--primary-color); }
		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: 280px; 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 var(--primary-color); }
		section#searchform textarea { border-radius: 1em; padding: 0.3em 0.5em; border: 1px solid var(--primary-color); }
		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 .field { padding: 1em 0 3em 0; }
		section#searchform .heading { font-size: 1.2em; font-weight: bold; padding }
		section#searchform #description { font-size: 0.65em; font-weight: normal; display: block; padding-bottom: 1em; }
		
		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 var(--primary-color); }
		section.searchform textarea { border-radius: 1em; padding: 0.3em 0.5em; border: 1px solid var(--primary-color); }
		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: var(--primary-color); 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 var(--primary-color); background-size: auto 60%; padding-left: 3em; }
		.left { float: left; }
		.right { float: right; }
		

		section#offerform form { margin: 0; }
		section#offerform fieldset { margin:inherit; padding:inherit;padding-bottom: 1em; border: none;}
		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 var(--primary-color); 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 var(--primary-color); 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 var(--primary-color); margin: 0.2em 0; }
		.onlySR { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
		.proError { background-color: #ffd8d8; }
		
		#errAngebotsname { display: none; font-size: 0.4em; color: red; padding-left: 3.4em; }
		#errAngebotsname.visible { display: block; }
		#errBeschreibung { display: none; font-size: 0.6em; font-weight: bold; color: red; }
		#errBeschreibung.visible { display: block; }
		#errZielgruppe { display: none; font-size: 0.6em; font-weight: bold; color: red; }
		#errZielgruppe.visible { display: block; }
		#errVerfasser { display: none; font-size: 0.6em; font-weight: bold; color: red; }
		#errVerfasser.visible { display: block; }
		#errCode { display: none; font-size: 0.6em; font-weight: bold; color: red; }
		#errCode.visible { display: block; }
		
		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 var(--primary-color); padding-bottom: 1em; }
		section.content a { color:var(--primary-color); text-decoration: none; }
		section.content a:hover { text-decoration: underline }
		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 var(--primary-color); }
		
		.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: var(--primary-color); 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 .description a {
				#font-weight:bold;
			}
		#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 var(--primary-color); padding: 1em 0; }
		.pagination .page { display: inline-block; margin: 0 0.2em; font-family: fas; }
		.pagination .page a { display: block; background: var(--primary-color); 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: var(--primary-color); }
		.pagination .back a { background: var(--primary-color); }
		.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 var(--primary-color); 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 var(--primary-color); 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 var(--primary-color); }
		h2 .filter__list { font-size: 0.8em; }
		.filter__entry { margin-left: 2em; display: block; }
		.filter__entry:before { content: " "; display: inline-block; background: var(--primary-color); 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 var(--primary-color);
			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:var(--primary-color);
			box-shadow: inset 0 0 0 5px white;
			border: 1px solid var(--primary-color);
		} */
		
	input[type='radio'], input[type='checkbox'] { zoom: 1.001; transform: scale(1.2); }

	/*input[required] { background-color: var(--primary-color); }*/


#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 var(--primary-color); } */
		.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:var(--primary-color); 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 var(--primary-color); 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: var(--primary-color-dark); }
		.higher .colored { color: var(--primary-color-dark); }
		.higher header nav#main a:hover { background: var(--primary-color-dark); }
		.higher header nav#tecnav a:hover { background-color: var(--primary-color-dark); }
		.higher header .inlay .headline { color: var(--primary-color-dark); }
		.higher header .rsasb a .headline { color: var(--primary-color-dark); }
		.higher #startrow a { color: var(--primary-color-dark); }
		.higher #startrow a.alarm { color: #b83e3e; }
		.higher footer .container { border-color: var(--primary-color-dark); }
		.higher footer nav li:after { color: var(--primary-color-dark); }
		.higher footer nav a { color: var(--primary-color-dark); }
		.higher section#searchform input[type="text"] { border-color: var(--primary-color-dark); }
		.higher section#searchform textarea { border-color: var(--primary-color-dark); }
		.higher section.searchform input[type="text"] { border-color: var(--primary-color-dark); }
		.higher section.searchform textarea { border-color: var(--primary-color-dark); }
		.higher .button { background-color: var(--primary-color-dark); }
		.higher input[type="submit"].button { background-color: var(--primary-color-dark); }
		.higher section#offerform input[type="text"] { border-color: var(--primary-color-dark); }
		.higher section#offerform textarea { border-color: var(--primary-color-dark); }
		.higher section#offerform select { border-color: var(--primary-color-dark); }
		.higher section.content h2 { border-color: var(--primary-color-dark); }
		.higher section.content a { color: var(--primary-color-dark); }
		.higher .plus { border-color: var(--primary-color-dark); }
		.higher .label { background: var(--primary-color-dark); }
		.higher .pagination { border-color: var(--primary-color-dark); }
		.higher .pagination .page a { background: var(--primary-color-dark); }
		.higher .box { border-color: var(--primary-color-dark); }
		.higher .box input[type="text"] { border-color: var(--primary-color-dark); }
		.higher .filter__entry:before { background: var(--primary-color-dark); }
		.higher #linkextend { color: var(--primary-color-dark); }
		.higher .topline { border-color: var(--primary-color-dark); }
		
		.higher .tpd-background-title { background-color: var(--primary-color-dark); }
		.higher .tpd-background-content { background-color: var(--primary-color-dark); }

		.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; }
		
		.higher summary.a-z-cat-sum {
			color:var(--primary-color-dark);
		}
		.higher summary.a-z-cat-sum::marker{
			color:var(--primary-color-dark);
		}
		.higher details[open] summary.a-z-cat-sum::marker {
			color:var(--primary-color-dark);
}

/*  ░▒▓ ░▒▓ ░▒▓ Nur für Angebote A-Z (und die geheime Anbieter Uebersicht) */

summary.a-z-cat-sum {
				display:list-item;
				cursor:pointer;
				color:var(--primary-color);
				font-size:1.5rem;
				font-weight:bold;
			}

summary.a-z-cat-sum::marker {
			font-size:1.5rem;
			font-weight:100;
			font-family:Verdana;
			display:inline-block;
			color:var(--primary-color);
			}

details.a-z {
			padding-left:1rem;
			margin:0.5rem 0 0.5rem 0;
		}

details[open] summary.a-z-cat-sum::marker {
			#content:"\229f";
			#content:"[-]";
			font-size:1.5rem;
			color:var(--primary-color);
		}
.a-z-infobox {
	#border-radius:12px;
	border-width: 0 0 2px 0;
	border-style:solid;
	border-color:rgba(1,165,56,0.2);
	margin:0 0 0 0;
	padding:1rem;
}
.a-z-description {
	margin-top:1rem;
	background-color:#f0faf3;
	padding:1rem;
	border-radius:12px;
}


/* für den Umschalter zwischen den verschiedenen Ansichten innerhalb Angebote A-Z */

/* extra Eintrag bei den Media Querys */
.a-z-switch {
	#border-color: var(--primary-color);
	#border-style: solid;
	#border-width: 2px 0 2px 2px;
	padding-left:0;
	padding-bottom: 1rem;
	display: flex;
	justify-content: flex-start;
	list-style: none;
	flex-direction: row;
}
/* extra Eintrag bei den Media Querys */

.a-z-switch li {
	margin: 1rem;
	padding: 1rem;
	border-color: var(--primary-color);
	border-style: solid;
	border-width: 1px;
	text-align: left;
}

menu.a-z-switch .a-z-switch-active {
	font-weight: bold;
	background: var(--primary-color);
	color:#fff;
}

.a-z-switch-inactive {
	#opacity: 0.6;
	#color: var(--primary-color);
}

.a-z-switch-inactive a:any-link {
	#color:var(--primary-color-light);
	#font-style: italic;
}

.a-z-form {
width:800px;
}
.a-z-form select, .a-z-form input {
	
	background:#fff;
	border-radius:1em;
	border-style:solid;
	border-width:1px;
	border-color:var(--primary-color);
	padding: 0.8em 0.8em;
	margin-bottom:1rem;
	scrollbar-color: var(--primary-color) white;
}

.keineAngeboteAlert {
	background-color: #FFCCCC;
	#color: #ff0000;
	padding: 1rem;
}

/* ░▒▓ ░▒▓ ░▒▓ Nur für die Infothek */

		.infothek-wrapper {
		}

/* Größendefinition der Kacheln */

		.infothek {
			display:grid;
			grid-auto-rows: 20rem;
			grid-template-columns: repeat(auto-fill, 20rem);
			grid-gap: 2rem;
			justify-content:center;
		}
		.info-tile {
			transition:background-size 0.5s;
			display:flex;
			justify-content:flex-end;
			background-color:#f0faf3;
			flex-direction:column;
			padding:0;
			#border-radius:0.8rem 0.8rem 0 0;
			word-break:normal;
			background-size:100%;
			background-repeat: no-repeat;
			background-position:center;
			height:100%;
			border-style:solid;
			border-width:0 0 0.0625rem 0;
			border-color:var(--primary-color);
		}
		.info-tile:hover {
			#box-shadow:0 0 15px rgba(0,0,0,0.5);
			background-size:120%;
			background-position:center;
		}
/* Bilder der Kacheln sind hier definiert*/
		#info-tile-1 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Aerztl-Therap-9-2-quad.jpg");
		}
		#info-tile-2 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Ambulant_quad.jpg");
		}
		#info-tile-3 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Arbeit_quad.jpg");
		}
		#info-tile-4 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Beratung-Fuerspr_quad.jpg");
		}
		#info-tile-5 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Freizeit_quad.jpg");
		}
		#info-tile-6 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Krisenhilfe_quad.jpg");
		}
		#info-tile-7 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Selbsthilfe_quad.jpg");
		}
		#info-tile-8 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Wohnen-zusammensitzen-500x500.jpg");
		}
		#info-tile-9 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/Stationaer-KBO-G03A2531-quad.jpg");
		}
		#info-tile-10 {
			background-image: url("https://dev.psychnavi-bremen.de/media/images/Infothek/2024-09-05_Sucht-BHF8-kachel.jpg");
		}
		
		section.content .info-tile h2 {
			border-bottom:0;
			padding:1rem;
			margin:0;
			background-color:rgba(255, 255, 255, 0.9);
			font-size:1.25rem;
			#text-shadow:-1px 1px 0 rgba(1,165,56,0.5);
		}

/*  ░▒▓ ░▒▓ ░▒▓- - Media Querys - - */

		@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; }
			.a-z-switch {flex-direction: column;}
			.a-z-switch li {text-align: center;}
		}
		
		@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%; }
			#errAngebotsname { padding-left: 0; }
		}
		
		@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 var(--primary-color); }
			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; }
			#errAngebotsname { padding-left: 0; }
		}