.steinsuchform { display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 1em; }
.steinsuchform__fieldset { display: block; font-size: .85rem; margin: 0 1em .5em 0; width: 100%; }

.steinsuchform__select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 0;
	color: #000;
	cursor: pointer;
	line-height: 1.5;
	margin-bottom: .5em;
	padding: .5em 1em;
	transition: background-color .2s ease-out;
	width: 100%;
}

.steinsuchform__select:focus,
.steinsuchform__select:hover { background-color: #fff; }
.steinsuchform__select {
	background-image: linear-gradient(45deg, transparent 50%, #568882 50%), linear-gradient(135deg, #568882 50%, transparent 50%);
	background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em);
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
}


button.steinsuchform__reset,
button.steinsuchform__back {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	cursor: pointer;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: .5em;
	padding: .5em 1em;
	transition: background .2s ease-out, color .2s ease-out;
	width: auto;
}

button.steinsuchform__back { display: none; }

button.steinsuchform__reset:focus, button.steinsuchform__reset:hover,
button.steinsuchform__back:focus, button.steinsuchform__back:hover { background: #568882; border-color: #568882; color: #fff; }

.steinliste { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0; overflow: hidden; }
.steinliste__item { margin: 0 2% 2.5% 0; width: 23%; }
/*.steinliste__item:nth-of-type(4n) { margin-right: 0; }*/
.steinliste--detail > .steinliste__item { width: 23%; }

.loader {
	background: url('../Images/loader120px.gif') no-repeat center center;
	background-size: 60px 60px;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000001;
}

/* laoding overlay to prevent clicking while loading */
#ajax-loading-overlay {
	background: #fff;
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0.75;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000000;
}

.steindetail { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 1em; }
a.steindetail__img-link { border: none !important; text-decoration: none; width: 48%; }
.steindetail__info { width: 48%; }
.steindetail__hint { font-size: 0.6em; }

.mixitup-pagination { margin-bottom: 1.5em; }
.mixitup-page-list { display: inline-block; margin-right: 1em; }
.mixitup-page-list-disabled { margin-right: 0; }

.mixitup-page-list .mixitup-control {
	-webkit-appearance: none;
	appearance: none;
	background: #fff;
	border: 1px solid #000;
	border-radius: 0;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: .85rem;
	line-height: 1;
	margin: 0 .25em .5em 0;
	padding: .375em .5em;
	transition: background .2s ease-out;
	width: auto;
}

.mixitup-page-list .mixitup-control:hover, .mixitup-page-list .mixitup-control-active { background: #568882; border-color: #568882; color: #fff; }
.mixitup-page-list .mixitup-control-next { background: #fff url('/typo3conf/ext/klinksitepns/Resources/Public/Images/mixitup-next.svg') no-repeat center center; background-size: auto 100%; border: none; color: transparent; transition: background .2s ease-out; }
.mixitup-page-list .mixitup-control-next:hover { background: #fff url('/typo3conf/ext/klinksitepns/Resources/Public/Images/mixitup-next--green.svg') no-repeat center center; background-size: auto 100%; border: none; color: transparent; }
.mixitup-page-list .mixitup-control-prev { background: #fff url('/typo3conf/ext/klinksitepns/Resources/Public/Images/mixitup-prev.svg') no-repeat center center; background-size: auto 100%; border: none; color: transparent; transition: background .2s ease-out; }
.mixitup-page-list .mixitup-control-prev:hover { background: #fff url('/typo3conf/ext/klinksitepns/Resources/Public/Images/mixitup-prev--green.svg') no-repeat center center; background-size: auto 100%; border: none; color: transparent; }
.mixitup-page-stats { display: inline-block; font-size: .85rem; }

@media only screen and (min-width: 1025px) {
	.steinsuchform { flex-direction: row; }
	.steinsuchform__fieldset { max-width: 18%; width: auto; }
	.steinsuchform__fieldset--name { max-width: 23%; width: 23%; }
	.steinsuchform__fieldset--reset,
	.steinsuchform__fieldset--back { width: auto; }
	.steinsuchform__select { margin-bottom: 1em; padding: 1em 2em 1em .5em; }
	.steinsuchform__select { background-position: calc(100% - 12px) calc(1.5em), calc(100% - 7px) calc(1.5em); }
	button.steinsuchform__reset,
	button.steinsuchform__back { margin-bottom: 1em; padding: 1em .5em; }
	.mixitup-page-list .mixitup-control { margin: 0 .5em 1em 0; padding: .75em 1em; }
	.steinliste__item { margin: 0 2% 2% 0; width: 14.666666667%; }
	/*.steinliste__item:nth-of-type(4n) { margin-right: 2%; }*/
	/*.steinliste__item:nth-of-type(6n) { margin-right: 0; }*/
	.steinliste--detail > .steinliste__item { margin: 0 2% 2% 0; width: 23%; }
	/*.steinliste--detail > .steinliste__item:nth-of-type(4n) { margin-right: 0; }*/
	/*.steinliste--detail > .steinliste__item:nth-of-type(6n) { margin-right: 2%; }*/
}

@media only screen and (min-width: 1441px) {
}

/* select2 overrides */
.select2-container--default .select2-selection--single {
	border-color: #000;
	border-radius: 0;
	height: auto;
	padding: .5em 1em;
}

.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1.15; padding-left: 4px; }
.select2-selection__arrow { display: none; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #000; }
.select2-results__options { font-size: .85rem; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #568882; }
.select2-container *:focus { outline: none; }
.select2-dropdown.steinsuchform__select { background: #fff; }
.select2-selection__placeholder {line-height: 1.5; }

@media only screen and (min-width: 1025px) {
	.select2-container--default .select2-selection--single { padding: 1em 2em 1em .5em; }
}