#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox{
	font-size: 16px;
}
.ms-mpSearchBox{
	width: auto;
}

%sb-style{
	& > input{
		width: calc(100% - 40px);
	}

	&-border{
		font-size: 16px;

		box-sizing: border-box;
		width: 100%;
		padding: 20px;

		border: none;
		border-bottom: 2px $gray-50 solid;
		background-color: $gray;
		&:hover{
			border: none;
			border-bottom: 2px $gray-50 solid;
		}
	}
}

.ms-srch-sb{
	& > input{
		width: calc(100% - 63px);
	}

	&-border{
		font-size: 16px;

		box-sizing: border-box;
		width: 100%;
		padding: 9px;
		padding-bottom: 7px;
		//padding-right: 10px;

		border: none;
		border-bottom: 2px $gray-50 solid;
		background-color: $gray;
		&:hover{
			border: none;
			border-bottom: 2px $red-dark solid;
			svg{
				fill: $red-dark;
			}
		}
		#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox{
			padding-right: 6px;
		}
	}

	&-borderFocused{
		font-size: 16px;

		box-sizing: border-box;
		width: 100%;
		padding: 9px;
		padding-bottom: 7px;

		border: none;
		border-bottom: 2px $red solid;
		background-color: $gray;
		//padding-right: 10px;
		&:hover{
			border: none;
			border-bottom: 2px $red-dark solid;
		}
		#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox{
			padding-right: 6px;
		}
	}
}
.ms-srch-sb-searchLink:hover,
.ms-srch-sb-navLink:hover{
	background-color: transparent;
}
.ms-qSuggest-container{
	// width: 100% !important;
	box-sizing: border-box;
	margin-top: 9px;
	margin-left: -9px;
	.ms-qSuggest-listItem{
		padding-right: 20px;
		padding-left: 20px;
		&:hover{
			padding-right: 20px;
			padding-left: 20px;
		}
	}
	.ms-qSuggest-hListItem{
		padding-right: 20px;
		padding-left: 20px;

		background-color: $gray;
	}
}
.ms-srch-sb-navLink-menuOpen{
	background-color: transparent;
}

#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox{
	font-size: 16px;

	height: 18px;

	text-indent: 2px; // FIX I Einrückungen
}

.ms-srch-sb > .ms-srch-sb-searchLink{
	overflow: none;

	width: auto;
	svg{
		font-size: 24px;

		overflow: none;

		width: 100%;
		height: 100%;
		path{
			width: 20px;
			height: 20px;
		}
	}
}
.icon-dd{
	margin-top: 6px;
	margin-right: 6px;
}

.ms-searchCenter-result-main{

	@media screen and (min-width: 0px) and (max-width: 768px){
		margin-top: 0px;
	}
}

#SearchBox.ms-floatLeft{
	width: 100%;
}

.ms-searchCenter-result-main,
.ms-searchCenter-main{
	.ms-webpart-zone.ms-fullWidth,
	#SearchBox{
		width: 100% !important;
	}
}
#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv{
	svg{
		color: $red;
		fill: $red !important;
	}
	&:hover{
		svg{
			color: $red-dark;
		}
	}

}
#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_NavButton{
	color: $red !important;
	a{
		color: $red !important;
		&:visited{
			color: $red !important;
		}
		&:hover{
			color: $red !important;
		}
	}
}
#ctl00_PlaceHolderMain_ctl00_csr_sboxdiv{
	& > input{
		width: calc(100% - 80px);
	}
	&:hover{
		svg{
			fill: $red-dark;
		}
		use{
			fill: $red-dark;
		}
		.icon.icon-dd{
			fill: $red-dark !important;
			color: $red-dark;
		}
	}
}

@media screen and (min-width: 0) and (max-width: 768px){
	.ms-srch-sb-border,
	.ms-srch-sb-borderFocused{
		padding-right: 8px;

		#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox{
			width: calc(100% - 65px);
			padding-right: 13px;
		}
		& > .ms-srch-sb-navLink{
			width: 19px;
		}
		& > .ms-srch-sb-searchLink{
			margin-left: 5px;
		}
	}
}

#DeltaPlaceHolderMain{
	& > .ms-srch-siteSearchResults{
		@include span(6 of 10 nested no-gutter);
	}
}
#ms-rterangecursor-start
#ms-rterangecursor-end{
	display: none;
}