/**
 * filter form
 */

	#filter-toggle {
		position: relative;
		margin-top: 0px;
		height: 2.2em;
		font-weight: 200;
		color: white;
		/**/background-color:#76B82A;/**/
	}
	#filter-toggle:hover {
		/**/background:#559326;/**/
	}

	#filter-count, #filter-count + div {
		position: absolute; top: 0; bottom: 0;
		padding: 6px 6px 0px 10px; line-height: 1.7em;
		overflow: hidden;
	}
	#filter-count {
		width: 110px;
	}
	#filter-count + div {
		left: 130px; right: 130px;
		text-align: center;
	}
	#filter-count + div>span {
		white-space: nowrap;
	}
	#filter-count + div>span:last-child {
		padding-right: 70px;
	}
	#filter-toggle a {
		top: 0; bottom: 0; left: 0; right: 0;
		position: absolute; visibility: hidden;
		opacity: 0; transition: opacity .25s linear;
		text-decoration: none;
	}
	@supports(pointer-events: none) { #filter-toggle a {
		visibility: visible;
		pointer-events: none;
	} }

	#filter-toggle .expand-toggle {
		height: 100%; float: right;
		width: 110px; padding-right: 45px;
	}
	#filter-toggle .expand-toggle::after {
		display: block; content: '〉';
		transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);
		transition: transform .25s;
		text-align: center; margin: auto;
		width: 1em; font-size: 60px;
		position: relative; top: -22px;
	}
	#filter:target + #filter-toggle .expand-toggle::after {
		transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);
	}

	#filter:target + * .hide { visibility: visible; opacity: 1; pointer-events: all; }
	#filter:not(:target) + * .show { visibility: visible; opacity: 1; pointer-events: all; }


	#filter-form {
		transform-origin: 0 0;
		transform: scaleY(1);
		max-height: 4000px;
		transition: transform .3s, max-height .3s, padding .3s, border-width .3s;
		/**/border-bottom: 4px solid#76B82A;/**/
	}

	#filter:not(:target) ~ #filter-form {
		transform: scaleY(0);
		max-height: 0; padding-bottom: 0; border-width: 0;
	}

	#filter-form .columns { column-gap: 0; -moz-column-gap: 0; -webkit-column-gap: 0; }
	@media all {
		#filter-form .columns { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
		#filter-form .button { width: 33.33333%; }
	}
	@media (max-width: 680px) {
		#filter-form .columns { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
		#filter-form .button { width: 50%; }
	}
	@media (max-width: 470px) {
		#filter-form .columns { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
		#filter-form .button { width: 100%; }
	}

	#filter-form .columns { margin: 4px -5px 0 -5px; }
	#filter-form .category {
		display: inline-block; width: 100%;
		position: relative; vertical-align: top;
		background-color: #F7F7F7;
		border: 3px solid white;
		border-left-width: 5px; border-right-width: 5px;
	}
	@supports (-webkit-column-break-inside: avoid) { #filter-form .category {
		display: block; -webkit-column-break-inside: avoid;
	} }

	#filter-form .category .title {
		display: block;
		padding-top: 5px;
		font-size: 16px;
		height: 30px; line-height: 30px;
		text-align: center;
	}

	#filter-form .category .entry {
		display: block;
		text-indent: -40px; padding-left: 40px;
		font-size: 14px;
	}
	#filter-form .category .entry:hover {
		/**/color:#76B82A;/**/
	}
	#filter-form .category .entry input {
		appearance: none; -moz-appearance: none; -webkit-appearance: none;
		display: inline-block; vertical-align: middle;
		position: relative; top: -1px;
		width: 1em; height: 1em; font-size: 14px;
		border: 1px solid black; border-radius: 50%;
		outline: none;
	}
	#filter-form .category .entry input:checked {
		/**/background:#76B82A;/**/
		/**/border-color:#559326;/**/
	}

	#filter-form {
		position: relative;
		padding-bottom: 44px;
	}
	#filter-form .button {
		position: absolute; right: 0; bottom: 4px;
		height: 40px;
		border: none; outline: none;
		/**/background-color:#76B82A;/**/
	}

	#filter-form #selected,
	#applied-filters {
		display: block; margin: 10px;
	}
	#filter-form #selected>span,
	#applied-filters>span {
		/**/color:#76B82A;/**/
	}
	#filter-form #selected:not(:empty)::before {
		content: 'Ausgewählt: ';
	}
	#applied-filters:not(:empty)::before {
		content: 'Angewandt: ';
	}
	#filter-form #selected>span:not(:last-child)::after,
	#applied-filters>span:not(:last-child)::after {
		content: ' | ';
		color: black;
	}
	#filter-form #selected>span>span::after {
		content: '⨉';
		font-size: 12px;
		border-radius: 50%;
		display: inline-block; height: 1.2em; width: 1.2em;
		line-height: 1.1em; text-align: center;
		position: relative; top: -2px;
		cursor: pointer;
		color: white;
		/**/background:#76B82A;/**/
	}