/* ############################################################################################################ */
/* ##  name: Adresspicker                                                                                    ## */
/* ##  type: nureinshop/addresspicker                                                                        ## */
/* ##  file: /core/nureinshop/plugin/addresspicker/pub/css/style.css                                         ## */
/* ############################################################################################################ */


/* Adressen-Editor
-------------------*/

	.addresspicker {
		clear: both;
		position: relative;
	}

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

	.addresspicker--list {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		row-gap: 10px;
		margin-top: 15px;
	}

	/**
	 * Der Header ist in zwei Teile geteilt.
	 * In der linken Spalte wird der Titel hinterlegt,
	 * Rechts der "Erstellen" Button.
	 */
	.addresspicker--header {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

		@media screen and (max-width: 768px) {
			.addresspicker--header {
				display: block;
			}
		}

/* Titel
---------*/

	.addresspicker--title {
		font-weight: bold;
		padding-top: 7px;
	}

/* Formular
------------*/

	.addresspicker--form {
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 0px 20px 20px 20px;

		background-color: #FFFFFF;
	}

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

	.addresspicker--toolbar {
		text-align: right;
	}

	.addresspicker--toolbar:after {
		content: '';
		clear: both;
		display: table;
	}

/* Eintrag
-----------*/

	.addresspicker--item {
		position: relative;
		border: 1px solid #dadae5;
		background-color: #FFFFFF;
		border-radius: 5px;
		padding: 15px 15px 20px 15px;
		width: 100%;
	}

	.addresspicker[data-context="checkout_billing"] .addresspicker--item,
	.addresspicker[data-context="checkout_shipping"] .addresspicker--item {
		display: grid;
		grid-template-columns: 20px minmax(0,1fr) 120px;
		column-gap: 10px;
	}

	.addresspicker[data-context="admin"] .addresspicker--item,
	.addresspicker[data-context="profile"] .addresspicker--item {
		display: grid;
		grid-template-columns: minmax(0,1fr) 120px;
		column-gap: 15px;
	}

	.addresspicker--item:hover {
		border: 1px solid #999999;
		background-color: #F8F8F8;
	}

	.addresspicker--item > div:last-child {
		text-align: right;
	}

	.addresspicker--address {
		cursor: pointer;
	}

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

	.addresspicker--buttons {
		margin-top: 10px;
	}

	.addresspicker--btn,
	.addresspicker--btn-secondary {
		display: inline-block;
		padding: 3px 13px;
		border-radius: 5px;
	}

		.addresspicker--btn {
			background-color: #1c9dd7;
			border: 1px solid #1c9dd7;
			color: #FFFFFF
		}

		.addresspicker--btn:hover {
			opacity: 0.8;
			color: #FFFFFF !important;
		}

	.addresspicker--btn-secondary {
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		color: #454545;
	}

	.addresspicker--btn-secondary:hover {
		background-color: #FFFFFF;
		border: 1px solid #000000;
		color: #000000;
	}

	.addresspicker--btn-secondary img {
		display: block;
		float: left;
		height: 12px;
		width: auto;
		margin-right: 6px;
		position: relative;
		top: 5px;
		opacity: 0.8;
	}

/* Bearbeiten-Button
---------------------*/

	.addresspicker--item .addresspicker--btn-secondary {
		display: none;
	}

	.addresspicker--item:hover .addresspicker--btn-secondary {
		display: inline-block;
	}

/* Loeschen-Button
------------------*/

	.addresspicker--trashbtn {
		display: block;
		height: 20px;
		width: auto;
		float: left;
		opacity: 0.2;
		cursor: pointer;
		position: relative;
		top: 5px;
	}

	.addresspicker--trashbtn:hover {
		opacity: 1;
	}

/* Formularfelder
------------------*/

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

	.addresspicker--field {
		margin-top: 15px;
	}

/* Label
---------*/

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

/* Input
---------*/

	.addresspicker--input {
		position: relative;
	}

	.addresspicker--input input {
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 7px 15px;
		width: 100%;
		font-family: inherit !important;
		font-size: 15px !important;
		color: #434343;
	}

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

	.addresspicker--error {
		color: rgba(196, 69, 54, 1);
		margin-top: 5px;
		font-size: 13px;
	}

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

	.address-label {
		display: inline-block;
		font-size: 12px;
		padding: 2px 7px;
		border-radius: 5px;
		margin-top: 10px;
		background-color: #AAAAAA;
		color: #FFFFFF;
	}

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

	.addresspicker--info {
		background-color: #FFFFFF;
		padding: 20px;
		border-radius: 5px;
		border: 1px solid #F5F5F5;
	}


/* ############################################################################################################ */
/* ##  name: Warenkorb Rabatt                                                                                ## */
/* ##  type: nureinshop/cart_discount                                                                        ## */
/* ##  file: /core/nureinshop/plugin/cart_discount/pub/css/store.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-top: 10px;
	width: 100% !important;
}

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

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



.cart-summary .discount-code-1,
.cart-summary .discount-code-2,
.cart-summary .discount-code-3,
.cart-summary .discount-code-4 {
	font-weight: bold;
	color: #8bc34a;
	background-color: rgba(139, 195, 74, 0.1);
}

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

	.cart-discount-success-message,
	.cart-discount-error-message {
		display: block;
		width: 100%;
		margin-top: 10px;
		padding: 5px 10px;
		border-radius: 5px;
		color: #FFFFFF;
	}

	.cart-discount-success-message {
		background-color: #8bc34a;
	}

	.cart-discount-error-message {
		background-color: #c44536;
	}

/* 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: Checkout                                                                                        ## */
/* ##  type: nureinshop/checkout                                                                             ## */
/* ##  file: /core/nureinshop/plugin/checkout/pub/css/style.css                                              ## */
/* ############################################################################################################ */


/* Optionsliste fuer z.B. Zahlungsauswahl usw.
----------------------------------------------*/

	.payment-list {
		margin-top: 10px;
	}

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

/* Adresse
-----------*/

.checkout-address-card {
	margin-top: 10px;
}

/* Fehlermarkierung
--------------------*/

	.plugin-order-option-error {
		border: 1px solid #ba2c2c !important;
		background-color: rgba(222, 86, 25, 0.1);
	}

	.plugin-order-option-errorcontainer {
		display: none;
		background-color: #ba2c2c;
		color: #FFFFFF;
		margin-top: 5px;
		padding: 10px 15px;
  		border-radius: 5px;
	}

/* ############################################################################################################ */
/* ##  name: CMS                                                                                             ## */
/* ##  type: nureinshop/cms                                                                                  ## */
/* ##  file: /core/nureinshop/plugin/cms/pub/css/store.css                                                   ## */
/* ############################################################################################################ */

#region-minicart {
	display: none;
}

#region-mobile-nav .icon-cart {
	display: none;
}


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


/* Cookie-Popup
================*/

/* Aussencontainer (dunkel)
---------------------------*/

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

/* Innencontainer (weiss)
-------------------------*/

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

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

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

/* Containerbreiten
--------------------*/

	.cookie-message-intro {
		width: 340px;
	}

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

	.cookie-message-settings {
		width: 800px;
	}

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

/* Hintergrundgrafik
----------------------*/

	.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.03;
		z-index: -1;
	}

/* Grauboxen
-------------*/

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

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

/* Formatierungen innerhalb des Containers
-------------------------------------------*/

	.cookie-message-content * {
		text-align: left;
		font-size: 15px;
		line-height: 22px !important;
		color: inherit;
	}

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

/* Details (Tabelle)
--------------------*/

	.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: 11px;
		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-content {
		overflow-y: scroll;
		height: 380px;
	}

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

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

	.cookie-message--switch {
		position: absolute;
		display: block;
		top: 20px;
		right: 20px;
		height: 30px;
		width: 40px;
		background-position: center center;
		background-size: 40px auto;
		background-repeat: no-repeat;
		background-image: url('/core/nureinshop/plugin/cookie_popup/pub/img/switch-off.svg');
	}

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

	.cookie-message--switch.active {
		background-image: url('/core/nureinshop/plugin/cookie_popup/pub/img/switch-on.svg');
	}

/* Cookie-Text
---------------*/

	.cookie-message--h2 {
		color: #424242;
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.cookie-message--h3 {
		color: #424242;
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.cookie-message--p {
		margin-top: 5px;
		font-size: 15px;
		line-height: 21px;
	}

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

	[data-ref="nureinshop/plugin/cookie_message"] .cookie-message--btn,
	[data-ref="nureinshop/plugin/cookie_message"] .cookie-message--btn-secondary {
		display: inline-block;
		color: #FFFFFF;
		padding: 5px 15px;
		white-space: nowrap;
		cursor: pointer;
		background-color: #6CC04A;
		text-decoration: none;
		border-radius: 5px;
		font-size: 15px;
	}

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

	.cookie-message--btn-secondary {
		background-color: #d9d9d9 !important;
  		color: inherit !important;
	}

/* Button-Toolbar
------------------*/

	.cookie-message--toolbar {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		margin-top: 15px;
	}

	.cookie-message--toolbar > div:nth-child(1) {
		text-align: left;
	}

	.cookie-message--toolbar > div:nth-child(2) {
		text-align: right;
	}

/* ############################################################################################################ */
/* ##  name:                                                                                                 ## */
/* ##  type: nureinshop/dev_frontend_toolbar                                                                 ## */
/* ##  file: /core/nureinshop/plugin/dev_frontend_toolbar/pub/css/store.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: Emotionbild                                                                                     ## */
/* ##  type: nureinshop/emotion_image                                                                        ## */
/* ##  file: /core/nureinshop/plugin/emotion_image/pub/css/store.css                                         ## */
/* ############################################################################################################ */


#plugin_emotion_image > .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

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

/* ############################################################################################################ */
/* ##  name: Formular                                                                                        ## */
/* ##  type: nureinshop/form                                                                                 ## */
/* ##  file: /core/nureinshop/plugin/form/pub/css/style.css                                                  ## */
/* ############################################################################################################ */


/* Formulare
-------------*/

	.nureinshop-plugin-form-has-error {
		border: 1px solid #ba2c2c !important;
	}

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

	.nureinshop-plugin-form-error {
		display: block;
		background-color: #ba2c2c;
		color: #ffffff;
		padding: 6px 15px;
		border-radius: 5px;
		margin: 5px 0 5px;
	}

	.nureinshop-plugin-form-error * {
		color: #FFFFFF;
	}

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

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(0.1,0,.25,1);transition-duration:0ms}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url("/core/nureinshop/plugin/fotorama/pub/img/fotorama.png") no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url("/core/nureinshop/plugin/fotorama/pub/img/fotorama@2x.png") 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:none!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>*:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;*display:none;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}

