/******** Standard für alle Shops *********/
html {
	height: 100vh;
	overflow-y: auto;
}
body {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: 300;
	background: #FFF;
}
/*.icon--cross:before {
    content: "X";
}*/
.js--modal .model--close,
.image--gallery .button--zoom-in,
.image--gallery .button--zoom-out,
.image--gallery .button--zoom-reset,
.image-gallery--modal .modal--close,
.js--modal .model--close:before,
.image--gallery .button--zoom-in:before,
.image--gallery .button--zoom-out:before,
.image--gallery .button--zoom-reset:before,
.image-gallery--modal .modal--close:before {
	font-family: 'shopware';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
}
.steps--content .steps--entry .icon {
	
}
.js--modal .model--close,
.image--gallery .button--zoom-in,
.image--gallery .button--zoom-out,
.image--gallery .button--zoom-reset,
.image-gallery--modal .modal--close {
    font-family: sans-serif;
 }

/*** ANIMATIONEN ***/
a, .btn, *:after, 
.navigation-main .navigation--link,
.navigation-main .navigation--link:after,
.js--tab-menu .tab--link, 
#navwrap .header-main,
#navwrap .header-main .header--navigation, 
#navwrap .logo-faker, 
#navwrap .header-main .top-bar,
#navwrap .logo-faker .logo.logofull,
#navwrap .logo-faker .logo.logohalf,
.shop--navigation.block-group,
.emotion--category-teaser:hover .category-teaser--link,
.emotion--category-teaser:hover .category-teaser--title 
{
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;	
}

/***forms **/

textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {
	box-shadow: none;
}

/******** Ausblenden, Hintergrund und Schatten weg *******/
.header-main,
.container,
.footer-main,
.page-wrap {
	background: transparent;
}
.content-main {
	box-shadow: none;
}
.footer--benefit,
.logo--supportinfo.block,
.register--advantages.block,
.custom-products--option-actions,
.header-main .top-bar,
.shop--navigation .main-search--form,
.product--actions {
	display: none !important;
}

.content--description .content--title,
.content--description .content--list.list--unstyled {
	display: none;
}
.content--description .content--title:first-child {
	display: block;
}
@media Screen and (max-width: 78rem) {
	.content-main {
		padding-left: 15px;
		padding-right: 15px;
	}
	.js--off-canvas-button{
		padding-left: 0;
		padding-right: 0;
	}
}
@media Screen and (min-width: 48rem) {
	.logo--supportinfo.block,
	.register--advantages.block,
	.footer-main .footer--logo {
		display: none !important;
	}
}
.shop--navigation .entry--menu-left .btn {
	padding-left: 0;
}
.shop--navigation .entry--menu-left .icon--menu,
.off-canvas .link--go-main .icon--menu {
	opacity: 1;
	position: relative;
	width: 1em;
	height: 1em;
	margin: 0;
	display: inline-block;
	top: .2em;
	margin-right: .75em;
}
.off-canvas .link--go-main .icon--menu {
	top: .05em;
}
.shop--navigation .entry--menu-left .icon--menu:before,
.off-canvas .link--go-main .icon--menu:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 25%;
	height: 2px;
	display: block;
	background: #000;
	opacity: 1;
}
.shop--navigation .entry--menu-left .icon--menu:after,
.off-canvas .link--go-main .icon--menu:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 55%;
	height: 2px;
	display: block;
	background: #000;
	opacity: 1;
}
/******** Contentstruktur *******/
.content--breadcrumb {
	display: none;
}
@media Screen and (min-width: 48rem) {
	.content-main--inner {
		padding-left: 0;
		padding-right: 0;
	}
}


/******** Rundungen weg *******/
.is--rounded,
.btn,
.footer-main .newsletter--button,
.select-field select, .js--fancy-select select,
.raw-color-container .raw-color-button,
.listing--actions,
.filter-panel,
.filter-panel--flyout,
.js--tab-menu .tab--link,
textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], .stripe-payment-card-form .StripeElement, .stripe-payment-sepa-form .StripeElement, #paypal-acdc-form .field {
	border-radius: 0;
}


/**** Buttons / Forms ****/
.filter-panel,
.select-field select, .js--fancy-select select {
	background: transparent;
}
.filter-panel--checkbox input[type="checkbox"], .filter-panel--radio input[type="checkbox"] {
	opacity: 1;
}
.select-field select, .js--fancy-select select,
textarea, input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], .stripe-payment-card-form .StripeElement, .stripe-payment-sepa-form .StripeElement, #paypal-acdc-form .field {
	background: rgba(255,255,255, .6);
	border: 1px solid rgba(125,125,125, .6);
}
.review--form .panel--body.is--wide{
	padding-left: 0;
	padding-right: 0;
}

