.bh-search-inner input {
	background: none;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	border: 0px;
	width: 100%;
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.1;
	text-align: left;
	padding: 2rem 2rem 2rem 6.5rem;
	box-sizing: border-box;
	color: var(--root-color-80);
	background: #FFFFFF;
	box-shadow: 0px 30px 40px #EBEEF3;
	border-radius: 0px;
}

/*
.bh-search input:focus {
	border-bottom: 2px solid rgba(52, 58, 85, 1.000);
	background: rgba(255,255,255,0.4);
}
*/

.bh-search-wrapper-input:before {
	position: absolute;
	left: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	content: "\e98b";
	font-family: 'bakehouse-iconset' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--primary-color-100);
    cursor: pointer;
}

.bh-search-wrapper-input {
	position: relative;
	margin-bottom: 0px;
}

.bh-search-result {
	display: block;
	width: 100%;
	height: auto;
	padding: 1.5rem;
	box-sizing: border-box;
	margin-bottom: 2rem;
	border-radius: 3px;
	transition: ease-in background 0.3s;
}

.bh-search-result:hover {
	background: white;
	transition: ease-out background 0.3s;
}

.bh-search-result-title {
    font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.1;
	color: var(--primary-color-100);
    margin-bottom: 0.7rem;
}

.bh-search-result-url {
	font-size: 1.3rem;
	line-height: 1.3;
	color: var(--root-color-80);
	margin-bottom: 0.7rem;
}

.bh-search-result-context {
	font-size: 1.6rem;
	line-height: 1.3;
	color: var(--root-color-80);	
}
	
	
.bh-search-wrapper-result {
	overflow-y: auto;
	height: calc(100% - 14rem);
	padding-top: 2rem;
}
.bh-search-wrapper-result::-webkit-scrollbar {
  width: 8px;
}
.bh-search-wrapper-result::-webkit-scrollbar-track {
  background: #fafafc;
}
.bh-search-wrapper-result::-webkit-scrollbar-thumb {
  background-color: var(--primary-color-100) ;
  border-radius: 0px;
  border: 0px solid #fafafc;
}

.bh-search-inner{
	position: absolute;
	right: 180px;
	width: 350px;
	float: right;
}

/*
.bh-search-query {
	width: 650px;
	line-height: 35px;
	background: none;
	border: 0px;
	border-bottom: 2px rgba(139, 97, 43, 1.000) solid;
	margin-left: 10px;
	font-size: 18px;
	color: rgba(95, 67, 19, 1.000);
}
*/

.bh-search-inner:before {
	content: 'Webseite durchsuchen';
	font-weight: 600;
	font-size: 3rem;
	line-height: 1.1;
	color: var(--primary-color-100);
	margin-bottom: 3rem;	
	display: block;
	width: 100%;
	padding-right: 5rem;
	box-sizing: border-box;
}

.closesearch {
	position: absolute;
	font-size: 24px;
	top: 4rem;
	right: 3rem;
	color: var(--primary-color-100);
	cursor: pointer;
}


[data-activelang="1"] .bh-search-inner:before {
	content: 'Search website';
}
/*
[data-activelang="2"] .bh-search-inner:before {
	content: 'Search website';
}
[data-activelang="3"] .bh-search-inner:before {
	content: 'Ricerca sul sito';
}
[data-activelang="4"] .bh-search-inner:before {
	content: 'Explorar el sitio web';
}
[data-activelang="5"] .bh-search-inner:before {
	content: 'Parcourir le site Web';
}
[data-activelang="6"] .bh-search-inner:before {
	content: 'Szukaj na stronie internetowej';
}
[data-activelang="7"] .bh-search-inner:before {
	content: 'Zoeken op de website';
}
*/
.bh-search-inner {
	z-index: 500;
	background: #F7F7F7;
	top: -100vh;
	opacity: 0;
	position: fixed;
	width: 800px;
	height: 90vh;
	padding: 4rem 3rem;
	box-sizing: border-box;
	box-shadow: 0px 0px 100px rgba(0,0,0,0.2);
	transition: ease-in top 0.4s, ease-in opacity 0.2s 0.3s;
	right: calc(50vw - 400px);
}
.bh-femode .bh-search-inner {

}

.bh-search-inner.active {
	top: 5vh;
	opacity: 1;
	transition: ease-out top 0.4s 0.3s, ease-out opacity 0.6s 0.2s;
}
.bh-bemode .bh-search-inner.active {
	top: calc(5vh + 50px);
}
.bh-bemode .bh-search-inner {
	height: calc(90vh - 50px);
}
.searchOverlay {
	position: fixed;
	height: 100vh;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 400;
	background-color: rgba(255,255,255,0.8);
	backdrop-filter: blur(4px);
	opacity: 0;
	pointer-events: none;
	transition: ease-in opacity 0.3s 0.4s;
}
.searching .searchOverlay {
	opacity: 1;
	pointer-events: all;
	transition: ease-out opacity 0.2s;
}
.searching {
	max-height: 100vh;
	overflow: hidden;
}


body.searching .content,
body.searching .menuebar {
	opacity: 0.3;
}

.bh-search.bhElement .bh-search-inner {
	position: relative;
	top: 0px;
	height: auto;
	background: none;
	box-shadow: none;
}
.bh-search.bhElement input {
	width: calc(100% - 80px) !important;
}


@media only screen and (max-width:800px) {
	.bh-search-inner {
		width: 100% !important;
		right: 0px !important;
	}
	
	.bh-search-result-context {
		color: black;	
	}
	
	.bh-search-result {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
	
	.bh-search-inner:before {
		padding-right: 0px;
	}
}











