/* 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;
	}

	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-top: 5px;
	}

	main p a {
		text-decoration: underline;
	}

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

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

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

	h3 {
		font-size: 18px;
		margin-top: 15px;
	}

	h4 {
		font-size: 16px;
		margin-top: 10px;
	}

	h5 {
		font-size: inherit;
		margin-top: 10px;
	}

	h6 {
		font-size: inherit;
		margin-top: 10px;
	}

	@media screen and (max-width: 768px) {
		h1, h2, h3 {
			hyphens: auto;
  			overflow-wrap: break-word;
		}
	}

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

	.pagination {
		margin: 20px 0 0 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-top: 40px;
	}

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

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

		/* Mobile Ansicht
		------------------*/

		@media screen and (max-width: 480px) {
			.productcategories-entry {
				width: 100%;
			}
		}

/* 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: 6px 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 {
		margin-top: 20px;
		background-color: #88bb14;;
		border-color: #d6e9c6;
		padding: 10px 20px;
		border-radius: 5px;
	}

	.message-success,
	.message-success * {
		color: #FFFFFF;
	}

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

	.message-error {
		margin-top: 20px;
		background-color: #f2dede;
		border-color: #eed3d7;
		padding: 10px 20px;
		border-radius: 5px;
	}

	.message-error,
	.message-error * {
		color: #b94a48;
	}

/* 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: 100px;
	}

	td.cart-qty input {
		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 {
		margin-top: 30px;
	}

	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;
	}

/* 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: 20px 0 0 0;
		padding: 0;
	}

	form fieldset.bordered h2 {
		margin-top: 0;
	}

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

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

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

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

	.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;
	}

	/**
	 * Beschreibungsfeld unterhalb des Eingabefeldes.
	 * z.B. für Passwort Anforderungen oder Hilfen.
	 */
	.field--description {
		font-size: 14px;
		opacity: 0.8;
	}

	@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'],
	input[type='number'],
	input[type='date'],
	input[type='password'],
	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;
	}



/* 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-top: 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:after {
		content: '';
		clear: both;
		display: table;
	}

	/* Navigationsicons
	--------------------*/

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

		#region-mobile-nav ul li a {
			display: block;
			margin-left: 8px;
		}

		#region-mobile-nav ul li img {
			display: block;
			height: 30px;
			width: 30px;
		}

/* 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;
	}

/* 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 input[type="submit"] {
		position: absolute;
		top: 2px;
		right: 2px;
		width: 100px;
		bottom: 2px;
		border-radius: 3px;
	}

	.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;
	}

/* Volle Breite bei Blöcken
----------------------------*/

	.block.full-width > .container {
		width: 100%;
	}

/* Blockquotes
---------------*/

	blockquote {
		background-color: #1c9dd7;
		padding: 20px;
		color: #FFFFFF;
		margin-top: 10px;
	}

	blockquote p:first-child {
		margin-top: 0;
	}

/* Region-Content
------------------*/

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

/* Fließende Bilder
--------------------*/

	img.float-right {
		float: right;
		margin: 0 0 20px 20px;
	}

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