/* ############################################################################################################ */
/* ##  name: Store-Spezifisches CSS. Wird fuer jedes Frontend benoetigt.                                     ## */
/* ##  file: /core/nureinshop/scope/frontend/pub/css/store.css                                               ## */
/* ############################################################################################################ */

/* Notice
----------*/

	#notice-container {
		position: fixed;
		right: 0;
		bottom: 0;
		width: 350px;
		z-index: 9999;
	}

	#notice-container > div {
		position: relative;
		padding: 15px 20px 15px 45px;
		border: 5px;
		color: #FFFFFF;
		border-radius: 5px;
		margin: 0 10px 10px 0;
		background-color: #3c3f41;
		font-weight: 300;
	}

		#notice-container > div * {
			color: #FFFFFF;
		}

	/* Icon
	--------*/

		#notice-container > div:before {
			content: '';
			display: block;
			height: 16px;
			width: 16px;
			position: absolute;
			top: 18px;
			left: 20px;
			background-repeat: no-repeat;
			background-position: center center;
			background-image: url('/core/nureinshop/theme/default/pub/img/icons/fa/circle-info-solid.svg');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 16px 16px;
			opacity: 0.4;
		}

		/* Success
		-----------*/

			#notice-container .success {
				background-color: #4c934c;
			}

			#notice-container .success:before {
				background-image: url('/core/nureinshop/theme/default/pub/img/icons/fa/check-circle-solid.svg');
			}

		/* Info
		--------*/

			#notice-container .info {
				background-color: #2f65ca;
			}

			#notice-container .info:before {
				background-image: url('/core/nureinshop/theme/default/pub/img/icons/fa/circle-info-solid.svg');
			}

		/* Error
		---------*/

			#notice-container .error {
				background-color: #ba3027;
			}

			#notice-container .error:before {
				background-image: url('/core/nureinshop/theme/default/pub/img/icons/fa/triangle-exclamation-solid.svg');
			}

		/* Warning
		-----------*/

			#notice-container .warning {
				background-color: #bc6a00;
			}

			#notice-container .warning:before {
				background-image: url('/core/nureinshop/theme/default/pub/img/icons/fa/circle-exclamation-solid.svg');
			}

/* ############################################################################################################ */
/* ##  name: simple-grid                                                                                     ## */
/* ##  file: /core/nureinshop/theme/default/pub/css/simple-grid.css                                          ## */
/* ############################################################################################################ */

/*
  Name: Simple Grid - Framework
  Version: 1.9
  Author: Przemek Galarowicz ( www.codefood.net and www.przemekgalarowicz.pl)
  Licenses: Simple Grid - Framework can be used in personal and commercial projects. But you can not sell as your product.
*/

.container-fluid {
	width: 100%;
}

.row {
	margin-left: -15px;
	margin-right: -15px;
}

.row:before, .row:after {
	display: table;
	line-height: 0;
	content: "";
}

.row:after {
	clear: both;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0 15px;
	width: 100%;
	min-height: 1px;
	position: relative;
}

/* Media Queries */
@media only screen and (min-width: 560px) {

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
	.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		float: left;
		width: 49.9999999999%;
	}

	.col-12 {
		width: 100%;
	}

}

@media only screen and (min-width: 960px) {

	.col-1 {
		width: 8.33333333333%;
	}
	.col-2 {
		width: 16.6666666666%;
	}
	.col-3 {
		width: 24.9999999999%;
	}
	.col-4 {
		width: 33.3333333333%;
	}
	.col-5 {
		width: 41.6666666666%;
	}
	.col-6 {
		width: 49.9999999999%;
	}
	.col-7 {
		width: 58.3333333333%;
	}
	.col-8 {
		width: 66.6666666666%;
	}
	.col-9 {
		width: 74.9999999999%;
	}
	.col-10 {
		width: 83.3333333333%;
	}
	.col-11 {
		width: 91.6666666666%;
	}

	.col-1-5 {
		width: 19.9999999999%;
	}

	.col-offset-1 {
		margin-left: 8.33333333333%;
	}
	.col-offset-2 {
		margin-left: 16.6666666666%;
	}
	.col-offset-3 {
		margin-left: 24.9999999999%;
	}
	.col-offset-4 {
		margin-left: 33.3333333333%;
	}
	.col-offset-5 {
		margin-left: 41.6666666666%;
	}
	.col-offset-6 {
		margin-left: 49.9999999999%;
	}
	.col-offset-7 {
		margin-left: 58.3333333333%;
	}
	.col-offset-8 {
		margin-left: 66.6666666666%;
	}
	.col-offset-9 {
		margin-left: 74.9999999999%;
	}
	.col-offset-10 {
		margin-left: 83.3333333333%;
	}
	.col-offset-11 {
		margin-left: 91.6666666666%;
	}

}

/**
 * Moeglichkeit Aussenabstaende (links und rechts) zu entfernen
 */
	.pad-less {
		padding: 0;
	}

/* Auto-Clear
--------------*/

	.col-3:nth-child(4n+1){
		clear:left
	}

	@media screen and (max-width: 768px) {
		.col-3:nth-child(2n+1){
			clear:left
		}
	}

/* ############################################################################################################ */
/* ##  name: layout                                                                                          ## */
/* ##  file: /core/nureinshop/theme/default/pub/css/layout.css                                               ## */
/* ############################################################################################################ */


/* Fonts
---------*/

	/* open-sans-regular - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		src: url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
		src: local('Open Sans Regular'), local('OpenSans-Regular'),
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-italic - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: italic;
		font-weight: 400;
		src: url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
		src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-600 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		src: url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
		src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-600italic - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: italic;
		font-weight: 600;
		src: url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
		src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

	/* open-sans-700 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		src: url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
		src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/core/nureinshop/theme/default/pub/font/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
	}

/* Allgemeines & Resets
------------------------*/

	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		font-size: inherit;
	}

	html {
		color: #424242;
		font-size: 15px;
		font-family: 'Open Sans', 'Arial', sans-serif;
		background-color: #F2F2F2;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	section {
		position: relative;
	}

	.clear {
		clear: both;
		line-height: 0;
		height: 0;
		font-size: 0;
	}

	a {
		color: #1c9dd7;
		text-decoration: none;
	}

	a:hover {
		color: #1c9dd7;
	}

	input, select, textarea {
		font-family: inherit;
	}

/* Zentrierte Container-Darstellung
------------------------------------*/

	.container {
		position: relative;
		width: 1140px;
		margin: 0 auto 0 auto;
	}

	@media screen and (max-width: 1180px) {
		.container {
			width: 100%;
			padding-left: 20px;
			padding-right: 20px;
		}
	}

/* Scroll-to-top Button
------------------------*/

	.scroll-to-top {
		display: none;
		position: fixed;
		z-index: 999;
		right: 20px;
		bottom: 20px;
		height: 50px;
		width: 50px;
		border-radius: 30px;
		background-color: #88bb14;
		text-align: center;
		opacity: 0.7;
		cursor: pointer;
	}

	.scroll-to-top:hover {
		opacity: 1;
	}

	.scroll-to-top * {
		color: #FFFFFF;
		font-size: 50px;
		margin-top: -3px;
	}

/* Header
----------*/

	header {
		position: relative;
		background-color: #FFFFFF;
		border-bottom: 1px solid #DDDDDD;
		z-index: 4;
		min-height: 120px;
	}

	header:after {
		content: '';
		clear: both;
		display: table;
	}

	@media screen and (max-width: 990px) {
		header {
			height: auto;
		}
	}

/* Logo
--------*/

	#region-logo {
		float: left;
		width: 380px;
	}

	#region-logo a {
		display: inline-block;
		padding: 30px 0 30px 0;
	}

	#region-logo a img {
		height: 50px;
	}

/* Brotkrumenpfad
------------------*/

	#region-breadcrumb {
		padding-top: 20px;
	}

	#region-breadcrumb ul {
		padding-bottom: 20px;
	}

	#region-breadcrumb ul li {
		display: inline-block;
		list-style-type: none;
	}

	#region-breadcrumb ul li a {
		display: inline-block;
		font-size: 12px;
		color: #888888;
		padding: 0 5px 0 0;
	}

	#region-breadcrumb ul li a:after {
		content: ">";
		display: inline-block;
		padding-left: 5px;
	}

	#region-breadcrumb ul li:last-of-type a:after {
		content: "";
	}

/* Hauptinhalt
----------------*/

	p {
		margin-bottom: 20px;
	}

	main p a {
		text-decoration: underline;
	}

	h1 {
		color: #1c9dd7;
		font-size: 30px;
		margin-bottom: 15px;
	}

	.page-nureinshop-home h1 {
		padding-top: 30px;
	}

	h2 {
		color: #1c9dd7;
		font-size: 22px;
		margin-bottom: 15px;
	}

	h3 {
		margin-bottom: 15px;
	}

/* Pagination
--------------*/

	.pagination {
		margin: 0 0 20px 0;
		padding: 0;
	}

	.pagination li {
		display: inline-block;
		list-style-type: none;
		padding: 0;
	}

	.pagination li a {
		display: inline-block;
		padding: 7px 10px 7px 10px;
		margin: 0;
		background-color: #FFFFFF;
		color: #424242;
		border-radius: 5px;
		text-decoration: none;
		text-align: center;
		font-weight: normal;
		border: 1px solid #dadae5;
	}

	.pagination li a:hover {
		background-color: #e2e2e2;
	}

	.pagination li a.current {
		background-color: #1c9dd7;
		color: #FFFFFF;
	}

/* Produkt
-----------*/

	.product-attribute {
		padding-bottom: 20px;
	}

/* Kategorie-Boxen
-------------------*/

	.productcategories {
		margin-bottom: 40px;
	}

	.productcategories-entry {
		display: inline-block;
		border-radius: 5px;
		padding: 10px 20px;
		background-color: #1c9dd7;
		color: #FFFFFF;
		margin-bottom: 5px;
	}

	.productcategories-entry:hover {
		color: rgba(255,255,255, 0.8);
	}

/* Listenpunkte in der Produktbeschreibung
-------------------------------------------*/

	.product-attribute-short ul,
	.product-attribute-short ol {
		margin-left: 30px;
		margin-bottom: 20px;
	}

/* Thumb-Bilder Produktdetails
-------------------------------*/

	.product-image-thumbs {
		margin-bottom: 20px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.product-image-thumbs:after {
		content: "";
		clear: both;
		display: table;
	}

	.product-image-thumbs .img-wrapper {
		width: 25%;
		display: block;
		float: left;
		padding: 0 10px 10px 10px;
	}

	.product-image-thumbs img {
		cursor: pointer;
		max-height: 100px;
	}

/* Produktbild gross
---------------------*/

	#product-big-image {
		width: 100%;
	}

/* Tabs
--------*/

	.shop-tabs {
		position: relative;
		margin-top: 30px;
	}

	.shop-tabs ul.shop-tabs-elements {
		position: relative;
		z-index: 2;
		padding-bottom: 0 !important;
	}

	.shop-tabs ul.shop-tabs-elements li {
		display: inline-block;
		position: relative;
		padding: 10px 15px;
		border-top: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;

		cursor: pointer;
	}

	.shop-tabs ul.shop-tabs-elements li:first-of-type {
		margin-left: 0;
	}

	.shop-tabs ul.shop-tabs-elements li.active {
		background-color: #FFFFFF;
	}

	.shop-tabs-content {
		border: 1px solid #DDDDDD;
		background-color: #FFFFFF;
		padding: 15px;
		margin-bottom: 30px;
		position: relative;
		top: -1px;
		z-index: 1;
	}

	.shop-tabs-content ul {
		margin-left: 15px;
		margin-bottom: 15px;
	}

