/**
 * Nur-ein-Shop
 * https://www.nur-ein-shop.de
 *
 * @contact support@nur-ein-shop.de
 * @copyright 2017-2020 SchreiberGrimm . Werbeagentur GmbH (http://www.schreibergrimm.com)
 */

@import "base/style.css";

@import "ui/nureinshop-tree.css";

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

	nav {
		background-color: #2c3237;
		width: 210px;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 3;
		-webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
	}

	nav .logo {
		height: 30px;
		margin: 20px 20px 25px 16px;
	}

	nav ul li .fa {
		display: inline-block;
		width: 25px;
		padding-right: 5px;
		text-align: center;
	}

	nav ul li a {
		color: #FFFFFF;
		font-weight: 300;
	}

	nav ul li.active > a {
		background-color: rgba(255, 255, 255, 0.2);
	}

	nav .bottom {
		position: absolute;
		bottom: 0;
		width: 100%;
		margin-bottom: 20px;
	}

	nav ul li a {
		opacity: 0.9;
		display: block;
		padding: 10px 20px 10px 20px;
		width: 100%;
	}

	nav ul li a:hover {
		background-color: rgba(255, 255, 255, 0.1);
		color: #FFFFFF;
	}

	nav ul li a.seperated {
		margin-top: 15px;
	}

	/* Subnavigation
	-----------------*/

		nav ul ul {
			display: none;
		}

		nav ul ul li a {
			position: relative;
			padding: 7px 0 7px 50px;
			font-size: 13px;
		}

	/* App-Version
	---------------*/

		nav .app-version-info {
			position: absolute;
			top: 44px;
			right: 66px;
			font-size: 9px;
			color: #888888;
			cursor: pointer;
		}

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

		nav ul li a.has-warning {
			position: relative;
		}

		nav ul li a.has-warning:after {
			content: "\f071";
			display: block;
			height: 13px;
			width: 13px;
			font-family: FontAwesome;
			color: #c44536;
			font-size: 12px;
			position: absolute;
			right: 16px;
			top: 14px;
		}

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

		nav {
			position: relative;
			bottom: inherit;
			width: 100%;
		}

		nav ul {
			position: relative !important;
			top: inherit;
			bottom: inherit;
			width: 100%;
		}

		nav ul li a {
			border-top: 1px solid rgba(255, 255, 255, 0.1);
		}

		nav ul li a.seperated {
			margin-top: 0;
		}

		nav .bottom {
			position: relative;
		}

	}

	.nav-toggle {
		display: none;
	}

	@media screen and (max-width: 1160px) {
		.nav-toggle {
			display: block;
			position: absolute;
			top: 25px;
			right: 30px;
			color: #FFFFFF;
			font-size: 20px;
			cursor: pointer;
		}
	}

	/* Meldung in der Navigation
	-------------------------------------------*/

	.nav-message {
		display: block;
		margin: 20px 20px 0 20px;
		padding: 10px 14px;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: #c44536;
		font-weight: 400;
		font-size: 13px;
		cursor: pointer;
		line-height: 21px;
	}

	.nav-message.shaking {
		animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
		transform: translate3d(0, 0, 0);
		backface-visibility: hidden;
		perspective: 1000px;
	}

	@keyframes shake {
	  10%, 90% {
		transform: translate3d(-1px, 0, 0);
	  }

	  20%, 80% {
		transform: translate3d(2px, 0, 0);
	  }

	  30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	  }

	  40%, 60% {
		transform: translate3d(4px, 0, 0);
	  }
	}

	.nav-message:hover {
		opacity: 0.8;
		color: #FFFFFF;
	}

/* Warnmeldungen in der Navigation
-----------------------------------*/

	.warning-container-item {
		display: block;
		margin: 20px 20px 0 20px;
		padding: 5px 14px 7px 15px;
		border-radius: 5px;
		color: #FFFFFF;
		background-color: #ff9800;
		font-weight: 400;
		font-size: 13px;
		cursor: pointer;
		line-height: 21px;
	}

	.warning-container-item:hover {
		opacity: 0.8;
		color: #FFFFFF;
	}

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

	.mce-edit-focus {
		outline: none;
	}

	#tinymce {
		padding: 10px !important;
	}

	#tinymce p {
		margin-bottom: 10px;
	}

	.mce-panel {
		background-image: linear-gradient(#f7f7f8, #f4f5f6) !important;
		border: 0 solid #dadae5 !important;
	}

	.mce-flow-layout {
		padding: 3px !important;
	}

	.mce-tinymce {
		border: 1px solid #dadae5 !important;
		box-shadow: none !important;
	}

	.mce-tinymce iframe {
		outline: #dadae5 solid 1px !important;
	}

	#4f09daa9d95bcb166a302407a0e0babe {
		display: block !important;
	}

/**
 * Subnav
 */
	.admin-ui-subnav {
		position: absolute;
		top: 75px;
		bottom: 0;
		left: 0px;
		background-color: #FFFFFF;
		border-right: 1px solid #DDDDDD;
		width: 250px;
		z-index: 3;
	}

	.admin-ui-subnav li {
		position: relative;
	}

	.admin-ui-subnav ul {
		width: 100%;
		margin-bottom: 20px;
	}

	@media screen and (max-width: 768px) {
		.admin-ui-subnav ul {
			position: relative;
		}
	}

	.admin-ui-subnav ul a {
		display: block;
		position: relative;
		color: rgba(255,255,255,0.8);
			color: #434343;
		/*border-bottom: 1px dotted #dddddd;*/
		padding: 10px 20px;
	}

	.admin-ui-subnav  ul li a .fa {
		padding-right: 5px;
		width: 20px;
	}

	.admin-ui-subnav ul li a:hover {
		background-color: rgba(0, 0, 0, 0.05);
		cursor: pointer;
	}

	.admin-ui-subnav ul li.active > a {
		background-color: rgba(0, 0, 0, 0.05);
		background-color: #009cdf;
		color: #FFFFFF;
		cursor: pointer;
	}

	.admin-ui-subnav .fa-check-circle {
		display: inline-block;
		position: absolute;
		top: 13px;
		right: 20px;
		padding: 0 !important;
		display: none;
	}

	/* Systemeinstellungen-Button ganz unten
	-------------------------------------------*/

		.admin-ui-subnav-systemsettings {
			position: absolute;
			width: 100%;
			bottom: 0;
			padding: 20px;
			text-align: center;
		}

		@media screen and (max-width: 768px) {
			.admin-ui-subnav-systemsettings {
				position: relative;
				width: 100%;
				bottom: unset;
				padding: 0 20px 20px 20px;
			}
		}

		/* Validierungsicon
		--------------------*/

		.admin-ui-subnav li .fa-exclamation-triangle {
			position: absolute;
			top: 14px;
			right: 18px;
			content: "\f071";
			font-family: FontAwesome;
			color: #c44536;
			font-size: 13px;
		}

		.admin-ui-subnav li.active .fa-exclamation-triangle {
			color: #FFFFFF;
		}

	@media screen and (max-width: 768px) {
		.admin-ui-subnav {
			position: relative;
			top: unset;
			right: unset;
			bottom: unset;
			left: unset;
			width: 100%;
			margin: 0;
			border: none;
		}
	}

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

		.admin-ui-subnav__seperator {
			position: relative;
			padding-top: 20px;
			padding: 10px 20px 5px 20px;
			color: #999999;
		}

		.admin-ui-subnav__seperator.is-open {
			border-bottom: 1px solid transparent;
		}

