.navibox{

	position:fixed;

	display:block;

    width: 100%;

    height:68px;

    z-index: 1200;

    background-color:transparent;

}

.navibox.sticky{

	height:auto;

    background-color:#ffffff;

	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);

	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);

	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);

	z-index:1200;

}

.navibox-inner{

	position:relative;

	display:block;

	max-width:100%;

	height:auto;

	margin:0 auto;

	background-color:#ffffff;

	padding:0 15px;

}



#wrapper.sticky .logo{

	visibility:hidden;

	opacity: 0;

	position:absolute;

/*	width:0;

	height:0;

	display:block;

	line-height:0;*/

}



#wrapper .logo-mobile{

    position: relative;

    width:100%;

	height:66px;

	display: block;

	text-align:center;

	margin:0 auto;

    margin-left:0px;

	visibility: visible;

	opacity: 1;

	-webkit-transition:opacity 3s linear;

	transition: opacity 3s linear;

}



#wrapper .logo-mobile{

	display:block;

	width:260px;

	height:60px;

	margin-top:0px;

	margin-left:0px;

	position:absolute;

	background-image: url(/files/Theme_Kristin_Haak/img/logo_kristinhaak_sticky.svg);

    background-position:0 5px;

    background-repeat: no-repeat;

    background-size: 260px auto;

    cursor: pointer;

}


#wrapper.sticky .navibox{

	height:auto;

	height:68px;

	background-color:#ffffff;
	
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);

	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);

	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);

}

.mobile_menu{

	z-index:1300;

}

.mobile_menu_trigger{

	text-align: right;

    max-width: 750px;

    margin: 0 auto;

    z-index:1200;

}


.mobile_menu .inner {

    height: 100%;

    background:#bcc000;

    overflow-y: scroll;

}

.mobile_menu ul{

	padding-inline-start:0;

	-webkit-inline-start:0;

	-webkit-padding-start:0;

}

.mobile_menu ul a{

	text-align:center;

	margin: 0 15px;

}

.mod_mobile_menu {

	width: 100%;

    display: block;

    height: 66px;

    margin-right: -15px;

    margin-left: -15px;

    position:fixed;

    z-index:1201;

}

.mobile_menu_overlay{

	z-index:1202;

}

.hamburger,#wrapper.sticky.hamburger{

	display:inline-block;

	/*padding: 40px 25px;*/

	width:35px;

	height:25px;

	cursor: pointer;

    background-image: url(/files/Theme_Kristin_Haak/img/hamburger.svg);

    background-repeat: no-repeat;

    background-size: 35px 25px;

    margin-top:10px;

    margin-right:10px;

	background-color: #fff;

    border: none;
    z-index:1500;

}

/*.hamburger,#wrapper.sticky.hamburger{

	display:inline-block;

	padding: 40px 25px;

	width:31px;

	height:40px;

	cursor: pointer;

    background-image: url(/files/Theme_Kristin_Haak/img/hamburger.svg);

    background-repeat: no-repeat;

    background-size: auto 20px;

    margin-top:30px;

    margin-left:0px;

	background-color: #fff;

    border: none;
    z-index:1500;

}*/

   

@media (min-width: 480px) {

	

}



@media (min-width: 768px) {

	.navibox-inner{

	max-width:750px

	}

}



@media (min-width: 992px) {

.mod_mobile_menu{display:none}

	

.navibox{

	position:fixed;

	display:block;

    width: 100%;

    height:229px;

    z-index: 1300;

    background-color:transparent;

    -webkit-transition: height 0.5s;

    transition: height 0.5s;

}

.navibox-inner{

	max-width:970px;

}

.navibox .logo{

	display:block;
	
	margin-top:20px;

	float:left;

	visibility: visible;

	opacity: 1;

	-webkit-transition: opacity 0.2s, visibility 0.2s;

	transition: opacity 0.2s, visibility 0.2s;

}

.navibox .logo a {

	position:relative;

    display: block;
    
    width:300px;

	height:291px;

    background-image: url(/files/Theme_Kristin_Haak/img/logo_kristinhaak.svg);

    background-repeat: no-repeat;

    background-size: auto 280px;



}



#wrapper .logo-mobile,#wrapper .logo-mobile-2{

	display:none;

}

