

div.col_center {
    padding: 2.5% 2% 3.5% 2%
}


.filter_cats_left_responsiv select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.18);
    border-radius: 10px;
    background: #fff;
    color: #111;
    padding: 10px 38px 10px 12px;
    line-height: 1.2;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}

.filter_cats_left_responsiv {
    position: relative;
}

.filter_cats_left_responsiv::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #8B0E13;
    border-bottom: 2px solid #8B0E13;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    opacity: 0.9;
}

.filter_cats_left_responsiv select:focus {
    border-color: rgba(139,14,19,0.55);
    box-shadow: 0 0 0 3px rgba(139,14,19,0.12);
}

.bereich_filter_cats ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bereich_filter_cats li {
    margin: 0;
    padding: 0;
}

.bereich_filter_cats a {
    display: block;
    text-decoration: none;
    line-height: 1.35;
    color: #666;
}

.catnav-level-1 {
    padding: 0 8px 0 6px;
    border-left: 3px solid transparent;
    color: #666;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.bereich_filter_cats a:hover .catnav-level-1 {
    background: #f5f5f5;
    border-left-color: #999;
    color: #000;
}

.catnav-level-1 .cat-current {
    background: #f1e6e8;
    border-left: 3px solid #8B0E13;
    padding: 0 8px 0 6px;
    color: #000;
}

.catnav-level-2 {
    padding: 0 8px 0 25px;
    color: #000;
}

.bereich_filter_cats a:hover .catnav-level-2 {
    background: #f7f7f7;
}

.catnav-level-2::before {
    content: none !important;
}


.filter_cats_left li {
   
    letter-spacing: -1px;
  font-size: 14px;}

ul.fritzsubnav { width: 100%;}
.subcats {display: none;}

.product_pic {
    display: table;
        height: 180px;
    overflow: hidden;
}
.product_pic_aligned{
	display: table-cell;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
}
.product_pic img{
    max-width: 290px;
    max-height: 180px;
}

.product{
	height: 470px;
	min-width: 290px;
	margin: 10px 5px 10px 5px;
}

.product_grid_frame, .filter_seller_left, .bereich_filter{
	width:100%;
	margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}


.filter_seller_left{

    padding-top: 10px;
}
.filter_cats_left ul{
	list-style: none;
}
.filter_cats_left li{
	
	letter-spacing: -1px;
	font-size: 14px;
	margin-bottom: 15px;
}
.filterhead, .filter_headline{
	font-weight: bold;
	color: #aaa;
	padding:13px 0 1px 0;
}
.filterhead{
	font-size: 20px;
}
.filterhead_start{
	font-weight: bold;
	color: #aaa;
	padding:0px 0 1px 0;
}
.filter_cats_left{
	padding:0 0 0 0px;
}
.filter_seller_left select{
	width: 95%;
	letter-spacing: -1px;
}

.bereich_all_filters{
	float: left;
    position: relative;
    display: block;
    width: 12%;
    max-width: 260px;
    padding: 1% 1% 2% 0%;
    margin-right: 1%;
    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    border-right:1px solid #ddd;
  
}

.product_grid_frame{
	float: left;
    display: block;
    position: relative;
    width: 82%;
    padding-left: 30px;
}


div .product_name, div .product_detail {
    max-width: 100%;
}

	.bereiche_left{
		 width: 35%;
		 min-height:1px;
	}
 .bereiche_center{
		 width: 30%;
		 margin-top:0px;
		 padding-top:0px;
		     min-height: 1px;
	}

	.bereiche_right{
		 width: 35%;
		  
	}

		.search_container {
		    padding-top: 25px;
		}

#logo{
		padding-left: 0px;
    margin-top: 0px;
    height: 62px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#fix_logo{
    margin-left: auto;
    margin-right: auto;
     z-index: 9999999;
    display: table;
    align-content: center;
    padding-bottom: 30px;
    padding-left: 7%;
}



#fancybox-overlay{
	z-index:999999;
}

#fancybox-wrap {
	z-index:9999999999999;
}



.flexnav li a.active{
	color:#FFFFFF;
}
.flexnav li a.active:hover{
color:#3C3C3C;
}







.big_button {
color:#FFF; border: 0px solid #8F8F8F; 
border-radius: 0px;
padding: 8px 30px;
background-color: #8F8F8F;
    font-size: 1.0em;
}
.big_button:hover { 
color: #FFF;
border-radius: 0px;
padding: 8px 30px;
background-color: #969696;
}



.btn:hover{
    background-color: #e4e8de;
  }


.product_checkout{
	margin-left:70%;
}

.product_checkout {
    width: 18%;
}

.detail_prod_name h3 {
	text-align:left;
	font-size:x-large;
	color: #3C3C3C;
	font-weight: 600;
}

