/*
Theme Name: Storefront Fluff-Store
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Mathias Reiche
Author URI: http://mathiasreiche.de
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editotr-style
Version: 1.50.43
Updated: 2019-12-16 20:50:54
*/


/*@import url('assets/css/footer.css');
@import url('assets/css/forms.css');
@import url('assets/css/header.css');
@import url('assets/css/product-details.css');
@import url('assets/css/product-lists.css');
@import url('assets/css/vendor.css');*/

/* atma-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atma';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/atma-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/atma-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/atma-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/atma-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/atma-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/atma-v15-latin-300.svg#Atma') format('svg'); /* Legacy iOS */
}
/* atma-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atma';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/atma-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/atma-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/atma-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/atma-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/atma-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/atma-v15-latin-regular.svg#Atma') format('svg'); /* Legacy iOS */
}
/* atma-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atma';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/atma-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/atma-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/atma-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/atma-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/atma-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/atma-v15-latin-500.svg#Atma') format('svg'); /* Legacy iOS */
}
/* atma-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atma';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/atma-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/atma-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/atma-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/atma-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/atma-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/atma-v15-latin-600.svg#Atma') format('svg'); /* Legacy iOS */
}
/* atma-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Atma';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/atma-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/atma-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/atma-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/atma-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/atma-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/atma-v15-latin-700.svg#Atma') format('svg'); /* Legacy iOS */
}


/* source-sans-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('assets/fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


:root {
	--TextColor: #b2597e;
	--ButtonBorderRadius: 50px;
	--FormBorderRadius: 25px;
	--FormInputBackgroundColor: #f2f2f2;
	--InputTextBorderRadius: 5px;
	--ImageBorderRadius: 4px;
	--SectionBottomDistance: 3em;
	--BadgeColor: #d94c7d;
	--PrimaryBrandColor: #520f3e;
	--PrimaryBrandColorHover: #2b0821;
	--ConfirmationColor: #598f78;
}

body {
  background-color: #f2e6eb !important;
  color: var(--TextColor);
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Atma', sans-serif;
	color: var(--PrimaryBrandColor);
	font-weight: 900;
	line-height: 1em;
}

h1 small, h2 small, h3 small {
	font-weight: 400;
	font-size: .5em;
}

h1 {
	margin-bottom: .25em;
}


*:focus {
  outline: none !important;
}

a {
  color: var(--PrimaryBrandColor);
  text-decoration: none !important;
  transition: color ease .5s;
}

a:hover {
  color:#cc339e;
}

.search-field, .search-field:focus {
  border-radius: var(--ButtonBorderRadius);
  border: none !important;
}

.button, input.submit {
  border-radius: var(--ButtonBorderRadius) !important;
  transition: background-color .3s ease-out;
}

.woocommerce-EditAccountForm .button {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}

.woocommerce-EditAccountForm .button:hover,
.button.checkout {
  background-color: #111111;
  border-color: #111111;
}

/*select {
  padding: 0.5em 0.8em;
  border-radius: 5px;
  border: none;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

select::before {
  font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 10px;
  color: #000;
  line-height: 1;
}

select::-ms-expand {
  display: none;
}*/

.woocommerce-message {
	background-color: var(--ConfirmationColor);
}


/* Frame */

.content-area {
    margin-bottom: 80px;
}

/* User Dashboard */
.woocommerce-EditAccountForm fieldset {
  padding: 0;
}

.woocommerce-EditAccountForm legend {
  font-family: 'Atma', serif;
  background: none;
  color: var(--PrimaryBrandColor);
  font-weight: 400;
  font-size: 1.8em;
}




/***** BREADCRUMB *****/
.storefront-breadcrumb {
  margin-bottom: 0;
}



.header-banner {
  margin: -70px 0 50px 0 !important;
  min-height: 375px;
}

.header-banner .wp-block-group__inner-container {
  right: 0;
  position: absolute;
  right: 0;
  left: 0;
}

.header-banner h1 {
  color: #ffffff !important;
}

@media (min-width: 1600px) {
  .header-banner .wp-block-cover {
    height: 20vw;
  }

  .header-banner  { 
    height: 20vw
  }
}

._brlbs-switch-consent {
	margin-bottom: 1.41575em;
}


@media (max-width: 700px) {
	._wp-block-column {
    	flex-basis: 100% !important;
    	flex-grow: 0;
	}
}

/* SONDERAKTIONSSEITE */
.page-id-72169 .storefront-breadcrumb .col-full {
	display: none;
}

.group-fullwidth-background {
	  margin: 50px -50vw 70px !important;
	  padding: 70px 50vw 30px !important;
}

.group-fullwidth-background.last-element {
	margin-bottom: -140px !important;
	padding-bottom: 70px !important;
	z-index: -1;
	position: relative;
}