/* Features
------------*/

	.feature-container {
		display: block;
		position: relative;
		margin-bottom: 30px;
		background-size: cover;
		background-position: center center;
	}

	.feature-title {
		position: absolute;
		color: #343434;
		z-index: 2;
		font-size: 40px;
		font-weight: 700;
		margin: 25px 0 0 0;
		padding: 10px 30px;
		background-color: rgba(255,255,255,0.8);
		border-bottom-right-radius: 20px;
		border-top-right-radius: 20px;
		top: 20px;
	}

	@media screen and (max-width: 480px) {
		.feature-title {
			position: absolute;
			top: 0;
			text-align: center;
			margin: 0;
			font-size: 20px;
			padding: 10px;
		}
	}

	.feature-price-container {
		opacity: 1;
		position: absolute;
		background-color: #1c9dd7;
		z-index: 2;
		bottom: 50px;
		border-top-right-radius: 50px;
		border-bottom-right-radius: 50px;
	}

	@media screen and (max-width: 480px) {
		.feature-price-container {
			position: relative;
			width: 100%;
			border-radius: 0;
			bottom: 0;
		}
	}

	.feature-price {
		font-size: 50px;
		color: #FFFFFF;
		font-weight: 700;
		padding: 5px 40px;
	}

	.feature-price-container small {
		display: block;
		font-size: 10px;
		color: #FFFFFF;
		padding-left: 40px;
		padding-bottom: 15px;
		margin-top: 0px;
	}

	.feature-container img {
		position: relative;
		z-index: 1;
	}

	@media screen and (max-width: 768px) {
		.feature-title,
		.feature-price-container {
			display: none;
		}
	}

/* Meldungen
-------------*/

	.message-container {
		margin-bottom: 30px;
	}

	.message {
		background-color: #cecece;
		padding: 15px 20px;
		margin-bottom: 10px;
	}

	.message-success,
	.message-success * {
		color: #88bb14;
		background-color: #dff0d8;
		border-color: #d6e9c6;
	}

	.message-info,
	.message-info * {
		color: #3a87ad;
		background-color: #d9edf7;
		border-color: #bce8f1;
	}

	.message-error,
	.message-error * {
		color: #b94a48;
		background-color: #f2dede;
		border-color: #eed3d7;
	}

/* Warenkorb
-------------*/

	.cart {
		background-color: #FFFFFF;
		margin-bottom: 30px;
	}

	.cart table {
		width: 100%;
		border-collapse: collapse;
	}

	.cart th,
	.cart td {
		padding: 20px 20px;
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #ddd;
	}

	.cart th.cart-img,
	.cart td.cart-img {
		width: 150px;
		padding: 20px;
	}

	.cart .cart-img img {
		max-width: none;
		width: 150px;
	}

	.cart th {
		border-bottom: 1px solid #cccccc;
	}

	.cart .cart-product-price {
		text-align: right;
	}

	td.cart-qty {
		width: 1px;
	}

	td.cart-qty input {
		width: 50px;
		text-align: center;
	}

	.cart table td.cart-subtotal,
	.cart table th.cart-subtotal {
		text-align: right;
	}

	.cart table th.cart-action,
	.cart table td.cart-action {
		text-align: right;
		padding-right: 20px;
	}

	.cart table td.cart-action .btn {
		padding: 5px 10px;
		border-radius: 20px;
		background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
		border: 1px solid #dadae5;
		white-space: nowrap;
	}

	.cart table td.cart-action .btn img {
		height: 16px;
		width: 16px;
		max-width: unset;
		display: block;
	}

/* Abstand der Ueberschrift
----------------------------*/

	.page-nureinshop-cart h1 {
		margin-top: 20px;
	}

/* Warenkorb-Zusammenfassung
-----------------------------*/

	.cart-summary {
		display: block;
		border: 1px solid #e7e7e7;
		margin: 0 0 20px 0;
		list-style-type: none;
	}

	.page-nureinshop-cart .cart-summary {
		margin: 20px;
	}

	.cart-summary li {
		padding: 7px 15px 7px 15px;
		list-style-type: none !important;
	}

	.cart-summary li:after {
		content: "";
		display: table;
		clear: both;
	}

	.cart-summary .left {
		display: inline-block;
		width: 70%;
		text-align: left;
		float: left;
	}

	.cart-summary .right {
		width: 30%;
		display: inline-block;
		text-align: right;
		float: right;
	}

	.cart-summary li.total {
		background-color: #F2F2F2;
	}

	.cart-summary li.total * {
		font-size: 18px;
		font-weight: bold;
	}

/* cart-coupon
---------------*/

	.cart-coupon {
		padding: 20px;
	}

	.cart-coupon-inputcontainer {
		display: none;
	}

/* Panel
---------*/

	.panel {
		background-color: #FFFFFF;
	}

/* Loading
-----------*/

	.loading {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		background-color: rgba(0,0,0,0.2);
	}

	.loading svg {
		width: 128px;
		height: 128px;
		position:absolute;
		left: 50%;
		margin-left: -64px;
		top:50%;
		margin-top:-64px;
		z-index: 1;
	}

/* Footer
----------*/

	footer h2 {
		font-size: 17px;
		margin-top: 30px;
		margin-bottom: 10px;
		color: #1c9dd7;
	}

	footer img.payment-icons-entry {
		margin: 0 20px 15px 0;
		float: left;
	}

	footer .payment-box {
		display: inline-block;
		border: 1px solid #454545;
		color: #454545;
		margin: 0 10px 15px 0;
		padding: 4px 10px;
		border-radius: 3px;
		font-weight: 400;
		font-size: 14px;
		background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
		border: 1px solid #dadae5;
	}

	footer .payment-box:hover {
		border-color: #222222;
		background-color: #1c9dd7;
		color: #333333;
	}

	footer ul {
		list-style-type: none;
	}

/* Erfolgsmeldung
------------------*/

	#success-dialog-container {
		position: fixed;
		right: 0;
		bottom: 0;
		width: 350px;
		z-index: 9999;
	}

	#success-dialog-container > div {
		position: relative;
		padding: 15px 20px 15px 20px;
		border: 5px;
		color: #FFFFFF;
		border-radius: 5px;
		margin: 0 10px 10px 0;
		background-color: #88bb14;
		font-weight: 300;
	}
	#success-dialog-container > div * {
		color: #FFFFFF;
	}

/* Kasse
----------*/

	.checkout .panel {
		border: 1px solid #dadae5;
		background-color: #FFFFFF;
		margin: 30px 0 30px 0;
	}

	.payment-list li {
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 7px 15px;
		width: 100%;
		margin-bottom: 15px;
		position: relative;
		list-style-type: none !important;
	}

	.payment-list li:hover {
		background-color: #f5f5f5;
	}

	.payment-list li:after {
		content: '';
		clear: both;
		display: table;
	}

	.payment-list li label {
		display: block;
		font-weight: bold;
		padding: 7px;
		cursor: pointer;
	}

	.payment-list li input[type='radio'] {
		float: left;
		display: block;
		margin: 13px 13px 0 0;
	}

	.payment-list .payment-info {
		display: none;
		margin: 5px 0 10px 25px;
	}

	.payment-icon {
		position: absolute;
		top: 5px;
		right: 20px;
		max-height: 40px;
		max-width: 200px; /* fuer IE */
	}

/* Meldung
-----------*/

	.checkout-lock-message-wrapper {
		padding: 20px;
		text-align: right;
	}

	.checkout-lock-message {
		display: inline-block;
		padding: 5px 10px;
		text-align: right;
		font-weight: 300;
		color: #FFFFFF;
		background-color: #b94a48;
		border-radius: 5px;
		margin: 0;
	}