/* Main
--------*/

	main {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 210px;
		z-index: 1;
		background-color: #eff1f3;
	}

	@media screen and (max-width: 768px) {
		main {
			position: relative;
			top: 0;
			left: 0;
		}
	}

	main p {
		margin-bottom: 10px;
	}

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

		.header {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			height: 75px;
			z-index: 2;
			background-color: #FFFFFF;
			border-bottom: 1px solid #DDD;
		}

		@media screen and (max-width: 768px) {
			.header {
				position: relative;
				height: auto;
			}
		}

		.header.is-indented {
			left: 350px;
		}

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

		.header h1 {
			float: left;
			font-size: 26px;
			padding: 20px;
		}

		.breadcrumb {
			padding: 22px 20px;
			float: left;
		}

		.breadcrumb li {
			display: inline-block;
			font-size: 22px;
			color: #424242;
		}

		.breadcrumb li:after {
			content: '\f0da';
			font-family: FontAwesome;
			font-weight: normal;
			font-style: normal;
			margin: 0px 10px 0px 10px;
			text-decoration:none;
			vertical-align: text-top;
		}

		.breadcrumb li:last-of-type:after {
			display: none;
		}

		.breadcrumb a {
			font-size: 22px;
			color: #424242;
		}

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

			.breadcrumb {
				padding: 10px 20px;
			}

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

			.header h1 {
				font-size: 16px;
			}
			.breadcrumb a {
				font-size: 15px;
			}
		}

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

			.header .toolbar {
				position: absolute;
				right: 20px;
				top: 20px;
			}

				@media screen and (max-width: 768px) {
					.header .toolbar {
						position: relative;
						right: inherit;
						top: inherit;
						clear: both;
						padding-left: 20px;
						padding-right: 20px;
					}

					.header .toolbar .btn {
						margin-right: 10px;
						margin-bottom: 15px;
					}
				}

			.header .toolbar .btn {
				margin-left: 5px;
			}

			/* Speichern-Flag
			-------------------------------------------*/

				.btn[data-action="nureinshop/scope/admin/savePage"] {
					opacity: 0.6;
				}

				[data-unsaved-changes] .btn[data-action="nureinshop/scope/admin/savePage"] {
					opacity: 1;
				}

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

	main .content {
		position: absolute;
		padding: 0 20px 20px 20px;
		top: 75px;
		right: 0;
		bottom: 0;
		left: 0;
		overflow-y: auto;
		z-index: 1;
	}

	main .content:after {
		content: "";
		display: block;
		height: 40px;
	}

	@media screen and (max-width: 768px) {
		main .content {
			position: relative;
			top: 0;
			overflow-y: inherit;
		}
	}

	main .content.float-tree {
		left: 300px;
	}

		@media screen and (max-width: 768px) {
			main .content.float-tree {
				left: 0;
			}
		}

	main .content.float-subnav {
		left: 250px;
	}

	@media screen and (max-width: 768px) {
		main .content.float-subnav {
			left: inherit;
		}
	}

	main h2,
	.box-body h2 {
		font-size: 20px;
		margin:  20px 20px 0 0;
		padding: 0;
	}

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

	.content h1 {
		display: inline-block;
		font-size: 26px;
		font-weight: normal;
		margin-bottom: 20px;
	}

	.content h3 {
		font-size: 16px;
		margin-bottom: 5px;
		margin-top: 15px;
	}

	.content ul {
		margin-bottom: 10px;
	}

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

	.feature-list li {
		position: relative;
		display: block;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 25px;
	}

	.feature-list li strong {
		font-weight: 600;
		display: block;
	}

	.feature-list li:before {
		font-family: FontAwesome;
		display: block;
		position: absolute;
		top: 7px;
		left: 3px;
	}

		.feature-list li.bug:before {
			content: '\f188';	/* Bugkäfer */
			color: #e4572e;
			color: #009cdf;
			color: #454545;
		}

		.feature-list li.feature:before {
			content: '\f058';	/* check im Kreis */
			content: '\f055';	/* plus im Kreis */
			color: #76b041;
		}

		.feature-list li.security:before {
			content: '\f023';
			color: #17bebb;
			color: #7042a5;
			color: #ffa92f;
			color: #454545;
		}

		.feature-list li.compat:before {
			content: '\f00c';	/* Check */
			color: #76b041;
			color: #454545;
		}

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

	ul.contentnav {

	}

	ul.contentnav li {
		padding: 10px 20px;
		border-bottom: 1px solid #dddddd;
	}

	ul.contentnav li:last-of-type {
		border-bottom: none;
	}

	ul.contentnav li:hover {
		background-color: rgba(0,0,0,0.05);
		cursor: pointer;
	}

	ul.contentnav li.active {
		background-color: #009cdf;
		color: #FFFFFF;
	}

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

	.system-version {
		position: absolute;
		right: 10px;
		bottom: 20px;
		z-index: 2;
		padding: 5px 10px;
		border-radius: 5px;
		background-color: #eff1f3;
	}

	.system-version,
	.system-version * {
		color: #999999;
		font-size: 13px;
	}

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

	.panel {
		border: none;
		border-radius: 5px;
		background-color: #FFFFFF;
		/*margin: 20px;*/
	}

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

	.form-container {
		display: none;
	}

	.form-container.active {
		display: block;
	}

	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='button'],
	input[type='email'],
	input[type='password'],
	select,
	textarea,
	.tinymce {
		border: 1px solid #dadae5;
		border-radius: 5px;
		padding: 7px 15px;
		width: 100%;
		font-family: inherit !important;
		font-size: 15px !important;
		color: #434343;
	}

	/* Präfix
	----------*/

		.input-prefix {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			padding: 7px 0 7px 15px;
			border: none;
			color: #999999;
			font-size: 15px;
			width: 1px;
			white-space: nowrap;
			/*
			border-right: 1px solid #DDDDDD;
			background-color: #f9f9f9;
			*/
		}

	/* Suffix
	----------*/

		.nureinshop-input-suffix {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			padding: 7px 15px;
			line-height: 25px;
			opacity: 0.5;
			/*
			border-right: 1px solid #DDDDDD;
			background-color: #f9f9f9;
			*/
		}

		.input-container {
			position: relative;
			display: table;
			border: 1px solid #dadae5;
			border-radius: 5px;
			padding: 0;
			width: 100%;
			font-size: 15px;
			color: #434343;
		}

		.input-container:after {
			content: "";
			clear: both;
			display: table;
		}

		.input-container > input {
			border: none;
			float: left;
			display: table-cell;
		}

	.tinymce {
		max-height: 200px;
		overflow-y: auto;

	}

	.tinymce * {
		font-size: 15px;
	}

	.multiple input[type='text'],
	.multiple input[type='button'],
	.multiple input[type='email'],
	.multiple textarea {
		width: calc(100% - 65px);
	}

	.multiple input[type='button'].btn-multiple {
		width: 50px;
		float: right;
		cursor: pointer;
	}

	/**
	 * Multiple Select
	 */
		.select-multiple {
			border: 1px solid #dadae5;
			border-radius: 5px;
			padding: 0;
			width: 100%;
			font-size: 16px;
			color: #434343;
		}

		.select-multiple-search {
			position: relative;
		}

		.select-multiple-search:before {
			content: '\f002';
			font-family: FontAwesome;
			position: absolute;
			display: block;
			height: 30px;
			width: 30px;
			top: 11px;
			left: 15px;
			color: #CCCCCC;
		}

		.select-multiple-search input {
			border: none;
			border-bottom: 1px solid #dadae5;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			font-size: 13px;
			padding: 10px 10px 10px 35px;
			background-color: #f2f2f2;
		}

		.select-multiple-list {
			max-height: 250px;
			overflow-y: scroll;
			margin-bottom: 5px;
		}

		.select-multiple-entry {
			display: block;
			padding: 10px 10px 5px 10px;
			margin: 0;
		}

		.select-multiple-entry:hover label {
			color: #000000;
		}

		.select-multiple-entry * {
			font-size: 14px;
		}

		.select-multiple-entry:last-of-type {
			border-bottom: none;
		}

		.field .select-multiple-entry label {
			padding: 0 0 0 30px;
			margin: 0;
		}

		/* Inlinedarstellung
		---------------------*/

		.select-multiple-inline {
			border: none;
			padding-top: 3px;
		}

		.select-multiple-inline .select-multiple-list {
			padding: 0;
			height: auto;
			margin-bottom: 0;
		}

		.select-multiple-inline .select-multiple-entry {
			display: block;
			float: left;
			margin: 0 10px 10px 0;
			padding: 7px 10px;
			border: 1px solid #dadae5;
			border-radius: 5px;
		}

