/*
Schaefer Template
creation Date: 2018-07-04
Author: Sebastian Osinski
http://www.sebbi.net
*/

#header-wrapper, 
#header-wrapper *{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#header-wrapper{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 130px;
}
#header-wrapper.isFixed{
	height: 60px;
}

#logo img{
	position: absolute;
	z-index: 999;
	width: 205px;
	height: 73px;
	top: 28.5px;
	left: -205px;
}
#header-wrapper.isFixed #logo img{
	width: 112px;
	height: 40px;
	top: 10px;
}
#header-wrapper.res_act,
#header-wrapper.isFixed.res_act{
	height: 100%;
}

#lupe,
#lupe_footer{
	position: absolute;
	width: 20px;
	top: 90px;
	right: 0px;
	cursor: pointer;
	z-index: 20;
}
#lupe_footer{
	top: 0px;
	z-index: 0;
}
#lupe:hover{
	width: 25px;
	right: -2.5px;
	top: 88.5px;
}
#header-wrapper.isFixed #lupe{
	top: 20px;
}
#header-wrapper.isFixed #lupe:hover{
	top: 18.5px;
}
#header-wrapper.search_act #lupe{
	z-index: 20000;
}
#lupe img{
	width: 100%;
}
label.finder{
	display: none;
}

#header-wrapper.search_act #searchbar{
	width: 100%;
}
#header-wrapper.isFixed #searchbar input,
#header-wrapper.isFixed #searchbar button{
	height: 40px;
	margin-top: 10px;
}
#searchbar{
	position: absolute;
	overflow: hidden;
	width: 0px;
	height: 100%;
	z-index: 2000;
}
#searchbar input,
#searchbar button{
	width: 80%;
	height: 80px;
	margin-top: 25px;
	border: 1px solid;
	box-shadow: none;
	font-size: 25px;
	padding-left: 20px;
}
#searchbar button{
	width: 15%;
	border: none;
	cursor: pointer;
	margin-left: 1%;
	padding-left: 0px;
}

#language_switcher{
	position: absolute;
	bottom: 18.5px;
	right: 10px;
	z-index: 10;
}

@media (max-width: 1360px){
	#header-wrapper{
		height: 60px;
	}
	#lupe, #lupe:hover{
		top: 20px;
		right: 50px;
	}
	#searchbar{
		width: 100%;
		height: 0px;
	}
	#header-wrapper.search_act #searchbar{
		height: 100%;
	}
	#header-wrapper.search_act{
		height: 100%;
	}
	#header-wrapper #searchbar{
		margin-top: 60px;
	}
	#header-wrapper.search_act #searchbar button,
	#header-wrapper.search_act #searchbar input{
	}
	#header-wrapper #searchbar input,
	#header-wrapper #searchbar button{
		padding-left: 0px;
		text-align: center;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
	}
	#language_switcher{
		display: none;
	}
	#header-wrapper.res_act #language_switcher{
		display: block;
	}
}