@media screen and (max-width: 40rem) {

	#logo {
		padding-left: 1rem;
	}

	#logo > a {
		display: block;
		line-height: 1;
		text-align: center;
	}

	#logo > a span.fair-gsi {
		width: 10rem;
		height: 3rem;
	}

	#logo > a em {
		font-size: .95rem;
		margin-left: 0;
	}

	.plx h1 {
		font-size: 1.5rem;
	}


	.tx-solr-search-form {
		flex-flow: column;
	}

	.tx-solr-search-form .facets {
		text-align: center;
	}

	/* --> details>summary ? */
	.tx-solr-sorting ul {
		text-align: center;
	}

	.tx-solr-sorting li {
		display: inline;
	}

	.offers > h2 {
		font-size: 1.5rem;
	}

	#footer .logolist ul {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 2rem
	}
}

@media screen and (max-width: 80rem) {

	#header .center {
		height: 6rem;
	}

}

@media screen and (min-width: 40rem) and (max-width: 80rem) {

	#footer .logolist ul {
		flex-direction: row;
		flex-wrap: wrap;
	}
	#footer .logolist li {
		width: 50%;
	}
	#footer #social.logolist li {
		width: 100%;
	}

}