/* Section
-----------*/

	section {
		box-shadow: 0 0 0 1px #e3e5e8;
		border-radius: 5px;
		background-color: #FFFFFF;
		margin: 0 20px 20px 20px;
	}

/* Baum
--------*/

	.tree-wrapper {
		position: absolute;
		top: 75px;
		bottom: 0;
		overflow-x: hidden;
		border-right: 1px solid #DDDDDD;
		background-color: #FFFFFF;
		width: 300px;
		padding-top: 20px;
	}

		.tree-info-message {
			position: fixed;
			bottom: 12px;
			left: 480px;
			z-index: 2;
		}

		.tree-info-message i {
			opacity: 0.2;
		}

		.tree-info-message i:hover {
			opacity: 1;
		}

	.tree-wrapper .tree {
		margin-bottom: 50px;
	}

	.tree {
		/*padding-top: 25px;*/
	}
	.tree li {
		clear: both;
		overflow-x: hidden;
	}
	.tree li a {
		display: block;
		padding: 1px 0 1px 0;
		cursor: default;
		width: 2000px;
	}
	.tree li a:after {
		content: "";
		clear: both;
		display: block;
		height: 0.05em;
	}
	.tree li a > * {
		float: left;
	}

	.tree li.is-inactive > a * {
		opacity: 0.3;
	}

	.tree .fa {
		color: #2c3237;
	}

	@media screen and (max-width: 768px) {
		.tree-wrapper {
			width: 100%;
			position: relative;
			top: 0;
			padding-top: 0;
			border-bottom: 1px solid #dddddd;
		}
	}

	/* Systemseiten
	----------------*/

		.tree a.systempage {
			display: none;
			opacity: 0.3;
		}

		.tree.show-system-pages a.systempage {
			display: block;
		}

	/* Mouseover Effekt
	--------------------*/

	.tree li a:hover {
		background-color: #f5f5f5;
	}
	.tree li a:hover .name {
		color: #222222;
	}

	.tree li a.active {
		background-color: #cdebf8;
	}

	/* Inaktiv-Zustand */
	.tree a.is-inactive * {
		color: #a63c06 !important;
		/*content: "\f15b" !important;*/
	}

	/* Versteckt-Zustand */
	.tree a.hide-from-menu * {
		opacity: 0.6;
	}

	/* Icons
	---------*/

		.tree .fa,
		.tree .mdi {
			display: inline-block;
			height: 24px;
			width: 24px;
			line-height: 24px;
			font-size: 18px;
			text-align: center;
			vertical-align: middle;
			padding: 0;
			color: #343434;
		}

		/* Icon-Größe
		--------------*/

			/**
			 * Die Icons werden im Firefox nicht so scharf gerendert.
			 * Daher wird hier mit etwas Tricks versucht, die Schärfe noch ein bisschen zu optimieren.
			 */
			.tree .mdi {
				font-size: 17px;
				text-rendering: optimizeLegibility;
				 -webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				transform: scale(0.97) !important; /* Minimales Skalieren */
			}

			.tree .mdi-magnify {
				font-size: 20px;
			}

			.tree .mdi-menu-right,
			.tree .mdi-menu-down {
				font-size: 21px;
			}

		.tree .fa-home,
		.tree .fa-folder,
		.tree .fa-folder-open {

		}

	/* Expander
	------------*/

	.tree .expander.fa-caret-right,
	.tree .expander.fa-caret-down,
	.tree .expander.mdi-menu-right,
	.tree .expander.mdi-menu-down {
		cursor: pointer;
	}

	/* Node-Bezeichnung
	--------------------*/

	.tree .name {
		display: inline-block;
		padding-left: 3px;
		height: 16px;
		line-height: 24px;
		color: #2a2a2a;
		font-weight: 400;
		cursor: pointer;
	}

	/* Abstände
	------------*/

		.tree li a {
			padding-left: calc(24px);
		}
		.tree li li a {
			padding-left: calc(24px * 1);
		}
		.tree li li li a {
			padding-left: calc(24px * 2);
		}
		.tree li li li li a {
			padding-left: calc(24px * 3);
		}
		.tree li li li li li a {
			padding-left: calc(24px * 4);
		}
		.tree li li li li li li a {
			padding-left: calc(24px * 5);
		}
		.tree li li li li li li li a {
			padding-left: calc(24px * 6);
		}
		.tree li li li li li li li li a {
			padding-left: calc(24px * 7);
		}
		.tree li li li li li li li li li a {
			padding-left: calc(24px * 8);
		}
		.tree li li li li li li li li li li a {
			padding-left: calc(24px * 9);
		}