.tp-leftarrow.default, .tp-rightarrow.default {
    background-color: #8F8F8F;
    display: none;
}

.grey_hound{
	width: 100%;
    height: 0;
    display: block;
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(47, 34, 31, 0.42);
    transition: .5s ease;
}
.image_gallery_new{
	overflow: hidden;
}
.image_gallery_new:hover .grey_hound{
	height: 100%;
}
.h2homest, .h2homest2 {
	opacity: 0;
	transition: .5s ease;
}
.image_gallery_new:hover .h2homest, .image_gallery_new:hover .h2homest2{
	opacity: 1;
}
.neu_div{
	display: block;
    position: relative;
    width: 29%;
    margin-top: -46%;
    float: right;
    margin-right: 10%;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    opacity: 0;
}
.image_gallery_new:hover .neu_div{
	opacity: 1;
}
img.img_b_02 {
    margin: 0px 0px 0px 0px;
}
.grey_hound {
	top: 0px;
}
.h2homest2 {
position: absolute;
    left: 0;
    width: 100%;
    z-index: 1000;
    font-size: 25px;
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    text-align: -webkit-center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(255, 255, 255, 0.46);
    top: 77%;
}
.h2homest2 img{
    display: block;
    position: relative;
    width: 17%;
    margin-top: -4%;
    float: left;
}
.h2homest2 h3 {
    font-family: 'Gloria Hallelujah', cursive;
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
     text-align: center;
    text-align: -webkit-center;
    top: 66%;
    float: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 64%;
    font-size: 1em;
}


.product_detail_page .product_amount_bar {
    width: 100%;
    height: 80px;
    background-color: none;
    float: left;
    display: block;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    
}

.product_checkout{
 
    background-color: #eee;
    padding: 0px;

}


@media screen and (min-width: 840px){
    .navbar-inner-navi{
   	 position: fixed;
   	 z-index: 99;
  	}
    .innercolor13 {
    background-color: inherit;
    background-color: #8B0E13;
    position: fixed;
		}
		
		div.cont_slider_all {
    padding-top: 133px;
		}
}

@media screen and (max-width: 1100px){
		div .product_left{
			max-width: 50%;
		    min-width: 50%;
		    margin-left: auto;
		    margin-right: auto;
		    float: none;
		}
		div .product_right{
			max-width: 100%;
		    min-width: 100%;
		    float: none;
		    position: relative;
		    margin-left: auto;
		    margin-right: auto;
		}
		.glass-case{
			margin-left: auto;
			margin-right: auto;
		}
		.social-links{
			display:none;
		}
		.h2homest h3, .h2homest2 h3,.h2homest h2, .h2homest2 h2 {
		 font-size: 0.8em;
    line-height: 1.1em;
    padding-bottom: 0.0em;
		}
		
		
		.bereich_all_filters{
    width: 20%;
    max-width: 260px;
		}
		.product_grid_frame{
		    width: 70%;
		    padding-top: 50px;
		}
		
		
		
		
}



/* Tablets (landscape) ------------------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape){   

		.product_left, .product_right{
			max-width: 100%;
		    min-width: 100%;
		}
		.glass-case{
			margin-left: auto;
			margin-right: auto;
		}
}
*/

