@charset "utf-8";
/* CSS Document */


@media (min-width: 1500px) {}
@media (min-width: 1200px) {}
@media (max-width: 1199px) {
	
	
}
@media (min-width: 993px) {
	#nav_head {display:block}
	#navigation {display:block}
	#nav_mobil {display:none;}
}

@media screen and (max-width: 992px){
  	
	.contact_left p, .contact_left a{
		text-align:center;
	}
	.contact_right p, .contact_right a{
		text-align:center;
	}
	#nav_mobil {display:block;background-color:var(--nav_head_mobil_bg);z-index:1000;}
  	.btn_cart a:hover, .btn_cart a:focus {color:var(--btn_cart_mobil_text)}
  
	#nav_head {display:none}
	#navigation {display:none}
	#nav_mobil {display:block;}
 	.nav_mobil_left {
		width:35%;
		float: left;
		display: inline-block;
	}
	.nav_mobil_mid {
		width:30%;
		float: left;
		display: inline-block;
	}
	.nav_mobil_mid a{
		width:100%;
		height: 40px;
		float: left;
		display: inline-flex;
	}
	.nav_mobil_mid img {
		height: 40px;
		max-height: initial;
		padding: 10px 0px;
		margin: 0 auto;
		overflow: hidden;
	}
	.nav_mobil_right {
		width: 35%;
		float: right;
		display: inline-block;
	}
	.nav_mobil_right .btn_cart{
		float: right;
		width: auto;
		margin:5px;
		text-align: center
	}
	

	.navbar-toggle {
		position: relative;
		border: 1px solid transparent;
		border-radius: 100px;
		width: 110px;
		font-size: 19.5px;
		display: inline-flex;
		height: auto;
		color: var(--navbar_toggle_text);
		margin:5px;
		padding: 2px 5px 0px 8px;
		cursor: pointer;
		float: left;
		background: var(--navbar_toggle_bg);
	}
	#open_cart2 {background:var(--btn_cart_mobil_bg);}
	#open_cart2 div {color:var(--btn_cart_mobil_text)}
	
	.nav_mobil_left p{
		height: 26px;
		font-size: 14px;
		margin-bottom: 0px;
		line-height: 1.9;
	}
	.icon-menu:before {
    	content: '\e80a';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: never;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1.3em;
	    margin-left: 0.11em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#nav_mobil {
		display: block;
		position: fixed;
		margin-top: 0px;
		background-color: var(--nav_mobil_bg);
		width: 100%;
		box-shadow: 0px 0px 3px #999;
		transition: 0.3s;
		user-select: none;
		z-index: 1000;
	} 
  
  
}
@media screen and (min-width: 768px){

}
@media screen and (max-width: 767px){	

	.contact_left p, .contact_left a{
		text-align:left;
	}
	.contact_right p, .contact_right a{
		text-align:left;
	}

	#newsletter .gdpr_p {
		width:90%;
		margin: 6px 5px;
	}
  .cats_img_box img{
		max-width: 100%;
        height: auto;
        max-height: 200px;
        margin: 0 auto;  
  }
  .cats_img_box {
		width: 100%;
        height: 100%;
        max-height: 200px;
        display: flex;  
  }
}
@media (max-device-width: 480px) and (orientation: landscape) {}

@media screen and (max-width: 480px){

  .nav_mobil_left img {
      width:auto;
      height: 100%;
      padding:0px;
      margin:0px auto;
      }
  #newsletter .gdpr_p {
      width: 85%;
      margin: 6px 5px;
  }
}
@media screen and (max-width: 360px){
	
}