/* Formular inkl. Eingabefelder
--------------------------------*/

	form fieldset {
		border: none;
		border-radius: 5px;
		margin-bottom: 30px;
	}

	form fieldset.bordered {
		border: 1px solid #dedede;
		padding: 20px;
	}

	form h2 {
		font-size: 20px;
		margin: 0 0 20px 0;
		padding: 0;
	}


	@media screen and (max-width: 990px) {
		form h2 {
			margin: 0 0 20px 0;
		}
	}

	.field {
		margin-bottom: 15px;
		width: 100%;
	}

	.field:after {
		clear: both;
		content: '';
		display: table;
	}

	.field label {
		display: block;
		padding: 7px 15px 3px 0;
		text-align: left;
		font-size: 13px;
		color: #AAAAAA;
	}

	.field .control {
		position: relative;
	}

	.field .control.is-validated:before {
		content: "";
		display: block;
		height: 20px;
		width: 20px;
		position: absolute;
		top: 9px;
		right: 10px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iIzcwQzA0MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGQ9Ik0yNTYsMUMxMTUuMTY3LDEsMSwxMTUuMTY3LDEsMjU2czExNC4xNjcsMjU1LDI1NSwyNTVzMjU1LTExNC4xNjcsMjU1LTI1NVMzOTYuODMzLDEsMjU2LDF6IE0zODAuODAyLDIyMC4wMzUgICAgTDI1MC40MTksMzM4LjA3M2MtMy4xOTYsMi44OTctNi45MjIsNC44NDUtMTAuODI0LDUuODY4Yy0zLjM2NCwxLjQ5OS02Ljk3NSwyLjI3NS0xMC42LDIuMjc1Yy02LjQ1LDAtMTIuOTEtMi4zNzctMTcuOTYyLTcuMTY5ICAgIGwtODAuMjc3LTc2LjIwNGMtMTAuNDUtOS45MjEtMTAuODc3LTI2LjQzMy0wLjk1Ny0zNi44ODNjOS45MTEtMTAuNDUsMjYuNDI4LTEwLjg4MiwzNi44ODMtMC45NjFsNjMuODk4LDYwLjY1M2wxMTUuMTk5LTEwNC4zMDQgICAgYzEwLjY3OS05LjY3LDI3LjE3OC04Ljg1NCwzNi44NDgsMS44MjlDMzkyLjI5NiwxOTMuODYyLDM5MS40OCwyMTAuMzYsMzgwLjgwMiwyMjAuMDM1eiIvPjwvZz48L2c+PC9zdmc+");
		background-position: center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	@media screen and (max-width: 990px) {

		.field label {
			display: block;
			width: 100%;
			float: none;
			padding: 0 0 3px 0;
			text-align: left;
		}

		.field .control {
			width: 100%;
			float: none;
		}
	}

/* Formcontainer Abstandhalter
-------------------------------*/

	.form-wrapper {
		padding: 0 30px 0 30px;
	}

/* Toolbar-Buttonleiste
------------------------*/

	.form-buttons {
		padding: 30px 20px;
		background-image: linear-gradient(to bottom, #fff 20%, #eee 100%);
		border-top: 1px solid #dadae5;
	}

	.form-buttons:after {
		content: "";
		clear: both;
		display: table;
		line-height: 0;
		height: 0.03em;
		font-size: 0;
	}

	.form-buttons .pay-with-paypal {
		display: inline-block;
		float: right;
		opacity: 0.5;
		min-width: 300px;
	}

/* Kurzbeschreibung
--------------------*/

	.field .control .short {
		display: block;
		font-size: 13px;
		color: #999999;
	}

/* Eingabefelder
-----------------*/

	select {
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 7px 15px;
		padding-right: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAwJyBoZWlnaHQ9JzIwMCcgZmlsbD0iIzAwMDAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPjUyPC90aXRsZT48ZyBkYXRhLW5hbWU9Ikdyb3VwIj48cGF0aCBkYXRhLW5hbWU9IlBhdGgiIGQ9Ik03Mi4yLDM0LjcsNTAsNTYuOCwyNy44LDM0LjdhNCw0LDAsMCwwLTUuNyw1LjdsMjUsMjVhNCw0LDAsMCwwLDUuNywwbDI1LTI1YTQsNCwwLDAsMC01LjctNS43WiIvPjwvZz48L3N2Zz4=");
		background-position: right 10px center;
		background-size: 20px 20px;
		background-repeat: no-repeat;
		width: 100%;
		background-color: #FFFFFF;
	}

	input[type='text'],
	input[type='email'],
	textarea {
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 7px 15px;
		width: 100%;
	}


/* Fortschritt-Anzeige
-----------------------*/

	.progress {
		margin-bottom: 30px;
	}

	.progress:after {
		content: "";
		clear: both;
		display: table;
	}

	.progress li {
		display: block;
		position: relative;
		width: 33.3332%;
		padding: 13px 0 10px 0;
		text-align: center;
		background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
		border-bottom: 1px solid #dadae5;
		border-right: 1px solid #dadae5;
		float: left;
		color: #424242;
	}

	.progress li .nr {
		display: inline-block;
		border-radius: 20px;
		background-color: #999999;
		padding: 3px 8px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		margin-right: 3px;
		color: #FFFFFF;
	}

	.progress li.active {
		color: #1c9dd7;
	}

	.progress li.active .nr {
		background-color: #1c9dd7;
		color: #FFFFFF;
	}

	.progress a:last-of-type {
		border-right: none;
	}

	.progress a:last-of-type:after {
		display: none;
	}

	.progress li.active {
		background-image: none;
		background-color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}

	@media screen and (max-width: 768px) {
		.progress a {
			width: 100%;
			border-right: none;
		}
		.progress a.active {
			border-bottom: 1px solid #dadae5;
		}

		.progress li {
			display: block;
			width: 100%;
		}

		.progress li.active {
			background-image: none;
			background-color: #FFFFFF;
			border-bottom: 1px solid #dadae5;
		}
	}

	@media screen and (max-width: 768px) {
		.back-to-shop {
			display: none !important;
		}
	}

/* Checkout-Button-Container
-----------------------------*/

	.checkout-btn-container .left {
		float: left;
	}

	.checkout-btn-container .right {
		float: right;
	}

	@media screen and (max-width: 768px) {

		.checkout-btn-container .btn {
			margin-bottom: 15px;
			width: 100%;
		}

		.checkout-btn-container .btn-prev {
			opacity: 0.3;
		}

		.checkout-btn-container .left {
			float: none;
		}

		.checkout-btn-container .right {
			float: none;
		}

	}

/* Modifier
------------*/

	.has-border {
		border: 1px solid #dadae5;
	}

/* Demo-Hinweis
-----------------*/

	.demonotice {
		background-color: #c44536;
		color: #FFFFFF;
		text-align: center;
		padding: 10px 20px;
		font-size: 13px;
	}

/* Zahlarten Smarty-Platzhalter
-------------------------------------------*/

	.payment_list {
		position: relative;
	}

	.payment_list img {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.payment_entry {
		border: 1px solid #DDDDDD;
		margin-bottom: 20px;
		padding: 20px 250px 0 20px;
		background-color: #FFFFFF;
		position: relative;
	}

	@media screen and (max-width: 600px) {

		.payment_list img {
			position: relative;
			top: unset;
			right: unset;
		}

		.payment_entry {
			padding-right: 20px;
		}
	}

/* Versandarten Liste
----------------------*/

	.shipping_entry {
		border: 1px solid #DDDDDD;
		margin-bottom: 20px;
		padding: 20px 250px 0 20px;
		background-color: #FFFFFF;
		position: relative;
	}

	@media screen and (max-width: 990px) {

		.shipping_entry {
			padding-right: 20px;
		}
	}

/* Copyright Info
-------------------------------------------*/

	.copyright {
		padding: 10px;
		text-align: center;
	}

/* Kontaktformular
-------------------------------------------*/

	.contact-form .input-label {
		padding-bottom: 3px;
	}

	.contact-form .input-label-checkbox {
		font-size: 80%;
	}

	.contact-form .input-group {
		margin-bottom: 10px;
	}

/* Warenkorb
-------------------------------------------*/

	@media screen and (max-width: 800px) {

		.cart table tr th {
			display: none;
		}

		.cart tr {
			display: block;
			border-bottom: 1px solid #444444;
		}

		.cart table tr td {
			display: block;
			width: 100%;
			border: none;
			padding: 10px 20px;
		}

		.cart table td.cart-img,
		.cart table td.cart-action,
		.cart .cart-subtotal,
		.cart table td.cart-subtotal,
		.cart .cart-product-price {
			width: 100%;
			text-align: left;
		}

		.cart-product-price:before {
			display:block;
			content: "Einzelpreis: ";
			font-weight: bold;
		}

		.cart-subtotal:before {
			display:block;
			content: "Zwischensumme:";
			font-weight: bold;
		}

		.cart-qty:before {
			display:block;
			content: "Menge: ";
			font-weight: bold;
		}

		.cart-summary {
			width: calc(100% - 40px);
		}

		.cart .cart-img img {
			width: 150px;
		}
	}

/* Firmenname fett darstellen
------------------------------*/

	[data-placeholder="company_name"] {
		font-weight: bold;
	}

/* AGB - Darstellung der Zahlungsarten
---------------------------------------*/

	[data-placeholder="terms_and_conditions"] img {
		display: none;
	}

/* Youtube-Block responsive
----------------------------*/

	[data-block-name="youtube"] .video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	[data-block-name="youtube"] .video-container iframe,
	[data-block-name="youtube"] .video-container object,
	[data-block-name="youtube"] .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Meldungsbox
---------------*/

	.customer-message-box label {
		display: inline-block;
		margin-bottom: 5px;
	}

/* Header
----------*/

	#region-topnav {
		text-align: right;
		background-color: #AAAAAA;
	}

	#region-topnav ul li {
		display: inline-block;
		list-style: none;
	}

	#region-topnav ul li a {
		display: block;
		font-size: 12px;
		padding: 5px 0 5px 20px;
		color: #FFFFFF;
	}

/* Mobile Navigation
----------------------*/

	#region-mobile-nav {
		position: relative;
		background-color: #FFFFFF;
		border-bottom: 1px solid #DDDDDD;
		min-height: 65px;
	}

	@media screen and (min-width: 991px) {
		#region-mobile-nav {
			display: none;
		}
	}

	#region-mobile-nav .mobile-logo {
		float: left;
	}

	#region-mobile-nav .mobile-logo img {
		padding: 10px 0 5px 0;
		height: 60px;
		width: auto;
		max-width: 200px;
	}

	#region-mobile-nav ul {
		float: right;
		margin-top: 18px;
	}

	#region-mobile-nav  ul li {
		display: inline-block;
	}

	#region-mobile-nav .icon-search {
		display: block;
		height: 30px;
		width: 30px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik04OC45LDgwLjdjMCwwLTAuMS0wLjEtMC4xLTAuMUw2Ny41LDU5LjNjMy43LTUuMyw1LjYtMTEuNiw1LjYtMThjMC0xNy41LTE0LjMtMzEuOC0zMS44LTMxLjggIEMyMy44LDkuNSw5LjUsMjMuOCw5LjUsNDEuM3MxNC4zLDMxLjgsMzEuOCwzMS44YzYuNCwwLDEyLjctMiwxOC01LjZsMjEuMywyMS4zYzIuMiwyLjMsNS45LDIuNCw4LjIsMC4xQzkxLDg2LjcsOTEuMSw4Myw4OC45LDgwLjcgIHogTTQxLjMsNjQuNWMtMTIuOCwwLTIzLjItMTAuNC0yMy4yLTIzLjJzMTAuNC0yMy4yLDIzLjItMjMuMmMxMi44LDAsMjMuMiwxMC40LDIzLjIsMjMuMlM1NC4xLDY0LjUsNDEuMyw2NC41eiI+PC9wYXRoPjwvc3ZnPg==");
		background-size: 100% auto;
		margin-left: 10px;
	}

	#region-mobile-nav .icon-cart {
		display: block;
		height: 30px;
		width: 30px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+MDc8L3RpdGxlPjxnIGRhdGEtbmFtZT0iR3JvdXAiPjxwYXRoIGRhdGEtbmFtZT0iQ29tcG91bmQgUGF0aCIgZD0iTTUwLDEwLjdBMTQuNywxNC43LDAsMCwwLDM1LjMsMjUuM3Y1LjNIMjIuNkwxNCw4OS4zSDg2TDc3LjQsMzAuN0g2NC43VjI1LjNBMTQuNywxNC43LDAsMCwwLDUwLDEwLjdaTTM5LjMsMjUuM2ExMC43LDEwLjcsMCwwLDEsMjEuMywwdjUuM0gzOS4zWm0zNC42LDkuMyw3LjQsNTAuN0gxOC42bDcuNC01MC43aDkuM1Y1M2g0VjM0LjdINjAuN1Y1M2g0VjM0LjdaIj48L3BhdGg+PC9nPjwvc3ZnPg==");
		background-size: 100% auto;
		margin-left: 10px;
	}

	#region-mobile-nav .icon-menu {
		display: block;
		height: 30px;
		width: 30px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO30KPC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNODUsNTVIMTVjLTIuOCwwLTUtMi4yLTUtNXMyLjItNSw1LTVoNzBjMi44LDAsNSwyLjIsNSw1Uzg3LjgsNTUsODUsNTV6IE04NSwzMEgxNWMtMi44LDAtNS0yLjItNS01czIuMi01LDUtNSAgaDcwYzIuOCwwLDUsMi4yLDUsNVM4Ny44LDMwLDg1LDMweiBNMTUsNzBoNzBjMi44LDAsNSwyLjIsNSw1cy0yLjIsNS01LDVIMTVjLTIuOCwwLTUtMi4yLTUtNVMxMi4yLDcwLDE1LDcweiI+PC9wYXRoPjwvc3ZnPg==");
		background-size: 100% auto;
		margin-left: 10px;
	}

	#region-mobile-nav:after {
		content: '';
		clear: both;
		display: table;
	}

/* Header
----------*/

	header .container {
		position: relative;
		height: 100%;
	}

	@media screen and (max-width: 990px) {
		header {
			display: none;
		}
	}

/* Buttons
-----------*/

	#region-header-buttons {
		float: right;
		margin-top: 32px;
	}

/* Suche
---------*/

	#region-search {
		float: right;
		margin-top: 40px;
	}

	#region-search .input-wrapper {
		position: relative;
		width: 300px;
	}

	#region-search input {
		padding-left: 15px;
		border-radius: 20px;
		width: 100%;
	}

	#region-search form {
		position: relative;
	}

	#region-search .search-icon {
		display: block;
		position: absolute;
		height: 20px;
		width: 20px;
		top: 10px;
		right: 13px;
		opacity: 0.5;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik04OC45LDgwLjdjMCwwLTAuMS0wLjEtMC4xLTAuMUw2Ny41LDU5LjNjMy43LTUuMyw1LjYtMTEuNiw1LjYtMThjMC0xNy41LTE0LjMtMzEuOC0zMS44LTMxLjggIEMyMy44LDkuNSw5LjUsMjMuOCw5LjUsNDEuM3MxNC4zLDMxLjgsMzEuOCwzMS44YzYuNCwwLDEyLjctMiwxOC01LjZsMjEuMywyMS4zYzIuMiwyLjMsNS45LDIuNCw4LjIsMC4xQzkxLDg2LjcsOTEuMSw4Myw4OC45LDgwLjcgIHogTTQxLjMsNjQuNWMtMTIuOCwwLTIzLjItMTAuNC0yMy4yLTIzLjJzMTAuNC0yMy4yLDIzLjItMjMuMmMxMi44LDAsMjMuMiwxMC40LDIzLjIsMjMuMlM1NC4xLDY0LjUsNDEuMyw2NC41eiI+PC9wYXRoPjwvc3ZnPg==");
		background-size: 20px 20px;
	}