/* ############################################################################################################ */
/* ##  name: iFrame DSGVO                                                                                    ## */
/* ##  type: nureinshop/iframe_dsgvo                                                                         ## */
/* ##  file: /core/nureinshop/plugin/iframe_dsgvo/pub/css/store.css                                          ## */
/* ############################################################################################################ */

.iframe_dsgvo {
	position: relative;
	display: block;
	min-height: 270px;
	max-width: 100%;
	background-color: #f2f2f2;
	border: none !important;
	overflow: hidden;
}

.iframe_dsgvo .centered {
	display: block;
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.iframe_dsgvo .centered a {
	font-weight: bold;
	color: inherit;
}

.iframe_dsgvo .btn {
	display: inline-block;
	background-color: #444444;
	color: #FFFFFF;
}

.iframe_dsgvo .btn:hover {
	opacity: 0.8;
}

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


.tinygallery img {
	display: block;
}

.tinygallery .quadrat {
	width: 100%;
	padding-top: 100%;
	position: relative;
	margin-top: 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 {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

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

/* Schliessen-Button
--------------------*/

	.tinygallery-close {
		position: absolute;
		top: 10px;
		right: 10px;
		display: block;
		height: 50px;
		width: 50px;
		background-image: url('/core/nureinshop/plugin/image_gallery/pub/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('/core/nureinshop/plugin/image_gallery/pub/img/arrow-left.svg');
	}

	.tinygallery-btn-right {
		right: 0;
		background-image: url('/core/nureinshop/plugin/image_gallery/pub/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;
	}

/* Bilderkaroussell
====================*/

	.nureinshop-block-image-gallery--list .item {
		position: relative;
	}

	.nureinshop-block-image-gallery--list .quadrat {
		width: 100%;
		padding-top: 100%;
		position: relative;
		margin-top: 30px;
	}

	.nureinshop-block-image-gallery--list .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;
	}

	.nureinshop-block-image-gallery--list .quadrat img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

/* ############################################################################################################ */
/* ##  name: Info-Pop-Up                                                                                     ## */
/* ##  type: nureinshop/info_popup                                                                           ## */
/* ##  file: /core/nureinshop/plugin/info_popup/pub/css/store.css                                            ## */
/* ############################################################################################################ */


.nureinshop-info-popup {
	box-sizing: border-box;
	background-color: #cecece;
	position: fixed;
	background-color: rgba(0,0,0,0.3);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	display: none;
}

.nureinshop-info-popup-content {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
	padding: 30px;
}

.nureinshop-info-popup-content p:last-of-type {
	margin-bottom: 0;
}

.nureinshop-info-popup-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;
}

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

/* ############################################################################################################ */
/* ##  name: Link-Icons                                                                                      ## */
/* ##  type: nureinshop/linkicons                                                                            ## */
/* ##  file: /core/nureinshop/plugin/linkicons/pub/css/style.css                                             ## */
/* ############################################################################################################ */


.nureinshop-plugin-linkicon {
	padding-left: 23px;
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.nureinshop-plugin-linkicon--pdf {
	background-image: url('/core/nureinshop/plugin/linkicons/pub/img/pdf.png');
}

.nureinshop-plugin-linkicon--docx {
	background-image: url('/core/nureinshop/plugin/linkicons/pub/img/docx.png');
}

.nureinshop-plugin-linkicon--xls,
.nureinshop-plugin-linkicon--xlsx {
	background-image: url('/core/nureinshop/plugin/linkicons/pub/img/xls.png');
}

.nureinshop-plugin-linkicon--ppt,
.nureinshop-plugin-linkicon--pptx {
	background-image: url('/core/nureinshop/plugin/linkicons/pub/img/ppt.png');
}

.nureinshop-plugin-linkicon--zip {
	background-image: url('/core/nureinshop/plugin/linkicons/pub/img/zip.png');
}

.nureinshop-plugin-linkicon--external {
	background-image: url('/core/nureinshop/plugin/linkicons/pub/img/external.png');
}

.nureinshop-plugin-linkicon--mail {
	background-image: url('/core/nureinshop/plugin/linkicons/pub/img/mail.png');
}






/* ############################################################################################################ */
/* ##  name:                                                                                                 ## */
/* ##  type: nureinshop/minicart                                                                             ## */
/* ##  file: /core/nureinshop/plugin/minicart/pub/css/store.css                                              ## */
/* ############################################################################################################ */


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

/* ############################################################################################################ */
/* ##  name: Notify                                                                                          ## */
/* ##  type: nureinshop/notify                                                                               ## */
/* ##  file: /core/nureinshop/plugin/notify/pub/css/store.css                                                ## */
/* ############################################################################################################ */


/* Systemmeldungen
-------------------*/

.nureinshop-ui-notify {
	position: fixed;
	right: 0;
	bottom: 0;
	max-width: 350px;
	z-index: 999;
}

.nureinshop-ui-notify > div {
	position: relative;
	padding: 15px 20px 15px 55px;
	border: 5px;
	color: #343434;
	border-radius: 3px;
	margin: 0 10px 10px 0;
	font-weight: 400;
	font-size: 15px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 8px 16px rgba(0, 0, 0, 0.05);
	background: rgb(255,255,255);
	/*background: linear-gradient(180deg, rgba(255,255,255,0.133473457742472) 0%, rgba(0,0,0,0.11666673505339631) 100%);*/
}

.nureinshop-ui-notify > div * {
	color: #FFFFFF;
}

.nureinshop-ui-notify > div:before {
	content: "";
	font-size: 18px;
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 16px;
	left: 20px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0 0px;
	opacity: 0.8;
}

/* Standard
------------------*/

	.nureinshop-ui-notify .default {
		background-color: #FFFFFF;
		color: #343434;
		outline: 1px solid rgba(0,0,0,0.05);
		padding-left: 20px;
	}
	.nureinshop-ui-notify .default:before {
		display: none;
	}

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

	.nureinshop-ui-notify .success {
		background-color: #51A351;
		color: #FFFFFF;
	}
	.nureinshop-ui-notify .success:before {
		background-image: url('/core/nureinshop/plugin/notify/pub/img/check.svg');
	}

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

	.nureinshop-ui-notify .info {
		background-color: #2f65ca;
		color: #FFFFFF;
	}
	.nureinshop-ui-notify .info:before {
		background-image: url('/core/nureinshop/plugin/notify/pub/img/info-circle.svg');
	}

/* Fehler
----------*/

	.nureinshop-ui-notify .error {
		background-color: #ba3027;
		color: #FFFFFF;
	}
	.nureinshop-ui-notify .error:before {
		background-image: url('/core/nureinshop/plugin/notify/pub/img/alert-triangle.svg');
	}

/* Warnung
-----------*/

	.nureinshop-ui-notify .warning {
		background-color: #F89406;
		color: #FFFFFF;
	}
	.nureinshop-ui-notify .warning:before {
		background-image: url('/core/nureinshop/plugin/notify/pub/img/alert-octagon.svg');
	}


/* ############################################################################################################ */
/* ##  name: Offcanvas Menue                                                                                 ## */
/* ##  type: nureinshop/offcanvas_menu                                                                       ## */
/* ##  file: /core/nureinshop/plugin/offcanvas_menu/pub/css/style.css                                        ## */
/* ############################################################################################################ */


/* overflow im Body
--------------------*/

	.offcanvas-active {
		overflow: hidden;
		max-height: 100%;
	}

/* Overlay
-----------*/

	.offcanvas-overlay {
		position: fixed;
		background-color: rgba(0,0,0,0.7);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9998;
		overflow-y: revert;
		transition: all 1.4s;
		display: none;
	}

	.offcanvas-active .offcanvas-overlay {
		display: block;
	}

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

	.offcanvas-menu {
		position: fixed;
		width: 300px;
		top: 0;
		right: -300px;
		bottom: 0;
		background-color: #FFFFFF;
		height: 100%;
		overflow-y: scroll;
		-webkit-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
		box-shadow: 0px 0px 18px -4px rgba(0,0,0,0.4);
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		z-index: 9999;
		display: none;
	}

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

	.offcanvas-header {
		display: flex;
		padding-bottom: 20px;
	}

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

	.offcanvas-logo {
		width: calc(100% - 100px);
		margin-top: 15px;
  		margin-left: 15px;
	}

	.offcanvas-logo img {
		display: block;
		height: 50px;
	}

/* Schliessenbutton
-------------------*/

	.offcanvas-closer {
		display: none;
		height: 24px;
		width: 24px;
		position: fixed;
		top: 30px;
		right: 20px;
		/*
		background-image: url('/core/nureinshop/plugin/offcanvas_menu/pub/img/x.svg');
		background-position: center center;
		background-size: 28px auto;
		background-repeat: no-repeat;
		*/
		cursor: pointer;
		opacity: 0.5;
	}

	.offcanvas-closer span {
		display: block;
		height: 3px;
		background-color: #000000;
		width: 100%;
		border-radius: 2px;
		margin-top: 0;
		margin-bottom: 4px;
	}

	.offcanvas-closer span:first-of-type {
		transform: translate(0, 10px) rotate(-45deg);
	}

	.offcanvas-closer span:last-of-type {
		transform: translate(0, 3px) rotate(45deg);
	}



	.offcanvas-closer:hover {
		opacity: 1;
	}

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

	.offcanvas-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.offcanvas-nav ul ul {
		display: none;
	}


	.offcanvas-nav li {
		padding: 0;
		margin: 0;
	}

	.offcanvas-nav li a {
		position: relative;
		display: block;
		margin: 0;
		padding: 5px 45px 5px 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	.offcanvas-nav li a:hover {
		background-color: rgba(0, 0, 0, 0.05);
	}

	.offcanvas-nav .btn-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 45px;
		background-image: url('/core/nureinshop/plugin/offcanvas_menu/pub/img/chevron-right.svg');
		background-position: center center;
		background-size: 16px 16px;
		background-repeat: no-repeat;
		cursor: pointer;
		z-index: 1;
	}

	.offcanvas-nav .level-2 a {
		padding-left: 30px;
	}

	.offcanvas-nav .level-3 a {
		padding-left: 50px;
	}

	.offcanvas-nav .level-4 a {
		padding-left: 70px;
	}

	.offcanvas-nav .btn-toggle.open {
		background-image: url('/core/nureinshop/plugin/offcanvas_menu/pub/img/chevron-down.svg');
	}

/* Pfadmarkierung
-------------------*/

	.offcanvas-menu li.inpath > a {
		background-color: #f2f2f2;
	}

	.offcanvas-menu li.active > a {
		background-color: #dedede;
	}

/* ############################################################################################################ */
/* ##  name: owl_carousel_2                                                                                  ## */
/* ##  type: nureinshop/owl_carousel_2                                                                       ## */
/* ##  file: /core/nureinshop/plugin/owl_carousel_2/pub/css/owl.theme.default.css                            ## */
/* ############################################################################################################ */

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


/* ############################################################################################################ */
/* ##  name: owl_carousel_2                                                                                  ## */
/* ##  type: nureinshop/owl_carousel_2                                                                       ## */
/* ##  file: /core/nureinshop/plugin/owl_carousel_2/pub/css/store.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: Text Karussell                                                                                  ## */
/* ##  type: nureinshop/text_carousel                                                                        ## */
/* ##  file: /core/nureinshop/plugin/text_carousel/pub/css/store.css                                         ## */
/* ############################################################################################################ */


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

@media screen and (max-width: 1024px) {
	.block-nureinshop-text-carousel .container {
		width: 90%;
	}
}

.block-nureinshop-text-carousel .owl-next,
.block-nureinshop-text-carousel .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-text-carousel .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-text-carousel .owl-prev {
	left: 0px;
}

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

.block-nureinshop-text-carousel .owl-carousel .owl-dots {
	position: relative;
	text-align: center;
}

.block-nureinshop-text-carousel .owl-carousel .owl-dots .owl-dot {
	height: 12px;
	width: 12px;
	background-color: #CCCCCC;
	border-radius: 20px;
	margin: 0 5px 0 5px;
}

.block-nureinshop-text-carousel .owl-carousel .owl-dots .owl-dot.active {
	background-color: #000000;
}
.block-nureinshop-text-carousel .owl-carousel .item {
	display: block;
	text-align: center;
}

/* ############################################################################################################ */
/* ##  name: Slider / Akkordeon                                                                              ## */
/* ##  type: nureinshop/accordion                                                                            ## */
/* ##  file: /core/nureinshop/block/accordion/pub/css/store.css                                              ## */
/* ############################################################################################################ */


/* Akkordion
=============*/

	.nureinshop-block-accordion {
		margin-top: 20px;
	}

/* Eintrag
-----------*/

	.nureinshop-block-accordion--item {
		display: block;
		background-color: #FFFFFF;
		cursor: pointer;
		border: none;
		margin-top: 5px;
	}

/* Anklickbare Kopfzeile
-------------------------*/

	.nureinshop-block-accordion--head {
		display: block;
		position: relative;
		padding: 15px 20px;
		background-color: #1c9dd7;
		color: #FFFFFF;
	}

	.nureinshop-block-accordion--head:hover,
	.nureinshop-block-accordion--head:active,
	.nureinshop-block-accordion--head:focus {
		color: #FFFFFF;
	}

	.nureinshop-block-accordion--head * {
		color: inherit;
	}

	.nureinshop-block-accordion--head:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		width: 16px;
		height: 16px;
		background-image: url("/core/nureinshop/block/accordion/pub/img/arrow-right.svg");
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	.is-open .nureinshop-block-accordion--head:after {
		background-image: url("/core/nureinshop/block/accordion/pub/img/arrow-down.svg");
	}

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

	.nureinshop-block-accordion--body {
		display: none;
		padding: 20px;
		background-color: #F2F2F2;
	}

/* ############################################################################################################ */
/* ##  name: Adressverzeichnis (Beta)                                                                        ## */
/* ##  type: nureinshop/addressbook                                                                          ## */
/* ##  file: /core/nureinshop/plugin/addressbook/lib/block/addressbook/pub/css/style.css                     ## */
/* ############################################################################################################ */


.addressbook--categorylist {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
	grid-gap: 20px;
	margin-top: 20px;
}

.addressbook--categorylist article {


}

.addressbook--categorylist article a {
	background-color: #999999;
	color: #FFFFFF;
	display: block;
	color: #FFFFFF;
	padding: 15px 20px;
	text-decoration: none;
}

.addressbook--categorylist article a:hover {
	opacity: 0.8;
}

/* Eintragsliste
=================*/

	.addressbook--itemlist {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		grid-gap: 20px;
		margin-top: 20px;
	}

	.addressbook--itemlist article {
		background-color: #f2f2f2;
		padding-bottom: 20px;
	}

	.addressbook--title {
		padding: 0 20px;
	}

	.addressbook--website {
		margin-top: 5px;
	}

	.addressbook--detailbtn {
		margin-top: 20px;
	}

	.addressbook--content {
		margin-top: 20px;
		padding: 0 20px;
	}

	.addressbook--img {
		display: block;
		width: 200px;
		margin: 20px 0 20px 20px;
	}

/* Detail-Liste
================*/

	#region-content .addressbook--itemdata {
		margin: 20px 0 0 0;
	}

	#region-content .addressbook--itemdata {
		list-style-type: none;
	}

	.addressbook--itemdata li {
		display: grid;
		grid-template-columns: 200px minmax(0,1fr);
		padding: 10px 20px;
	}

	.addressbook--itemdata li:nth-child(odd) {
		background-color: #f2f2f2;
	}

	.addressbook--itemdata label {
		font-weight: bold;
	}

/* Brotkrumenpfad
===================*/

	.addressbook--breadcrumb {

	}

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

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

	.addressbook--breadcrumb li:last-child a:after {
		content: '';
	}

	.addressbook--backbtn {
		margin-top: 20px;
	}


/* ############################################################################################################ */
/* ##  name: Adressformular                                                                                  ## */
/* ##  type: nureinshop/addressform                                                                          ## */
/* ##  file: /core/nureinshop/plugin/addressbook/lib/block/addressform/pub/css/style.css                     ## */
/* ############################################################################################################ */



/* ############################################################################################################ */
/* ##  name: Adressaenderungsformular                                                                        ## */
/* ##  type: nureinshop/addressform_update                                                                   ## */
/* ##  file: /core/nureinshop/plugin/addressbook/lib/block/addressform_update/pub/css/style.css              ## */
/* ############################################################################################################ */


#addressform_update [data-step="2"],
#addressform_update [data-step="3"] {
	display: none;
}

#addressform_update [data-step="2"].show,
#addressform_update [data-step="3"].show {
	display: block;
}

