/* Corporate Design von kreaktivisten.org */
/* wichtige Farben
* schwarz: #000
* weiß: #fff
* grau: #555
* grün: #22dd00
* orange: #f60 
*/


/*Seitenweite Einstellungen*/
/*Breite des gesammten Contenbereiches(Header,Menü content etc.) definieren*/
.col-full {
	max-width: 48em;}

/*Farbverlauf für den Homepagehintergrund*/
.site-content {
	background: rgb(235,232,232);
background: linear-gradient(90deg, rgba(235,232,232,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(235,232,232,1) 100%);
}
/*Hintergrundfarbverlauf für den Footer*/
.site-footer {
background-color: rgb(235,232,232);
background: linear-gradient(90deg, rgba(235,232,232,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(235,232,232,1) 100%);;}

/*Weiser Balken direkt unter dem Menü entfernen*/
.site-header {
	margin-bottom: 0em !important;}

/*Paltzhalter unter den Überschriten von Posts entfernen*/
.entry-header {
	margin-bottom: 0em!important;}

/*Platzhalter unter einem Post entfernen*/
.hentry {
	margin: 0em;}

/*Aufzählungszeichen*/
ul {
	list-style-image:url("wp-content/uploads/Krea_Aufz.jpg");}

/*Wie sich Links verhalten*/
.hentry .entry-content a {
 color: #f60;
text-decoration: none;}
.hentry .entry-content a:hover
{color:#2d0;}

/*Schrift Seitenweit definieren*/
body {
  font-style: normal;
	font-size: large;
	font-weight: 500;}

/*Abstände bei den Seitenüberschriften sinnvoll definieren*/
.site-title{
	padding: 1em 0 2em;}

/*Überschriften im Conten auf Grün und fett*/
h1, .site-title {
    font-size: 35px;
    color: #2d0;
  line-height: 150%;
  font-weight: 600;
margin: 0.5em 0 1em;}

/*H2 Überschriften im Conten auf Orange und fett*/
h2, h2 a, .site-title {
    font-size: 25px;
    color: #f60;
  line-height: 150%;
  font-weight: 600;}
h2 { padding: 0;}

/* kleine Überschriften auf Grau und fett*/
h3, h4, .site-title {
    font-size: 20px;
  line-height: 150%;
    color: #555;
  font-weight: 600;}
h3 { padding: 0;}

h5 {
font-size: 15px}

/* gloria-hallelujah-regular - latin (Schrift für H6 (den Canary)*/
@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/gloria-hallelujah-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gloria Hallelujah'), local('GloriaHallelujah'),
       url('/wp-content/fonts/gloria-hallelujah-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/fonts/gloria-hallelujah-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/fonts/gloria-hallelujah-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/fonts/gloria-hallelujah-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/fonts/gloria-hallelujah-v9-latin-regular.svg#GloriaHallelujah') format('svg'); /* Legacy iOS */}

/*h6 ist Schreibschrift unseres Canary*/
h6  {
font-family: 'Gloria Hallelujah', cursive !important;
  font-size: 1.2em;}

/* Header */
/*Header Hintergrund farbe*/
.site-header {
	background: rgb(235,232,232);
background: linear-gradient(90deg, rgba(235,232,232,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(235,232,232,1) 100%);}
/* Headerbild breit genug machen*/
.site-header .site-branding img
{max-width: 100%;}

/*Suchformular oben rechts verschwinden lassen*/
.woocommerce-active .site-header .site-search
{display:none;}

/*Header so aufteilen dass er komplett für den Logoschriftzug verwendet wird*/
.woocommerce-active .site-header .site-search {
	width: 0%;}

.woocommerce-active .site-header .site-branding {
	width: 100%;}

/*komische Zeile unter dem Menübalken mit wo mensch sich auf der Homepage befindet ausblenden*/
.storefront-breadcrumb {
	display: none;}

/*Bei Posts infos wann und vom wem es gepostet wurde sowie Kategorien ausblenden*/
.post-author, .posted-on, .cat-links {
	display: none;}

/*menü*/
/*Style des hauptmenüs (Oberpunkte)*/
 .main-navigation
{font-weight: 600;
	font-size:1.2em;}

/*macht die Abstände der Dropdownpfeile im Oberstenmenüpunkt kleiner so dass mensch zuordnen kann welcher Pfeil zu welchen Punkt gehört*/
.main-navigation ul.nav-menu > li.menu-item-has-children > a::after{
	margin-left: 0.4em;}

/*Höhe des Hauptmenüs reduzieren*/
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
	padding: 0.5em 0.5em;}

/*Abstände der Menüpunkte im Dropdown hauptmenü*/
.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {
	padding: 0.5em 1em;}

/*Breite der Menüpunkte im Dropdown*/
 .main-navigation ul ul li a,
 .secondary-navigation ul ul li a {
	 width:240px}

/*Shop*/
/*Aufzählungszeichen beim keinen Warenkorb oben rechts verschwinden lassen*/
 .site-header-cart {
    list-style: none;}

/*Warenkorb auf gleiche Höhe wie das Menü reduzieren*/
.site-header-cart .cart-contents {
	padding: 0.5em 0.5em;}

/*Warenkorb Widget rechts oben breiter machen und rechts ausrichten*/
.site-header-cart .widget_shopping_cart {
	width: 250px;}

/*Warenkorb Seite Abstände bei Überschrift anpassen*/
.storefront-full-width-content.woocommerce-cart .entry-header{
	padding: 1em 0 2em;}

/*Warenkorb Seite Abstände Produktliste anpassen*/
.table.cart th {
	padding: 0.3em;}

/*Mengen +/- buttons auf gleiche farbe wie die anderen Buttons*/
.qib-button:not(#qib_id):not(#qib_id){
background: rgb(238, 238, 238) !important;}

.qib-button:hover:not(#qib_id):not(#qib_id){
	background:rgb(213, 213, 213) !important;}

/*Produktnamen auf den Categorieseiten mit ganz vielen Produkten nicht anzeigen*/
.woocommerce-loop-product__title {
	display: none;}

/*Warenkorb anzeigen Button formatieren der aufpoppt wenn auf einer Kategorieseite was gekauft wurde*/
.added_to_cart{
	background: rgb(238, 238, 238);
	color: #f60;
	padding-left: 0.8em; padding-right: 0.8em;
}

.wc-forward::after{
	display:none;}

/*Farbeinstellungen für Benachrichtigungsboxen (z.b. Produkt hinzugefügt)*/
.woocommerce-message{
	background-color: #DEDEDE;
	color: #555;}

/*Balken ausblenden der oben auftaucht wenn mensch in ner Produkt Detailansicht runterscrollt*/
 .storefront-sticky-add-to-cart
{display:none;}

/*Komische Navigationspfeile bei Detailansicht der Produkte ausblenden*/
.storefront-product-pagination {
	display: none;}

/*Produktkategorien in der Detailansicht der Produkte ausblenden*/
.product_meta 
{display: none;}

/*Zusätzliche Details spalte in der Detailansicht der Produkte breiter ziehen*/
.storefront-full-width-content .woocommerce-tabs .panel{
	width: 90%;}
 /*Zusätzliche Informationen bei Produktdetailansicht schön positionieren*/
.storefront-full-width-content .woocommerce-tabs ul.tabs{
	display: none;
}
.storefront-full-width-content .woocommerce-tabs .panel{
float: left;
	margin-left: 4em;}

/*smiles in der Produktdetailansicht vor der Anzahl der Produkte ausblenden da dieser warum auch immer von einer externen seite nachgeladen wird*/
.stock.in-stock::before {
	content:none;}

/*Farbe Navigationsbutton warenkorb zu Kasse festlegen*/
.button.alt{
	background-color: rgb(248, 248, 248);}

.button.alt:hover{
	background-color: #DEDEDE;}

/*Nachricht balken oben auf warenkorbseite wenn dieser leer ist definieren*/
.woocommerce-info {
	background-color: rgba(0, 0, 0, 0.15);
	color:#555;
}
/*Schriftfarbe Navigationsbutton warenkorb zu Kasse festlegen*/
.wc-proceed-to-checkout .button.checkout-button {
	color: #2d0 !important;}

/* Abstand der Überschrift bei Kasse reduzieren*/
.storefront-full-width-content.woocommerce-checkout .entry-header
{padding: 1em 0 2em;}

/*Schriftfarbe Navigationsbutton Kaufen in der Kasse festlegen*/
 .place-order .button {
font-size: 2em;
	 color: #2d0;}
 .place-order .button:hover {
font-size: 2em;
	 color: #2d0;}

/*Schriftzug "Zusätzliche Informationen" ganz unten auf der Kassenseite ausblenden*/
.woocommerce-additional-fields{
	display:none;}

/*Bei der Bestellzusammenfassung nach erfolgreichen Kauf die Abstände verkleinern*/
ul.order_details li {
	padding: 0.1em;}

/*unnötige Infos auf der Bestellung abgeschlossen Seite ausblenden*/
.woocommerce-order-overview__email {
	display:none;}
.woocommerce-order-overview__payment-method {
	display:none;}
.awcfe-billing-extra-items {
	display:none;}

/*Wenn in der Produkt Detailansicht gekauft wurde die Schriftfarbe des Bestätigungsbalkens der auftaucht definieren*/
.woocommerce-message .button{
	color:#f60;}

.woocommerce-message .button:hover{
	color:#2d0;}


/*Downloadbereich*/
/*Links auf ein .svg mit Grafik ausstatten durch class="svg"*/
.svg {
	background: url(/wp-content/uploads/svg-logo.png) no-repeat 0 50%;
  padding: 0 0 0 20px;
	}
/*Links auf ein .pdf mit Grafik ausstatten durch class="pdf"*/
.pdf {
	background: url(/wp-content/uploads/pdf-logo.png) no-repeat 0 50%;
	padding: 0 0 0 20px;}

/*Tracklisten ein und ausblenden button definieren für Mukkebereich*/
.trackliste-trigger {
	background-color: #DEDEDE;
	font-size: 1.41575em;
	font-weight: 600;
	line-height: inherit;
	color:#f60;
	width: 280px;
	text-align:center;}

.trackliste-trigger:hover {
	border-color: #d5d5d5;
	color:#22dd00;}

/*Extras*/
/*Zentrierung der  dem canary, facebook und RSS Sidebar untergeordnet sind. Ist notwendig um die in Relation zur Seite und nicht zum Browserfenster zu plazieren*/
.Center
{margin: auto;
  width: 1100px;
}
/* Positionierung Canary*/
.canary {
	float:right;}

/* Facebook-Disslogo Standarteinstellungen*/
.facebook {
  height: 32px;
  width: 63px;
background-image: url("/wp-content/themes/storefront-child/facebook_normal.png");	
float:right;
margin-right: -100px;
margin-top: 140px;}

/* Facebook-Dislogo bei drüber fahren*/
.facebook:hover {  background-image: url("/wp-content/themes/storefront-child/facebook_hover.png");}

/*Tor Logo*/
.tor {
float:right;
margin-right: 20px;
margin-top: 130px;}

/*Read offline Funktion größer machen*/
.readoffline-embed {
	font-size: 1.2em;}