/**** NAVIGATION & HEADER ***/
.header-main .btn,
.header-main .btn:hover,
.header-main .btn:focus,
.header-main .btn.active {
	border: none;
}
@media screen and (min-width: 48em) {
	.header-main .header--navigation {
		min-height: 80px;
		padding-top: 20px;
		padding-bottom: 20px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: flex-start;
	}
	.header-main .btn,
	.header-main .btn:hover,
	.header-main .btn:focus,
	.header-main .btn.active {
		border: none;
	}
	.header-main .shop--navigation {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: flex-start;
	}
	.header-main .shop--navigation > .navigation--list {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-content: center;
		align-items: center;
	}
	.header-main .shop--navigation .account--dropdown-navigation {
		box-shadow: 0px 3px 5px rgba(0,0,0, .4);
	}
	.header-main .logo-main .logo--shop,
	.header-main .logo-main .logo--link {
		height: auto;
		max-height: 5rem;
	}
	.navigation--list .entry--account .icon--account,
	.navigation--list .entry--cart .icon--basket {
		left: 0;
		display: inline-block;
		position: relative;
		top: 0;
		padding-right: 5px;
	}
	.header-main .btn {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 20px !important;
		position: relative;
	}
	.header-main .ajax--cart .btn {
		margin-left: auto !important;
	}
	.header-main .btn:after {
		content: '';
		position: absolute;
		left: 50%;
		right: 50%;
		bottom: 0;
		height: 2px;
		background: rgba(0,0,0,.0);
	}
	.header-main .btn:hover, .header-main .btn:focus, .header-main .btn.active {
		background: transparent;
		color: #000;
	}
	.header-main .btn:hover:after, .header-main .btn:focus:after, .header-main .btn.active:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 2px;
		background: rgba(0,0,0,1);
	}
}

/****** Produktübersicht listing--content ******/
.image-gallery--modal .btn,
.image-gallery--modal .btn:hover {
		border: none;
		font-size: 1.25rem;
		background: transparent;
		color: #000;
}
.product--box .product--image .image--element {
	
}
.listing--content {
	
}
.listing--actions {
	background: transparent;
}

.raw-color-container {
	font-size: .75em;
}
.product--box .product--badges .product--badge {
	padding: 0.2875rem 0.825rem 0.15rem 0.825rem;
	font-size: 0.875rem;
	line-height: 1.5rem;
	border-radius: 0;
}

@media screen and (min-width: 48em) {
	.listing--content {
		padding: 0;
		margin-bottom: 15px;
		background: transparent;
		border: none;
	}
	.listing--content .action--filter-btn,
	.listing--content .action--sort {
		margin: 0;
	}
	.listing--content form.action--sort {
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-content: center;
		align-items: center;
	}
	.listing--content form.action--sort .sort--label {
		line-height: 1em;
		padding-top: .3em;
	}
	.box--basic .box--content {
		padding-left: 0 !important;
		border: none;
	}
}
@media screen and (min-width: 78.75em) {
	.product--navigation .link--prev-button, .product--navigation .link--next-button {
		background: transparent;
		color: #000;
		opacity: .5;
	}

	.product--navigation .link--prev:hover .link--prev-button, .product--navigation .link--next:hover .link--prev-button, .product--navigation .link--prev:hover .link--next-button, .product--navigation .link--next:hover .link--next-button {
		background: transparent;
		color: #000;
		opacity: 1;
	}
}
.configurator--variant .option--label {
	border-radius: 0;
}
.configurator--variant .option--input ~ label {
	border: 1px solid rgba(0,0,0,.1);
}
.configurator--variant .option--input:hover ~ label {
	border: 1px solid #000;
}
.product--delivery .delivery--status-more-is-coming {
	background: #7dd617;
}

.product--delivery .delivery--text-more-is-coming {
	color: #7dd617;
}
.product--tax a {
	text-decoration: underline;
}

/*.product--details .content--description, .product--details .content--product-reviews {
	padding-left: 0;
	padding-right: 0;
}*/
@media screen and (min-width: 48em) {
	.product--details .content--description, .product--details .content--product-reviews {
	padding-left: 0;
	padding-right: 0;
	}
}


/**** Sidebar mobile ***/
.sidebar-main.off-canvas, #cookie-consent,
.offcanvas--overlay {
	background: #FFF;
}




/******** Cookie permission ******/

.page-wrap--cookie-permission {
	left: 20px;
	right: 20px;
	bottom: 20px;
	box-shadow: 0 5px 5px rgba(0,0,0, 0);
	border: none;
	color:  #FFF;
	background: rgba(0,0,0, .85);
    z-index: 4000;
}


/**** Einkaufswelten *****/
.emotion--wrapper {
	max-width: 100%;
}


/****** Footer 1spaltig - muss im Backend definiert werden ******/
.footer-main .column--hotline,
.footer-main .footer--logo,
.footer-main .column--newsletter {
	display: none !important;
}

@media screen and (max-width: 48em) {
	.footer-main .footer--column{
		padding-left: 25px;
		padding-right: 25px;
	}
	.footer--columns {
	border-top: 1px solid #000;	
	}
	.footer-main .footer--column{
		border-bottom: 1px solid #000;
	}
}
.footer--column.column--menu.block {
	display: none;
}
.footer--column.column--menu.block.bottom_1col {
	display: block;
}
@media screen and (min-width: 48em) {
	.footer--column.column--menu.block.bottom_1col {
		width: 100%;
		display: block;
		text-align: center;
	}
}
.footer-main .navigation--entry {
  display: inline-block;
  width: auto;
  padding: 10px 20px;
}
.footer-main .navigation--link {
	line-height: 1.2em;
	padding-bottom: .6em;
}

/****** FOOTER 2spaltig Standard *****/
/*.footer-main .column--hotline,
.footer-main .footer--logo,
.footer-main .column--newsletter {
	display: none !important;
}
.footer--columns {
	border-top: 1px solid #000;	
}
.footer-main .footer--column{
	border-bottom: 1px solid #000;
}
@media screen and (max-width: 48em) {
	.footer-main .footer--column{
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media screen and (min-width: 48em) {
	.footer--columns {
		border: none;
	}
	.footer-main .footer--column {
	  padding: 0rem;
	  width: 50%;
	  border: 0 none;
	}
	.footer-main .navigation--entry {
	  display: inline-block;
	  width: 48%;
	}
	.footer-main .navigation--link {
		line-height: 1.2em;
		padding-bottom: .6em;
	}
}*/