/* ############################################################################################################ */
/* ##  name: Adresskarte                                                                                     ## */
/* ##  type: nureinshop/addressmap                                                                           ## */
/* ##  file: /core/nureinshop/plugin/addressbook/lib/block/addressmap/pub/css/style.css                      ## */
/* ############################################################################################################ */

.addressmap--wrapper {
	height: 500px;
	width: 100%;
}

/* ############################################################################################################ */
/* ##  name: Brotkrumenpfad                                                                                  ## */
/* ##  type: nureinshop/breadcrumb                                                                           ## */
/* ##  file: /core/nureinshop/block/breadcrumb/pub/css/store.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: Button                                                                                          ## */
/* ##  type: nureinshop/button                                                                               ## */
/* ##  file: /core/nureinshop/block/button/pub/css/style.css                                                 ## */
/* ############################################################################################################ */


.block-nureinshop-button {
	margin-top: 20px;
}

.nureinshop-block-button--center {
	text-align: center;
}

/* ############################################################################################################ */
/* ##  name: Fahrzeugliste (mobile.de)                                                                       ## */
/* ##  type: nureinshop/carlist                                                                              ## */
/* ##  file: /core/nureinshop/plugin/carlist/lib/block/carlist/pub/css/style.css                             ## */
/* ############################################################################################################ */


/* Gridansicht
---------------*/

	.carlist {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) ;
		grid-gap: 30px;
		margin-top: 20px;
	}

		@media screen and (max-width: 768px) {
			.carlist {
				grid-template-columns: minmax(0,1fr);
			}
		}

	.carlist article {
		position: relative;
		border: 1px solid #dadae5;
		padding: 0 0 20px 0;
	}

/* Anzeige-Elemente
--------------------*/

	.carlist--model {
		font-weight: bold;
	}

	.carlist--title {
		color: inherit;
		margin-top: 0;
	}

/* Bild
--------*/

	.carlist--image img {
		display: block;
		object-fit: cover;
		height: 250px;
		width: 100%;
	}

/* Innencontainer
------------------*/

	.carlist--body {
		padding: 20px 20px 0 20px;
	}

/* Preis
---------*/

	.carlist--price {
		margin-top: 10px;
		font-size: 28px;
		font-weight: bold;
	}

	.carlist--tax {
		display: block;
		font-size: 13px;
		color: #999999;
		font-weight: normal;
	}

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

	.carlist--details {
		list-style-type: none;
		margin-top: 12px;
	}

	.carlist--details:after {
		content: '';
		clear: both;
		display: table;
	}

	.carlist--details li {
		display: block;
		float: left;
		background-color: #f2f2f2;
		padding: 5px 10px;
		margin: 5px 5px 0 0;
		border-radius: 5px;
	}

/* Mehr-Button
---------------*/

	.carlist--morebtn {
		margin-top: 20px;
	}