@media screen and (max-width: 840px){
	
					.navbar-inner-navi {
					    padding-top: 0px;
					}
				.slick_slider .slick-arrow {
					display: none;
				}


				div .product_left{
					max-width: 50%;
				    min-width: 50%;
				    margin-left: auto;
				    margin-right: auto;
				    float: none;
				}
				div .product_right{
					max-width: 98%;
				    min-width: 98%;
				    float: none;
				    position: relative;
				    margin-left: auto;
				    margin-right: auto;
				    padding: 1% 1% 6% 1%;
				}
				.glass-case{
					margin-left: auto;
					margin-right: auto;
				}


				.hide_fullscreen{
					
				    float: left;
				}
			
				svg{
					width: 30px;
					margin-left: auto;
				    margin-right: auto;
				    display: block;
				}
				
				.product_amount_bar_cart_arrow svg{
				    width: 6px;
				    margin-left: 0;
				    margin-right: 0;
				    display: block;
				}
				
				div.hide_fullscreen {
				    height: 45px;
				}
				
				.product_checkout{
					position: fixed;
			    width: 90%;
			    bottom: 0;
			    margin-top: 0;
			    margin-left: 0;
				}
				
				
		

				div .product_detail {
				    max-width: 100%;
				    min-width: 100%;
				    position: relative;
				    /* float: left; */
				    padding: 0 0 0 0;
				}
				.product_detail_page .product_detail_1 {
				    width: 90%;
				    display: block;
				    margin-left: auto;
				    margin-right: auto;
				    padding: 0;
				}


		
		
		
	.around_nav{width:100%;}
		
		
		
		.logo-mobile{
			padding-left: 0px;
	    margin-top: 0px;
	    
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}
	
		
		
		
	
		 .bereiche_center{
			 margin-top: 0px;
			height: unset;
			  width: 100%;
		    margin-left: auto;
		    margin-right: auto;
		     padding-top: 10px;
		     padding-bottom: 10px;
		}
		
		
		.bereiche_right{
			 margin-top: 0px;
			height: auto;
			  width: 100%;
		    margin-left: auto;
		    margin-right: auto;
		     padding-top: 10px;
		     padding-bottom: 20px;
		}
		
		.bereiche_left{
			 margin-top: 0px;
			  width: 100%;
			  height: unset;
		    margin-left: auto;
		    margin-right: auto;
		    padding-top: 0px;
		    padding-bottom: 0px;
		}
		
	
	
		
		
		
		shop_login_bar {
		    margin-left: auto;
		    margin-right: auto;
		    width: 100%;
		    float: left;
		    display: block;
		}
		
	
	
		#logo {
		    
		    display: none;
		}
		
		
		.logo-mobile{
		    margin-left: auto;
	    margin-right: auto;
	    display: block;
	  
		}
		
		
		#quick_find .txt_fld_search {
    	width: 80%;
		}
		
	
	
	
		.shop_login_bar{width:100%}
		
		.shopping_basket, .check_out{  padding-left: 0px; padding-right: 0px;margin-left: auto;margin-right: auto;float: left;width: 50%;}
		.box_cart{display:none;}
		
		.search_container{
			margin-left: auto;
    /* margin-right: auto; */
    position: relative;
    display: block;
    width: 80%;
    /* padding-left: 19%; */
    margin-right: 24px;
    /* padding-top: 20px; */
     padding-left: 28px; 
     padding-top: 0px;
			    }
		#quick_find .txt_fld_search{width:80%}
		
		.header{    width: 100%;position: relative;}

}

@media only screen and (max-width: 767px) and (min-width: 504px){

	
	#logo{
	display: block;
	}
	.logo-mobile{
	display: none;
			padding-left: 0px;
	    margin-top: 0px;
	    height: 140px;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	
	.logo-mobile img {
	    max-height: 90%;
	        padding-left: 0%;
	}
}



@media only screen and (max-width: 840px) and (min-width: 640px){

		.h2homest2 h3 {
		 font-size: 0.6em;
    line-height: 1.1em;
    padding-bottom: 0.0em;
		}
		
		
		
}



@media screen and (max-width: 840px)and (orientation: landscape){

		.product_checkout{
		    position: fixed;
		    width: 30%;
		    right: 0;
		    bottom: 30%;
		}

		.product_detail_page .product_detail_1 {
		    width: 62%;
		    display: block;
		    margin-left: 4%;
		    margin-right: auto;
		    padding: 0;
		}
}



@media screen and (max-width: 767px){
		.product {
    min-width: 251px;
    margin-left: auto;
    margin-right: auto;
    width: 55%;
		}
}

@media screen and (max-width: 640px){
			div .product_left{
				max-width: 50%;
			    min-width: 50%;
			    margin-left: auto;
			    margin-right: auto;
			    float: none;
			}
			div .product_right{
				max-width: 100%;
			    min-width: 100%;
			    float: none;
			    position: relative;
			    padding: 0;
			}
			
			div .product_name{
				max-width: 100%;
			}
			
			
			.glass-case{
				margin-left: auto;
				margin-right: auto;
			}
			.product_name h3 {
			    font-size: large;
			}
	
			div.col_center > .around_product_slick_slider{
				width: 80%;
			    position: relative;
			    margin-left: auto;
			    margin-right: auto;
			}
			
			.h2homest h3, .h2homest h2, .h2homest2 h2 {
		    font-size: 0.8em;
		    line-height: 0.9em;
		    padding-bottom: 0.2em;
			}
			
			
			
		.h2homest2 h3 {
		 font-size: 0.6em;
    line-height: 1.1em;
    padding-bottom: 0.0em;
		}
		
		.product_grid_frame{
    width: 80%;
    padding-left: 0px;
		}
		.product_pic img {
  max-width: 100%;}

}

@media screen and (max-width: 600px){

}



@media only screen and (max-width: 503px){
			.bereiche_center .search_container {
			    margin-left: auto;
			    margin-right: auto;
			    position: relative;
			    display: block;
			}
			
			#logo{
	display: block;
	}
	.logo-mobile{
	display: none;
			padding-left: 0px;
	    margin-top: 0px;
	    height: 140px;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}
	
	
	.logo-mobile img {
	    max-height: 90%;
	        padding-left: 0%;
	}

}


@media screen and (max-width: 480px){
	.product_grid_frame{
	    width: 100%;
	}
}