/* Header-Buttons
------------------*/

	.header-button {
		float: left;
		margin: 0 0 0 20px;
	}

	.header-button:hover {
		opacity: 0.8;
	}

	.header-button-icon {
		display: block;
		height: 32px;
		width: 32px;
		background-size: 100% auto;
		margin: 0 auto 3px auto;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.header-button-title {
		display: block;
		text-align: center;
		font-size: 12px;
	}

/* Cartbox
-----------*/

	#region-minicart {
		float: right;
		margin-top: 32px;
		z-index: 10;
	}

	.minicart {
		position: relative;
		cursor: pointer;
		padding-left: 20px;
	}

	.minicart:after {
		content: '';
		clear: both;
		display: table;
	}

	.minicart-text {
		float: right;
		padding-right: 10px;
		padding-top: 5px;
	}

	.minicart-basket {
		float: right;
	}

	.minicart-description {
		display: block;
		white-space: nowrap;
		text-align: right;
		color: #424242;
		position: relative;
		top: 4px;
	}

	.minicart-price {
		display: block;
		white-space: nowrap;
		text-align: right;
		font-weight: bold;
	}

	.minicart-icon {
		display: block;
		height: 50px;
		width: 50px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+MDc8L3RpdGxlPjxnIGRhdGEtbmFtZT0iR3JvdXAiPjxwYXRoIGRhdGEtbmFtZT0iQ29tcG91bmQgUGF0aCIgZD0iTTUwLDEwLjdBMTQuNywxNC43LDAsMCwwLDM1LjMsMjUuM3Y1LjNIMjIuNkwxNCw4OS4zSDg2TDc3LjQsMzAuN0g2NC43VjI1LjNBMTQuNywxNC43LDAsMCwwLDUwLDEwLjdaTTM5LjMsMjUuM2ExMC43LDEwLjcsMCwwLDEsMjEuMywwdjUuM0gzOS4zWm0zNC42LDkuMyw3LjQsNTAuN0gxOC42bDcuNC01MC43aDkuM1Y1M2g0VjM0LjdINjAuN1Y1M2g0VjM0LjdaIj48L3BhdGg+PC9nPjwvc3ZnPg==");
		background-size: 100% auto;
		margin: 0 auto;
	}

	.minicart-counter {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background-color: #1c9dd7;
		color: #FFFFFF;
		border-radius: 20px;
		padding: 2px 7px;
		font-size: 11px;
		min-width: 14px;
		text-align: center;
	}

	/* Dropdown
	------------*/

		.minicart-dropdown {
			display: none;
			position: absolute;
			top: 100%;
			width: 400px;
			background-color: #FFFFFF;
			border: 1px solid #DDD;
			right: 0;
			-webkit-box-shadow: 0px 0px 21px -11px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 21px -11px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 21px -11px rgba(0,0,0,0.75);
			cursor: default;
			min-height: 50px;
		}

		.minicart-dropdown .btn {
			display: block;
			margin: 0 20px 0 20px;
			border-radius: 5px;
		}

		.minicart-dropdown-cartlink {
			padding: 20px 30px;
			text-align: center;
			border-top: 1px solid #DDDDDD;
		}

		.minicart:hover .minicart-dropdown {
			display: block;
			z-index: 99;
		}

		/* Info
		--------*/

		.minicart-dropdown-info:after {
			content: '';
			clear: both;
			display: table;
		}

		.minicart-dropdown-counter {
			padding: 20px 0 0 20px;
			float: left;
		}

		.minicart-dropdown-subtotal {
			padding: 20px;
			float: right;
			text-align: right;
		}

		/* Checkout-Container
		----------------------*/

			.minicart-checkout-container {
				border-bottom: 1px solid #DDDDDD;
				padding-bottom: 20px;
			}

		/* Artikel
		-----------*/

			.minicart-articles {
				display: block;
				max-height: 450px;
				overflow-y: auto;
			}

			.minicart-articles li {
				display: block;
				list-style-type: none;
				padding: 20px;
				border-bottom: 1px dashed #DDDDDD;
			}

			.minicart-articles li:last-of-type {
				border-bottom: none;
			}


			.minicart-articles .title {
				display: block;
				font-weight: bold;
			}

			.minicart-articles .price {
				display: block;
				float: right;
			}

			.minicart-articles .amount {
				display: block;
			}

			.minicart-articles img {
				width: 50px;
				float: left;
				margin-right: 20px;
			}

/* Mobile Suche
----------------*/

	#region-mobile-search {
		display: none;
		padding: 20px;
		border-bottom: 1px solid #DDD;
		background-color: #FFF;
	}

/* Footer
----------*/

	#region-footer {
		background-color: #FFFFFF;
		padding-bottom: 50px;
	}

/* Copyright
--------------*/

	#region-copyright {
		padding: 10px;
		text-align: center;
		background-color: #F2F2F2;
	}

/* Kontaktformular - Abstand nach unten
----------------------------------------*/

	.block-nureinshop-contact-form {
		padding-bottom: 30px;
	}

/* Placeholder-Clear
---------------------*/

	[data-placeholder="payment_icons"]:after {
		content: '';
		clear: both;
		display: table;
	}

/* Such-Eingabefeld auf der Sucheseite
---------------------------------------*/

	.page-nureinshop-search .search-form {
		display: block;
		margin-bottom: 20px;
	}

	.page-nureinshop-search .search-form label {
		color: #777777;
		display: block;
		padding-bottom: 5px;
	}

	.page-nureinshop-search .search-form input[type="text"] {
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
	}

/* Fehlermeldung
-----------------*/

	.block-nureinshop-contact-form .contact-form-error-message,
	.block-nureinshop-contact-form .contact-form-error-message * {
		background-color: #c44536;
		color: #FFFFFF;
		padding: 10px 20px;
	}

/* Tabelle
-----------*/

	table.shipping-price-info {
		width: 100%;
		border-collapse: collapse;
		background-color: #FFFFFF;
		margin-bottom: 20px;
	}

	table.shipping-price-info th,
	table.shipping-price-info td {
		border: 1px solid #DDDDDD;
		padding: 5px 10px;
		text-align: left;
	}

	table.shipping-price-info th {
		background-color: #F2F2F2;
		font-weight: bold;
	}

/* Bugfix: Kasselink
---------------------*/

	.page-nureinshop-checkout h1 {
		padding-top: 30px;
	}

/* Abstaende von Listenpunkten im Textblock
-------------------------------------------*/

	.block-nureinshop-text ul,
	.block-nureinshop-text ol {
		margin-left: 30px;
		margin-bottom: 20px;
	}

	.block-nureinshop-text small {
		font-size: 13px;
	}

/* ############################################################################################################ */
/* ##  name: navigation                                                                                      ## */
/* ##  file: /core/nureinshop/theme/default/pub/css/nav.css                                                  ## */
/* ############################################################################################################ */


/* Allgemein
--------------*/

	/**
	 * Entferne in der mobilen Ansicht die Container-Abstaende links und rechts.
	 * Hier wird naemlich ca. 20px Aussenabstand verwendet.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .container {
			padding: 0;
		}
	}

	/**
	 * Das Menue hat im Standard einen weissen Hintergrund
	 * und einen unteren Rand. Das kann optional kundenspezifisch ueberschrieben werden.
	 */
	#region-nav nav {
		background-color: #FFFFFF;
		border-bottom: 1px solid #DDDDDD;
	}

		/**
		 * In der mobilen Ansicht ist das Hauptmenue zunaechst immer ausgeblendet.
		 * Beim Klick auf das Menueicon (rechts oben), erscheint es.
		 */
		@media screen and (max-width: 990px) {
			#region-nav nav {
				display: none;
			}
		}

/* Listen
----------*/

	/**
	 * Entferne alle Menuelistenpunkte.
	 * Die werden grundsaetzlich nicht gebraucht.
	 */
	#region-nav ul {
		list-style-type: none;
	}

		/**
		 * In der mobilen Ansicht werden alle Listen
		 * in der vollen Breite als Block-Elemente angezeigt.
		 */
		@media screen and (max-width: 990px) {
			#region-nav ul {
				display: block;
				width: 100%;
			}
		}

	/**
	 * Per Default sind die Menuepunkte relativ positioniert.
	 * Sie stehen als Inline-Block-Elemente nebeneinander.
	 */
	#region-nav ul li {
		position: relative;
		display: inline-block;
	}

		@media screen and (max-width: 990px) {
			#region-nav ul li {
				display: block;
			}
		}

	/**
	 * Das Link-Element ist immer als Block dargestellt.
	 */
	#region-nav ul li a {
		display: block;
		position: relative;
		padding: 10px 15px;
		white-space: nowrap;
	}

		/**
		 * In der mobilen Ansicht besitzt jedes Link-Element nach unten hin
		 * einen Rand, zur Abgrenzung der anderen Links.
		 */
		@media screen and (max-width: 990px) {
			#region-nav ul li a {
				border-bottom: 1px solid #DDDDDD;
			}
		}

	/**
	 * Setze einen halbstransparenten weissen Hintergrund beim Mouseover.
	 * Damit wird ein allgemeiner Hover-Effekt erzeugt,
	 * welche beim Farbewechsel auf funktioniert.
	 */
	#region-nav li:hover > a {
		background-color: rgba(255,255,255,0.1);
	}

/* Aufklappbuttons
-------------------*/

	/**
	 * Ueber den Pfeil-Button ist wird erkenntlich,
	 * das der Menuepunkt noch Untereintraege besitzt.
	 */
	#region-nav .btn-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 30px;
		z-index: 1;
		background-size: 12px auto;
		background-position: center center;
		background-repeat: no-repeat;
	}

	@media screen and (min-width: 991px) {
		#region-nav .btn-toggle {
			display: none;
		}
	}

	/**
	 * Verwende fuer den Pfeil in der Desktop-Ansicht eine weisse Variante.
	 */
	#region-nav .btn-toggle.is-closed {
		background-image: url("/core/nureinshop/theme/default/pub/img/icons/arrow-right-white.svg");
	}

	/**
	 * In der mobilen Ansicht erscheint der Pfeil-Button etwas breiter und groesser,
	 * zur bessereren Bedienung mit dem Finger. Ebenso wird zur Vedeutlichung ein
	 * Curor-Icon beim Mouseover verwendet.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .btn-toggle {
			width: 40px;
			background-size: 20px 20px;
			cursor: pointer;
		}
	}

	/**
	 * Im geschlossenen Zustand wird in der mobilen Ansicht
	 * ein dunkler Pfeil nach rechts dargestellt.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .btn-toggle.is-closed {
			background-image: url("/core/nureinshop/theme/default/pub/img/icons/arrow-right.svg");
		}
	}

	/**
	 * Im geoeffneten Zustand wird in der mobilen Ansicht
	 * ein dunkler Pfeil nach unten dargestellt.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .btn-toggle.is-open {
			background-image: url("/core/nureinshop/theme/default/pub/img/icons/arrow-down.svg");
		}
	}

/* Level 1
-----------*/

	/**
	 * Auf der ersten Ebene hat in der Desktop-Ansicht
	 * jeder Link einen rechten Rand.
	 */
	#region-nav .level-1 > li > a {
		border-right: 1px solid #DDDDDD;
	}

	/**
	 * Der Pfeil-Button wird in der Desktop-Ansicht
	 * fuer die Links auf erster Ebene ausgeblendet.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav .level-1 > li.has-children > a .btn-toggle {
			display: none;
		}
	}

	/**
	 * Der erste Menuepunkt hat in der Desktopansicht
	 * noch einen linken abgrenzenden Rand.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav .level-1 > li:first-of-type > a {
			border-left: 1px solid #DDDDDD;
		}
	}

	/**
	 * Beim Mouseover in der Desktopansicht
	 * wird der Menuepunkt in der GrundHintergrundfarbe mit weisser Schrit angezeigt.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav .level-1 > li:hover > a {
			background-color: #1c9dd7;
			color: #FFFFFF;
		}
	}

	/**
	 * Generelle Hintergrundfarbe beim Mousehover
	 * in der mobilen Ansicht.
	 */
	@media screen and (max-width: 990px) {
		#region-nav li a:hover {
			background-color: #f2f2f2;
		}
	}