/* Datentabelle
----------------*/

	.carlist--datatable {
		list-style-type: none;
		margin: 20px 0 0 0;
	}

	.carlist--datatable li {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		padding: 10px 10px 10px 0;
		border-top: 1px solid #DDDDDD;
	}

		@media screen and (max-width: 768px) {
			.carlist--datatable li {
				grid-template-columns: minmax(0,1fr) minmax(0,1fr);
			}
		}

	.carlist--datatable li label {
		font-weight: bold;
	}



/* Gridansicht
----------------*/

	.carlist--grid {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		grid-gap: 30px;
		margin-top: 20px;
	}

	.carlist--grid img {
		display: block;
		height: 32px;
		margin: 5px auto;
		opacity: 0.8;
	}

	.carlist--grid > div {
		background-color: #f2f2f2;
		text-align: center;
		padding: 20px;
		font-weight: bold;
	}

	.carlist--grid span {
		display: block;
		font-size: 80%;
		text-align: center;
		margin-top: 8px;
		color: #aaaaaa;
	}

/* Bilder
----------*/

	.carlist--images {
		margin-top: 20px;
	}

/* Priceinfo
-------------*/

	.carlist--pricewrapper {
		margin-top: 30px;
		padding-top: 20px;

	}

	.carlist--price {
		margin-top: 30px;
		font-size: 35px;
		font-weight: bold;
	}

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

	.carlist--requestbtn img {
		height: 18px;
		margin-right: 5px;
		position: relative;
		top: 3px;
	}

/* Filter
----------*/

	.carlist--filter {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
		grid-gap: 20px;
		padding: 20px;
		background-color: #F2F2F2;
		margin-top: 20px;
	}

		@media screen and (max-width: 768px) {
			.carlist--filter {
				display: grid;
				grid-template-columns: minmax(0,1fr);
				grid-gap: 20px;
				padding: 20px;
				background-color: #F2F2F2;
				margin-top: 20px;
			}
		}

		@media screen and (max-width: 559px) {
			.col-price-to {
				margin-top: 20px;
			}
		}

	.carlist--filter label {
		display: block;
		padding-bottom: 3px;
	}

	.carlist--filter .is-inactive {
		color: #999999 !important;
		opacity: 0.1 !important;
	}


/* ############################################################################################################ */
/* ##  name: Inhaltsgrid                                                                                     ## */
/* ##  type: nureinshop/contentgrid                                                                          ## */
/* ##  file: /core/nureinshop/block/contentgrid/pub/css/style.css                                            ## */
/* ############################################################################################################ */


.nureinshop-block-contengrid {
	display: grid;
	gap: 20px;
	align-items: stretch;
	grid-auto-rows: 1fr;
	margin-top: 20px;
}

.nureinshop-block-contengrid--,
.nureinshop-block-contengrid--2 {
	grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}

.nureinshop-block-contengrid--3 {
	grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}

.nureinshop-block-contengrid--4 {
	grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}

.nureinshop-block-contengrid--5 {
	grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}

.nureinshop-block-contengrid--6 {
	grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
}

	@media screen and (max-width: 1024px) {
		.nureinshop-block-contengrid {
			grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		}
	}

	@media screen and (max-width: 480px) {
		.nureinshop-block-contengrid {
			grid-template-columns: minmax(0,1fr);
		}
	}

.nureinshop-block-contengrid > * {
	background-color: #f8f8f8;
}

[data-scope="nureinshop/admin"] .nureinshop-block-contengrid > * {
	background-color: unset;
}


/* ############################################################################################################ */
/* ##  name: Eventdetails                                                                                    ## */
/* ##  type: nureinshop/event                                                                                ## */
/* ##  file: /core/nureinshop/plugin/events/lib/block/event/pub/css/style.css                                ## */
/* ############################################################################################################ */


.block-nureinshop-event {

}

.block-nureinshop-event--title,
.block-nureinshop-event--image,
.block-nureinshop-event--date,
.block-nureinshop-event--location,
.block-nureinshop-event--short,
.block-nureinshop-event--backlink,
.block-nureinshop-event--url,
.block-nureinshop-event--organiser {
	margin-top: 15px;
}

.block-nureinshop-event--date {
	font-weight: bold;
}

/* ############################################################################################################ */
/* ##  name: Eventformular                                                                                   ## */
/* ##  type: nureinshop/event_form                                                                           ## */
/* ##  file: /core/nureinshop/plugin/events/lib/block/event_form/pub/css/the_datepicker.css                  ## */
/* ############################################################################################################ */

.the-datepicker__container .the-datepicker__main {
  border-top-left-radius: 0;
}
.the-datepicker__container.the-datepicker__container--over .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0;
}
.the-datepicker__container.the-datepicker__container--left .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0;
}
.the-datepicker__container.the-datepicker__container--over.the-datepicker__container--left .the-datepicker__main {
  border-bottom-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0;
}
.the-datepicker__main {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  padding: 0.4em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  box-sizing: border-box;
  overflow: hidden;
}
.the-datepicker__main .the-datepicker__body {
  margin-top: 1em;
}
.the-datepicker__main th.the-datepicker__week-day {
  width: 2.1em;
  min-width: 2.1em;
  max-width: 2.1em;
  padding: 0.5em 0;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  color: #666;
  font-size: 0.85em;
}
.the-datepicker__main a.the-datepicker__button {
  display: block;
  width: 2.1em;
  min-width: 2.1em;
  max-width: 2.1em;
  padding: 0.6em 0;
  text-decoration: none;
  text-align: center;
  color: #007eff;
  border-radius: 0.3em;
}
.the-datepicker__main a.the-datepicker__button:hover {
  background-color: #d1e8ff;
  text-decoration: none;
}
.the-datepicker__main .the-datepicker__title {
  display: inline-block;
  width: 70%;
}
.the-datepicker__main .the-datepicker__title-content {
  display: inline-block;
  padding: 0.5em;
}
.the-datepicker__main .the-datepicker__control {
  display: inline-block;
  width: 30%;
  text-align: right;
}
.the-datepicker__main .the-datepicker__reset,
.the-datepicker__main .the-datepicker__close {
  display: inline-block;
  font-weight: bold;
}
.the-datepicker__main .the-datepicker__navigation {
  margin-top: 0.3em;
}
.the-datepicker__main .the-datepicker__go {
  display: inline-block;
  width: 15%;
}
.the-datepicker__main .the-datepicker__go a.the-datepicker__button {
  display: inline-block;
  font-weight: bold;
}
.the-datepicker__main .the-datepicker__go-next {
  text-align: right;
}
.the-datepicker__main .the-datepicker__state {
  display: inline-block;
  width: 70%;
}
.the-datepicker__main .the-datepicker__month {
  display: inline-block;
  width: 62%;
  text-align: center;
}
.the-datepicker__main .the-datepicker__year {
  display: inline-block;
  width: 38%;
  text-align: center;
}
.the-datepicker__main .the-datepicker__month-year {
  text-align: center;
}
.the-datepicker__main select.the-datepicker__select {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
.the-datepicker__main table.the-datepicker__calendar {
  display: table;
  border-collapse: collapse;
}
.the-datepicker__main table.the-datepicker__calendar thead {
  display: table-header-group;
}
.the-datepicker__main table.the-datepicker__calendar tbody {
  display: table-row-group;
}
.the-datepicker__main table.the-datepicker__calendar tr {
  display: table-row;
}
.the-datepicker__main table.the-datepicker__calendar tr td,
.the-datepicker__main table.the-datepicker__calendar tr th {
  display: table-cell;
}
.the-datepicker__main td.the-datepicker__cell {
  padding: 0;
}
.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
  padding: 0.1em;
}
.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__day-content {
  display: block;
  padding: 0.6em 0;
}
.the-datepicker__main td.the-datepicker__day a.the-datepicker__button .the-datepicker__day-content {
  text-align: center;
  border-radius: 0.3em;
}
.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover {
  background-color: transparent;
}
.the-datepicker__main td.the-datepicker__day a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: #d1e8ff;
}
.the-datepicker__main td.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
  background-color: #d1e8ff;
}
.the-datepicker__main td.the-datepicker__day--outside a.the-datepicker__button {
  color: #8ac4ff;
}
.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button {
  color: #aaa;
}
.the-datepicker__main td.the-datepicker__day--unavailable a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: transparent;
}
.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button {
  color: #fff;
}
.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button .the-datepicker__day-content {
  background-color: #007eff;
}
.the-datepicker__main td.the-datepicker__day--selected a.the-datepicker__button:hover .the-datepicker__day-content,
.the-datepicker__main td.the-datepicker__day--selected.the-datepicker__day--highlighted a.the-datepicker__button:hover .the-datepicker__day-content {
  background-color: #007eff;
}
.the-datepicker__main .the-datepicker__day--weekend,
.the-datepicker__main .the-datepicker__week-day--weekend,
.the-datepicker__main td.the-datepicker__day--today {
  font-weight: bold;
}
.the-datepicker__main .the-datepicker__animated {
  animation-duration: 0.1s;
  animation-fill-mode: both;
}
.the-datepicker__deselect-button {
  text-decoration: none;
  color: #007eff;
  font-weight: bold;
}
.the-datepicker__deselect-button:hover {
  text-decoration: none;
}
.the-datepicker__fade-out-left {
  animation-name: the-datepicker-fade-out-left;
}
.the-datepicker__fade-out-right {
  animation-name: the-datepicker-fade-out-right;
}
.the-datepicker__fade-in-left {
  animation-name: the-datepicker-fade-in-left;
}
.the-datepicker__fade-in-right {
  animation-name: the-datepicker-fade-in-right;
}
@-moz-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

/* Anpassungen
---------------*/

	.the-datepicker__main .the-datepicker__reset,
	.the-datepicker__main .the-datepicker__close,
	.the-datepicker__main .the-datepicker__top {
		display: none;
	}

	.the-datepicker__main .the-datepicker__go,
	.the-datepicker__main .the-datepicker__next {
		display: none;
	}

	.the-datepicker__main .the-datepicker__state {
		width: 100%;
	}

	.the-datepicker__main select.the-datepicker__select {
		padding: 5px 10px;
	}

	.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
		color: inherit;
	}

	.the-datepicker__deselect {
		display: none;
	}

	.the-datepicker__day--today a {
		color: #F57900 !important;
	}

