/* VersaCommerce-Hinweis: Diese Datei wurde automatisch am 2019-07-25 21:47 erzeugt und sollte nicht manuell veraendert werden. Veraenderungen sollten in der Quell-Datei (queries.css.liquid) vorgenommen werden. */



/* #Media Queries
================================================== */


    @media only screen and (min-width: 900px ) {
      #add { max-width: 40%; display: block; }     
    }


	/* Bigger than the small tablets */
	@media only screen and ( min-width: 768px) {
		#mobile-search { display: none; }
		ul#vc-mobile-cart { display: none; }
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1023px) {
  		.homepage-single-article { width: 98%; margin-left: auto; margin-right: auto; }
  		.middle { margin-left: 0! important; margin-right: 0! important; }
		#types { padding: 0 10px; }		
		.flex-caption { display: none; }
  .flexslider .readmore { display: none; }
		#vc-footer-wrapper { float: left; width: 100%; }
		li.vc-footer-bar { display: none; }
  		#blog #sidebar { display: none; }
  		ul#blog-articles { margin-left: 0! important; }
  		#blog-article { margin-left: 0! important; }
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
  		ul#vc-navigation-horizontal li a { padding: 0 10px; }
  		.down { display: none; }	
	}
    
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	
  
		#vc-logo { float: none; width: 100%; text-align: center;  }
		#vc-logo h1 a { text-align: center; }
		
		ul#vc-mobile-cart { clear: left; margin-top: 10px; margin-bottom: 10px; height: auto; line-height: auto; text-align: center; }
		ul#vc-mobile-cart li { float: none; line-height: 40px; display: inline-block;  }
		ul#vc-mobile-cart li:hover {   }
		ul#vc-mobile-cart li a { height: 40px; display: block; padding: 0 10px; font-size: 16px; text-decoration: none; }
		ul#vc-mobile-cart li a:hover {  text-decoration: none; background: transparent! important; }		
		
		#vc-navigation-horizontal { position: relative; top: auto; left: auto; }
		#vc-navigation-horizontal > a { width: 40px; height: 40px; text-align: left; text-indent: -9999px; background-color: #000000; position: relative; }
		#vc-navigation-horizontal > a:before, #vc-navigation-horizontal > a:after { position: absolute; border: 2px solid #FFFFFF; top: 35%; left: 25%; right: 25%; content: ''; }
		#vc-navigation-horizontal > a:after { top: 60%; }
		#vc-navigation-horizontal:not( :target ) > a:first-of-type, #vc-navigation-horizontal:target > a:last-of-type { display: block; background: #000000; }
		

		#vc-navigation-horizontal > ul { height: auto; display: none; position: absolute; left: 0; right: 0; }
		#vc-navigation-horizontal:target > ul { display: block; }
		#vc-navigation-horizontal > ul > li { width: 100%; float: none; background: #000000;  }

		#vc-navigation-horizontal > ul > li > a { height: auto; text-align: left; }
		#vc-navigation-horizontal > ul > li:not( :last-child ) > a { border-right: none; border-bottom: 1px solid #808080; }

		#vc-navigation-horizontal li ul	{ position: static! important; padding-top: 0;	}

		ul#vc-cart-links { display: none! important; }		
		
		.vc-navigation-search { display: none! important; }
  
 		#types { display: none; }
  		
        #rec-art-background { background-image: none! important; }
        #contact-background { background-image: none! important; }
        .mask { display: none! important; }
  
  		textarea { min-width: 0! important; }
        
  		#full-width-filter { margin-top: 0! important; }
		
  		#image-container { display: none; }
 		#gift-card #vc-product-images { display: block! important; }
		#product-left { margin-top: 10px; width: 100%; float: left; padding: 0; background: transparent; position: initial; }	
  
  		#vc-related-products, #vc-recommendation-container { display: none; }

		#vc-cart-rightbox { text-align: center; float: left; margin-bottom: 20px; }			
		
		#hide { display: none; }	
				
		.search { width: 100%; }
		#q { width: 100%; }

		ul.footer-left { float: left; width: 100%;  text-align: center; }
		ul#footer-right { float: left; width: 100%; text-align: center; }
    	.footer-left li { text-align: center; float: none; }
		#footer-right li { text-align: center; float: none; }

    	#mce-EMAIL { width: 100%; }
    	.button { width: 100%; }

		#vc-product-description { padding: 0! important; border: 0! important; }
    	#add { width: 100%; }
    	input { width: 100%; min-width: 100%; }
    	#update-cart, #checkout { width: 100%; }
    	.flex-direction-nav { display: none; }
    
    input.add {
	    width: 100%;
	    margin: 0;
	    padding: 0;
	    display: inline-block !important;
		}
		
		#vc-add-product {
	    float: none;
	    width: 100%
		}
}
/* Responsive Tables */

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; margin: 20px 0;}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 10px; 
        text-align: center;
	}
    
    
    #shopping-cart table input { margin-top: 20px! important; }
    
    .cart-item { display: block; }
    .cart-image, .cart-title { display: block; width: 100%;}
    
    #vc-cart-rightbox h4 { font-weight: normal; text-align: center; margin: 20px 0 30px; }

    #shopping-cart table td:nth-of-type(2):before { content: "Einzelpreis"; }
    #shopping-cart table td:nth-of-type(3):before { content: "Anzahl"; }
    #shopping-cart table td:nth-of-type(4):before { content: "Aktionen"; }
    #shopping-cart table td:nth-of-type(5):before { content: "Preis"; }


  ul#vc-social-links {
    display: block! important;
    margin: 10px 0! important;
    float: left! important;
    width: 100%! important;
    text-align: center! important;
  }  

}    

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 481px) {

  
  
    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        
    ul#vc-cart-links li { clear: left; display: block; }
  	#gmap { display: none; }
  
  
 
  

    }