/* Level 2
-----------*/

	/**
	 * In der Desktop-Ansicht werden Untermenues absolut positioniert.
	 * Ausserdem wird zur optischen Verdeutlichung ein Schatten gesetzt.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav .level-2,
		#region-nav .level-2 ul {
			position: absolute;
			z-index: 5;
			background-color: #1c9dd7;
			-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
		}
	}

	/**
	 * In der mobilen Ansicht wird die Default-Hintergrundfarbe
	 * fuer die Menuepunkte entfernt.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .level-2,
		#region-nav .level-2 ul {
			background-color: unset;
		}
	}

	/**
	 * Alle Listenpunte ab Level2 werden als Block-Elemente
	 * in der Desktop-Ansicht angezeigt.
	 */
	#region-nav .level-2 li {
		display: block;
	}

	/**
	 * In der Dekstopansicht erhaelt jeder Menuepunkt einen weissen unteren Rand.
	 * Ausserdem wird ein Abstand nach rechts vorgesehen, fuer einen eventuellen Pfeil-Icon-Button.
	 */
	@media screen and (min-width: 1024px) {
		#region-nav .level-2 a,
		#region-nav .level-2 ul a {
			color: #FFFFFF;
			border-bottom: 1px solid rgba(255, 255, 255, 0.5);
			padding-right: 30px;
		}
	}

	/**
	 * In der mobilen Ansicht ist die Schrift in der Grundfarbe eingefaerbt.
	 * Hier wird kein Hintergrund verwendet.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .level-2 a,
		#region-nav .level-2 ul a {
			color: #1c9dd7;
			border-bottom: 1px solid #DDDDDD;
		}
	}


	/**
	 * In der Desktop-Ansicht sind die Abstaende bei den Navigationspunkten
	 * oben und unten etwas kleiner, da die Menuepunkte sonst zu wuchtig wirken.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav .level-2 a,
		#region-nav .level-2 ul a {
			padding-top: 7px;
			padding-bottom: 7px;
		}
	}

	/**
	 * Entferne in der Desktop-Ansicht
	 * den unteren Rand beim letzten Punkt.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav .level-2 li:last-of-type a,
		#region-nav .level-2 ul li:last-of-type a {
			border-bottom: none;
		}
	}

	/**
	 * Die Untermenuepunkte sind zunaechst immer ausgeblendet.
	 * Beim Mouseover erscheinen sie.
	 */
	#region-nav ul ul {
		display: none;
	}

	/**
	 * In der Desktop-Ansicht klappt jeweils das unterliegende Menue
	 * beim Mouseover auf.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav li:hover > ul {
			display: block;
		}
	}

	/**
	 * In der Desktopansicht werden die Menueboxen auf gleicher Hoehe mit der Menuepunkt aufgeklappt.
	 * Nur eben nach rechts versetzt.
	 */
	@media screen and (min-width: 1025px) {
		#region-nav .level-2 ul {
			top: 0;
			left: 100%;
		}
	}

	/**
	 * In der mobilen Ansicht werden Links relativ positioniert.
	 * Das Menue und die Website klappt also nach unten hin auf.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .level-2,
		#region-nav .level-2 ul {
			position: relative;
			top: unset;
		}
	}

	/**
	 * Die Navigationspunkte werden in der mobilen Ansicht eingerueckt dargestellt
	 * um die unterschiedlichen Ebenen optisch kenntlich zu machen.
	 */
	@media screen and (max-width: 990px) {
		#region-nav .level-2 li a { padding-left: 30px; }
		#region-nav .level-3 li a { padding-left: 50px; }
		#region-nav .level-4 li a { padding-left: 70px; }
		#region-nav .level-5 li a { padding-left: 90px; }
		#region-nav .level-6 li a { padding-left: 110px; }
		#region-nav .level-7 li a { padding-left: 130px; }
		#region-nav .level-8 li a { padding-left: 150px; }
	}


/* ############################################################################################################ */
/* ##  name: thememodul button                                                                               ## */
/* ##  file: /core/nureinshop/theme/default/pub/css/layout.css                                               ## */
/* ############################################################################################################ */

/**
 * Modul buttons.css
 */

.btn {
	display: inline-block;
	padding: 7px 15px;
	border-radius: 20px;
	border: none	;
	text-align: center;
	background-color: #1c9dd7;
	color: #FFFFFF;
	text-transform: uppercase;
}

.btn * {
	color: #FFFFFF;
}

.btn:hover {
	cursor: pointer;
	opacity: 0.8;
	color: #FFFFFF;
}

/* ############################################################################################################ */
/* ##  name: thememodul productgrid                                                                          ## */
/* ##  file: /core/nureinshop/theme/default/module/productgrid.css                                           ## */
/* ############################################################################################################ */

/**
 * Modul productgrid.css
 * Listet Produkte in einem Grid auf.
 */

/* Produkteintrag
------------------*/

	.productgrid article {
		position: relative;
		padding: 0 0 20px 0;
		border: 1px solid #dadae5;
		border-radius: 3px;
		background-color: #FFFFFF;
		text-align: center;
		margin-bottom: 30px;
	}

/* Produkt-Labels
------------------*/

	.productgrid .product-label {
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 3;
	}

	.productgrid .product-label-new {
		display: block;
		background-color: #88bb14;
		color: #FFFFFF;
		padding: 10px;
		width: auto;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		clear: both;
		margin-bottom: 5px;
		float: left;
	}

	.productgrid .product-label-sale {
		display: block;
		background-color: #DB0E18;
		color: #FFFFFF;
		padding: 10px 12px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		clear: both;
		min-width: 20px;
		margin-bottom: 5px;
		float: left;
	}

/* Produktbild
---------------*/

	.product-image-wrapper {
		position: relative;
		height: 200px;
		text-align: center;
		padding-bottom: 100%;
	}

	.product-image-wrapper a {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-size: cover;
		background-position: center center;
	}

	.product-image-wrapper img {
		display: none;
		max-height: 100%;
		max-width: 100%;
		cursor: pointer;
	}

/* Ueberschrift
---------------*/

	.productgrid .product-name {
		padding: 15px 10px 0 10px;
	}

	.productgrid .product-name h2 {
		color: inherit;
		font-size: inherit;
		font-weight: normal;
		line-height: inherit;
		margin: 0;
		padding: inherit;
	}

/* Angebotinformation
	------------------*/

	.product-priceoffer {
		margin-top: 10px;
		font-size: 13px;
		font-weight: 400;
		height: 18px;
	}

	.product-priceoffer * {
		font-size: inherit;
		font-weight: inherit;
	}

	.product-priceoffer .is-red {
		color: red;
	}

	.product-priceoffer .is-line-through {
		text-decoration: line-through;
	}

/* Hauptpreisfeld
-------------------*/

	.product-mainprice {
		display: block;
		font-weight: bold;
		font-size: 26px;
		height: 40px;
	}

	.product-mainprice-prefix {
		font-size: 16px;
	}

/* Grundpreis
-------------------*/

	.productgrid .product-baseprice {

	}

/* Steuerinfos
---------------*/

	.product-taxinfo {
		font-size: 10px;
		font-weight: normal;
	}

	.product-taxinfo * {
		font-size: inherit;
		font-weight: inherit;
	}

/* Warenkorb-Button
---------------------*/

	.product-buttons {
		margin-top: 20px;
	}


/* ############################################################################################################ */
/* ##  name: Brotkrumenpfad                                                                                  ## */
/* ##  plugin: nureinshop/block/breadcrumb                                                                   ## */
/* ##  file: /core/nureinshop/plugin/breadcrumb/lib/block/breadcrumb/pub/css/style.css                       ## */
/* ############################################################################################################ */