/* ############################################################################################################ */
/* ##  name: Eventformular                                                                                   ## */
/* ##  type: nureinshop/event_form                                                                           ## */
/* ##  file: /core/nureinshop/plugin/events/lib/block/event_form/pub/css/style.css                           ## */
/* ############################################################################################################ */


/* Fehlermeldungen
-------------------*/

	.block-nureinshop-event-form--errors {
		display: block;
		background-color: #ba2c2c;
		color: #ffffff;
		padding: 10px 15px;
		border-radius: 5px;
		margin: 20px 0 5px;
	}

	.block-nureinshop-event-form--errors > p:last-of-type {
		margin-bottom: 0;
	}

	.block-nureinshop-event-form--fielderror {
		border: 1px solid #ba2c2c !important;
		background-color: rgba(186, 44, 44, 0.2);
	}

/* Trenner
-----------*/

	.block-nureinshop-event-form hr {
		margin-top: 30px;
		border: none;
		border-top: 1px solid #AAAAAA;
	}

/* ############################################################################################################ */
/* ##  name: Veranstaltungsliste                                                                             ## */
/* ##  type: nureinshop/events                                                                               ## */
/* ##  file: /core/nureinshop/plugin/events/lib/block/events/pub/css/style.css                               ## */
/* ############################################################################################################ */

/* Allgemein
=============*/

	/* Titel
	---------*/

		.block-nureinshop-events--title {
			margin-top: 0;
		}

		.block-nureinshop-events--title h2 {
			margin-bottom: 0;
		}

	/* Weiterlesen
	---------------*/

		.block-nureinshop-events--readmore {
			margin-top: 15px;
		}

	/* Datum
	---------*/

		.block-nureinshop-events--date {
			font-weight: bold;
		}

	/* Intro
	---------*/

		.block-nureinshop-events--intro {
			margin-top: 15px;
		}

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

		.block-nureinshop-events--pagination {
			margin-top: 30px;
		}

/* Layout: Spalten
===================*/

	.block-nureinshop-events--grid {
		display: grid;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}

	.block-nureinshop-events--grid img {
		width: 100%;
	}

	.block-nureinshop-events--grid[data-cols="1"] {
		grid-template-columns: minmax(0, 1fr);
	}

	.block-nureinshop-events--grid[data-cols="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.block-nureinshop-events--grid[data-cols="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}

	.block-nureinshop-events--grid[data-cols="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}

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

		.block-nureinshop-events--grid[data-cols="1"] {
			grid-template-columns: minmax(0, 1fr);
		}

		.block-nureinshop-events--grid[data-cols="2"] {
			grid-template-columns: minmax(0, 1fr);
		}

		.block-nureinshop-events--grid[data-cols="3"] {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}

		.block-nureinshop-events--grid[data-cols="4"] {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}

	}

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

		.block-nureinshop-events--grid[data-cols="1"] {
			grid-template-columns: minmax(0, 1fr);
		}

		.block-nureinshop-events--grid[data-cols="2"] {
			grid-template-columns: minmax(0, 1fr);
		}

		.block-nureinshop-events--grid[data-cols="3"] {
			grid-template-columns: minmax(0, 1fr);
		}

		.block-nureinshop-events--grid[data-cols="4"] {
			grid-template-columns: minmax(0, 1fr);
		}

	}

	.block-nureinshop-events--grid .block-nureinshop-events--date {
		margin-top: 15px;
	}

	/* Bild
	---------*/

		.block-nureinshop-events--grid .block-nureinshop-events--image {
			display: block;
			width: 100%; /* Beispiel fuer volle Breite */
			padding-top: 100%; /* Hoehe gleich Breite, erzeugt ein Quadrat */
			position: relative;
			overflow: hidden;
		}

		.block-nureinshop-events--grid .block-nureinshop-events--image img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

/* Layout: Liste
=================*/

	.block-nureinshop-events--list article {
		display: block;
		padding-top: 30px;
		margin-top: 30px;
		border-top: 1px solid #DDDDDD;
	}

	.block-nureinshop-events--list article:first-of-type {
		margin-top: 0;
		pading-top: 0;
		border-top: none;
	}

	.block-nureinshop-events--list article:after {
		content: '';
		clear: both;
		display: table;
	}

	/* Bild
	---------*/

		.block-nureinshop-events--list .block-nureinshop-events--image {
			float: left;
			width: 300px;
			padding-right: 30px;
		}

		@media screen and (max-width: 800px) {
			.block-nureinshop-events--list .block-nureinshop-events--image {
				float: none;
				width: 100%;
				padding-right: 0;
			}

			.block-nureinshop-events--list .block-nureinshop-events--image img {
				width: 100%;
			}
		}

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

		.block-nureinshop-events--list .block-nureinshop-events--body {
			float: left;
			width: calc(100% - 300px);
		}

		@media screen and (max-width: 800px) {
			.block-nureinshop-events--list .block-nureinshop-events--body {
				float: none;
				width: 100%;
			}
		}

/* datelist Layout
===================*/

	.block-nureinshop-events--datelist {

	}

	.block-nureinshop-events--datelist-header {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		background-color: #F1F1F1;
		border: 1px solid #DDDDDD;
		border-top: none;
	}

	.block-nureinshop-events--datelist-header:first-of-type {
		border-top: 1px solid #DDDDDD;
	}

	.block-nureinshop-events--datelist-dayname {
		font-weight: bold;
		padding: 8px 10px;
	}

	.block-nureinshop-events--datelist-date {
		text-align: right;
		padding: 8px 10px;
	}

	.block-nureinshop-events--datelist-item {
		display: grid;
		grid-template-columns: 140px minmax(0,1fr);
		border: 1px solid #DDDDDD;
		border-top: none;
		padding: 8px 10px;
	}


/* ############################################################################################################ */
/* ##  name: Formular                                                                                        ## */
/* ##  type: nureinshop/form                                                                                 ## */
/* ##  file: /core/nureinshop/block/form/pub/css/store.css                                                   ## */
/* ############################################################################################################ */


.block-nureinshop-form form fieldset {
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
}

.block-nureinshop-form form:after {
	content: '';
	clear: both;
	display: table;
}

/* Fields
==========*/

	.block-nureinshop-form--field {
		display: block;
		float: left;
		padding: 0 15px;
		width: 100%;
		margin-top: 20px;
	}

	.block-nureinshop-form--field.w1 {
		width: 8.33333333333%;
	}
	.block-nureinshop-form--field.w2 {
		width: 16.6666666666%;
	}
	.block-nureinshop-form--field.w3 {
		width: 24.9999999999%;
	}
	.block-nureinshop-form--field.w4 {
		width: 33.3333333333%;
	}
	.block-nureinshop-form--field.w5 {
		width: 41.6666666666%;
	}
	.block-nureinshop-form--field.w6 {
		width: 49.9999999999%;
	}
	.block-nureinshop-form--field.w7 {
		width: 58.3333333333%;
	}
	.block-nureinshop-form--field.w8 {
		width: 66.6666666666%;
	}
	.block-nureinshop-form--field.w9 {
		width: 74.9999999999%;
	}
	.block-nureinshop-form--field.w10 {
		width: 83.3333333333%;
	}
	.block-nureinshop-form--field.w11 {
		width: 91.6666666666%;
	}
	.block-nureinshop-form--field.w12 {
		width: 100%;
	}

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

		.block-nureinshop-form--field.error .block-nureinshop-form--label,
		.block-nureinshop-form--field.error .block-nureinshop-form--label * {
			color: #a91202;
  			font-weight: 400;
		}

/* Checkbox
============*/

	.nureinshop-inputtype-checkbox {
		display: grid;
		grid-template-columns: 24px minmax(0, 1fr);
		clear: both;
		padding-top: 3px;
	}

/* Absenden-Button
===================*/

	.block-nureinshop-form [type="submit"] {
		margin-top: 20px;
	}

/* Labels
==========*/

	.block-nureinshop-form--label {
		display: block;
		margin-bottom: 5px;
	}

	.block-nureinshop-form label img {
		height: 13px;
		margin-left: 2px;
		cursor: pointer;
		vertical-align: sub;
		opacity: 0.2;
		position: relative;
		top: -1px;
	}

	.block-nureinshop-form label img:hover {
		opacity: 1;
	}

/* Fehlermeldungen
===================*/

	.block-nureinshop-form .error-message {
		background-color: #ffcccc;
		padding: 20px;
		margin-top: 20px;
	}

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

	.block-nureinshop-form .field.error label {
		color: #a91202;
		font-weight: 400;
	}

	.block-nureinshop-form .field.error input[type='text'],
	.block-nureinshop-form .field.error input[type='file'],
	.block-nureinshop-form .field.error select,
	.block-nureinshop-form .field.error textarea {
		/*background-color: #ffcccc;*/
	}

	.block-nureinshop-form .error-message {
		background-color: #ffcccc;
		padding: 20px;
		margin-bottom: 20px;
	}

	.block-nureinshop-form .error-message li::before {
		background-color: #000000;
	}

	.block-nureinshop-form .input-error {
		background-color: #a91202;
		color: #FFFFFF;
		font-size: 13px;
		padding: 10px;
		border-radius: 3px;
		margin-top: 5px;
	}

/* Honeypot
------------*/

	.hp {
		position: absolute;
		left: -9999px;
	}

/* Hilfetext
=============*/

	.block-nureinshop-form--help {
		display: block;
		padding: 5px 10px 5px 0;
		border-radius: 5px;
		font-size: 80%;
		margin-top: 5px;
		color: #666666;
	}

	.block-nureinshop-form--help img {
		height: 14px;
		width: 14px;
		margin-right: 2px;
		position: relative;
		top: 2px;
	}

/* Feedbackmeldungen (nach Versand)
------------------------------------*/

	.block-nureinshop-form--success {
		background-color: #5ab44b;
		color: #FFFFFF;
		padding: 10px;
		border-radius: 3px;
		margin-top: 10px;
	}

	.block-nureinshop-form--success * {
		color: #FFFFFF;
	}

	.block-nureinshop-form--error {
		background-color: #a91202;
		color: #FFFFFF;
		padding: 10px;
		border-radius: 3px;
		margin-top: 10px;
	}

