/*
Theme Name:   	Storefront Child
Theme URI:    	https://woocommerce.com/storefront
Author:         WooThemes
Author URI:     https://woocommerce.com/
Description:  	Storefront Child Theme
Version:      	1.0
Template:		storefront
Text Domain:  	storefront-child
*/
/*
Füge deinen eigenen CSS-Code nach diesem Kommentar hinter dem abschließenden Schrägstrich ein. 

Klicke auf das Hilfe-Symbol oben, um mehr zu erfahren.
*/

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v12-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v12-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


body {font-family: 'PT Sans', Arial, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-family:'PT Sans', Arial, sans-serif;}

a {
  color:#646363;
	
}
a:focus {
  outline: none;
}
.entry-content a {
 text-decoration:underline;
	
}
.woocommerce-products-header {
	padding: 0 0 0 0 !important;
}

ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2, ul.products li.product.product-category h3 {
 font-size: 2em;
}

/* Um den Abstand oben zu verringern */
.sfp-nav-styleleft-vertical #content {
    margin-top: 0.5em;
}

nav.woocommerce-breadcrumb {
    padding-top: 0.1em !important;
    padding-bottom: 0.1em !important;
 }

/* Produkt-Tabs */
.tabs {
background-color:#F3F2ED;
}
.active {
background-color:#FFCE6C;
color: #000000 !important;
}
.description_tab, .faq_tab, .informationen_tab, .farbkarten_tab, .tipps_tab, .verkauf_tab, .verarbeitung_tab, .information_tab, .tips_tab, .colour-chart_tab, .sales_tab, .faq_tab, .application_tab {
text-align:center;
width:140px !important;
margin-right: 0em !important;
}

/* Background Subnavi */
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
background-color:#FFCE6C;
}
/* Zeilenabstand Main Navi */
.main-navigation ul.nav-menu>li>a, .main-navigation ul.menu>li>a, .main-navigation .sfp-nav-search a {
		padding-top: 0.4em !important;
	padding-bottom: 0.4em !important;
}

/* Navigation scrollbar machen */
@media only screen and (max-height: 900px) and (min-width:768px) {
.sfp-nav-styleleft-vertical #masthead {
	position:absolute !important;
	top:0;
	left:0;
	bottom:0;
  height: 3000px !important;
}
}

/* Readmore Shortcode etwas nach oben setzen */
.readmoreabstand {
	position:relative;
	top:-30px;
}

/* Schriftgröße Ausklapp-Navi */
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
	font-weight:400;
	font-size: 1em;
	line-height:1em;
	padding-top: 0.6em !important;
	padding-bottom: 0.6em !important;
	
}
/* Produktseite: Kurzbeschreibung auf volle Breite */
.woocommerce-product-details__short-description {
width:100% !important;
}
/* Produktbilder nur Auschnitt anzeigen */
img.wp-post-image {
    height: 300px;
    width: 100% !important;
    object-fit: cover;
    object-position: 50% 50%;
}
/* Produktbilder alle mit gleicher Höhe anzeigne */
div.product  img {
	 height: 300px;
    width: 100% ;
    object-fit: cover;
    object-position: 50% 70% ;
}
ol.flex-control-thumbs img {
			height: 200px;
	width:100%!important;
}
/* Sicherheitshinweis Bild in Verarbeitung Tab */
.woocommerce-Tabs-panel img {
	float: none;
	margin:0 5px 0 5px;
	height: 40px !important;
    width: auto !important;
}


/* Abstände beim Preis */
.single-product form.cart {
margin: 0em 0em !important;
padding: 0em 0em !important;
}
/* Preis in en ausblenden */
.price:lang(en-US) {display:none !important;}

/* Abstand zwischen Kurzbeschreibung und Reitern auf Produktseite */
.entry-summary {
margin-bottom: 0 !important;
}

.handheld-navigation-container{
	background-color:#FFCE6C!important;	
}
/* DIV Händlersuche, Kontakt */
.div-haendler {
	width:100%;
	text-align: center;
	font-size:1.2em;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  /*border: solid #fecd73 2px;*/
	background:#f1f1f1;
}
.div-haendler a {
	  color: #000000 !important;
}
.div-haendler:hover {
 background: #D2D4C1;
	color:#fff;
}
/* Suchergebnis */
@media only screen and (max-width: 500px){
	.searchbox {
		display: block!important;
	}
	.searchlink {
	font-size:0.8em;
	}
}
.searchlink {
	color:#62caf4;
}
.seachtext {
	font-size:0.9em;
	width:100%;
	word-wrap:break-word;
}