.special-offer-image {
    margin-top: calc(-200px - 20vw)!important;
	margin-bottom: -16vw!important;
    max-width: 500px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.special-offer-image img {
    width: 100% !important;
}


.landingpage-nl-box {
	margin: 30px -1.41575em -45px !important;
}


.landingpage-nl-box form {
   margin-bottom: 0 !important;
}

@media (min-width: 569px) and (max-width: 599px) {
	.landingpage-nl-box {
		margin: 0 -2.617924em -45px !important;
	}
	

}
	
@media (min-width: 600px) {
	.landingpage-nl-box {
    	margin: -50px 0 0 0 !important;
	}
	
	.special-offer-image {
		/*max-width: 250px;*/
	}
	
	.special-offer-image {
		margin-top: -320px!important;
		margin-bottom: -100px!important;
	}
}
/**/
@media (max-width: 599px) {
	.landingpage-nl-box .mailster-form-fields {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
    }

	.landingpage-nl-box .mailster-email-wrapper {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
    }

	.landingpage-nl-box .mailster-submit-wrapper {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		margin-left: 10px;
    }
	
	.landingpage-nl-box .mailster-_gdpr-wrapper {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 3;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
		margin-left: 10px;
    }
}

.no-margin {
	margin: 0 !important;
}

.centered-content {
	text-align: center !important;
}

.wp-block-button.button.alt.center {
    margin: 0 auto !important;
	border: 2px solid red;
}

.fullwidthimage img {width:100% !important}

.woocommerce-checkout #order_review_heading, .woocommerce-checkout #order_payment_heading{padding: 30px 20px !important; margin-bottom: 0 !important;}


/* CONTENT */
.mt-medium {
	margin-top: 60px;
}

.white-box {
	border-radius: 10px;
	margin-bottom: 100px;
	padding: 30px;
}

.white-box p:last-child, .white-box .wp-block-column:last-child {
	margin-bottom: 0!important;
}

.white-box mark {
	background-color: #f7f2f4!important;
}


/*Mailoptin Checkbox im Checkout */
/*.form-row.mo-woocommerce-opt-in{
	padding: 0 30px 20px !important;
	background-color: #fff;
	margin: 0;
}

.wc-gzd-checkbox-placeholder.wc-gzd-checkbox-placeholder-data-download{
	border-radius: 0 0 25px 25px !important;
}

.sfb-footer-bar.widget a{
	color: #8d3568 !important;	
}

.mo-note-content a{
	color: #8d3568 !important;
}*/

/* wide sections */
.single-post .site-content .col-full,
.page .site-content .col-full {
	max-width: 100%;
	padding:0;
	margin:0;
}

.single-post .site-content .wp-block-group,
.page .site-content .wp-block-group {
	padding: 0!important;
}


.single-post .site-content .wp-block-media-text__content .wp-block-group,
.page .site-content .wp-block-media-text__content .wp-block-group,
.single-post .site-content .wp-block-media-text__content .wp-block-group .wp-block-group__inner-container
.page .site-content .wp-block-media-text__content .wp-block-group .wp-block-group__inner-container {
	padding: 0!important;
}

.page .site-content .entry-header,
.single-post .site-content .entry-header,
.site-content .wp-block-group__inner-container,
.site-content .entry-content .woocommerce,
.site-content .entry-content > .wp-block-columns,
.site-content .woocommerce-products-header,
.site-content .woocommerce,
.site-content .storefront-sorting,
.site-content .products,
.site-content .entry-content > p,
.site-content .entry-content > h1,
.site-content .entry-content > h2,
.site-content .entry-content > h3,
.site-content .entry-content > .wp-block-buttons,
.single-post #comments,
.single-post .edit-link,
.single-post .sbc-entry-meta {
	/*padding-left: 1.41575em;
	padding-right: 1.41575em;*/
	padding-left: 22px;
	padding-right: 22px;
}

.site-content .entry-content > p + .woocommerce,
.site-content .entry-content > h2 + .woocommerce {
	margin-top: 50px;
}

.site-content .entry-content > .wp-block-columns.has-background {
	padding:30px;
	margin-left: 22px;
	margin-right: 22px;
}

.page .site-content .entry-header,
.single-post .site-content .entry-header,
.site-content .wp-block-group__inner-container {
	padding-bottom: 10px;
}

.site-content .wp-block-group__inner-container {
	padding-top: 60px;
}

.site-content .wp-block-media-text__content {
	/*padding-left: 1.41575em;
	padding-right: 1.41575em;
	padding-top: 0;
	padding-bottom: 20px;*/
	padding: 0 22px 20px 22px;
}


@media (min-width: 569px) {
	.page .site-content .entry-header,
	.single-post .site-content .entry-header,
	.site-content .wp-block-media-text__content,
	.site-content .wp-block-group__inner-container,
	.site-content .entry-content .woocommerce,
	.site-content .entry-content > .wp-block-columns,
	.site-content .woocommerce-products-header,
	.site-content .woocommerce,
	.site-content .storefront-sorting,
	.site-content .products,
	.site-content .entry-content > p,
	.site-content .entry-content > h1,
	.site-content .entry-content > h2,
	.site-content .entry-content > h3,
	.site-content .entry-content > .wp-block-buttons,
	section.gb-for-slick-slider,
	.single-post #comments,
	.single-post .edit-link,
	.single-post .sbc-entry-meta {
		/*padding-left: 2.617924em;
		padding-right: 2.617924em;*/
		padding-left:42px;
		padding-right:42px;
	}
	
	.site-content .entry-content > .wp-block-columns.has-background {
		padding:30px;
		margin-left: 42px;
		margin-right: 42px;
	}
	
	.site-content .wp-block-group.has-background .wp-block-group__inner-container,
	.site-content .wp-block-group.has-background + h2,
	.site-content .wp-block-group.has-background + p {
		padding-top: 80px;
	}
}
@media (max-width: 600px) {
	.wp-block-media-text.is-image-fill .wp-block-media-text__media {
		background-size: contain;
		background-repeat: no-repeat;
	}
}

@media (min-width: 601px) {
	.site-content .wp-block-media-text__content {
		padding-right:0;
		padding-top: 60px;
	}
}

@media (min-width: 768px) {
	.page .site-content .entry-header,
	.single-post .site-content .entry-header,
	.site-content .wp-block-group__inner-container,
	.site-content .entry-content .woocommerce,
	.site-content .entry-content > .wp-block-columns,
	.site-content .woocommerce-products-header,
	.site-content .woocommerce,                                                          
	.site-content .storefront-sorting,
	.site-content .products,
	.site-content .entry-content > p,
	.site-content .entry-content > h1,
	.site-content .entry-content > h2,
	.site-content .entry-content > h3,
	.site-content .entry-content > .wp-block-buttons,
	section.gb-for-slick-slider,
	.single-post #comments,
	.single-post .edit-link,
	.single-post .sbc-entry-meta {
		/*max-width: 66.4989378333em;*/
		max-width: 1064px;
		margin-left: auto;
		margin-right: auto;
		/*padding-left: 2.617924em;
		padding-right: 2.617924em;
		padding-left:42px;
		padding-right:42px;*/
		/*padding: 40px 2.617924em;*/
		box-sizing: content-box;
	}
}

@media (min-width: 1148px) {	
	.site-content .entry-content > .wp-block-columns.has-background {
		box-sizing: border-box;
		max-width: 1064px;
		margin-left: auto;
		margin-right: auto;
	}
}


.blog article.post.has-post-thumbnail {
	position: relative;
}

.blog article.post.has-post-thumbnail .wp-post-image {
	position: absolute;
	top: 0;
	left: 0;
}

.blog article.post.has-post-thumbnail .entry-header,
.blog article.post.has-post-thumbnail .entry-content {
	margin: 0 0 10px 170px;
	border: none;
}

.blog article.post.has-post-thumbnail .entry-header .entry-title {
	margin-bottom: 0;
	line-height: 0.7;
}

.blog article.post.has-post-thumbnail .entry-header .entry-title a {
	font-weight: 900;
	font-size: 30px;
}

.blog article.post.has-post-thumbnail .entry-content * {
	padding: 0;
}

.blog article.post.has-post-thumbnail .entry-content .read-more {
	display: none;
}

/* Slick Slider */
.testimonial-slider-avatar figure {
    border: 8px solid #fff;
    border-radius: 50%;
	background: #fff;
}

.testimonial-slider-text {
    margin-top: -105px;
    border-radius: 10px;
}



/*CF7 spinner*/
.news-letter-container .wpcf7-spinner {
    display:none !important;
}



/*--Not valid tool tip--*/
.news-letter-container span.wpcf7-not-valid-tip{
    text-shadow: none !important;
    font-size: 12px !important;
    color:#ff0000 !important;
    background: transparent !important;
    padding: 0px !important;
    display:none  !important;
}



/*--Invalid Response--*/
.news-letter-container div.wpcf7 form.invalid .wpcf7-response-output,
.news-letter-container .wpcf7 form.unaccepted .wpcf7-response-output {
    text-shadow: none !important;
    border: 0px !important;
    padding: 3px !important;
    color: #D8000C !important;
    text-align: left !important;
    margin: 0 !important;
    font-size: 12px !important;
    background-color: #FFBABA !important;
    /*display: none !important; -----Remove this line of code, If you don't want to display error message------*/
}



/*--Success Response--*/
.news-letter-container div.wpcf7 form.sent .wpcf7-response-output {
    text-align: left !important;
    text-shadow: none !important;
    padding: 3px !important;
    border:0px !important;
    font-size: 12px !important;
    background: #DFF2BF !important;
    border-color: #DFF2BF !important;
    color: #4F8A10 !important;
    margin: 0 !important;
}


.cr-trustbadgef *, #cr_floatingtrustbadge * {
	font-family: "Source Sans Pro","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}