/* Editor-Einstellungen
------------------------*/

.ck-editor__editable {
	min-height: 200px;
}

.ck-editor__editable_inline {
	padding: 10px !important;
}

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

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

	#notice-container > div {
		position: relative;
		padding: 15px 20px 15px 45px;
		border: 5px;
		color: #FFFFFF;
		border-radius: 5px;
		margin: 0 10px 10px 0;
		background-color: #3c3f41;
		font-weight: 300;
	}
	#notice-container > div * {
		color: #FFFFFF;
	}
	#notice-container > div:before {
		content: "\f05a";
		font-family: FontAwesome;
		font-size: 18px;
		display: block;
		height: 16px;
		width: 16px;
		position: absolute;
		top: 15px;
		left: 20px;
		background-repeat: no-repeat;
		background-position: center center;
		opacity: 0.4;

	}
	#notice-container .success {
		background-color: #4c934c;
	}
	#notice-container .success:before {
		content: "\f058";
	}
	#notice-container .info {
		background-color: #009cdf;
	}
	#notice-container .info:before {
		content: "\f05a";
	}
	#notice-container .error {
		background-color: #ba3027;
	}
	#notice-container .error:before {
		content: "\f06a";
	}
	#notice-container .warning {
		background-color: #bc6a00;
	}
	#notice-container .warning:before {
		content: "\f06a";
	}

/* Taskplaner
--------------*/

	.scheduler {
		display: none;
		padding: 20px;
		margin-bottom: 20px;
		text-align: right;
		background-color: #efefef;
	}

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

	.mediapool {
		border: 1px solid #ddd;
		border-radius: 5px;
		padding: 5px;
	}

	.mediapool:after {
		content: "";
		clear: both;
		display: block;
		height: 0.05em;
		line-height: 0;
	}

	.mediapool-item {
		position: relative;
		display: block;
		height: 150px;
		min-width: 150px;
		float: left;
		margin: 10px;
		border-radius: 3px;
		background-color: #eff1f3;
		padding: 1px;
	}

		.mediapool-item:hover {
			background-color: rgba(0,0,0,0.2);
		}

	.mediapool-item.add {
		cursor: pointer;
		opacity: 0.3;
	}

	.mediapool-image-wrapper,
	.mediapool-document-wrapper {
		display: block;
		height: 148px;
		position: relative;
		text-align: center;
		overflow: hidden;
	}

		.mediapool-image {
			max-width: 100%;
			max-height: 100%;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}

		.mediapool-item:hover .mediapool-image {
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
		}

	.mediapool-document-label {
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: 0;
		left: 0;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		background-color: rgba(0, 0, 0, 0.5);
		text-align: center;
		width: 100%;
		overflow: hidden;
		color: #FFFFFF;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

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

		.mediapool-label-wrapper {
			display: none;
			position: relative;
			background-color: rgba(0,0,0,0.6);
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}

		.mediapool-label {
			position: absolute;
			right: 0;
			left: 0;
			text-align: center;
			padding: 3px 5px 3px 5px;
			z-index: 2;
			color: #FFFFFF;

			top: 50%;
			transform: translateY(-50%);
			font-size: 12px;
		}

		.mediapool-item:hover .mediapool-label-wrapper {
			display: block;
		}

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

		.mediapool-toolbar {
			position: absolute;
			top: 0;
			right: 0;
			padding: 7px 10px;
			display: none;
			z-index: 3;
		}

		.mediapool-item:hover .mediapool-toolbar {
			display: block;
		 }

		.mediapool-toolbar .fa {
			font-size: 16px;
			padding-left: 5px;
			cursor: pointer;
			color: #FFFFFF;
		}

	/* Statusbar
	-------------*/

		#progressBar {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			height: 5px;
			background-color: #009cdf;
			border-radius: 5px;
			display: none;
		}

/** Systemwarnungen
--------------------*/

	.systemwarning-item {
		margin-bottom: 10px;
		padding: 20px;
		background-color: #eff1f3;
		border-radius: 5px;
	}

	.systemwarning-item:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
	}

	.systemwarning-title {
		font-weight: bold;
		display: block;
		margin-bottom: 3px;
	}

/* Infomeldung
---------------*/

	.updateinfo {
		display: none;
		padding: 20px;
		border-radius: 5px;
		margin-bottom: 20px;
		background-color: #d0e7f2;
	}

/**
 * Responsive Tabellen
 */
@media screen and (max-width: 768px) {

	.box {
		box-shadow: none !important;
	}

	table {
		background-color: transparent;
		border-top: 1px solid #DDDDDD;
	}

	table tr {
		display: block;
		border-bottom: 1px solid #AAAAAA;
	}

	.table-header {
		display: none;
	}

	table.dataTable tbody th,
	table.dataTable tbody td,
	table th,
	table td {
		display: block;
		width: 100%;
		border: none;
		padding: 5px 20px !important;
	}

	table.dataTable tbody td:first-of-type,
	table td:first-of-type {
		padding-top: 20px !important;
	}

	table.dataTable tbody td:last-of-type,
	table td:last-of-type {
		padding-bottom: 20px !important;
	}

	table th::before,
	table td::before {
		content: attr(data-th);
		display: block;
		font-size: 13px;
		font-weight: normal;
		color: #aaa;
		padding-bottom: 2px;
	}
}

