@charset "UTF-8";
/* ***************************************************************************************** */
/* (c) designschmiede - www.wirschmiedendesign.de  
/* based on framework BOOTSTRAP V4 
/* ***************************************************************************************** */				

/* basic-adjustments
------------------------------------------------------------------------------------- */
#navbar {
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 997;
	width: 100%;	
  -webkit-transition: top 0.4s ease-in-out;
          transition:	top 0.4s ease-in-out;}

#navbar .navbar .container {
	background-image: none;}

#navbar .navbar .nav-gradient {	
  position: absolute;
	top: 0;
	left: 0;
	width: 15%;
	height: 100%;
	background: rgba(135,135,135,1);
	background: -moz-linear-gradient(left, rgba(135,135,135,1) 0%, rgba(245,245,245,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(135,135,135,1)), color-stop(100%, rgba(245,245,245,1)));
	background: -webkit-linear-gradient(left, rgba(135,135,135,1) 0%, rgba(245,245,245,1) 100%);
	background: -o-linear-gradient(left, rgba(135,135,135,1) 0%, rgba(245,245,245,1) 100%);
	background: -ms-linear-gradient(left, rgba(135,135,135,1) 0%, rgba(245,245,245,1) 100%);
	background: linear-gradient(to right, rgba(135,135,135,1) 0%, rgba(245,245,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#f5f5f5', GradientType=1 );}

.docready #navbar {
	/* border-bottom: 1px solid rgba(58,74,77,1.00);	*/
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);}

#navbar.stickyscroll {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
  border-bottom: 0px solid rgba(98,98,98,1.00);
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.95);	
	-webkit-animation-timing-function: ease-in-out;	
					animation-timing-function: ease-in-out;	
	-webkit-animation-duration: 1.5s;
					animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
					animation-fill-mode: both;
	-webkit-animation-name: stickyscroll;
					animation-name: stickyscroll;}
	
	@-webkit-keyframes stickyscroll {
		from {
			-webkit-transform: translate3d(0,-30rem,0);
							transform: translate3d(0,-30rem,0);}
		to {
			-webkit-transform: translate3d(0px,0px,0px);
							transform: translate3d(0px,0px,0px);}}

	@keyframes stickyscroll {
		from {
			-webkit-transform: translate3d(0,-30rem,0);
							transform: translate3d(0,-30rem,0);}
		to {
			-webkit-transform: translate3d(0px,0px,0px);
							transform: translate3d(0px,0px,0px);}}

/* https://stackoverflow.com/questions/32875046/ios-9-safari-changing-an-element-to-fixed-position-while-scrolling-wont-paint/43188105#43188105 */
#navbar.stickyscroll > * {
  -webkit-transform: translateZ(0);
					transform: translateZ(0);}

#navbar .navbar {
  position: relative;}

/* navbar - brand
------------------------------------------------------------------------------------- */
#navbar .navbar-brand {
  width: 230px;
	margin: 0 auto;
	padding-top: 9px;	
	padding-bottom: 9px;
  z-index: 998;
  -webkit-transition: all 0.4s ease-in-out;
          transition:	all 0.4s ease-in-out;}

#navbar.stickyscroll .navbar-brand {
  width: 195px;}

@media screen and (max-width: 490px) {
#navbar .navbar-brand {
  width: 190px;
  padding-top: 12px;	
	padding-bottom: 11px;}

#navbar.stickyscroll .navbar-brand {
  width: 120px;}
}