/* Brotkrumenpfad
------------------*/

	.block-nureinshop-breadcrumb ul {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.block-nureinshop-breadcrumb ul li {
		display: inline-block;
		list-style-type: none;
	}

	.block-nureinshop-breadcrumb ul li a {
		display: inline-block;
		font-size: 12px;
		color: #888888;
		padding: 0 5px 0 0;
	}

	.block-nureinshop-breadcrumb ul li a:after {
		content: ">";
		display: inline-block;
		padding-left: 5px;
	}

	.block-nureinshop-breadcrumb ul li:last-of-type a:after {
		content: "";
	}

/* ############################################################################################################ */
/* ##  name: Warenkorb Rabatt                                                                                ## */
/* ##  plugin: nureinshop/plugin/cart_discount                                                               ## */
/* ##  file: /core/nureinshop/plugin/cart_discount/pub/css/style.css                                         ## */
/* ############################################################################################################ */

.cart-discount-container:after {
	content: '';
	clear: both;
	display: table;
}

.cart-discount-title {
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}

.cart-discount-input {
	margin-bottom: 10px;
	width: 100% !important;
}

.cart-discount-button {
	margin-left: 0;
}

	@media screen and (max-width: 800px) {
		.page-nureinshop-checkout .cart-discount-button {
			margin-left: 0;
			margin-bottom: 10px;
			width: 100%;
		}
	}

.cart-discount-success-message {
	display: block;
	padding: 10px 0;
	color: #8bc34a;
}

.cart-summary .cart-discount-coupon * {
	font-weight: bold;
	color: #8bc34a;
}

.cart-discount-error-message {
	display: block;
	width: 100%;
	padding: 10px 0;
	color: #f44336;
}

/* Entfernen-Button
--------------------*/

	.btn-cart-discount-remove-coupon {
		display: inline-block;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTUwLjY1Nyw4LjQ0NmMtMjMuMTA1LDAtNDEuOTAzLDE4Ljc5OC00MS45MDMsNDEuOTA1YzAsMjMuMTA1LDE4Ljc5Nyw0MS45MDIsNDEuOTAzLDQxLjkwMiAgYzIzLjExLDAsNDEuOTEyLTE4Ljc5Nyw0MS45MTItNDEuOTAyQzkyLjU2OSwyNy4yNDQsNzMuNzY4LDguNDQ2LDUwLjY1Nyw4LjQ0NnogTTUwLjY1Nyw4Ni4yNTMgIGMtMTkuNzk3LDAtMzUuOTAzLTE2LjEwNS0zNS45MDMtMzUuOTAyYzAtMTkuNzk4LDE2LjEwNi0zNS45MDUsMzUuOTAzLTM1LjkwNWMxOS44MDIsMCwzNS45MTIsMTYuMTA3LDM1LjkxMiwzNS45MDUgIEM4Ni41NjksNzAuMTQ3LDcwLjQ1OSw4Ni4yNTMsNTAuNjU3LDg2LjI1M3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNjQuNjE5LDM2LjM5NWMtMS4xNzItMS4xNzItMy4wNy0xLjE3MS00LjI0MiwwbC05LjcyMiw5LjcxOWwtOS43MjItOS43MTkgIGMtMS4xNzItMS4xNzEtMy4wNzEtMS4xNzEtNC4yNDMsMHMtMS4xNzEsMy4wNzEsMCw0LjI0M2w5LjcyMSw5LjcxOGwtOS43MjEsOS43MThjLTEuMTcyLDEuMTcyLTEuMTcyLDMuMDcxLDAsNC4yNDMgIGMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMiwwLjg3OWMwLjc2OCwwLDEuNTM1LTAuMjkzLDIuMTIxLTAuODc4bDkuNzIyLTkuNzJsOS43MjIsOS43MmMwLjU4NiwwLjU4NSwxLjM1NCwwLjg3OCwyLjEyMSwwLjg3OCAgczEuNTM1LTAuMjkzLDIuMTIxLTAuODc5YzEuMTcyLTEuMTcyLDEuMTcyLTMuMDcxLDAtNC4yNDNsLTkuNzIxLTkuNzE4bDkuNzIxLTkuNzE4QzY1Ljc5MSwzOS40NjYsNjUuNzkxLDM3LjU2Nyw2NC42MTksMzYuMzk1eiI+PC9wYXRoPjwvc3ZnPg==");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		vertical-align: bottom;
		height: 20px;
		width: 20px;
		cursor: pointer;
		margin-left: 5px;
		opacity: 0.6;
	}

	.btn-cart-discount-remove-coupon:hover {
		opacity: 1;
	}


/* ############################################################################################################ */
/* ##  name: cookie_popup                                                                                    ## */
/* ##  plugin: nureinshop/plugin/cookie_popup                                                                ## */
/* ##  file: /core/nureinshop/plugin/cookie_popup/pub/css/cookie_popup.css                                   ## */
/* ############################################################################################################ */


/* Cookie-Hintergrund
----------------------*/

	.cookie-message {
		box-sizing: border-box;
		background-color: #cecece;
		position: fixed;
		background-color: rgba(0,0,0,0.70);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9999999;
	}

	.cookie-message-content {
		box-sizing: border-box;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 380px;
		height: auto;
		background-color: #FFFFFF;
		background-position: center center;
		border-radius: 10px;
		max-height: 70%;
		overflow-y: scroll;
	}

	@media screen and (max-width: 480px) {
		.cookie-message-content {
			max-height: 100%;
			max-width: calc(100% - 40px);
		}
	}

	.cookie-message-content .container {
		width: 100%;
	}

	.cookie-message-content:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxjaXJjbGUgY3g9IjQ1LjYiIGN5PSIyNC4xIiByPSI1Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1Mi4zIiBjeT0iNDkuOSIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjcuNCIgY3k9IjU5LjEiIHI9IjUiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjI3LjQiIGN5PSIzNy4zIiByPSI1Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI0MC42IiBjeT0iNzYuNiIgcj0iNSI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNjkuNSIgY3k9IjcxLjYiIHI9IjUiPjwvY2lyY2xlPjxnPjxwYXRoIGQ9Ik00OC45LDk1LjVjLTI0LDAtNDQtMTguNy00NS41LTQyLjdDMi42LDM5LjcsNy42LDI2LjgsMTcsMTcuNWM5LjUtOS4zLDIyLjUtMTQsMzUuNi0xM2M0LjMsMC40LDguNiwxLjMsMTIuNiwyLjkgICAgYzAuNywwLjMsMS4yLDAuOSwxLjMsMS42YzAuMSwwLjctMC4yLDEuNC0wLjcsMS45Yy0xLjQsMS4yLTIuMiwyLjktMi4yLDQuN2MwLDEuOCwwLjgsMy42LDIuMiw0LjdjMC40LDAuMywwLjcsMC45LDAuNywxLjQgICAgYzAsMC41LTAuMSwxLjEtMC41LDEuNWMtMSwxLjEtMS42LDIuNi0xLjYsNC4xYzAsMS45LDAuOSwzLjcsMi41LDQuOWMwLjUsMC40LDAuOCwxLDAuOCwxLjZjMCwwLjYtMC4zLDEuMi0wLjgsMS42ICAgIGMtMS42LDEuMi0yLjUsMy0yLjUsNC45YzAsMy40LDIuNyw2LjEsNi4xLDYuMWwwLjIsMGMwLjksMCwxLjcsMC42LDIsMS40YzAuOCwyLjYsMy4yLDQuNCw1LjgsNC40YzEuNiwwLDMuMS0wLjYsNC4zLTEuOCAgICBjMC41LTAuNSwxLjMtMC43LDItMC41YzAuNywwLjIsMS4yLDAuNywxLjQsMS40YzAuNywyLjUsMi45LDQuMyw1LjUsNC41YzAuNiwwLDEuMSwwLjMsMS41LDAuOGMwLjMsMC40LDAuNSwxLDAuNCwxLjYgICAgQzg5LjgsNzkuOCw3MC45LDk1LjUsNDguOSw5NS41eiBNNDksOC4zYy0xMC44LDAtMjEuMyw0LjMtMjkuMSwxMkMxMS4yLDI4LjgsNi42LDQwLjYsNy40LDUyLjZDOC44LDc0LjQsMjcsOTEuNSw0OC45LDkxLjUgICAgYzE5LjQsMCwzNi4yLTEzLjQsNDAuNS0zMi4xYy0yLjQtMC43LTQuNS0yLjMtNS44LTQuNWMtMS41LDAuOC0zLjEsMS4yLTQuOSwxLjJjLTQsMC03LjUtMi40LTkuMi01LjljLTUuMS0wLjUtOS00LjgtOS0xMCAgICBjMC0yLjQsMC44LTQuNywyLjQtNi41Yy0xLjUtMS44LTIuNC00LjEtMi40LTYuNWMwLTEuOCwwLjUtMy42LDEuNS01LjJjLTEuNS0xLjgtMi40LTQuMS0yLjQtNi41YzAtMS45LDAuNS0zLjgsMS41LTUuMyAgICBjLTIuOS0wLjktNS44LTEuNS04LjgtMS43QzUxLjIsOC40LDUwLjEsOC4zLDQ5LDguM3oiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 70% 70%;
		opacity: 0.02;
		z-index: -1;
	}

	.cookie-message-content * {

	}

	.cookie-message-content a {
		color: inherit;
		text-decoration: underline;
	}

	.cookie-message-content .btn {
		display: inline-block;
		color: #FFFFFF;
		padding: 10px 20px;
		white-space: nowrap;
		cursor: pointer;
		margin-top: 20px;
		background-color: #6CC04A;
		text-decoration: none;
	}

	.cookie-message-content .btn-secondary {
		background-color: #DDDDDD;
		color: #FFFFFF;
	}

	.cookie-message-content * {
		text-align: center;
	}

	.cookie-message-content h2 {
		color: #424242;
	}

	.cookie-message-content h3 {
		margin-bottom: 15px;
	}

	.cookie-message-content .btn:hover {
		opacity: 0.8;
	}

	.cookie-message-intro {
		padding: 30px;
	}

	@media screen and (max-width: 480px) {
		.cookie-message-intro {
			padding: 15px;
		}
	}

	.cookie-message-settings {
		padding: 30px;
	}

	.cookie-message-info {
		position: relative;
		background-color: rgba(239, 239, 239, 0.7);
		padding: 20px 50px 20px 20px;
		margin-bottom: 20px;
	}

	.cookie-message-info * {
		text-align: left;
	}

	.cookie-message-closer {
		position: absolute;
		top: 20px;
		right: 20px;
		display: block;
		height: 30px;
		width: 30px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjNEQ0RDREIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzRENEQ0RCIgZD0iTTc0LjU2MywyNi4zMThjLTEuNzU2LTEuNzU3LTQuNjA3LTEuNzU3LTYuMzYzLDAuMDAyTDUwLjA4MSw0NC40NDhMMzEuOTYzLDI2LjMyICBjLTEuNzU5LTEuNzYtNC42MDgtMS43NTktNi4zNjMtMC4wMDJjLTEuNzU4LDEuNzU4LTEuNzU5LDQuNjA2LTAuMDAyLDYuMzYzTDQzLjcyLDUwLjgxM0wyNS41OTgsNjguOTQ0ICBjLTEuNzU3LDEuNzU3LTEuNzU2LDQuNjA2LDAuMDAyLDYuMzYzYzAuODc4LDAuODc5LDIuMDI5LDEuMzE3LDMuMTgxLDEuMzE3YzEuMTUyLDAsMi4zMDUtMC40MzksMy4xODMtMS4zMTlsMTguMTE4LTE4LjEyOCAgTDY4LjIsNzUuMzA2YzAuODc5LDAuODgsMi4wMywxLjMxOSwzLjE4MywxLjMxOWMxLjE1MSwwLDIuMzAzLTAuNDM5LDMuMTgxLTEuMzE3YzEuNzU4LTEuNzU3LDEuNzU5LTQuNjA2LDAuMDAyLTYuMzYzICBMNTYuNDQyLDUwLjgxM2wxOC4xMjMtMTguMTMyQzc2LjMyMiwzMC45MjUsNzYuMzIxLDI4LjA3Niw3NC41NjMsMjYuMzE4eiI+PC9wYXRoPjwvc3ZnPg==");
		background-position: center center;
		background-size: 30px auto;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.cookie-message-checkbox:hover {
		cursor: pointer;
		opacity: 0.8;
		border: 2px solid #222222;
	}

	@media only screen and (max-width: 1024px) {
		.popup-meldung-content {
			width: 80%;
			height: 500px;
			overflow-y: auto;
		}
	}

/* Details
-----------*/

	.cookie-message-details {
		display: none;
	}

	.cookie-message-details table {
		width: 100%;
		background-color: #FFFFFF;
		border-collapse: collapse;
		margin: 5px 0 15px 0;
	}

	.cookie-message-details table:last-of-type {
		margin-bottom: 0;
	}

	.cookie-message-details td {
		padding: 7px 10px;
		font-size: 10px;
		border-bottom: 1px solid #DDDDDD;
	}

	.cookie-message-details tr:last-of-type td {
		border-bottom: none;
	}

	.cookie-message-details td:first-of-type {
		white-space: nowrap;
		width: 1px;
	}

/* Datenschutz
---------------*/

	.cookie-message-data-privacy {
		padding: 30px;

	}

	.cookie-message-data-privacy-content {
		overflow-y: scroll;
		height: 380px;
	}

	.cookie-message-data-privacy * {
		text-align: left;
	}

/* Schalter
------------*/

	.cookie-message-switch {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.cookie-message-switch.required {
		opacity: 0.4;
	}

	.cookie-message-switch-text {
		vertical-align: super;
		font-size: 12px;
		padding-right: 3px;
	}

	.cookie-message-switch-btn {
		position: relative;
		display: inline-block;
		background-color: #bdc1c8;
		height: 22px;
		width: 40px;
		border-radius: 20px;
		cursor: pointer;
	}

	.cookie-message-switch-btn:before {
		content: '';
		position: absolute;
		background-color: #FFFFFF;
		display: inline-block;
		height: 16px;
		width: 16px;
		border-radius: 16px;
		top: 3px;
		left: 3px;
	}

	/* Status: aktiv
	-----------------*/

		.cookie-message-switch.active .cookie-message-switch-btn {
			background-color: #6CC04A;
		}

		.cookie-message-switch.active .cookie-message-switch-btn:before {
			right: 3px;
			left: unset;
		}

		.cookie-message-switch.active .cookie-message-switch-text:before {
			content: 'An' !important;
		}

		.cookie-message-switch.required .cookie-message-switch-text:before {
			content: 'Erforderlich' !important;
		}

/* ############################################################################################################ */
/* ##  name: cookie_popup - Texte                                                                            ## */
/* ##  plugin: nureinshop/plugin/cookie_popup                                                                ## */
/* ##  file: /core/nureinshop/plugin/cookie_popup/pub/css/cookie_popup.css                                   ## */
/* ############################################################################################################ */



				.cookie-message-switch-text:before {
					content: "Aus" !important;
				}
				
				.cookie-message-switch.active .cookie-message-switch-text:before {
					content: "An" !important;
				}
				
				.cookie-message-switch.required .cookie-message-switch-text:before {
				    content: "Erforderlich" !important;
				}
			
			

/* ############################################################################################################ */
/* ##  name:                                                                                                 ## */
/* ##  plugin: nureinshop/plugin/dev_frontend_toolbar                                                        ## */
/* ##  file: /core/nureinshop/plugin/dev_frontend_toolbar/pub/css/style.css                                  ## */
/* ############################################################################################################ */

#dev_frontend_toolbar {
	position: fixed;
	list-style-type: none;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 40px;
	z-index: 3;
}

#dev_frontend_toolbar li a {
	display:block;
	height: 40px;
	width: 40px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.23);
	background-color:#FFFFFF;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-top: 10px;
	background-size: 100% auto;
	cursor: pointer;
}