/* Logincontainer
------------------*/

	.login-center-box {
		position: absolute;
		left: 50%;
		top: 50%;
		width: 320px;
		transform: translate(-50%, -50%);
		z-index: 999;
	}

	#login {
		height: 100%;
		width: 100%;
		background-color: #efefef;
		background-image: url('../img/login_bgr.png');
		background-size: cover;
	}

	#login img {
		margin-bottom: 20px;
		max-width: 80%;
	}

	#nureinshop-login {
		border-radius: 3px;
		padding: 20px;
		background-color: transparent;
		text-align: center;
	}

	.error-message {
		padding: 10px 15px;
		border-radius: 5px;
		color: #BA3027;
		text-align: center;
	}

	.success-message {
		padding: 10px 15px;
		border-radius: 5px;
		color: #46840d;
		text-align: center;
	}

	#nureinshop-login input {
		margin-bottom: 15px;
	}

	#nureinshop-login input[type="text"],
	#nureinshop-login input[type="password"] {
		border: none;
		background-color: #EEEEEE !important;
	}

	#nureinshop-login textarea:focus,
	input:focus,
	select:focus,
	textarea:focus {
		outline: none;
	}

	@media screen and (max-width: 480px) {
		#nureinshop-login {
			width: 100%;
		}
	}

	.login-company-info {
		position: absolute;
		right: 20px;
		bottom: 20px;
		font-size: 12px;
		opacity: 0.5;
	}

	.login-company-info * {
		font-size: 12px;
	}

	/* Slide-Fade Effekt
	-------------------------------------------*/

		[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/**
 * Header-Tooltip
 */
	.license-message {
		background-color: #c44536;
		padding: 10px 20px;
		width: 100%;
		color: #FFFFFF;
		z-index: 4;
		text-align: center;
	}

/* Produktsteuerklassen
------------------------*/

	.tax_product_class {
		border: 1px solid #dadae5;
		border-radius: 5px;
	}

	.tax_product_class li {
		display: block;
		padding: 7px 15px;
		border-bottom: 1px dotted #dadae5;
		font-size: 15px;
		color: #434343;
	}

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

	.tax_product_class li .fa {
		float: right;
		margin-top: 5px;
		cursor: pointer;
	}

/* Kategorie-Baum
------------------*/

	.category-tree {
		border: 1px solid #dadae5;
		border-radius: 5px;
		width: 100%;
		margin-bottom: 20px;
	}

	.category-tree span {
		display: block;
		padding: 7px 15px;
		border-bottom: 1px dotted #EEE;
		cursor: pointer;
	}

	.category-tree span.disabled {
		opacity: 0.5;
	}

	.category-tree span:hover {
		background-color: rgba(0, 0, 0, 0.1);
	}

		.category-tree li li span {
			padding-left: 40px;
		}

		.category-tree li li li span {
			padding-left: 65px;
		}

		.category-tree li li li li span {
			padding-left: 90px;
		}

	.category-tree span .fa {
		padding-right: 10px;
	}

/* Aktion-Buttons im Content
-----------------------------*/

	.action-buttons {
		position: absolute;
		top: 20px;
		right: 20px;
	}

/* Systemupdate Dialog
-----------------------*/

	.update-progress {
		margin-bottom: 20px;
	}

	.update-progress li {
		position: relative;
		margin-bottom: 7px;
		padding: 3px 10px 3px 25px;
		opacity: 0.3;
	}

	.update-progress li:before {
		content: "\f058";
		font-family: FontAwesome;
		font-size: 20px;
		position: absolute;
		top: 3px;
		left: 0;
		opacity: 0.5;
	}

	.update-progress li.done,
	.update-progress li.done:before {
		color: #76b041;
		opacity: 1;
	}

/* Mediathek
-------------*/

	.media-library {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		min-height: 400px;
	}

	.media-library-sitemap {
		position: absolute;
		top: 70px;
		bottom: 0;
		left: 0;
		width: 300px;
		background-color: #FFFFFF;
		overflow-x: hidden;
		border-right: 1px solid #DDDDDD;
	}

	.media-library-listing {
		position: absolute;
		top: 70px;
		right: 250px;
		bottom: 0;
		left: 300px;
		padding: 20px 0 20px 20px;
		overflow-y: auto;
	}

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

		.media-library-toolbar {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			height: 70px;
			background-color: #FFFFFF;
			border-bottom: 1px solid #DDDDDD;
			padding: 15px;
		}

		.media-library-toolbar .btn {
			margin-left: 15px;
		}

			/* Suchfilter
			--------------*/

			.media-library-toolbar-search {
				display: inline-block;
				max-width: 400px;
			}

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

		.media-library-image {
			float: left;
			padding: 0 20px 20px 0;
			max-width: calc(100%/4);
			position: relative;
		}

		@media screen and (max-width: 1280px) {
			.media-library-image {
				max-width: calc(100%/3);
			}
		}



	.media-preview img {
		display: block;
		margin-bottom: 10px;
	}

	.media-detail {
		margin-bottom: 10px;
	}

	.media-detail label {
		display: block;
		font-size: 11px;
		color: #AAAAAA;
	}

	.media-detail strong {
		display: block;
	}

	.media-title {
		position: absolute;
		bottom: 0;
	}


/* Bildergalerie (Mediathek)
-----------------------------*/

	.imagelist {
		margin-left: -10px;
		margin-right: -10px;
	}

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

	.imagelist-entry {
		display: inline-block;
		float: left;
		width: calc((100% / 8) - 20px);
		margin-left: 10px;
		margin-right: 10px;
		border-radius: 5px;
		position: relative;
		height: 200px;
		margin-bottom: 10px;
	}

	.imagelist-image {
		height: 170px;
		overflow: hidden;
		position: relative;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-color: #efefef;
		cursor: pointer;
	}

	.imagelist-image:hover {
		opacity: 0.8;
	}

	@media screen and (max-width: 2000px) {
		.imagelist-entry {
			width: calc((100% / 5) - 20px);
			height: 170px;
		}
		.imagelist-image {
			height: 140px;
		}
	}

	@media screen and (max-width: 1400px) {
		.imagelist-entry {
			width: calc((100% / 5) - 20px);
		}
	}

	@media screen and (max-width: 1280px) {
		.imagelist-entry {
			width: calc((100% / 4) - 20px);
		}
	}

		/* Bildauswahl-Dialog
		----------------------*/

		.ui-dialog .imagelist-entry {
			width: calc((100% / 4) - 20px);
		}

	.imagelist-entry img {
		display: block;
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.imagelist-description {
		background-color: rgba(0,0,0,0.6);
		background-color: #FFFFFF;
		color: #FFFFFF;
		color: #434343;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 5px;
		border-left: 5px solid #FFFFFF;
		border-right: 5px solid #FFFFFF;
		white-space: nowrap;
		overflow-x: hidden;
		text-align: center;
	}

	.imagelist-icon {
		display: block;
		text-align: center;
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 80px;
	}

/* Ladeanzeige für eine DIV
----------------------------*/

	.div-loading {
		position: relative;
	}

	.div-loading:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		background-color: rgba(255, 255, 255, 0.7);
		background-image: url("../img/loader.gif");
		background-repeat: no-repeat;
		background-position: center center;
		border-radius: 5px;
		margin-left: 10px;
		margin-right: 10px;
	}

/* Breadcrumb für Mediathek
----------------------------*/

	.mini-breadcrumb {
		margin-bottom: 20px !important;
	}

	.mini-breadcrumb:after {
		content: "";
		display: table;
		clear: both;
	}

	.mini-breadcrumb li {
		display: block;
		float: left;
	}

	.mini-breadcrumb li:after {
		content: "/";
		display: inline-block;
		padding-left: 3px;
		padding-right: 7px;
	}

	.mini-breadcrumb li:last-of-type:after {
		display: none;
	}

	.mini-breadcrumb li a {
		font-size: 13px;
		color: #999999;
		display: inline-block;
		border: 1px solid #DDDDDD;
		padding: 3px 10px;
		border-radius: 5px;
	}

	.mini-breadcrumb li a .fa {
		padding-right: 5px;
	}

	.mini-breadcrumb li a.current,
	.mini-breadcrumb li a:hover {
		background-color: #009cdf;
		border: 1px solid #009cdf;
		color: #FFFFFF;
	}

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

	.checkbox-label {
		display: inline-block;
		font-size: 10px;
		padding: 2px 5px;
		border-radius: 5px;
		border: 1px solid #DDDDDD;
		background-color: #FFFFFF;
		margin-right: 5px;
		position: relative;
		vertical-align: text-bottom;
		opacity: 0.5;
	}

	.checkbox-label:hover {
		opacity: 1;
	}

	.checkbox-label label {
		font-size: inherit;
	}

/* Auswahlbutton für Aktivierung von allen Attributen
-----------------------------------------------------*/

	.select-all-btn {
		display: inline-block;
		right: 20px;
		bottom: 20px;
		opacity: 0.5;
		cursor: pointer;
	}

	.select-all-btn:hover {
		color: #009cdf;
	}

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

	.variant-table {
		margin: 0;
		width: 100%;
	}

	.variant-table .fa:hover {
		cursor: pointer;
		color: #009cdf;
	}

/* Tinymce-Styling
-------------------*/

	.mce-content-body h1,
	.mce-content-body h2,
	.mce-content-body h3 {
		margin-bottom: 10px;
	}

	.mce-content-body p {
		margin-bottom: 10px;
		line-height: 20px !important;
	}

	.mce-content-body ul,
	.mce-content-body ol {
		margin-left: 20px;
		margin-bottom: 20px;
		list-style-type: unset;
	}

	.mce-content-body ol li {
		list-style-type: decimal;
	}

	.mce-content-body ul li {
		list-style-type: circle;
	}

	.mce-content-body h1 {
		margin-top: 20px;
		font-size: 200%;
	}

	.mce-content-body h2 {
		margin-top: 20px;
		font-size: 170%;
	}

	.mce-content-body h3 {
		margin-top: 20px;
		font-size: 145%;
	}

	.mce-content-body h4 {
		margin-top: 20px;
		font-size: 120%;
	}

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

	.admin-ui-error-message {
		background-color: #c44536;
		padding: 10px 20px;
		border-radius: 5px;
		width: 100%;
		color: #FFFFFF;
		text-align: left;
		margin-bottom: 10px;
	}
	.admin-ui-error-message * {
		color: #FFFFFF;
	}

	.admin-ui-warning-message {
		background-color: #ff9800;
		padding: 10px 20px;
		border-radius: 5px;
		width: 100%;
		color: #FFFFFF;
		text-align: left;
		margin-bottom: 10px;
	}
	.admin-ui-warning-message * {
		color: #FFFFFF;
	}

	.admin-ui-warning-message:before {
		content: "\f06a";
		font-family: FontAwesome;
		font-size: 16px;
	}

	.admin-ui-info-message {
		background-color: #efefef;
		padding: 10px 20px;
		border-radius: 5px;
		width: 100%;
		color: inherit;
		text-align: left;
		margin-bottom: 10px;
	}

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

	.orderscope-filter-container {
		float: right;
	}

	select[name='orderscope-filter'] {
		display: inline-block;
		width: auto;
		padding: 3px 36px 3px 10px;
		margin-left: 3px;
	}

/* Markierung "data-unsaved-changes"
-------------------------------------------*/

	[data-unsaved-changes] main:after {
		display: block;
		content: '';
		width: 2px;
		height: 2px;
		top: 0;
		right: 0;
		background-color: #454545;
		position: absolute;
		z-index: 2;
	}

/* Akkodeon-Element
-------------------------------------------*/

	.accordion {
		margin: 20px 0 20px 0;
	}

	.accordion-header {
		display: block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px 0 20px;
		border: 1px solid #e6e6e6;
		color: #424242;
		background-color: #efefef;
		position: relative;
		cursor: pointer;
		margin-top: 7px;
	}

	.accordion-header:hover {
		background-image: linear-gradient(#f7f7f8, #f1f2f3);
	}

	.accordion-header:before {
		content: "\f0da";
		font-family: FontAwesome;
		padding-right: 7px;
	}

	.accordion-header.is-open:before {
		content: "\f0d7";
		font-family: FontAwesome;
		padding-right: 7px;
	}

	.accordion-content {
		border: 1px solid #e6e6e6;
		padding: 20px;
	}

	.accordion li:last-of-type .accordion-header {
		border-bottom: 1px solid #e6e6e6;
	}

/* Erweiterte Einstellungen
----------------------------*/

	.extend-button {
		position: relative;
		display: inline-block;
		color: #424242;
		opacity: 0.5;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-top: 15px;
	}

	.extend-button:before {
		content: "\f0da";
		font-family: FontAwesome;
		color: #424242;
		display: inline-block;
		padding-right: 4px;
		padding-left: 2px;
	}

	.extend-button:hover {
		opacity: 1;
		color: inherit;
	}

	.extend-button.is-open:before {
		content: "\f0d7";
	}

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

	.upload-button {
		display: none;
	}

	.ui-dialog .upload-button {
		display: block;
		position: absolute;
		top: 20px;
		right: 20px;
	}

/* Bestell-Notizen
-------------------------------------------*/

	.order-notes {
		display: block;
		margin: 0;
		padding: 20px 0 0 0;
		position: relative;
	}

	.order-notes:before {
		content: "";
		display: block;
		position: absolute;
		top: 30px;
		left: 10px;
		z-index: 999;
		width: 3px;
		background-color: #DDDDDD;
		height: calc(100% - 40px);
	}

	.order-notes li {
		display: block;
		margin-bottom: 0;
		padding-bottom: 10px;
		margin-left: 40px;
	}

	.order-notes-content {
		padding: 10px 20px;
		background-color: #efefef;
		border-radius: 5px;
	}

	.order-notes .date {
		display: block;
		font-size: 12px;
		font-style: italic;
		padding: 7px 0 10px 0;
		position: relative;
	}

	.order-notes .date:before {
		content: "";
		display: block;
		position: absolute;
		height: 20px;
		width: 20px;
		border-radius: 20px;
		background-color: #DDDDDD;
		left: -38px;
	}

	.order-notes .date .fa {
		padding-left: 7px;
		border-left: 1px solid #DDDDDD;
		margin-left: 7px;
	}

	.order-notes-content i {
		font-size: 12px;
		opacity: 0.6;
	}

	.order-notes .date .fa:first-of-type {
		padding-left: 0;
		margin-left: 0;
		border-left: none;
	}

	.order-notes-message {
		opacity: 0.6;
	}

/* Fortschrittsbalken
-------------------------------------------*/

	.progress-bar {
		display: block;
		max-width: 100px;
		height: 10px;
		width: 100px;
		background-color: #efefef;
		border-radius: 5px;
		position: relative;
	}

	.progress-bar:before {
		content: "";
		display: block;
		position: absolute;
		background-color: #009cdf;
		height: 10px;
		border-radius: 5px;
		width: 0;
	}

	.progress-bar[data-progress='100']:before { width: 100%; }
	.progress-bar[data-progress='90']:before { width: 90%; }
	.progress-bar[data-progress='80']:before { width: 80%; }
	.progress-bar[data-progress='70']:before { width: 70%; }
	.progress-bar[data-progress='60']:before { width: 60%; }
	.progress-bar[data-progress='50']:before { width: 50%; }
	.progress-bar[data-progress='40']:before { width: 40%; }
	.progress-bar[data-progress='30']:before { width: 30%; }
	.progress-bar[data-progress='20']:before { width: 20%; }
	.progress-bar[data-progress='10']:before { width: 10%; }

/* Abgeschlossene Einträge in Bestellübersicht
-----------------------------------------------*/

	#order_table tr.done td,
	#order_table tr.done td a {
		color: #CCCCCC;
	}

	#order_table tr.done .fa,
	#order_table tr.done td .label {
		opacity: 0.3;
	}