.logo-sticky{

	opacity: 0;

	-webkit-transition:opacity 1s, visibility 1s;

	transition: opacity 1s, visibility 1s;

}



/* Logo Langformat für den sticky Header */

#wrapper.sticky .logo-sticky{

    position: relative;

    width:310px;

	height:64px;

	display: block;

	float:left;

    cursor: pointer;

    background-image: url(/files/Theme_Kristin_Haak/img/logo_kristinhaak_sticky.svg);

    background-repeat: no-repeat;

    background-size: auto 64px;

    margin-left:0px;

	opacity: 1;

	-webkit-transition:opacity 1s, visibility 1s;

	transition: opacity 1s, visibility 1s;

 }



}



@media (min-width: 1200px) {

	

.navibox-inner{

	max-width:1170px;	

	}

	

.navibox-inner{

	position:relative;

	display:block;

	height:auto;

	margin:0 auto;

	background-color:#ffffff;

	padding:0 15px;

	}

}



.nav-sticky{

	width:100%;

	position:relative;

}



.nav-mobile {

	display:block;

}

.navigation {

	display:none;}

.nav-mobile ul {


}

.nav-mobile li {

	display:block;

	position: relative;

}

/*.nav-mobile li a {

	width: auto;

	display: block;

	padding:13px 9px;

	line-height: 1.0rem;

	text-decoration:none;

	color:#ffffff;

	font-size:1.0rem;

	font-weight:400;

	height:42px;

}*/
.nav-mobile li a {
	width: auto;
	display: block;
/*	padding: 10px 5px;
    padding-top: 13px;*/
    padding-right: 9px;
    padding-bottom: 13px;
    padding-left: 9px;
	line-height:auto;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.25rem;
	font-weight: 700;
	/*height: 42px;*/
	text-transform: uppercase;
}
.nav-mobile li a.active{

/*	background-color:#ececec;*/

}

.mobile_menu a.close_btn{
	display:block;
	width:100%;
	height:auto;
}
.close_btn img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.close_btn p{
	color:#fff;
	width:100%;
	text-align:center;
}
.mobile_menu a.home_btn{
	display:block;
	color:#fff;
	width:auto;
	margin:60px auto 0;
	text-align:center!important;
	font-size: 1.25rem;
	font-weight: 700;
	text-transform: uppercase;

}

@media (min-width: 992px) {

.nav-mobile {

	display:none;

 }

 

.hamburger{

	display:none;}

 

.navigation {

    display: block;

    width:auto;

	position:relative;

	float:right;

 }

.navigation ul {

	width:auto;

	top:0;

	right:0;

/*	padding-top:121px; */

	list-style-type: none;

	background-color:#ffffff;

	-webkit-transition: padding-top 0.5s;

    transition: padding-top 0.5s;

 }



#wrapper.sticky .navigation ul{

	padding-top:10px; 

 }

#wrapper.sticky .navigation li a{

	padding-top:5px;

	padding-bottom:5px;

 }

.navigation li {

	float:left;

	position: relative;

 }

.navigation li a {

	width: auto;

	display: block;

	line-height: 1.0rem;

	text-decoration:none;

	color:#8d8a5f;
	
	font-family: 'Open Sans';

	font-size:0.875rem;

	font-weight:700;
	
	text-transform:uppercase;

	height:28px;

	padding-top:13px;

	padding-bottom:13px;

	padding-left:6px;

	padding-right:6px;

 }

.navigation li a.active{

	background-color:#ececec;

 }

}


@media (min-width: 1200px) {


	.navigation li a {

		padding-left: 9px;

		padding-right: 9px;

		font-size:1.0rem;

	}

	

}