/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.4.1510823339
Updated: 2017-11-16 10:08:59

*/

@media screen and (max-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 400px!important;
	}
.page.page-one-column .entry-header, 
.twentyseventeen-front-page.page-one-column .entry-header, 
.archive.page-one-column:not(.has-sidebar) .page-header {
	display:none;
}
	
.woocommerce ul.products, .woocommerce-page ul.products {
	width:100% !important;
	margin:0 !important;
}
	.woocommerce ul.products li.first, .woocommerce-page ul.products li.first{
		width:100% !important;
	}
	.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
		width:100% !important;
		float: none !important;
	}
}

.flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item {
 width:250px;
padding-bottom: 10px;
	padding-right: 10px;
}

.site-branding-text a:hover  {
	color: #bce4e4;
}
/* Hintergrundfarbe für Wechsel Navigation je nach Heft: Bei backgroundcolor den jeweiligen Farbwert hexdezimal eintragen, also schwarz z. B. #000000 */ 
.navigation-top {
	font-family: Fira Sans;	
	text-transform: uppercase;
	background-color: #fe49b0;
	font-size:1.2rem;
}
.navigation-top nav {
    margin-left: 3.8em;
}
.main-navigation a {
	color:#000000;
}
/* Farbe für Wechsel Navigation je nach Heft */ 
.main-navigation a:hover {
	color:#FFFFFF !important;
}
.current-menu-item > a, .navigation-top .current_page_item > a {
	color:#FFFFFF !important;
}
.main-navigation ul ul a {
	color:#000000 !important;
}
body, button, input, select, textarea {
	font-size:1.3rem;
	color: #2b2b2b;
}
h1 {
	color: #3c3c3c;
}

h3 {
	color: #3c3c3c;
}              
.woocommerce-breadcrumb {
    font-size: 13px;
    font-size: .8125rem;
	display:none;
	padding-top: -2em;
}
.woocommerce-products-header {
	display:none;
}
	
@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}

@media screen and (min-width: 48em) {
body.page-template-page-full-width .page-full-width #primary .entry-content {
width: 100%;
}
	.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 350px;
		opacity:0.3;
}
.custom-logo-link img {
    display: inline-block;
    max-height: 80px;
    width: auto;
}
.site-content {
    padding: 2em 0 0;
}
	.site-title {
	text-transform: none;
	}
	.site-description {
   opacity:1;
		font-size:1.2rem;
		align-content:left;
}
	.site-footer .widget-area  {
		margin-left:10%;
	}
body.page-template-page-full-width .page-full-width #primary .entry-header {
width: 100%;
}
.entry-content {
font-weight:400;
	}}
.page:not(.home) #content {
    padding-bottom: 1.25em;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
	display:none;}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    display:none;
}

button {
    font-size: 1rem;
    color: #ffffff;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width:100%;
}
.woocommerce-product-gallery img {
    display: block;
}
.woocommerce-Price-amount {
    color: #000000;
}
.page-one-column .panel-content .wrap {
	padding: 2em 0 .5em;
}
	
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	width:100%;
	padding-left: 3.5em;
}
.woocommerce-product-gallery img {
    display: block;
	margin-left: 3.5em;
}

/* 
Liste Größen Vorschaubilder woocommerce
*/

	.woocommerce ul.products, .woocommerce-page ul.products {
    clear: both;
	width:120%;
	margin-left:5em;
}

    .blog:not(.has-sidebar) #primary article,
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,
    .search:not(.has-sidebar) #primary article,
    .navigation.pagination,
    body.blog .site-content .page-header,
    body.archive .site-content .page-header,
    body.search .site-content .page-header {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 740px;
        width: auto;
    }
	
.page.page-one-column .entry-header, 
.twentyseventeen-front-page.page-one-column .entry-header, 
.archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: -4em;
	display:none;
}
	.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .navigation.pagination, body.blog .site-content .page-header, body.archive .site-content .page-header, body.search .site-content .page-header {
   margin-bottom:1em;
}
.author.vcard { display: none; }
.single .byline, .group-blog .byline { display: none; }
}