/* Content-Menü
----------------*/

	.content-menu {
		margin: 0;
		padding: 0;
	}

	.content-menu li {
		list-style-type: none;
		display: inline-block;
	}

	.content-menu li a {
		display: inline-block;
		height: 75px;
		line-height: 75px;
		margin: 0 10px 0 20px;
		padding: 0;
		font-size: 22px;
		color: #DDDDDD;
		font-weight: 300;
	}

	.content-menu li a.active {
		border-bottom: 3px solid #009cdf;
		font-weight: 400;
		color: #343434;
	}

/* Block-Editor
----------------*/

	.block-editor {
		padding: 8px 8px 0 8px;
		border-radius: 5px;
	}

	/* Block
	---------*/

		.block-editor .block {
			position: relative;
			margin-bottom: 8px;
			background-color: #f2f2f2;
			padding: 0;
			border-radius: 5px;
		}

		.block-editor .block:hover {
			background-color: rgba(0, 156, 223, 0.2);
		}

		.block-editor .block:hover {
			cursor: pointer;
		}

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

		.block-editor .block-label {
			border-bottom-right-radius: 5px;
			display: block;
			padding: 0 15px 15px 15px;
		}

	/* Überschrift
	---------------*/

		.block-editor .block-title {
			display: inline-block;
			text-align: left;
			border-radius: 5px;
		}

		.block-editor .block-title span {
			display: block;
			font-size: 12px;
			text-transform: uppercase;
			opacity: 0.5;
			margin-bottom: 5px;
			color: #878787;
		}

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

		.block-editor .block-preview {
			display: block;
			font-size: 10px;
			color: #AAA;
			margin-bottom: 10px;
			padding: 5px 15px 5px 15px;
			background-color: rgba(255, 255, 255,0.2);
			border-bottom: 1px dotted #DDDDDD;
		}

		.block-editor .block-preview img {
			width: 16px;
			opacity: 0.7;
			vertical-align: bottom;
			margin-right: 3px;
			position: relative;
			top: -1px;
		}

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

		.block-editor .inactive {
			border-left: 5px solid #c44536;
		}

		.block-editor .inactive .fa-eye-slash {
			color: #c44536;
			opacity: 1;
		}



	/* Block-hinzufügen
	--------------------*/

		.block-editor .block-add-button {
			position: relative;
			display: block;
			border: 1px dashed #AAAAAA;
			cursor: pointer;
			text-align: center;
			padding: 20px 5px;
			font-size: 25px;
			color: #009cdf;
			margin-bottom: 8px;
			background-color: rgba(0, 156, 223, 0.05);
			border-radius: 5px;
		}

		.block-editor .block-add-button:hover {
			background-color: rgba(0, 156, 223, 0.2);
		}

		.block-add-button .click-helper {
			display: block;
			position: absolute;
			top: 37px;
			left: calc(50% + 5px);
			background-image: url('../img/click-helper.svg');
			background-size: 139px 27px;
			width: 139px;
			height: 27px;
			opacity: 0.7;
		}

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

		.block-editor .block-toolbar {
			position: absolute;
			top: 0;
			right: 10px;
			text-align: right;
			height: 31px;
			display: none;
		}

		.block:hover > .block-toolbar {
			display: block;
		}

		.block-editor .block-toolbar > i {
			font-size: 13px;
			color: #343434;
			opacity: 0.2;
			padding-left: 4px;
			padding-right: 0;
			cursor: pointer;
			line-height: 31px;
		}

		.block-editor .block-toolbar > i:hover {
			color: #009cdf;
			opacity: 1;
		}

