#searchBar{
    border-radius: 0 !important;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

#expandButtonNoBorderRadius {
    border-radius: 0 !important;
}

#extendedSearchWrapper{
    border-radius: 0 !important;
    border-width: 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.extended-search-heading{
    color: #59d9cc !important;
}

.rounded-only-left{
	border-radius: 0.25rem 0 0 0.25rem !important;
}
.rounded-only-right{
	border-radius: 0 0.25rem 0.25rem 0 !important;
}

.clearFilters{
    width: 160px;
}

.clearFilters svg {
    display:none;
    animation: fadeIn ease-in-out 0.6s;
    -webkit-animation: fadeIn ease-in-out 0.6s;
    -moz-animation: fadeIn ease-in-out 0.6s;
    -o-animation: fadeIn ease-in-out 0.6s;
    -ms-animation: fadeIn ease-in-out 0.6s;
}

.clearFilters:hover svg {
    display:inline;
}

.clearFilters:before {
    animation: fadeIn ease-in-out 0.6s;
    -webkit-animation: fadeIn ease-in-out 0.6s;
    -moz-animation: fadeIn ease-in-out 0.6s;
    -o-animation: fadeIn ease-in-out 0.6s;
    -ms-animation: fadeIn ease-in-out 0.6s;
    content:"Filter zurücksetzen";
}

.clearFilters:hover:before {
    content:"";
}

#searchInputSmall {
	display: none;
}

#searchButtonSmall {
	display: none;
}

#resetSearchSmall{
	display: none;
}

#expandButtonSmall{
	display: none;
}


@media only screen and (max-width: 767px) {

	#searchIcon{
		display: none;
	}

	#searchInputBig{
		display: none;
	}

	#searchButtonBig{
		display: none;
	}

	#searchInputSmall{
		display: inline;
	}

	#searchButtonSmall {
		display: inline;
	}

	#resetSearchBig{
		display: none;
	}

	#expandButtonBig{
		display: none;
	}

	#resetSearchSmall{
		display: inline;
	}

	#expandButtonSmall{
		display: inline;
	}
}