/* Manuelle Produktübersicht Seiten */
.manProdPage p{
	float:left;
	font-weight:400;
	font-size: 1.5em;
	margin-left:5px;
	text-decoration:underline;
}
.manProdPage img{
	float:left;
}
/* H3 Widget Title Startseite neue Produkte */
h3.widget-title {
	border-bottom:0px !important;
}
/* Händlersuche Headlines, Zeilenabstand */
.listing-title a, .listing-title h2{
	color:#ffb326 !important;
}
.listing-fields, .listing-details {
	line-height:1.2;
}
/*Vegan Label*/
.veganlabel img{ position:absolute;right:10px;top:250px;width:auto!important;height:47px;z-index: 3;}
/* Anpassungen für Mobile */ 
@media only screen and (max-width: 768px){
.main-navigation ul.nav-menu>li>a, .main-navigation ul.menu > li > a, .main-navigation {
 		padding: 0.7em 0 0 1em;
	background-color:#FFCE6C!important;
	}
	.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
	background-color:#FFCE6C!important;
	}	
		
		/* Strich unter Produktnamen */
		.product_title {
			border-bottom: 1px solid #333333;
			padding-bottom:0.1em;
		}
		/* Logo in mobiler Navi anzeigen*/ 
		.site-logo-link img{
			width:60px !important;
		}
		/* Manuelle Produktübersicht Seiten */
	.manProdPage img{
		float:none;
		margin-bottom:0px;
	}
		.manProdPage p{
		float:none;
		font-weight:200;
		font-size: 1.2em;
		text-decoration:underline;
	}
	ol.flex-control-thumbs img {
				height: 50px;

	}
}

.tagListe {line-height: 1em;}

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

@media only screen and (max-width: 768px){
ol.flex-control-thumbs img {
			height: 50px;

}
}

/*Bestellformuar*/


.bestellform, .bestellung{
	background-color:#eeeeee !important;
	outline: none;
	border-radius:6px;
	}
.bestellung {
			margin:5px 5px 5px 0px;

}
@media screen and (max-width: 768px) {
	.bestellBereich {width:100%; border: 1px  solid #6d6d6d;padding:20px;margin-bottom:20px; border-radius:6px;}
	.bestellform {width:100%; }
		.bestellung-produkt {width:95%;float:left;}
		.bestellung-gebinde  {width:47%; float:left;}
	.bestellung-anzahl {width:47%; margin-bottom:20px;}

}

@media screen and (min-width: 769px) {
	.bestellBereich {width:80%; border: 1px  solid #6d6d6d;padding:20px;margin-bottom:20px; border-radius:6px;}
	.bestellform {width:100%; height:2.5em;}
	#plz {width:20%;}
	#ort {width: 39%;}
	.bestellung-anzahl {width:15%;}
	.bestellung-gebinde  {width:15%;}
	.bestellung-produkt {width:60%; width:30%;float:left;}
.wpcf7-response-output {
	width:80%; 
	}
}

.wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=number]:focus,
.wpcf7 textarea:focus { 
		background-color: #ffe7ba!important;
		outline: none;
}	

.nachricht textarea{
  height: 6em;
}

.wpcf7 input[type=submit] {
	width:80%;
	margin-top:30px;
	color:#fff;
	background:#00BCD0;
	outline: solid 1px #000; 
}
.wpcf7 input[type=submit]:hover {
	background:#016F81;
	color:#FECD73;
}

/* Kalkfarben Landingpage */
.kontaktFormBtn {
	width:100% !important;
	margin-top:30px !important;
	color:#fff !important;
	background:#00BCD0 !important;
	outline: solid 1px #000 !important; 
}

/* Newsletter Ende */
.tabellenLayout th{
border-bottom: solid 1px #6d6d6d;
	
align-self
	
}	

/*Neu Startseite */
.spalte-startseite {
	margin: 0 !important;
}
.spalte-n-startseite {
	margin: 0 !important;
}