/* Block-Auswahlliste
----------------------*/

	.block-select-list {
		margin: 0;
		padding: 0;
	}

	.block-select-list .block {
		display: block;
		margin: 0 0 20px 0;
		padding: 10px;
		background-color: #efefef;
		border-radius: 5px;
		cursor: pointer;
		text-align: center;
	}

	.block-select-list .block:hover {
		background-color: #e5e5e5;
	}

	.block-select-list--icon {
		position: absolute;
		top: 7px;
		right: 20px;
	}

	.block-select-list .block-preview {
		width: 100%;
		text-align: center;
	}

	.block-select-list .block-preview img {
		width: 32px;
		margin: 5px 0 0 0;
	}

/* Gridauswahl
---------------*/

	.block-variant-list {
		padding: 10px 20px 20px 20px;
	}

	.block-variant-list .block-variant .block-variant-inner {
		width: 100%;
		margin: 0 auto 0 auto;
	}

	.block-variant-list .block-variant {
		display: block;
		padding: 20px;
		margin: 0 0 20px 0;
		border: 2px solid #CCCCCC;
		border-radius: 5px;
		cursor: pointer;
		text-align: center;
	}

	.block-variant-list .block-variant:hover,
	.block-variant-list .block-variant.selected {
		background-color: rgba(0, 156, 223, 0.2);
	}

	.block-variant .grid-element {
		display: block;
		padding: 10px;
		background-color: #999999;
		border-radius: 2px;
		cursor: pointer;
		text-align: center;
		color: #FFFFFF;
		font-size: 0;
		height: 75px;
	}

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

	.admin-ui-pagination {
		margin: 0 0 20px 0 !important;
		padding: 0;
	}

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

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

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

	.admin-ui-pagination li a.current {
		background-color: #0C7DD8;
		color: #FFFFFF;
		border: 1px solid transparent;
	}

	.admin-ui-pagination .text {
		display: inline-block;
		padding-left: 3px;
		padding-right: 3px;
	}

	.admin-ui-pagination .spacer {
		display: inline-block;
		width: 5px;
	}

	.admin-ui-pagination-btn,
	.admin-ui-pagination-btn-first,
	.admin-ui-pagination-btn-prev,
	.admin-ui-pagination-btn-next,
	.admin-ui-pagination-btn-last {
		display: inline-block;
		padding: 5px 10px 5px 10px;
		margin: 0 5px 0 0;
		background-color: #FFFFFF;
		color: #424242;
		border-radius: 3px;
		border: 1px solid #dadae5;
		text-decoration: none;
		text-align: center;
		font-weight: normal;
		cursor: pointer;
	}

	.admin-ui-pagination-btn:hover,
	.admin-ui-pagination-btn-first:hover,
	.admin-ui-pagination-btn-prev:hover,
	.admin-ui-pagination-btn-next:hover,
	.admin-ui-pagination-btn-last:hover {
		background-color: #0C7DD8;
		color: #FFFFFF;
		border: 1px solid transparent;
	}

	.admin-ui-pagination-btn.inactive,
	.admin-ui-pagination-btn-first.inactive,
	.admin-ui-pagination-btn-prev.inactive,
	.admin-ui-pagination-btn-next.inactive,
	.admin-ui-pagination-btn-last.inactive {
		opacity: 0.4;
	}

	.admin-ui-pagination-btn-first i,
	.admin-ui-pagination-btn-last i{
		font-size: 12px;
	}

	.admin-ui-pagination-input[type="text"] {
		display: inline-block;
		width: 50px;
		padding: 4px 10px;
		margin: 0 3px 0 3px;
		text-align: center;
		font-size: 14px;
	}

