/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//	Das Dokument "suche.css" definiert die Suchausgabe
//  
//  	Inhalt:
//			- Ausgeblendete Emelemnte
//			- Globale Einstellungen
//			- Media-Querrys
//			- Special_Settings for Firefox
//			- Special_Settings for InternetExplorer
//
//		Farbverzeichnis:
//			can be found in style.css
//  
//  INFO: 
//
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// seachrBox
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.searchContainer {
    display: inline-block;
    width: 100%;
    max-width: 376px;
	height: 376px;
	overflow: hidden;
	background-color: #E2E9EF;
}

.searchBox {
	padding: 0 24px;
    width: calc(100% - 48px);
	overflow: hidden;
}

.searchBox h2 {
	margin: 24px 0;
}

.searchBox .input {
	background-image: url(../img/icons/arrowDown.svg);
	background-position: calc(100% - 12px) 50%;
	background-size: 12px;
}

.searchBox .input:hover {
	cursor: pointer;
}

.searchBox .button {
	margin-top: 12px;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// seachrBox
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Media-Querrys
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen and (min-width: 800px) { 

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//	FireFox-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@-moz-document url-prefix() {

.searchBox .input {
	background-image: none;
	padding: 9px;
}
	
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Internetexplorer-Extrawurst
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

@media screen\0 {

.searchBox .input {
	background-image: none;
	padding: 10px;
}
	
}