	.galerie_header {position:sticky; position:-webkit-sticky; top:64px; display:table; width:100%; background-color:#fff; z-index:901;}

	.bilder .galerie_header,
	.bild .galerie_header {padding:0 0.7%;}

	.galerie_header > div {display:table-cell; vertical-align:bottom; padding:1em 0 1.4em;}
	.galerie_header > div:nth-of-type(1) {width:100%; white-space:nowrap;}
	.galerie_header > div:nth-of-type(1n+2) {white-space:nowrap;}
	.galerie_header > div:last-of-type {padding-left:2em;}

	.galerie_header h1 {display:table-cell; width:100%; margin:0; font-size:2.4em;}
	.galerie_header h1 > div {font-size:0.7em; line-height:1em;}
	.galerie_header h1 span:nth-of-type(1) {padding-right:0.3em;}
	.galerie_header h1 span:nth-of-type(2) {color:#699149; font-size:0.7em; white-space:nowrap;}

	.galerie_header a.btn {font-size:1.6em;}

	.galerie.suche_ausgabe .galerie_header .tb > div {display:table-cell; vertical-align:bottom;}

	.galerie .suche {width:100%; margin-top:0.2em;}
	.galerie .suche_eingabe input {font-size:1.2em; padding:0.2em 0 0.2em 2em; border:1px solid #719b4e;}
	.galerie .suche_eingabe .fa-search {left:0.5em; top:0.4em; font-size:1.3em;}
	.galerie .suche_eingabe .suche_close {display:block; right:0.4em; top:0.35em; font-size:1.3em;}
	.galerie .suche_eingabe_result {top:30px; font-size:1.2em;}
	.galerie .suche_eingabe_result .liste {border:1px solid #719b4e; border-top:0;}
	.galerie .suche_eingabe_result .suc {padding:0.2em 0 0.2em 2em;}
	.galerie .suche_eingabe_result .suc:nth-of-type(1n+2) {border-top:1px solid #fff;}




	.steckbrief .content_max {width:90%;}

	.steckbrief .fakten {float:right; margin:0 0 1.5em 2em; background-color:#eee; color:#444; max-width:35%; padding:1em; border:3px solid #7ba453;}
	.steckbrief .fakten h2 {color:#719b4e; margin-bottom:0.5em;}
	.steckbrief .fakten .fakten_details {font-size:0.9em;}
	.steckbrief .fakten .bes2 > div {line-height:1.1em; padding:0.5em 0 0.4em;}
	.steckbrief .fakten .bes2:nth-of-type(1n+2) > div {border-top:2px dotted #ccc;}

	.galerie_footer {position:sticky; position:-webkit-sticky; bottom:0; background-color:#fff; width:100%; height:48px; padding:0.5em 0.5% 0;}
	.galerie_footer .galerie_snav {position:absolute; top:8px; right:0.7em; display:table;}

	.galerie_snav span {display:inline-block; font-size:1.1em; padding-left:0.3em;}
	.galerie_snav .snav {display:inline-block;}
	.galerie_snav a {display:inline-block; background-color:#7ba453; color:#fff; font-size:1.2em; letter-spacing:-0.07em; width:32px; padding:0.1em 0 0.15em; margin-left:0.3em; text-align:center; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
	.galerie_snav a:hover {background-color:#222; color:#eee;}
	.galerie_snav a.aktiv {background-color:#222; font-weight:700;}



	.galerie {position:relative; display:block;}
	.galerie_bilder {position:relative; width:100%; /* z-index:900; */}
	.galerie .row {display:block; width:100%;}
	.galerie .bild {display:inline-block; background-color:#eee; vertical-align:top; width:24%; margin:0 0.5% 1%; cursor:pointer;}

	.galerie_bilder .bild.format_Q:not(.edit) {height:calc(96vw * 0.48 / 3); max-height:calc(1400px * 0.48 / 3);}
	.galerie_bilder .bild.format_H:not(.edit) {height:calc(96vw * 0.72 / 2); max-height:calc(1400px * 0.72 / 2);}

	.galerie .bild a {display:block; height:100%; /* color:#222; */}
	.galerie .bild a > div {position:relative; overflow:hidden;}
	.galerie .bild a > div img {display:block; width:100%;}

	.galerie .bild a > div .info {display:table; position:absolute; top:0; background-color:rgba(0,0,0,0.3); color:#fff; width:100%; padding:0.5em; line-height:1.1em;}
	.galerie .bild a > div .info > div {display:table-cell; width:100%;}
	.galerie .bild a > div .info > div:nth-of-type(1) span {opacity:0.6; padding-right:0.1em;}
	.galerie .bild a > div .info > .fas {display:table-cell; font-size:1.1em; opacity:0.6; padding-left:0.1em;}
	.galerie .bild a > div:hover .info {background-color:rgba(0,0,0,0.5); transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
	.galerie .bild a > div:hover .info > .fas {opacity:1; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}

	.galerien .bild a > div .info {font-size:1.4em; padding:0.3em 0.4em;}

	.galerie .bild .bild_aktion {display:table; background-color:#ddd; width:100%;}
	.galerie .bild .bild_aktion.alarm {background-color:#cd0000;}

	.galerie .bild .bild_aktion > div {display:table-cell; padding:0.5em 0.5em; vertical-align:middle;}
	.galerie .bild .bild_aktion textarea,
	.galerie .bild .bild_aktion input {font-family:'Open Sans', sans-serif; font-size:0.9em; line-height:1.2em; padding:0.2em 0.3em;}
	.galerie .bild .bild_aktion > div:nth-of-type(1) {width:100%;}
	.galerie .bild .bild_aktion textarea {width:100%; height:40px;}
	.galerie .bild .bild_aktion input {width:40px; text-align:center;}
	.galerie .bild .bild_aktion > div:nth-of-type(2) > div > span {display:inline-block; width:40px; vertical-align:middle;}
	.galerie .bild .bild_aktion .fas {font-size:1.5em; margin-left:1em;}
	.galerie .bild .bild_aktion .fas:hover {color:#ff0000;}
	.galerie .bild .bild_aktion button {display:block; background-color:#666; color:#fff; font-size:1.2em; font-weight:700; padding:0.3em 0.5em; margin-top:0.3em; border:0;}
	.galerie .bild .bild_aktion button:hover {background-color:#7ba453; color:#fff; cursor:pointer;}




	@media screen and (max-width:1200px) {

		.steckbrief .fakten {max-width:400px;}

	}



	@media screen and (max-width:1024px) {

		.galerie_header h1 {font-size:2.2em;}
		.galerie_header a.btn {font-size:1.4em;}
		.galerie .bild a > div .info {padding:0.3em 0.4em 0.4em;}

		.steckbrief .fakten {border:2px solid #7ba453;}

	}



	@media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {

		.galerie .suche_eingabe .fa-search {top:0.6em;}
		.galerie .suche_eingabe .suche_close {top:0.6em;}

	}



	@media screen and (max-width:850px) {
		:not(.galerie.neu, .galerie.suche) .galerie_header .galerie_snav {display:none;}

		.galerie .suche_eingabe .fa-search {top:0.6em;}
		.galerie .suche_eingabe .suche_close {top:0.6em;}

	}


	@media screen and (max-width:850px) and (orientation:portrait) {
		.galerie_bilder .bild {display:inline-block; width:49%;}

		.galerie_bilder .bild.format_Q:not(.edit) {height:calc(96vw * 0.98 / 3); max-height:calc(96vw * 0.98 / 3);}
		.galerie_bilder .bild.format_H:not(.edit) {height:calc(96vw * 1.47 / 2); max-height:calc(96vw * 1.47 / 2);}

	}


	@media screen and (max-width:670px){

		.galerie_header {top:40px;}
		.galerie_header > div:nth-of-type(1) {padding:0.8em 0 0.6em;}
		.galerie_header > div:last-of-type {padding:1em 0 1em 1em;}

		.galerie_header h1 {font-size:1.6em;}
		.galerie_header h1 span:nth-of-type(2) {display:none;}
		.galerie_header a.btn {font-size:1.1em; padding:0.3em 0.5em 0.4em 0.4em;}
		.galerie_header a.btn span {display:none;}

		.galerie .suche {margin-top:0.2em;}
		.galerie .suche_eingabe .fa-search {left:0.4em; top:0.35em; font-size:1.2em;}
		.galerie .suche_eingabe .suche_close {top:0.35em; font-size:1.2em;}
		.galerie .suche_eingabe_result {top:23px; font-size:1em;}

		.galerie .suche_eingabe input {
			/* enlarge by 16/14 = 114.29% */
			border-radius: 3.4285px;
			font-size:16px;
			line-height: 18.2864px;
			padding: 3px 3.4285px 3px 2em;
			width: 114.29%;
			/* scale down by 14/16 = 87,5% */
			transform: scale(0.875); transform-origin: left top;
			/* remove extra white space */
			margin-bottom: -10px; margin-right: -33.333333333%;
		}



		.steckbrief .fakten {display:none; margin:0; float:none; padding-top:0.5em; border:2px solid #7ba453;}
		.steckbrief .fakten h2 {font-size:1.5em;}
		.steckbrief .fakten .bes2 > div {line-height:1.2em;}

		.steckbrief .bes .bes1:nth-of-type(n+2) {margin-top:0;}

		.galerie .bild a > div .info {font-size:0.95em; padding:0.2em 0.4em 0.3em;}
		.galerie .bild a > div .info > .fas {font-size:1em;}

		.galerien .bild a > div .info {font-size:1.2em; padding:0.2em 0.4em 0.3em;}

		.galerie_snav .snav a {font-size:1em; line-height:26px; width:26px;}

	}



	

	@media screen and (max-width:375px){

		.bild {display:inline-block; width:100%; margin:0 0 1%;}

	}