/* Dateiupload
---------------*/

	.nureinshop-forminput-upload--btn {
		margin-top: 10px;
	}

	/* Dateiliste
	--------------*/

	.nureinshop-forminput-upload--file {
		display: block;
		position: relative;
		background-color: #f2f2f2;
		border-radius: 5px;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 7px 15px;
		width: 100%;
	}

	.nureinshop-forminput-upload--filesize {
		opacity: 0.5;
		margin-left: 10px;
	}

	.nureinshop-forminput-upload--filecloser {
		position: absolute;
		width: 20px;
		height: 20px;
		top: 9px;
		right: 10px;
		background-image: url("/core/nureinshop/block/form/lib/form_input/upload/pub/img/x.svg");
		background-size: 100% auto;
		cursor: pointer;
	}

	.nureinshop-forminput-upload--btn {
		cursor: pointer;
	}

/* Radio-Element
-----------------*/

	.nureinshop-inputtype-radio {
		display: grid;
		grid-template-columns: 20px minmax(0, 1fr);
	}

/* Ladeanimation
=================*/

	.block-nureinshop-form form.is-locked {
		opacity: 0.7;
	}

/* ############################################################################################################ */
/* ##  name: Geschenkgutschein                                                                               ## */
/* ##  type: nureinshop/giftcard_form                                                                        ## */
/* ##  file: /core/nureinshop/plugin/giftcard/lib/block/giftcard_form/pub/css/style.css                      ## */
/* ############################################################################################################ */


/* Kopfzeile
-------------*/

	.nureinshop-block-google-reviews--header {
		margin-top: 20px;
	}

	.nureinshop-block-google-reviews--title img {
		height: 32px;
		vertical-align: middle;
	}

	.nureinshop-block-google-reviews--title strong {
		font-size: 20px;
		position: relative;
		top: 3px;
		margin-left: 3px;
	}

	.nureinshop-block-google-reviews--rating {
		font-size: 20px;
		position: relative;
		top: 2px;
	}

	.nureinshop-block-google-reviews--total {
		color: #999999;
		font-size: 13px;
		font-weight: 300;
		margin-left: 5px;
	}

/* Sterne
----------*/

	.star-rating {
		position: relative;
		width: 50px; /* Setze hier die Groesse deines Sterns */
		height: 50px;
	}

	.star {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
		clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

	}

	.star-outline {
		background-color: lightgray; /* Die Umrandungsfarbe des Sterns */
	}

	.star-fill {
		background-color: gold; /* Die Fuellfarbe des Sterns */
		width: 100%; /* Setze den Prozentwert der Fuellung hier */
		overflow: hidden;
	}



/* Bewertungen
---------------*/

	.nureinshop-block-google-reviews--carousel {
		display: grid;
		column-gap: 20px;
		row-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr;
		margin-top: 20px;
	}

	@media screen and (max-width: 1000px) {
		.nureinshop-block-google-reviews--carousel {
			grid-template-columns: 1fr 1fr;
		}
	}

	@media screen and (max-width: 768px) {
		.nureinshop-block-google-reviews--carousel {
			grid-template-columns: 1fr;
		}
	}

	.nureinshop-block-google-reviews--item {
		background-color: #f6f6f8;
		border-radius: 8px;
		padding: 20px;
	}

/* Sterne
----------*/

	.review-stars {
		position: relative;
		display: inline-block;
		margin-top: 5px;
	}

	.review-stars--rating {
		background-color: #fabd2c;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 50%;
		z-index: 2;
	}

	.review-stars--mask {
		background-size: auto 100%;
		background-image: url("/core/nureinshop/plugin/google_reviews/lib/block/google_reviews/pub/img/sterne-ausgeschnitten.svg");
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
	}

	.review-stars img {
		position: relative;
		display: block;
		z-index: 3;
	}

	.review-stars > img {
		height: 24px;
		width: 24px !important;
		float: left;
		margin-right: 2px;
	}

	/* Bewertung
	-------------*/

	.review--header * {
		color: #333333;
	}

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

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

	.review-content {
		margin-top: 7px;
	}

	.review-author {
		font-weight: bold;
	}

	.review-date {
		opacity: 0.6;
		font-size: 80%;
	}

	.review-photo {
		float: left;
	}

	.review-photo img {
		width: 40px !important;
		height: 40px;
		margin-right: 10px;
	}