#dev_frontend_toolbar li a:hover {
	background-color: #F2F2F2;
}

#dev_frontend_toolbar li a.refresh-static-cache {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8cGF0aCBkPSJtMjk5Ljc1IDI3NS42aDg0LjI5N2wtMjYuOTkyIDI2Ljk5NmMtMTAuNDE4IDEwLjQxOC0xMC40MTggMjYuOTkyIDAgMzYuOTM4IDUuMjEwOSA1LjIxMDkgMTEuODQgNy41NzgxIDE4LjQ2OSA3LjU3ODFzMTMuMjYyLTIuMzY3MiAxOC40NjktNy41NzgxbDcxLjk4NC03MS45ODRjMTAuNDE4LTEwLjQxOCAxMC40MTgtMjYuOTkyIDAtMzYuOTM4bC03MS45ODQtNzEuOTg0Yy05Ljk0NTMtOS45NDUzLTI2LjUyLTkuOTQ1My0zNi45MzggMC0xMC40MTggMTAuNDE4LTEwLjQxOCAyNi45OTIgMCAzNi45MzhsMjcuNDY5IDI3LjQ2OWgtODQuNzczYy00Mi42MjEgMC03Ny42NjggMzQuNTctNzcuNjY4IDc3LjY2OHYxMTcuNDVjMCAxNC42OCAxMS44NCAyNi4wNDcgMjYuMDQ3IDI2LjA0NyAxNC4yMDcgMCAyNi4wNDctMTEuODQgMjYuMDQ3LTI2LjA0N3YtMTE3LjQ1YzAuNDc2NTYtMTQuMjA3IDExLjg0LTI1LjEwMiAyNS41NzQtMjUuMTAyeiIvPgogIDxwYXRoIGQ9Im01MDMuMzkgMzA3LjhjLTE0LjY4IDAtMjYuMDQ3IDExLjg0LTI2LjA0NyAyNi4wNDd2MTE3LjQ1YzAgMTMuNzM0LTExLjM2NyAyNS4xMDItMjUuMTAyIDI1LjEwMmgtODQuNzdsMjcuNDY5LTI3LjQ2OWMxMC40MTgtMTAuNDE4IDEwLjQxOC0yNi45OTIgMC0zNi45MzgtNS4yMTA5LTUuMjEwOS0xMS44NC03LjU3ODEtMTguNDY5LTcuNTc4MS02LjYyODkgMC0xMy4yNjIgMi4zNjcyLTE4LjQ2OSA3LjU3ODFsLTcxLjk4OCA3Mi40NTdjLTEwLjQxOCAxMC40MTgtMTAuNDE4IDI2Ljk5MiAwIDM2LjkzOGw3MS45ODQgNzEuOTg0YzEwLjQxOCAxMC40MTggMjYuOTkyIDEwLjQxOCAzNi45MzggMCAxMC40MTgtMTAuNDE4IDEwLjQxOC0yNi45OTIgMC0zNi45MzhsLTI3LjQ2OS0yNy40NjloODQuMjk3YzQyLjYyMSAwIDc3LjY2OC0zNC41NyA3Ny42NjgtNzcuNjY4bDAuMDAzOTA2LTExNi45N2MwLTE0LjY4NC0xMS44NC0yNi41MjMtMjYuMDQ3LTI2LjUyM3oiLz4KIDwvZz4KPC9zdmc+Cg==");
}

#dev_frontend_toolbar li a.clear-registry {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8cGF0aCBkPSJtMzc2IDU3NC45MWM4Ny4wOSAwIDE3NS4yMy0xOS41MTIgMTc1LjIzLTU2LjgyOHYtMjg0LjE1YzAtMzcuMzE2LTg4LjEzMy01Ni44MjgtMTc1LjIzLTU2LjgyOC04Ny4wOSAwLTE3NS4yMiAxOS41MTItMTc1LjIyIDU2LjgyOHYyODQuMTVjMCAzNy4zMiA4OC4xMzMgNTYuODMyIDE3NS4yMiA1Ni44MzJ6bTAtMzc4Ljg2YzEwMi42MiAwIDE1Ni4yOCAyNC42NzIgMTU2LjI4IDM3Ljg4NyAwIDEzLjIxNS01My42NTYgMzcuODg3LTE1Ni4yOCAzNy44ODdzLTE1Ni4yOC0yNC42NzItMTU2LjI4LTM3Ljg4N2MwLTEzLjIxNSA1My42NTYtMzcuODkxIDE1Ni4yOC0zNy44OTF6bS0xNTYuMjggNjUuMTEzYzMwLjU0NyAxOS41MTIgOTMuNzIzIDI5LjYwMiAxNTYuMjggMjkuNjAyczEyNS43My0xMC4wODYgMTU2LjI4LTI5LjU5OHY2Ny40ODRjMCAxMy4yMTUtNTMuNjU2IDM3Ljg4Ny0xNTYuMjggMzcuODg3cy0xNTYuMjgtMjQuNjcyLTE1Ni4yOC0zNy44ODd6bTAgOTQuNzE1YzMwLjU0NyAxOS41MTYgOTMuNzIzIDI5LjYwMiAxNTYuMjggMjkuNjAyczEyNS43My0xMC4wODYgMTU2LjI4LTI5LjU5OHY2Ny40ODRjMCAxMy4yMTUtNTMuNjU2IDM3Ljg4Ny0xNTYuMjggMzcuODg3cy0xNTYuMjgtMjQuNjcyLTE1Ni4yOC0zNy44ODd6bTAgOTQuNzE1YzMwLjU0NyAxOS41MTYgOTMuNzIzIDI5LjYwMiAxNTYuMjggMjkuNjAyczEyNS43My0xMC4wODYgMTU2LjI4LTI5LjU5OHY2Ny40ODRjMCAxMy4yMTUtNTMuNjU2IDM3Ljg4Ny0xNTYuMjggMzcuODg3cy0xNTYuMjgtMjQuNjcyLTE1Ni4yOC0zNy44ODd6Ii8+CiAgPHBhdGggZD0ibTQ5NC40IDUwMy44N2MwIDcuODQ3Ny02LjM2MzMgMTQuMjA3LTE0LjIxMSAxNC4yMDctNy44NDM4IDAtMTQuMjA3LTYuMzU5NC0xNC4yMDctMTQuMjA3IDAtNy44NDM4IDYuMzYzMy0xNC4yMDcgMTQuMjA3LTE0LjIwNyA3Ljg0NzcgMCAxNC4yMTEgNi4zNjMzIDE0LjIxMSAxNC4yMDciLz4KICA8cGF0aCBkPSJtNDk0LjQgNDA5LjE1YzAgNy44NDc3LTYuMzYzMyAxNC4yMDctMTQuMjExIDE0LjIwNy03Ljg0MzggMC0xNC4yMDctNi4zNTk0LTE0LjIwNy0xNC4yMDdzNi4zNjMzLTE0LjIwNyAxNC4yMDctMTQuMjA3YzcuODQ3NyAwIDE0LjIxMSA2LjM1OTQgMTQuMjExIDE0LjIwNyIvPgogIDxwYXRoIGQ9Im00OTQuNCAzMTQuNDRjMCA3Ljg0MzgtNi4zNjMzIDE0LjIwNy0xNC4yMTEgMTQuMjA3LTcuODQzOCAwLTE0LjIwNy02LjM2MzMtMTQuMjA3LTE0LjIwNyAwLTcuODQ3NyA2LjM2MzMtMTQuMjExIDE0LjIwNy0xNC4yMTEgNy44NDc3IDAgMTQuMjExIDYuMzYzMyAxNC4yMTEgMTQuMjExIi8+CiA8L2c+Cjwvc3ZnPgo=");
}

#dev_frontend_toolbar li a.autofill-formular {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzUycHQiIGhlaWdodD0iNzUycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDc1MiA3NTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8cGF0aCBkPSJtNDUxLjI1IDUwMS43NmgtMjExLjAxdi0yNTMuNjNoMjExLjAxdjE4Ljk0NWwzNC43MjctMjYuODM2di0yNS43ODVoLTI4MC40NnYzMjAuOThoMjgwLjQ2di0xNjYuMjhsLTM0LjcyNyAyNi44MzZ6Ii8+CiAgPHBhdGggZD0ibTI3Ny4wNyAyODcuMDdoMTM3Ljg2djE0LjIwN2gtMTM3Ljg2eiIvPgogIDxwYXRoIGQ9Im0yNzcuMDcgMzMwLjIyaDc4LjQwMnYxNC4yMDdoLTc4LjQwMnoiLz4KICA8cGF0aCBkPSJtMzgyLjg0IDM0Ny4wNi0xMi4xMDUgNDYuODMyaDQ4LjQxbDEyMS41NS05NC4xOTEtMzYuMzA5LTQ2LjgzMnptMzIuMDk4IDM0LjIwM2gtOS45OTYxbDIuMTA1NS0xNS4yNjItMTUuMjYyLTIuMTA1NSAyLjYzMjgtOS45OTYxIDE1Ljc4NS0xMi4xMDIgMjEuMDQ3IDI3LjM2M3oiLz4KICA8cGF0aCBkPSJtNTc5LjY0IDI0OC4xMy0xNS43ODUtMjAuNTIzYy01Ljc4OTEtNy4zNjcyLTE2LjMxMi04LjQxOC0yMy42OC0zLjE1NjJsLTI1LjI1OCAxOS45OTYgMzYuMzA5IDQ2LjgzMiAyNS4yNTgtMTkuNDY5YzcuMzY3Mi01Ljc4NTIgOC45NDUzLTE2LjMxMiAzLjE1NjItMjMuNjh6Ii8+CiA8L2c+Cjwvc3ZnPgo=");
}

/* ############################################################################################################ */
/* ##  name: Emotionbilder                                                                                   ## */
/* ##  plugin: nureinshop/plugin/emotion_image                                                               ## */
/* ##  file: /core/nureinshop/plugin/emotion_image/pub/css/style.css                                         ## */
/* ############################################################################################################ */

#plugin_emotion_image > .container {
	width: 100%;
}