/* Code-Eingabefeld
--------------------*/

	[data-inputtype="code"] .ace-code-editor {
		position: relative;
		height:400px;
		width: 100%;
	}

	[data-inputtype="code"] .ace-code-editor * {
		font-family: unset;
		line-height: unset;
		font-size: unset;
	}

	.open_details {
		cursor: pointer;
	}

	.open_details:hover {
		opacity: 0.8;
	}

/* Systemupdate, Release-Ansicht
---------------------------------*/

	[name="global-system-settings-update"] .box-accordion-content h2 {
		font-size: 16px;
		padding-bottom: 2px;
		padding-right: 10px;
	}

	[name="global-system-settings-update"] .box-accordion-content ul li {
		list-style-type: disc;
		margin-left: 20px;
		padding-bottom: 5px;
	}

/* Pluginliste
---------------*/

	.nureinshop-pluginlist-search {
		height: 75px;
		padding: 20px;
	}

	.nureinshop-pluginlist {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 20px;
		padding-left: 0;
	}

	.nureinshop-pluginlist-body {
		padding: 20px 20px 70px 20px;
	}

	.nureinshop-pluginlist#uninstalled_plugins {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

	}

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

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

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

	.nureinshop-pluginlist li {
		position: relative;
		background-color: #FFFFFF;
		border-radius: 5px;
		border: 1px solid #e6e6e6;
		margin-bottom: 20px;
	}

	.nureinshop-pluginlist li[data-status="uninstalled"] {
		border: 1px dashed #e6e6e6;
		background-color: rgba(255,255,255,0.7);
	}

	.nureinshop-pluginlist li h2 {
		font-size: 20px;
		margin: 0 20px 0 0;
		padding: 0;
	}

	.nureinshop-pluginlist .v {
		display: block;
		opacity: 0.4;
		font-size: 11px;
		margin-bottom: 10px;
	}

	.nureinshop-pluginlist li .description {
		display: block;
		position: relative;
		line-height: 21px;
		height: 65px;
		overflow-y: hidden;
	}

	.nureinshop-pluginlist li .customized-label {
		display: inline-block;
		padding: 0 7px;
		color: #FFFFFF;
		border-radius: 5px;
		font-size: 11px;
		margin-top: 10px;
		background-color: #AAAAAA
	}

	.nureinshop-pluginlist-buttons {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 0 20px 20px 20px;
		width: 100%;
	}

	.nureinshop-pluginlist-buttons:after {
		content: '';
		clear: both;
		display: table;
	}

/* Pluginbeschreibung
----------------------*/

	.plugin-details h2 {
		font-size: 18px;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.plugin-details p {
		margin-bottom: 10px;
	}

	.plugin-details a {
		color: #009cdf;
	}

/* Listenpunkte
----------------*/

	.nureinshop-itemlist li {
		display: block;
		border: 1px solid #dadae5;
		position: relative;
		margin: 0 0 10px 0;
		padding: 7px 10px 7px 10px;
		border-radius: 5px;
		box-shadow: inset 0px 1px 0px 0px #ffffff;
		background: linear-gradient(to bottom, #FFFFFF 5%, #f6f6f6 100%);
			background-color: rgba(0, 0, 0, 0);
		background-color: rgba(0, 0, 0, 0);
		background-color: #ffffff;
	}

	.nureinshop-itemlist li.inactive {
		opacity: 0.4;
	}

	.nureinshop-itemlist li:after {
		content: '';
		clear: both;
		display: table;
	}

	.nureinshop-itemlist-icon {
		float: left;
	}

	.nureinshop-itemlist-content {
		float: left;
		margin-left: 10px;
	}

	.nureinshop-itemlist-action {
		float: right;
	}

	.nureinshop-itemlist-action a {
		margin-left: 5px;
	}

/* Markierung der Sonderpreis-Icons
------------------------------------*/

	.special-price-waiting,
	.special-price-expired {
		opacity: 0.2 !important;
	}

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

	.pagetype-details {
		height: 20px;
		cursor: pointer;
		position: fixed;
		bottom: 23px;
		right: 25px;
		opacity: 0.1;
		z-index: 3;
	}

	.pagetype-details:hover {
		opacity: 1;
	}

/* Seitentyp Layout
--------------------*/

	.page-layout {
		height: 20px;
		cursor: pointer;
		position: absolute;
		top: 23px;
		right: 53px;
		opacity: 0.05;
		z-index: 3;
	}

	.page-layout:hover {
		opacity: 1;
	}

/* Blöcke
----------*/

	[data-scope="nureinshop/admin"] [data-type="blocks"] .block-label img {
		width: auto !important;
		max-height: 150px !important;
	}

/* Update-Releaseanzeige
-------------------------*/

	form[name="global-system-settings-update"] .changelog h2 {
		background-color: #AAAAAA !important;
		display: inline-block;
		color: #FFFFFF !important;
		padding: 2px 7px;
		border-radius: 3px;
		font-weight: 600;
		margin-top: 10px !important;
		font-size: 14px;
	}

	form[name="global-system-settings-update"] .changelog h2.feature {
		background-color: #79a548 !important;
	}

	form[name="global-system-settings-update"] .changelog h2.wichtig {
		background-color: #c83c3c !important;
	}

	form[name="global-system-settings-update"] .changelog h2.optimierung {
		background-color: #9853ba !important;
	}

	form[name="global-system-settings-update"] .changelog h2.bugfixing {
		background-color: #454545 !important;
	}

	form[name="global-system-settings-update"] .changelog ul {
		margin: 10px 0 0 0;
	}

	form[name="global-system-settings-update"] .changelog li {
		padding-top: 5px;
	}

	form[name="global-system-settings-update"] .changelog strong {
		display: inline-block;
		padding-bottom: 3px;
	}