/* Naviations-Pfeile
---------------------*/

	.block-nureinshop-google-reviews .owl-carousel .owl-nav {
		position: absolute;
		top: calc(50% - 25px);
		transform: translateY(-50%);
		width: 100% !important;
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev,
	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next {
		position: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 24px;
		height: 50px;
		opacity: 0.4;
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev:hover,
	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next:hover {
		opacity: 1;
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev {
		left: -50px;
		background-image: url('/core/nureinshop/plugin/google_reviews/lib/block/google_reviews/pub/img/prev.svg');
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next {
		right: -50px;
		background-image: url('/core/nureinshop/plugin/google_reviews/lib/block/google_reviews/pub/img/next.svg');
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev span,
	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next span {
		display: none;
	}

/* Mehr-Button
---------------*/

	.nureinshop-block-google-reviews--morebtn {
		text-align: center;
		margin-top: 20px;
	}

	.nureinshop-block-google-reviews--morebtn a:hover {
		opacity: 0.8;
	}


/* ############################################################################################################ */
/* ##  name: Google Reviews                                                                                  ## */
/* ##  type: nureinshop/google_reviews                                                                       ## */
/* ##  file: /core/nureinshop/plugin/google_reviews/lib/block/google_reviews/pub/css/style.css               ## */
/* ############################################################################################################ */


/* Kopfzeile
-------------*/

	.nureinshop-block-google-reviews--header {
		margin-top: 20px;
	}

	.nureinshop-block-google-reviews--title img {
		height: 32px;
		vertical-align: middle;
	}

	.nureinshop-block-google-reviews--title strong {
		font-size: 20px;
		position: relative;
		top: 3px;
		margin-left: 3px;
	}

	.nureinshop-block-google-reviews--rating {
		font-size: 20px;
		position: relative;
		top: 2px;
	}

	.nureinshop-block-google-reviews--total {
		color: #999999;
		font-size: 13px;
		font-weight: 300;
		margin-left: 5px;
	}

/* Sterne
----------*/

	.star-rating {
		position: relative;
		width: 50px; /* Setze hier die Groesse deines Sterns */
		height: 50px;
	}

	.star {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
		clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

	}

	.star-outline {
		background-color: lightgray; /* Die Umrandungsfarbe des Sterns */
	}

	.star-fill {
		background-color: gold; /* Die Fuellfarbe des Sterns */
		width: 100%; /* Setze den Prozentwert der Fuellung hier */
		overflow: hidden;
	}



/* Bewertungen
---------------*/

	.nureinshop-block-google-reviews--carousel {
		display: grid;
		column-gap: 20px;
		row-gap: 20px;
		grid-template-columns: 1fr 1fr 1fr;
		margin-top: 20px;
	}

	@media screen and (max-width: 1000px) {
		.nureinshop-block-google-reviews--carousel {
			grid-template-columns: 1fr 1fr;
		}
	}

	@media screen and (max-width: 768px) {
		.nureinshop-block-google-reviews--carousel {
			grid-template-columns: 1fr;
		}
	}

	.nureinshop-block-google-reviews--item {
		background-color: #f6f6f8;
		border-radius: 8px;
		padding: 20px;
	}

/* Sterne
----------*/

	.review-stars {
		position: relative;
		display: inline-block;
		margin-top: 5px;
	}

	.review-stars--rating {
		background-color: #fabd2c;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 50%;
		z-index: 2;
	}

	.review-stars--mask {
		background-size: auto 100%;
		background-image: url("/core/nureinshop/plugin/google_reviews/lib/block/google_reviews/pub/img/sterne-ausgeschnitten.svg");
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 3;
	}

	.review-stars img {
		position: relative;
		display: block;
		z-index: 3;
	}

	.review-stars > img {
		height: 24px;
		width: 24px !important;
		float: left;
		margin-right: 2px;
	}

	/* Bewertung
	-------------*/

	.review--header * {
		color: #333333;
	}

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

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

	.review-content {
		margin-top: 7px;
	}

	.review-author {
		font-weight: bold;
	}

	.review-date {
		opacity: 0.6;
		font-size: 80%;
	}

	.review-photo {
		float: left;
	}

	.review-photo img {
		width: 40px !important;
		height: 40px;
		margin-right: 10px;
	}

/* Naviations-Pfeile
---------------------*/

	.block-nureinshop-google-reviews .owl-carousel .owl-nav {
		position: absolute;
		top: calc(50% - 25px);
		transform: translateY(-50%);
		width: 100% !important;
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev,
	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next {
		position: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 24px;
		height: 50px;
		opacity: 0.4;
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev:hover,
	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next:hover {
		opacity: 1;
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev {
		left: -50px;
		background-image: url('/core/nureinshop/plugin/google_reviews/lib/block/google_reviews/pub/img/prev.svg');
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next {
		right: -50px;
		background-image: url('/core/nureinshop/plugin/google_reviews/lib/block/google_reviews/pub/img/next.svg');
	}

	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-prev span,
	.block-nureinshop-google-reviews .owl-carousel .owl-nav button.owl-next span {
		display: none;
	}

/* Mehr-Button
---------------*/

	.nureinshop-block-google-reviews--morebtn {
		text-align: center;
		margin-top: 20px;
	}

	.nureinshop-block-google-reviews--morebtn a:hover {
		opacity: 0.8;
	}


/* ############################################################################################################ */
/* ##  name: Newsletter                                                                                      ## */
/* ##  type: nureinshop/newsletter                                                                           ## */
/* ##  file: /core/nureinshop/plugin/newsletter/lib/block/newsletter/pub/css/store.css                       ## */
/* ############################################################################################################ */


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

	.nureinshop-block-newsletter--field {
		margin-top: 15px;
	}

/* Label
---------*/

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

/* Input
---------*/

	.nureinshop-block-newsletter--input {
		position: relative;
	}

/* Absenden-Button
-------------------*/

	.nureinshop-block-newsletter--submit {
		margin-top: 20px;
	}


/* Fehlermeldungen
-------------------*/

	.nureinshop-block-newsletter--errors {
		display: none;
		background-color: #ffcccc;
		padding: 20px;
		margin-top: 20px;
	}

	.nureinshop-block-newsletter--errors ul {
		margin: 0 0 0 20px;
	}


/* Fehlermeldungen bei Eingabefeldern
--------------------------------------*/

	.nureinshop-block-newsletter--field input[type="text"].has-error  {
		background-color: #ffcccc;
	}

/* ############################################################################################################ */
/* ##  name: Produktfilter (alpha)                                                                           ## */
/* ##  type: nureinshop/product_filter                                                                       ## */
/* ##  file: /core/nureinshop/plugin/product_filter/lib/block/product_filter/pub/css/style.css               ## */
/* ############################################################################################################ */


.nureinshop-block-product-filter {
	padding-bottom: 20px;
}

.nureinshop-block-product-filter:after {
	content: '';
	clear: both;
	display: table;
}

.nureinshop-block-product-filter--input {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	width: 200px;
}

/* Disabled Status
-------------------*/

	.nureinshop-block-product-filter--input.is-disabled label {
		color: #CCCCCC;
	}

	.nureinshop-block-product-filter--input.is-disabled .nureinshop-block-product-filter--selectvalue {
		border-color: #EEEEEE;
		color: #CCCCCC;
	}

/* Selectfeld
--------------*/

	.nureinshop-block-product-filter--select {
		position: relative;
	}

	.nureinshop-block-product-filter--selectvalue {
		position: relative;
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 7px 15px;
		padding-right: 40px;
		-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;
		cursor: pointer;
		color: #000000;
	}

	.nureinshop-block-product-filter--selectvalue:hover {
		border: 1px solid #bbbbbb;
	}

	/* Menue
	--------*/

		.nureinshop-block-product-filter--selectmenu {
			display: none;
			position: absolute;
			top: 38px;
			left: 0;
			min-width: 150px;
			background-color: #FFFFFF;
			-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.75);
			border-radius: 5px;
			z-index: 1000;
		}

		.nureinshop-block-product-filter--selectmenu li {
			display: block;
			padding: 5px 10px;
			cursor: pointer;
			color: #454545 !important;
		}

		.nureinshop-block-product-filter--selectmenu li:first-of-type {
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			border-bottom: 1px solid #DDDDDD;
		}

		.nureinshop-block-product-filter--selectmenu li:last-of-type {
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
		}

		.nureinshop-block-product-filter--selectmenu li:hover {
			background-color: #f2f2f2;
		}

		.nureinshop-block-product-filter--selectmenu li.is-disabled {
			opacity: 0.3;
		}

		.nureinshop-block-product-filter--selectmenu li.is-selected {
			font-weight: bold;
			background-color: #F8F8F8;
		}

/* Reset-Button
----------------*/

	.nureinshop-block-product-filter--reset {
		float: left;
		display: inline-block;
		height: 36px;
		width: 36px;
		background-image: url("/core/nureinshop/plugin/product_filter/lib/block/product_filter/pub/img/reset.svg");
		background-repeat: no-repeat;
		background-size: 28px auto;
		background-color: #DB0E18;
		background-position: center center;
		border-radius: 3px;
		cursor: pointer;
		margin-top: 32px;
	}

	.nureinshop-block-product-filter--reset:hover {
		opacity: 0.8;
	}

/* ############################################################################################################ */
/* ##  name: Slideshow                                                                                       ## */
/* ##  type: nureinshop/slideshow                                                                            ## */
/* ##  file: /core/nureinshop/plugin/slideshow/lib/block/slideshow/pub/css/store.css                         ## */
/* ############################################################################################################ */


.block-nureinshop-slideshow > .container {
	padding-left: 0;
	padding-right: 0;
}

.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: Beitragsliste                                                                                   ## */
/* ##  type: nureinshop/subpages                                                                             ## */
/* ##  file: /core/nureinshop/block/subpages/pub/css/style.css                                               ## */
/* ############################################################################################################ */


/* Allgemeine Styles
--------------------*/

	.subpages {
		display: grid;
		column-gap: 30px;
		row-gap: 30px;
		margin-top: 20px;
	}

	.subpages article {
		background-color: #FFFFFF;
	}

	/* Bild
	--------*/

		.subpages-image {
			display: block;
			position: relative;
		}

	/* Datum
	---------*/

		.subpages-releasedate {
			margin-top: 5px;
		}

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

		.block-nureinshop-subpages .pagination-wrapper {
			margin-top: 20px;
		}

/* Ueberschriften
-----------------*/

	.subpages-list h2 {
		margin-top: 0;
	}

/* Spaltenansicht
------------------*/

	.subpages-grid[data-cols="1"] {
		grid-template-columns: minmax(0, 1fr);
	}
	.subpages-grid[data-cols="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.subpages-grid[data-cols="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	.subpages-grid[data-cols="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	.subpages-grid[data-cols="5"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	.subpages-grid[data-cols="6"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	.subpages-grid[data-cols="7"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}

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

		.subpages-grid[data-cols="1"] {
			grid-template-columns: minmax(0, 1fr);
		}
		.subpages-grid[data-cols="2"] {
			grid-template-columns: minmax(0, 1fr);
		}
		.subpages-grid[data-cols="3"] {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}
		.subpages-grid[data-cols="4"] {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}
		.subpages-grid[data-cols="5"] {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}
		.subpages-grid[data-cols="6"] {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}
		.subpages-grid[data-cols="7"] {
			grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}

	}

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

		.subpages-grid[data-cols="1"],
		.subpages-grid[data-cols="2"],
		.subpages-grid[data-cols="3"],
		.subpages-grid[data-cols="4"],
		.subpages-grid[data-cols="5"],
		.subpages-grid[data-cols="6"],
		.subpages-grid[data-cols="7"] {
			grid-template-columns: minmax(0, 1fr);
		}
	}

/* Listenansicht
-----------------*/

	.subpages-list .subpages-content {
		float: left;
	}

	.subpages-list .subpages-image {
		width: 350px;
	}

	/* Artikeleintrag
	------------------*/

		.subpages-list article {
			display: grid;
			grid-template-columns: auto minmax(0, 1fr);
			column-gap: 20px;
		}

		@media screen and (max-width: 800px) {
			.subpages-list article {
				display: block;
			}

			.subpages-list .subpages-image {
				width: 100%;
			}
		}


/* Akkordeon-Ansicht
=====================*/

	.subpages-accordion {
		display: block;
		margin-top: 20px;
	}

	.nureinshop-block-subpages-accordion {
		margin-top: 20px;
	}

/* Eintrag
-----------*/

	.nureinshop-block-subpages-accordion--item {
		display: block;
		background-color: #FFFFFF;
		border: none;
		margin-top: 5px;
	}

/* Anklickbare Kopfzeile
-------------------------*/

	.nureinshop-block-subpages-accordion--head {
		display: block;
		position: relative;
		padding: 15px 20px;
		background-color: #454545;
		color: #FFFFFF;
		cursor: pointer;
	}

	.nureinshop-block-subpages-accordion--head:hover,
	.nureinshop-block-subpages-accordion--head:active,
	.nureinshop-block-subpages-accordion--head:focus {
		color: #FFFFFF !important;
	}

	.nureinshop-block-subpages-accordion--head:hover a:hover {
		color: #FFFFFF;
	}

	.nureinshop-block-subpages-accordion--head * {
		color: inherit;
	}

	.nureinshop-block-subpages-accordion--head:after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
		width: 16px;
		height: 16px;
		background-image: url("/core/nureinshop/block/accordion/pub/img/arrow-right.svg");
		background-size: 100% auto;
		background-repeat: no-repeat;
	}

	.is-open .nureinshop-block-subpages-accordion--head:after {
		background-image: url("/core/nureinshop/block/accordion/pub/img/arrow-down.svg");
	}

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

	.nureinshop-block-subpages-accordion--body {
		display: none;
		padding: 20px;
		background-color: #F2F2F2;
	}

/* Naviations-Pfeile
---------------------*/

	.block-nureinshop-subpages .owl-carousel .owl-nav {
		position: absolute;
		top: calc(50% - 25px);
		transform: translateY(-50%);
		width: 100% !important;
	}

	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-prev,
	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-next {
		position: absolute;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
		width: 24px;
		height: 50px;
		opacity: 0.4;
	}

	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-prev:hover,
	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-next:hover {
		opacity: 1;
	}

	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-prev {
		left: -50px;
		background-image: url('/core/nureinshop/block/subpages/pub/img/prev.svg');
	}

	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-next {
		right: -50px;
		background-image: url('/core/nureinshop/block/subpages/pub/img/next.svg');
	}

	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-prev.disabled,
	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-next.disabled {
		display: none !important;
	}

	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-prev span,
	.block-nureinshop-subpages .owl-carousel .owl-nav button.owl-next span {
		display: none;
	}

/* Carousel-Dots
-----------------*/

	.block-nureinshop-subpages .owl-carousel .owl-dots {
		width: 100%;
		text-align: center;
		position: relative;
		margin-top: 15px;
	}

	.block-nureinshop-subpages .owl-carousel .owl-dots .owl-dot {
		margin: 5px 3px;
		display: inline-block;
	}

	.block-nureinshop-subpages .owl-carousel .owl-dots .owl-dot span {
		display: inline-block;
		height: 12px;
		width: 12px;
		border-radius: 100%;
		background-color: #DDDDDD;
	}

	.block-nureinshop-subpages .owl-carousel .owl-dots .owl-dot:hover span {
		opacity: 0.8;
	}

	.block-nureinshop-subpages .owl-carousel .owl-dots .owl-dot.active span {
		background-color: #AAAAAA;
	}

/* Mehr-Button
---------------*/

	.subpages-button {
		margin-top: 20px;
	}


/* ############################################################################################################ */
/* ##  name: Text + Bild                                                                                     ## */
/* ##  type: nureinshop/text_image                                                                           ## */
/* ##  file: /core/nureinshop/block/text_image/pub/css/style.css                                             ## */
/* ############################################################################################################ */


/* Block: Text + Bild
----------------------*/

	.block-nureinshop-text-image {
		padding-top: 30px;
	}

	.block-nureinshop-text-image .image-is-left,
	.block-nureinshop-text-image .image-is-right {
		display: grid;
		grid-template-columns: minmax(0,1fr) minmax(0,1fr);
		column-gap: 30px;
	}

		@media screen and (max-width: 800px) {
			.block-nureinshop-text-image .image-is-left,
			.block-nureinshop-text-image .image-is-right {
				display: block;
			}
		}

/* Bild
--------*/

	.block-nureinshop-text-image .image-container img {
		display: block;
	}

		@media screen and (max-width: 800px) {
			.block-nureinshop-text-image .image-container {
				min-height: 300px;
			}
		}

/* Mobiles Bild
----------------*/

	.image-mobile-container {
	    display: none;
	}

	@media screen and (max-width: 800px) {
	    .image-mobile-container {
	        display: block;
	        width: 100%;
			margin-bottom: 20px;
	    }
		.image-container {
			display: none !important;
		}
	}

/* ############################################################################################################ */
/* ##  name: Benutzerprofil                                                                                  ## */
/* ##  type: nureinshop/user_profile                                                                         ## */
/* ##  file: /core/nureinshop/plugin/acl/lib/block/user_profile/pub/css/style.css                            ## */
/* ############################################################################################################ */


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

	.account--portal {
		display: grid;
		grid-template-columns: 230px minmax(0,1fr);
		grid-gap: 20px;
		margin-top: 20px;
	}

	@media screen and (max-width: 768px) {
		.account--portal {
			display: block;
			margin-top: 20px;
		}
	}

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

	.account--nav {
		width: 230px;
	}

	@media screen and (max-width: 768px) {
		.account--nav {
			width: 100%;
		}
	}

	.account--nav ul {
		margin: 0;
		list-style-type: none;
		padding: 15px 0;
	}

	.account--nav ul li {
		display: block;
	}

	.account--nav ul li a {
		display: block;
  		padding: 5px 18px 5px 15px;
		border-left: 3px solid transparent;
	}

	.account--nav ul li a:hover {
		background: rgba(255,255,255,0.5);
	}

/* Felder
----------*/

	.account--field {
		margin-top: 15px;
	}

/* Bestellungen
----------------*/

	.account--order {
		background-color: #FFFFFF;
		border-radius: 5px;
		margin-top: 20px;
		border: 1px solid #DDDDDD;
	}

	.account--orders .order:first-of-type {
		margin-top: 0;
	}

	.account--order-info {
		display: grid;
		grid-column-gap: 20px;
		grid-template-columns: auto auto auto auto;
		vertical-align: top;
		padding: 10px 20px;
		background-color: #FFFFFF;
		border-bottom: 1px solid #DDDDDD;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.order-items {
		margin-top: 10px;
		padding: 10px 20px;
	}

	.order-item {
		display: grid;
		grid-column-gap: 20px;
		grid-template-columns: auto minmax(0, 1fr);
		border-top: 1px solid #dddddd;
		padding: 15px 0;
	}

	.order-item:first-of-type {
		border-top: 0;
		padding-top: 0;
	}

	.order-item-image {
		position: relative;
		border: 1px solid #DDDDDD;
	}

	.order-item-amount {
		position: absolute;
		right: 5px;
		bottom: 5px;
		background-color: #FFFFFF;
		color: #000000;
		text-align: center;
		font-weight: bold;
		border-radius: 25px;
		width: 18px;
		font-size: 12px;
	}

	.order-total {
		text-align: right;
		font-weight: bold;
	}

	.order-summary {
		display: grid;
		grid-column-gap: 20px;
		grid-template-columns: minmax(0, 1fr) auto auto;
		border-top: 1px solid #dddddd;
	}

	.order-summary > div {
		padding: 7px 0 0 0;
	}

/* ALTE STYLES
================================================*/


/* Portal-Wrapper
------------------*/

	.customer-portal[data-auth="1"] {
		display: grid;
		grid-template-columns: 230px minmax(0, 1fr);
		grid-column-gap: 30px;
	}

	.customer-portal:after {
		content: '';
		clear: both;
		display: table;
	}

/* Login
---------*/

	.customer-login-form {
		background-color: rgba(255,255,255,0.5);
		padding: 20px;
	}

/* Addressen-Liste
-------------------*/

	.address-list {
		list-style-type: none;
	}

	.address-list li {
		display: block;
		padding: 15px;
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		border-radius: 5px;
		margin-top: 7px;
	}



/* Persoenliche Daten
---------------------*/

	.personal-box {
		position: relative;
		background-color: #FFFFFF;
		border-radius: 5px;
		margin-top: 20px;
	}

	.personal-box .edit-link {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.personal-box-header {
		padding: 20px 0 0 20px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-size: 12px;
		text-transform: uppercase;
		color: #777;
	}

	.personal-box-body {
		padding: 10px 20px 20px 20px;
	}

	.personal-box h3 {
		text-transform: uppercase;
		color: #454545;
		margin: 0;
	}

	.personal-info {
		display: grid;
		grid-template-columns: 150px minmax(0, 1fr);
		margin-top: 5px;
	}

	.personal-info .label {
		font-weight: bold;
	}

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

	.form-panel {
		position: relative;
		background-color: #FFFFFF;
		border-radius: 5px;
		margin-top: 20px;
		padding: 20px;
	}

/* Eingabenfelder
------------------*/

	.form-field {
		margin-top: 15px;
	}

/* ############################################################################################################ */
/* ##  name: Merkliste                                                                                       ## */
/* ##  type: nureinshop/wishlist                                                                             ## */
/* ##  file: /core/nureinshop/plugin/wishlist/lib/block/wishlist/pub/css/store.css                           ## */
/* ############################################################################################################ */


.nureinshop-block-wishlist table {
	width: 100%;
	border-collapse: collapse;
}

.nureinshop-block-wishlist table th,
.nureinshop-block-wishlist table td {
	border-bottom: 1px solid #cccccc;
	padding: 20px;
	vertical-align: top;
	text-align: left;
}

.nureinshop-block-wishlist table tr:last-of-type th,
.nureinshop-block-wishlist table tr:last-of-type td {
	border-bottom: none;
}

/* Bildspalte
--------------*/

	.nureinshop-block-wishlist table th:nth-child(1),
	.nureinshop-block-wishlist table td:nth-child(1) {
		width: 190px;
	}

	.nureinshop-block-wishlist--th-amount {
		width: 100px;
	}

	.nureinshop-block-wishlist--td-amount input {
		max-width: 50px;
	}

/* Anzahl
----------*/

	.nureinshop-block-wishlist table th:nth-child(4) {
		width: 120px;
	}

/* Aktion-Spalte
----------------*/

	.nureinshop-block-wishlist table th:nth-child(5) {
		width: 100px;
	}

	.nureinshop-block-wishlist table td:nth-child(5) {
		text-align: right;
	}

		.nureinshop-block-wishlist table td:nth-child(5) img {
			opacity: 0.5;
			max-width: 16px;
		}
		.nureinshop-block-wishlist table td:nth-child(5)  img:hover {
			opacity: 1;
		}



/* ############################################################################################################ */
/* ##  name: Standard                                                                                        ## */
/* ##  type: nureinshop/default                                                                              ## */
/* ##  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: Standard                                                                                        ## */
/* ##  type: nureinshop/default                                                                              ## */
/* ##  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;
	}

	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. fuer 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 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 Bloecken
----------------------------*/

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

/* ############################################################################################################ */
/* ##  name: Standard                                                                                        ## */
/* ##  type: nureinshop/default                                                                              ## */
/* ##  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: Standard                                                                                        ## */
/* ##  type: nureinshop/default                                                                              ## */
/* ##  file: /core/nureinshop/theme/default/pub/css/module/button.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;
	font-family: inherit;
	letter-spacing: inherit;
}

.btn * {
	color: #FFFFFF;
}

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

/* ############################################################################################################ */
/* ##  name: Standard                                                                                        ## */
/* ##  type: nureinshop/default                                                                              ## */
/* ##  file: /core/nureinshop/theme/default/pub/css/module/productgrid.css                                   ## */
/* ############################################################################################################ */

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

.productgrid {
	margin-top: 20px;
}

/* 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 {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

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

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

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

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

	.product-priceoffer {
		font-size: 13px;
		font-weight: 400;
	}

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

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

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

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

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

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

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

	.product-buttons .btn {
		line-height: inherit;
		font-family: inherit;
	}


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


a {
	color: #1d77b8;
}

a:hover {
	color: #1d77b8;
}

.btn {
	background-color: #1d77b8;
}

h1, h2 {
    color: #1d77b8;
}

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

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

.feature-price-container {
	background-color: #1d77b8;
}

footer h2 {
	color: #1d77b8;
}

.productcategories-entry {
	background-color: #1d77b8;
}

header .headerlinks li a:hover {
	color: #1d77b8;
	border-color: #1d77b8;
}

header .headerlinks li a:hover * {
	color: #1d77b8;
}

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

	.minicart-amount {
		background-color: #1d77b8;
	}

	.minicart-counter {
		background-color: #1d77b8;
	}

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

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

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

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

	@media screen and (min-width: 1025px) {
		#region-nav .level-2,
		#region-nav .level-2 ul {
			background-color: #1d77b8;
		}
	}

	@media screen and (max-width: 1024px) {
		#region-nav .level-2 a,
		#region-nav .level-2 ul a {
			color: #1d77b8;
		}
	}

/* Akkordeon
-------------*/

	.nureinshop-block-accordion--head {
		background-color: #1d77b8;
	}

/* Subpages
------------*/

	.nureinshop-block-subpages-accordion--head {
		background-color: #1d77b8;
	}

/* Addressbuch-Kategorien
--------------------------*/

	.addressbook--categorylist article a {
		background-color: #1d77b8;
	}

/* Benutzer-Adressen
---------------------*/

	.addresspicker--btn {
		background-color: #1d77b8;
		border: 1px solid #1d77b8;
	}

/** generated: 2025-06-16 16:39:40 **/