#plugin_emotion_image img {
	display: block;
	width: 100%;
}

/* ############################################################################################################ */
/* ##  name: Bildergalerie                                                                                   ## */
/* ##  plugin: nureinshop/plugin/image_gallery                                                               ## */
/* ##  file: /core/nureinshop/plugin/image_gallery/pub/css/style.css                                         ## */
/* ############################################################################################################ */

.tinygallery img {
	display: block;
}

.tinygallery .quadrat {
	width: 100%;
	padding-top: 100%;
	position: relative;
	margin-bottom: 30px;
}

.tinygallery .quadrat a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.tinygallery .quadrat img {
	display: none;
}

/* HTML
--------*/

	.tinygallery-active {
		overflow: hidden;
	}

/* Hauptcontainer
------------------*/

	.tinygallery-container {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 99999;
		overflow: hidden;
	}

/* Hintergrund
---------------*/

	.tinygallery-bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-color: #000000;
		opacity: 0.95;
	}

/* Schließen-Button
--------------------*/

	.tinygallery-close {
		position: absolute;
		top: 10px;
		right: 10px;
		display: block;
		height: 50px;
		width: 50px;
		background-image: url('../img/times.svg');
		background-repeat: no-repeat;
		background-size: 70% auto;
		background-position: center center;
		cursor: pointer;
		z-index: 10;
	}

	.tinygallery-close:hover {
		background-color: rgba(255,255,255,0.1);
	}

/* Navigation
--------------*/

	.tinygallery-btn-left,
	.tinygallery-btn-right {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		height: 100px;
		width: 50px;
		background-repeat: no-repeat;
		background-size: 80% auto;
		background-position: center center;
		cursor: pointer;
		z-index: 5;
	}

	.tinygallery-btn-left:hover,
	.tinygallery-btn-right:hover {
		opacity: 0.8;
		background-color: rgba(255,255,255,0.1);
	}

	.tinygallery-btn-left {
		left: 0;
		background-image: url('../img/arrow-left.svg');
	}

	.tinygallery-btn-right {
		right: 0;
		background-image: url('../img/arrow-right.svg');
	}

/* Sliderliste
---------------*/

	.tinygallery-slidelist {
		display: none;
	}

/* Slides
----------*/

	.tinygallery-slides {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: calc(100% - 200px);
		height: calc(100% - 100px);
		z-index: 3;
	}

	@media screen and (max-width: 480px) {
		.tinygallery-slides {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: calc(100%);
			height: calc(100% - 100px);
			z-index: 3;
		}
	}

/* Slide
---------*/

	.tinygallery-slide {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
	}

	.tinygallery-slide img {
		display: block;
		max-height: 100%;
		max-width: 100%;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

/* Slidetext
-------------*/

	.tinygallery-text {
		position: absolute;
		display: block;
		top: 100%;
		margin: 0 auto;
		width: 70%;
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
		color: #FFFFFF;
		padding: 15px;
		font-size: 16px;
	}

/* Inhalt
----------*/

	.tinygallery-content {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: calc(100% - 50px);
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

/* ############################################################################################################ */
/* ##  name: Slideshow                                                                                       ## */
/* ##  plugin: nureinshop/plugin/slideshow                                                                   ## */
/* ##  file: /core/nureinshop/plugin/slideshow/pub/css/owl.carousel.css                                      ## */
/* ############################################################################################################ */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /*background: url("owl.video.play.png") no-repeat;*/
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }


/* ############################################################################################################ */
/* ##  name: Slideshow                                                                                       ## */
/* ##  plugin: nureinshop/plugin/slideshow                                                                   ## */
/* ##  file: /core/nureinshop/plugin/slideshow/pub/css/style.css                                             ## */
/* ############################################################################################################ */

.block-nureinshop-slideshow .owl-carousel {
	margin-bottom: 30px;
}

.block-nureinshop-slideshow .owl-next,
.block-nureinshop-slideshow .owl-prev {
	position: absolute;
	top: calc(50% - 50px);
	height: 80px;
	width: 80px;
	background-color: rgba(255,255,255,0.1);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 60px !important;
	z-index: 999;
	color: #FFFFFF !important;
}

.block-nureinshop-slideshow .slideshow-title {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 0;
	bottom: 0;
}

.block-nureinshop-slideshow .owl-prev {
	left: 0px;
}

.block-nureinshop-slideshow .owl-next {
	right: 0px;
}

.block-nureinshop-slideshow .owl-carousel .owl-dots {
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateY(-50%);
}

.block-nureinshop-slideshow .owl-carousel .owl-dots .owl-dot {
	height: 12px;
	width: 12px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px;
	margin: 0 5px 0 5px;
}

.block-nureinshop-slideshow .owl-carousel .owl-dots .owl-dot.active {
	background-color: rgba(255,255,255,1);
}
.block-nureinshop-slideshow .owl-carousel .item {
	display: block;
}

/* ############################################################################################################ */
/* ##  name: table                                                                                           ## */
/* ##  plugin: nureinshop/plugin/table                                                                       ## */
/* ##  file: /core/nureinshop/plugin/table/pub/css/style.css                                                 ## */
/* ############################################################################################################ */

/* Tabelle
-----------*/

	.nureinshop_table {
		width: 100%;
	}

	.nureinshop_table:after {
		content: '';
		clear: both;
		display: table;
	}

/* Spaltenköpfe
----------------*/

	.nureinshop_table th {
		position: relative;
		background-color: #424242;
		color: #FFFFFF;
		padding: 10px;
		text-align: left;
		font-weight: 400;
	}

	/* Sortierbare Spalten
	-----------------------*/

		.nureinshop_table th[data-sortable="1"]:hover {
			opacity: 0.9;
			cursor: pointer;
		}

	/* Sortiermarkierung
	---------------------*/

		.nureinshop_table th.selected {
			position: relative;
			background-color: #525252;
			padding-right: 30px;
		}

		.nureinshop_table[data-sortdirection="asc"] th.selected:after,
		.nureinshop_table[data-sortdirection="desc"] th.selected:after {
			display: inline-block;
			content: '';
			height: 6px;
			width: 6px;
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-position: center center;
			position: relative;
			top: -2px;
			margin-left: 4px;
		}

		.nureinshop_table[data-sortdirection="asc"] th.selected:after {
			background-image: url('/core/nureinshop/plugin/table/pub/img/caret-up.svg');
		}

		.nureinshop_table[data-sortdirection="desc"] th.selected:after {
			background-image: url('/core/nureinshop/plugin/table/pub/img/caret-down.svg');
		}

/* Infozeile
-------------*/

	.nureinshop_table_info:after {
		content: '';
		clear: both;
		display: table;
		margin-bottom: 15px;
	}

/* Suche
---------*/

	.nureinshop_table_search {
		float: left;
		width: 250px;
	}

	.table-info .filter-btn {
		float: left;
		border: 1px solid #dadae5;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 0 15px;
		background-image: linear-gradient(#f7f7f8, #f4f5f6);
		cursor: pointer;
		height: 20px;
		line-height: 20px;
	}

	.table-info .filter-search {
		float: left;
		position: relative;
	}

	.table-info .filter-search input {
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 10px 15px 8px 20px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: none;
		color: #434343;
		font-size: 14px;
	}

	.table-info .filter-search:before {
		content: "\f002";
		font-family: FontAwesome;
		font-size: 14px;
		position: absolute;
		color: #BBB;
		top: 12px;
		left: 15px;
		font-weight: normal;
	}

/**
* Gesamtanzeige
*/
	.nureinshop_table_total {
		float: left;
		white-space: nowrap;
		line-height: 38px;
		margin-left: 20px;
		opacity: 0.5;
	}

/**
 * Tabellendaten
 */
	.nureinshop_table_data {
		margin-bottom: 15px;
		min-height: 45px;
	}

/* Ladeanimation
-----------------*/

	.nureinshop_table_loader {
		text-align: center;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 210px;
		background-color: rgba(255,255, 255, 0.8);
		z-index: 2;
	}

	.nureinshop_table_loader > div {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}

	.nureinshop_table_loader span {
		display: block;
		width: 8px;
		height: 8px;
		border-radius: 3px;
		animation: loader12 1s linear alternate infinite;
		margin: -10px auto 0 auto;
		padding: 0;
	}

	@keyframes loader12 {
		0% {
			box-shadow:-30px 20px 0 2px rgba(0,156,223,1), -15px 20px 0 0 rgba(0,82,236,.2), 0 20px 0 0 rgba(0,82,236,.2), 15px 20px 0 0 rgba(0,82,236,.2), 30px 20px 0 0 rgba(0,82,236,.2);
		}
		25% {
			box-shadow:-30px 20px 0 0 rgba(0,82,236,.2), -15px 20px 0 2px rgba(0,156,223,1), 0 20px 0 0 rgba(0,82,236,.2),15px 20px 0 0 rgba(0,82,236,.2), 30px 20px 0 0 rgba(0,82,236,.2);
		}
		50% {
			box-shadow:-30px 20px 0 0 rgba(0,82,236,.2), -15px 20px 0 0 rgba(0,82,236,.2), 0 20px 0 2px rgba(0,156,223,1), 15px 20px 0 0 rgba(0,82,236,.2), 30px 20px 0 0 rgba(0,82,236,.2);
		}
		75% {
			box-shadow:-30px 20px 0 0 rgba(0,82,236,.2), -15px 20px 0 0 rgba(0,82,236,.2), 0 20px 0 0 rgba(0,82,236,.2), 15px 20px 0 2px rgba(0,156,223,1), 30px 20px 0 0 rgba(0,82,236,.2)
		}
		100% {
			box-shadow:-30px 20px 0 0 rgba(0,82,236,.2), -15px 20px 0 0 rgba(0,82,236,.2), 0 20px 0 0 rgba(0,82,236,.2), 15px 20px 0 0 rgba(0,82,236,.2), 30px 20px 0 2px rgba(0,156,223,1)
		}
	}

/* Paginierung
---------------*/

	.nureinshop_table_pagination {
		display: none;
	}

/* ############################################################################################################ */
/* ##  name: Hinterlegtes Farbschema im Adminbereich                                                         ## */
/* ############################################################################################################ */


a {
	color: #80C41C;
}

a:hover {
	color: #80C41C;
}

.btn {
	background-color: #80C41C;
}

h1, h2 {
    color: #80C41C;
}

.progress li.active {
    color: #80C41C;
}

.progress li.active .nr {
	background-color: #80C41C;
}

.feature-price-container {
	background-color: #80C41C;
}

footer h2 {
	color: #80C41C;
}

.productcategories-entry {
	background-color: #80C41C;
}

header .headerlinks li a:hover {
	color: #80C41C;
	border-color: #80C41C;
}

header .headerlinks li a:hover * {
	color: #80C41C;
}

/* Minicart
------------*/

	.minicart-amount {
		background-color: #80C41C;
	}

	.minicart-counter {
		background-color: #80C41C;
	}

/* Pagination 
--------------*/

	.pagination li a.current {
		background-color: #80C41C;
	}

/* Navigation
--------------*/

	@media screen and (min-width: 1025px) {
		#region-nav .level-1 > li:hover > a {
			background-color: #80C41C;
		}
	}

	@media screen and (min-width: 1025px) {
		#region-nav .level-2,
		#region-nav .level-2 ul {
			background-color: #80C41C;
		}	
	}
	
	@media screen and (max-width: 1024px) {
		#region-nav .level-2 a,
		#region-nav .level-2 ul a {
			color: #80C41C;
		}
	}
	


/** generated: 2022-06-21 13:04:25 **/