/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
 body {
  background: #BBE3FC url(images/hintergrund.jpg) 0 0px no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
    overflow-x: hidden;
}

.site-header {
  background-color: rgba(187, 227, 252, 0.15);
}

.fisch1 {
	
	position: absolute;
	top: -80%;
   margin-top: 10px;
   margin-left: 100%;	
  
  -webkit-animation: mymove1 10s infinite;
  -webkit-animation-iteration-count: 1;
  animation: mymove1 10s infinite;
  animation-iteration-count: 1;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  clear: both;
  
	
  
}

@-webkit-keyframes mymove1 {
  from {
    margin-left: -50%;
  }
  to {
    margin-left: 20%;
	margin-top: 20%;
  }
}
@keyframes mymove1 {
  from {
    margin-left: -50%;
  }
  to {
    margin-left: 20%;
	margin-top: 20%;
  }
}

.fisch2 {
	
   position: absolute;
   top: 100%;
   margin-top: 30px;
   margin-left: 100%;	
  
  -webkit-animation: mymove2 11s infinite;
  -webkit-animation-iteration-count: 1;
  animation: mymove2 11s infinite;
  animation-iteration-count: 1;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  clear: both;
  
	
  
}

@-webkit-keyframes mymove2 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 80%;
	margin-top: -26%;
  }
}
@keyframes mymove2 {
  from {
    margin-left: 100%;
  }
  to {
    margin-left: 80%;
	margin-top: -26%;
  }
}

.fisch3 {
	
	position: absolute;
	top: -60%;
   margin-top: 20px;
   margin-left: 100%;	
  
  -webkit-animation: mymove1 8s infinite;
  -webkit-animation-iteration-count: 1;
  animation: mymove1 8s infinite;
  animation-iteration-count: 1;
  animation-delay: 2s;
  animation-fill-mode: forwards;
  clear: both;
  
	
  
}

@media only screen and (max-width: 600px) {
  .fisch3 {
    display: none;
  }
}



/*.header-widget-region .widget {
    margin: 0;
    padding: 1em 0;
    font-size: .875em;
    margin-top: -400px;
	min-height: 350px;
}

.parallax {
  /* The image used 
  background-image: url("img_parallax.png");

  Full height 
  height: 100%;
  min-height: 400px;
   Create the parallax scrolling effect 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
*/
#viewport {
position: relative;

	display:block;
	text-decoration:none !important;
width: 50%;
height: 350px;
overflow: hidden;
margin-left: -30px;
margin-bottom: -40px;
margin-top: -70px;

}
#viewport .smoke {
position: absolute;
width: 250px;
height: 200px;
background:url('images/smoke-texture.png') no-repeat;
bottom: 0px;
margin-left:-250px;
z-index:9;
}

.storefront-primary-navigation {
    clear: both;
	background-color: white;
	 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
	 
    	}
		
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
    background-color: #303C4B;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
	
}

.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a {
    color: #d81e1e;
	
}

.main-navigation ul.menu ul a:hover,
      .main-navigation ul.menu ul li:hover > a,
      .main-navigation ul.menu ul li.focus,
      .main-navigation ul.nav-menu ul a:hover,
      .main-navigation ul.nav-menu ul li:hover > a,
      .main-navigation ul.nav-menu ul li.focus {
        background-color: rgba(255, 255, 255, 1.0);

	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
		}

.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
    
    color: #F17B00;
}


		
 .right-sidebar .content-area {
    background-color:  rgba(255, 255, 255, 0.50);
	padding: 20px;


	}
.right-sidebar .widget-area {
	background-color: rgba(255, 255, 255, 0.50);
	border: 1px solid #fff;
     }
	 
.site-main {
    
    background-color: #fff;
}

.site-main ul.products.columns-3 li.product {
	border: 1px solid #bbbcbd;
}
@media (min-width: 768px) {

.col-full{max-width:100%;}


.storefront-breadcrumb {
    padding: 1.41575em 0;
    margin: 0 0 3.706325903em;
    background: #142ce29c;
    color: #fff;
	
}

.site-main ul.products.columns-5 li.product:hover  {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2); 
  background-color: #b8e1fc;
}
}

h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
    color: #303c4b;
    margin: 0 0 40px;
    border-bottom: 7px solid #f07b00;
    padding-bottom: 10px;
}

.price price-unit smaller wc-gzd-additional-info{
	font-size: 9px;
}

.single-product div.product p.price {
     font-size: 0.91575em; 
	 margin: 0.41575em ; 
}

ins, mark {
    
    color: #ff0000;
	font-size: large;
   
}

/* ------  Produkt Columns ---  */
block-grid__products, ul.products {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
    clear: both;
}

.wc-block-grid__products .wc-block-grid__product .price, .wc-block-grid__products li.product .price, ul.products .wc-block-grid__product .price, ul.products li.product .price {
    display: block;
    color: #43454b;
    font-weight: 400;
    margin-bottom: 0.5rem;
}
.price .price-unit .smaller .wc-gzd-additional-info {
	display: none;
}
/* ----- Style  Produkt  Angebot --- */

.product span.onsale,.woocommerce span.featured,.woocommerce span.new,.woocommerce span.onsale :hover{
	padding:2px 7px 1px;
	color: #fff;
	background-color: #ff0000;
	margin:0;
	min-height:0;
	min-width:0;
	border-radius:2px;
	position:absolute;
	left:20px;
	top:20px;
	right:auto;
	font-size:12px;
	line-height:20px;
	max-height:23px;
	font-weight:400;
	z-index:1
	}
	
/* ----- Style Produkt Titel ---- */

h2.woocommerce-loop-product__title {
    font-size: 1rem;
    min-height: 80px;
}

.woocommerce-grouped-product-list-item__label label ::before{
	content: 'x        ';
	color: #000;
	margin-left: -20px;
	margin-right: 10px;
	
	
}
/* ----- Style Angebot gültig bis ---- */

.milestone-content {
    line-height: 2;
    margin-top: 5px;
    max-width: 80%;
    padding: 0;
    /*float: right; */
    text-align: center;
}

.milestone-header {
    background-color: #f07b00;
    color: #ffffff;
    line-height: 1.3;
    margin: 0;
    padding: .8em;
}

.widget .widget-title, .widget .widgettitle {
    font-size: 1.41575em;
    letter-spacing: 0;
    border-bottom: 1px solid rgb(247 0 0 / 95%);
    padding: 0 0 1em;
    margin-bottom: 1em;
    font-weight: 300;
    text-align: center;
    color: #ff0000;
}

#milestone_widget-4 {
	margin-top: -350px;
}

.demo_store {
	background-color: #f44336;
	bottom: 69px;
}

/* Lieferzeit in rot */
.delivery-time-info {
	color: red;
}