@charset "UTF-8";

body.search-results main { padding-top: 24px;}
body.search-results main .vielfalt-widget {order:1;}
main .search-counter {order:2;text-align:right;position: absolute; margin-top: -9px; right: 10px;}

.searchfilter {
	margin-top: -10px;
	display: flex;
	justify-content: flex-start;
}
@media screen and (min-width: 768px) {
	.searchfilter {
		justify-content: flex-end;
		padding-right: 255px;
	}
}

.toggle {
	display:none;	
}
.result-list-line .overview-more a{
color: rgba(192, 0, 23, .7);
margin-right:10px;

}
.overview-more {display:flex;flex-direction: column;
justify-content: center;}
.searchfilter div.toggle{
	position:absolute;
	background: #fff;
	width: 100%;
	color: #000;
	opacity: 0.9;
	white-space: nowrap;
	
}
.searchfilter div {position:relative;}
.searchfilter div:hover >.toggle {display:block;}


.result-list-entry .media-icon{
	font-size: 3em;
	display: flex;
	justify-content: center;
	height:100%;
	align-items:center;
}

.result-list-entry {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
	padding: 5px;
	order:3;
	border-bottom-color: #505050;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
@media screen and (min-width: 768px) {
	.result-list-entry {
		flex-direction: row;
		border-bottom-width: 0;
	}
}
.result-list-entry:first-of-type {
	border-radius: 7px 7px 0 0;
}
.result-list-entry:hover {
	background-color: white;
}
.result-list-entry:nth-child(21) ~ .result-list-entry:not(.show) {
	display: none;
}
.vielfalt-kurz-erklaert .result-list-entry:nth-child(21) ~ .result-list-entry:not(.show) {
	display: flex;
}
.result-list-entry .thumbnail-container {
	margin-right: 15px;
}

.result-list-entry .thumbnail-container img {
	width: auto;
	max-width: 50%;
	height: auto;
	max-height:170px;
}
@media screen and (min-width: 768px) {
	.result-list-entry .thumbnail-container img {
		width: 100%;
		max-width: 100%;
		max-height:inherit;
	}
}

.result-list-entry .data-container {
	font-size:0.9em;
	line-height: 1.2em;
}
@media screen and (min-width: 768px) {
	.result-list-entry .thumbnail-container {
		min-width: 20%;
	}
	.result-list-entry .data-container {
		width: 80%;
	}
}

.result-list-entry p {
	margin:5px 0;
}
.result-list-entry p.field-material_mart {
	margin-bottom:0px;
}
.result-list-entry a.more {
	color:#29a08c;
}
.vielfalt-kurz-erklaert .result-list-entry .data-container h2 {line-height:32px;}
.result-list-entry .data-container h2 {
	font-size: 15pt;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0;
	hyphens: auto; 
}
.result-list-entry a {
	color: rgb(0, 0, 0);
	text-decoration: none;
}
.result-list-entry a:hover {
	color: rgb(0, 0, 0);
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
	.vielfalt-kurz-erklaert {
        display:flex;
        flex-wrap:wrap;
	}
	.result-list-entry.kurz-erklaert {
	    width:50%;
	    min-height:64px;
	}
}

.result-list-entry.kurz-erklaert {
	line-height:32px;
	border-bottom-width: 0px;
	flex-direction: row;
}
.result-list-entry.kurz-erklaert:hover {
	background-color: inherit;
}
.result-list-entry .red-button-container {
	margin-right: 15px;
	min-width: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	height:32px;
}
.result-list-entry .red-button {
	background-color: rgb(192, 0, 23);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	transition: all .5s ease-out;
}
.result-list-entry:hover .red-button {
	transform: scaleX(1.2) scaleY(0.8);
}
.result-list-line {
	display:flex;
	padding-top: 10px;
	flex-direction:row;
	justify-content: flex-start;
	flex-wrap:wrap;
	width: 98%;
	align-items:center;
}
.result-list-line .overview-button {
	padding: 5px;
	margin-right: 10px;
	margin-top:10px;
	font-size: 9px;
	line-height: 1em;
	background-color: #29a08c;
	border-radius: 5px;
	color: white;
	
	display: flex;
	flex-direction: column;
	justify-content: center;	
}
.result-list-line .overview-button:last-child {
	margin-right: 0;
}
.result-list-line .overview-button > * {
	display: block;
}
.result-list-line  > * {
	display: block;
}
.result-list-line .overview-button a, .result-list-line .overview-button p {
	color: white;
}
.result-list-line .overview-button i {
	font-size: 24px;
}

@media screen and (min-width: 768px) {
	.result-list-entry .thumbnail-container {
		max-width: 20%;
	}
	.result-list-line .overview-button.overview-favorites {
		margin-left: auto;
	}
}

.result-list-line .simplefavorite-button {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.result-list-line .simplefavorite-button > *:first-child {
	margin-right: 5px;
}
 .simplefavorite-button {
	cursor:pointer;
}
.overview-favorites {cursor:pointer;margin-left:5px;}
.overview-favorites .small {margin-left:3px;}