/* 	http://fortawesome.github.io/Font-Awesome/icons/ */
@font-face {
	font-family: 'FontAwesome';
	src: url('administration/fonts/fontawesome-webfont.eot?v=4.2.0');
	src: url('/as/templates/default/administration/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),
		url('/as/templates/default/administration/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),
		url('/as/templates/default/administration/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
		url('/as/templates/default/administration/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* 	---------------------------------
				Global
	--------------------------------- */
*,*:before,*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

p a {
	text-decoration: none;
	color: #82C922;
}

p a:hover {
	color: #82C922;
	color: #2c495c;
	text-decoration: underline;
}

a {
	text-decoration: none;
	color: #2c495c;
}

a:hover {
	color: #82C922;
}

html {
	font-size: 10px;
}

body {
	position: relative;
	font-size: 10px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

#site-wrapper,
input,
button,
textarea,
select {
	font-size: 1.4rem;
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	color: #2c495c;
}

h1 {
	font-size: 4rem;
	margin: 0.5em 0;
	text-transform: uppercase;
/* 	color: #2c495c; */
}

h3 {
	font-size: 2rem;
	font-weight: 300;
}

h4 {
	color: #333;
	/* 	font-size:1.3rem; */
	font-weight: bold;
	margin: 1.5rem 0 0.5rem 0;
/* 	line-height: 1.8em; */
}

h5 {
	
}

h6 {
	
}

label {
	display: inline-block;
	width: 30%;
	padding-right: 1rem;
	color: #888;
	vertical-align: top;
}

label .mandatory,
.mandatory,
.footnote {
	font-weight: bold;
	color: #82C922;
	font-size: 130%;
}

.footnote-text {
	font-size: 1.2rem;
}

label.nowidth {
	display: inline;
	width: auto;
	padding: 0;
	
}

p {
	color: #565656;
	line-height: 140%;
	margin: 0 0 1rem 0 !important;
}

.input {
/* 	margin: 0.5em 0; */
}

.input.checkbox label {
	width: auto;
}

li.input {
	padding-bottom: 2rem;
}

input[type=text],
input[type=password],
input[type=number],
select {
	border: 0.1rem solid #6B99B8;
	background-color: #E7EBF1;
	margin-bottom: 0.5rem;
	width: 68%;
	padding: 0.5rem 1rem;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
	outline: 0.2rem solid #d9e0e9;
}

textarea {
	background-color: #d9e0e9;
	background-color: #E7EBF1;
	border: 0.1rem solid #6B99B8;
	width: 68%;
	padding: 0.75rem;
}

.primary-button, input[type=submit] {
	border: none;
	background-color: #82c922;
	color: #2c495c;
	position: relative;
	float: right;
	font-weight: bold;
	padding: 0.5rem 1rem;;
	text-align: left;
/* 	padding-left: 10px; */
	cursor: pointer;
	white-space: no-wrap;
}

input[type=submit].primary-button,
button.primary-button {
	line-height: 100%;
}

.primary-button,.button,input[type=submit]{
	transition: all 150ms ease;
}

.primary-button:hover,input[type=submit]:hover {
	background-color: #FFFFFF;
	outline: 0.2rem solid #82c922;
	color: #82c922;
}

/* 	---------------------------------
				   ID's
	--------------------------------- */

/*
 * Layout
 */
#site-wrapper {
	position: relative;
	width: 1160px;
	margin: 0 auto;
}

/* Prozentwerte sind aus dem PDF Layout herausgemessen! So lassen! */
.main-column {
	width: 63%;
	float: left;
	margin-left: 7.2%;
	padding-right: 1.5%;
	border-top: 0.1rem solid #82c922;
}

.sidebar-column {
	width: 29.8%;
	float: left;
}

.page-header {
	width: 8.7%;
	float: left;
}

.page-heading,.content>h1 {
	/* 	margin-left:-101px; 8.7% von 1160px */
	margin-left: -11%;
}

#header {
	min-height: 19rem;
	position: relative;
	overflow: hidden;
}

#info-container {
	float: right;
}

.rejected-orders-amount {
	display: inline-block;
	border-radius: 0.2rem;
	padding: 0.1rem 0.3rem;
	min-width: 1.8rem;
	text-align: center;
	background-color: #D80813;
	color: #FFFFFF;
/* 	font-weight: bold; */
}

.sidebar-column ul li {
	list-style-type: none;
	/* 	font-size: 1.4rem; */
	font-weight: 300;
	line-height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

.sidebar-column ul li a {
	padding: 0.5rem 1rem;
	display: block;
}

.sidebar-column ul li a:hover,.sidebar-column ul li a:hover .cmt-font-icon
	{
	color: #FFFFFF;
	background-color: #82C922;
}

.nav-item-selected a {
	color: #82C922;
	color: #6FB114;
}

#logo {
	position: absolute;
	bottom: 2rem;
	left: 7.2%;
	font-weight: 300;
	color: #2c495c;
	font-size: 2.4rem;
}

.sidebar-column {
	position: relative;
	background: #e6eaec;
	background: -moz-linear-gradient(left, #e6eaec 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e6eaec),
		color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(left, #e6eaec 0%, #ffffff 100%);
	background: -o-linear-gradient(left, #e6eaec 0%, #ffffff 100%);
	background: -ms-linear-gradient(left, #e6eaec 0%, #ffffff 100%);
	background: linear-gradient(to right, #e6eaec 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eaec',
		endColorstr='#ffffff', GradientType=1);

	height: 100%;
	min-height: 19rem;
	padding: 3rem 3rem 2rem 3rem;
}

.sidebar-column,
.main-column {
	padding-bottom: 10000px;
	margin-bottom: -9950px;
}

#header .sidebar-column {
	padding-bottom: 2rem;
	margin-bottom: 0;
}

#main {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#main section {
	width: 60%;
	float: left;
}

#main section p {
	font-size: 1.4rem;
	line-height: 3rem;
	font-weight: 300;
	margin-top: 3rem;
}

#main section>* {
	padding-right: 2rem;
}

#main section nav {
	margin-top: 3rem;
	margin-bottom: 1rem;
}

#main section nav ul li {
	display: inline-block;
}

#main section nav li+li:before {
	content: " / ";
}

/* --------------------------------------------
	Navigation
   -------------------------------------------- */
#main aside {
	padding-top: 3rem;
	min-height: 36rem;
	border-top: 0.4rem solid #82c922
}

#main aside nav h4 {
	font-size: 1.8rem;
	text-transform: uppercase;
	/* 	letter-spacing: 0.1rem; */
	margin: 0 0 0.5rem 0;
	font-weight: normal;
}

#main aside nav ul li {
	/* 	display: block; */
	/* 	padding: 0.5rem 3rem; */
	/* 	font-weight: 300; */
	/* 	margin: 0 0 0.5rem 0; */
	/* 	padding: 0; */
	/* 	line-height: auto; */
	/* 	padding-left: 2rem; */
	
}

.cmtExtendedAccordionElement {
	margin: 0 0 3rem 0;
}


#main form {
	margin-bottom: 12rem;
	margin-right: 0rem;
	width: 100%;
}

#main td form {
	margin-bottom: 0;
}

#main #submit-login {
	float: right;
	width: 50%;
}

table {
	width: 100%;
	text-align: right;
	margin-top: 3rem;
	margin-bottom: 2rem;
	border-collapse: collapse;
	/* 	font-size:1.3rem; */
}

table td,th {
	padding: 0.5em;
	vertical-align: top;
	text-align: left;
	color: #2C495C;
}

table th {
	border-bottom: 1px solid #333;
}

/* ---------------------------------
	breadcrumb navigation
   --------------------------------- */

#breadcrumb {
	text-transform: uppercase;
	margin: 1.5rem 0;
}

#breadcrumb ul {
	list-style: none;
	font-size: 1.25rem;
}

#breadcrumb li {
	display: inline-block;
}

#breadcrumb a:before {
	content: ' / ';
}

#breadcrumb li:first-child a:before {
	content: '';
}

#breadcrumb li:last-child a {
	color: #82c922;
}




#wrapper-impressum {
	margin-top: 12rem;
	margin-bottom: 6rem;
}

#wrapper-pager {
	margin-top: 12rem;
	margin-top: 0;
}

#wrapper-shopping-cart {
	margin-top: 0rem;
	margin-bottom: 6rem;
}

#wrapper-shopping-cart input[type=submit] {
	/*	width: 15%;
	margin-top:6rem;
	background: #82c922 url("../icons/shopping-cart.png") right no-repeat;
	background-position: 6px;
	padding-right: 30px;
	z-index: 1000;
*/
	
}

#wrapper-adress {
	margin-top: 12rem;
}

#wrapper-adress ul {
	width: 76.8rem;
	list-style-type: none;
	margin-left: -3rem;
}

#wrapper-adress ul li:not(:first-child) {
	float: left;
}

#wrapper-adress ul li:not(first-child) {
	margin-left: 3rem;
}

#wrapper-adress label {
	font-size: 1.4rem;
}

#wrapper-bill-adress {
	margin-top: 1.5rem;
	width: 100%;
}



/* ---------------------------------
	product details
   --------------------------------- */
#product form {
	float: right;
	width: 100%;
	margin-top: 3rem;
	margin-right: 0;
	margin-bottom: 1rem;
}

.product-teaser {
	margin-bottom: 3rem;
}

#product-images {
	float: left;
	width: 40%;
}

#product-details {
	float: right;
	width: 50%;
}

.product-info {
	margin: 0 0 2rem 0;
	width: 100%;
}

.product-info .product-info-name {
	width: 25%;
	font-weight: bold;
	vertical-align: top;
	padding: 0 0.5rem 0.5rem 0;
}

.product-info .product-info-data {
	width: 75%;
	vertical-align: top;
	padding: 0 0 0.5rem 0.5rem;
}

#product-details ul {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 3rem;
	margin-right: 15%;
	border-top: 0.1rem solid #000;
	border-bottom: 0.1rem solid #000;
	margin-bottom: 2em;
}

#product-details ul li {
	line-height: 2.5rem;
}

#product-details li:nth-child(10),li:nth-child(11) {
	list-style-type: none;
}

#product-details input[type=submit]:after {
	/* content: 'test'; */
}

.product-downloads {
	clear: both;
	padding: 8rem 0;
}

.product-downloads h2 {
	margin: 0 0 3rem 0;
}

/* reset global crap */
#product .product-downloads ul li:before {
	content: '';
}

#product .product-downloads ul li {
	liste-style-type: none;
	padding: 1rem;
	width: 25%;
	float: left;
	min-height: 72px;
	clear: right;
}

#product .product-downloads ul li a {
	display: block;
	height: 100%;
	vertical-align: bottom;
	text-align: center;
}

#product .product-downloads ul li a:before {
	font-family: 'Fontawesome';
	font-size: 64px;
	color: #C8C8C8;
	text-align: center;
	vertical-align: center;
/* 	height: 100%; */
	content: '\f0f6';
	display: block;
 	height: 72px;
 	line-height: 100%;
}

#product .product-downloads ul li a:hover:before {
	color: #82C922;
} 

#product .product-downloads ul li img {
	margin: auto;	
}

#adress-changed {
	margin-right: 3rem;
	font-size: 1.4rem;
	width: 40%;
	float: right;
	line-height: 3rem;
}

#adress-changed span {
	background: #82c922;
	padding: 0.5rem 0.8rem;
}

#confirmation {
/* 	width: 95%; */
/* 	text-align: right; */
/* 	font-size: 1.4rem; */
/* 	margin-top: 21rem; */
/* 	margin-bottom: 3rem; */
}

/* ---------------------------------
	page footer
   --------------------------------- */
#footer {
	margin-bottom: 3.5rem;
	position: relative;
	height: 2rem;
}

#footer nav {
	position: absolute;
	right: 0;
	top: 0;
	padding: 1.5rem 1rem 0 0;
	width: 92.8%;
	text-align: right;
	border-top: 0.1rem solid #82c922;
}

#footer li {
	display: inline-block;
	list-style-type: none;
	/* 	margin-top: 1rem; */
	/* 	font-size: 1.4rem; */
	font-weight: bold;
	text-transform: uppercase;
	color: #2c495c;
	/* 	float: right; */
	/* 	text-align: right; */
	margin-left: 3rem;
}

#forgot-password {
	font-size: 1.4rem;
	font-weight: 300;
	margin-top: -3rem;
}

/* 	---------------------------------
				 Classes
	--------------------------------- */
.hidden {
	visibility: hidden;
}

.text {
	width: 95%;
}



.selected-sidebar {
	background: #82c922;
}

.selected-breadcrumb {
	color: #82c922;
}

.img-product {
	margin-right: 1rem;
	margin-bottom: 6rem;
	width: 30%;
	float: left;
}

.img-article {
	width: 100%;
}

.notification {
	margin-top: -1.5rem;
	margin-bottom: 1rem;
}

.input.submit {
	width:95%;
/* 	overflow:hidden; */
}

.input.submit input {
	margin-right:1rem;
}

/* 	---------------------------------
	OUTDATED? Icons
	--------------------------------- */
.icon {
	padding-right: 0.5rem;
	vertical-align: middle;
}

.angle-right {
	width: 1.5rem;
}

.chevron {
	width: 1rem;
}

.info-circle {
	width: 1.5rem;
}

.shopping-cart {
	width: 1.5rem;
}

.sign-out {
	width: 1.5rem;
}

.th-large {
	width: 1.5rem;
	float: left;
	margin-top: 0.8rem;
}

.question-circle {
	width: 1.5rem;
}

.phone-square {
	width: 1.5rem;
}

.file-text-o {
	width: 1.5rem;
}

.arrow-left {
	width: 1.5rem;
}

.print {
	width: 1.5rem;
}

/* 	---------------------------------
				 Clearfix
	--------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Content-o-mat specific stuff */
.cmtExtendedAccordionIcon,.cmtExtendedAccordionPin,.cmtExtendedAccordionStatus,#cmtExtendedAccordionButtonsContainer
	{
	display: none;
}

.categories-list, 
.products-list {
	list-style: none;
}

.categories-list li,
.products-list li {
	width: 30%;
/* 	height: 20rem; */
	margin-right: 3%;
	margin-bottom: 6rem;
	float: left;
	position: relative;
	clear: right;
}

.product-preview-image {
/* 	padding-bottom: 1rem; */
	border-bottom: 0.1rem solid #2c495c;
	position: relative;
	margin-botom: 3rem;
	height: 100%;
	
}

.product-preview-image:after {
	content: '';
	position: absolute;
	width: 50%;
	border-bottom: 0.3rem solid #2c495c;
	/* 	box-shadow: 0 0 0 0.4rem #2c495c; */
	right: 0;
	bottom: -0.3rem;
}

.product-preview-image:hover,
.product-preview-image:hover:after {
	color: #82C922;
	border-color: #82C922;
}

.product-preview-image-wrapper img {
	max-width: 100%;
	visibility: hidden;
}

.product-preview-image-wrapper a {
	display: block;
}

.product-preview-image-wrapper {
	width: 214px;
	height: 161px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	overflow: hidden;
}

.product-preview-image figcaption {
	font-size: 1.6rem;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.6);
/* 	position: absolute; */
/* 	bottom: 0; */
	padding: 0.5rem 1rem 1rem 1rem;
	width: 100%;
}

.product-preview-image .article-title {
	margin: 0 0 0.5em 0;
	height: 2.5em;
}

.product-preview-image .article-price {
	color:#82c922;
	text-align: right;
	font-size:1em;
	margin: 0;
}

/* ---------------------------------
	cart table
   --------------------------------- */

tr.row-separated {
	border-bottom: 0.1rem dotted #a9b0a9;
}

tr.row-separated:last-child {
	border-bottom: 0;
}

.cart-overview tfoot {
	border-top: 1px solid #333;
}

.cart-overview tfoot tr:first-child td {
	padding-top: 1.5em;
}

td.cart-product-thumbnail {
	width: 44%
}

td.cart-product-amount {
	width: 24%
}

td.cart-product-price {
	width: 16%
}

td.cart-item-price {
	width: 16%
}

.due-row td {
	font-weight: bold;
}

.price-column {
	text-align: right;
	color: #111;
}

.input.edit-amount {
/* 	width: 140px; */
}

.input.edit-amount input[type=text] {
	display: inline-block;
/* 	float: left; */
	width: 48%;
	vertical-align: top;
	text-align: right;
/* 	padding: 0.5rem 1rem; */
	/* 	padding:0 4px; */
}

.input.edit-amount button {
/* 	display: inline-block;*/
	/* 	line-height:24px; */
	/* 	height:24px; */
	/* 	width:100px; */
	/* 	maragin:0; */
	/* 	float:none; */
	float:right;
	width: 48%;
	/* 	vertical-align:top; */
	/* 	text-align:center; */
}

#shopping-cart form {
	margin: 0;
}

.remove-link {
/* 	content: '\2716\2009'; */
/* 	color: #c00000; */
}

/* ---------------------------------
	order overview
   --------------------------------- */
.product-thumbnail .image-wrapper {
	width: 122px;
	height: 92px;
	overflow: hidden;
}

.product-thumbnail .image-wrapper {
	float: left;
	margin: 0 1rem 1rem 0;
}

.image-wrapper.no-image {
	font-family: "FontAwesome";
	position: relative;
}

.image-wrapper.no-image:before {
	width: 100%;
	line-height: 96px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	content: '\f030';
	font-size: 80px;
	color: #E0E0E0;
}

.image-wrapper.no-image:after {
/* 	width: 100%; */
	text-align: center;
	position: absolute;
	content: '\f05e';
	text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF;
	color: #C00000;
	font-size: 40px;
	right: 0;
	bottom: 0;
}

/* .order-overview-product-image img { */
.product-thumbnail img {
	width: 100%;
	height: auto;
}

form .error input {
	border: 1px solid #c00000;
	background-color: #FDCCCC;
}

form .error .error-message {
	margin-left: 31%;
	display: block;
	margin-bottom: 10px;
}
/* 	margin-left: 31%; */


#order-delivery-addresse-salutation {

}

#order-differing-delivery-address {
	clear: both;
}

#order-differing-delivery-address ~ .delivery-address {
	/*display:none;*/
	opacity: 0;
	display: inline-block;
	width: 100%;
	/* We need this, dont ask me why, seems to have to do with the opacity influences z-index anyhow issue */
	transition: all 500ms ease;
	
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#order-differing-delivery-address ~ label {
	width: auto;
	margin-bottom: 20px;
}

#order-differing-delivery-address ~ label:after {
	content: '';
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	height: 0;
}

#order-differing-delivery-address:checked ~ .delivery-address {
	display: block;
	opacity: 1.0;
	height: auto;
}

.input.radios {
	overflow: hidden;
}

input[type=radio] {
	clear: both;
	float: left;
	margin: 0 4px 6px 0;
	height: 21px;
}

input[type=radio] ~ label {
	width: auto;
	display: inline-block;
	cursor: pointer;
	float: left;
	margin: 0 0 6px 0;
}

input[type=radio] ~ label:after {
	content: '.';
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
}

input[type=radio],
input[type=radio]+label {
	line-height: 1.5em;
	vertical-align: bottom;
	display: inline;
}

input[type=radio]:checked+label,
input[type=checkbox]:checked+label {
	color: #111;
}

.row:after {
	content: '.';
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.column {
	/* 	width:48%; */
	/* 	margin-right:2%; */
	width: 50%;
	float: left;
}

.column:nth-child(odd) {
	padding-right: 1rem;
}

.column:nth-child(even) {
	padding-left: 1rem;
}

.input.textarea label {
	/* 	float:left; */
	display: block;
}

.textarea textarea {
	width: 68%;
	height: 12rem;
	min-width: 0;
	resize: none;
	/* 	float:left; */
	/* 	display:block; */
}

/* .form-action-area::before { */
/* 	content: '.'; */
/* 	display: block; */
/* 	visibility: hidden; */
/* 	height: 3em; */
/* 	line-height: 0; */
/* 	clear: both; */
/* } */

.form-action-area {
	margin-top: 3em;
	width: 100%;
	clear: both;
	text-align: right;
	/*float:right;*/
}

.button {
	display: inline-block;
	padding: 0.5rem 1rem;
	margin-right: 1rem;
	background-color: #D9E0E9;
}

.button:hover {
	background-color: #FFFFFF;
	outline: 0.2rem solid #2c495c;	
}

a.button:hover {
	color: #2c495c;
}

.form-main-area {
	margin-top: 3em;
}

.form-action-area .button {
	float: left;
}

.primary.button,.
form-action-area>input[type=submit] {
	width: 30%;
	line-height: 2em;
/* 	float: right; */
	background-position: 90% 50%;
	background-repeat: no-repeat;
}

/* .button.shopping-cart { */
/* 	background-image: url('/img/icons/shopping-cart-16.png'); */
/* } */

/* .button.angle-right { */
/* 	background-image: url('/img/icons/angle-right-16.png'); */
/* } */

.order-comment {
	padding-top: 3em;
}

.order-comment textarea {
	height: 20rem;
	margin: 1rem 0;
}

.block-label, .block-input {
	display: block;
	width: 100% !important;
}

/*#order-differing-delivery-address + label {
	color:#333;
	font-weight:bold;
	margin:4.5em 0 1.5em 0;
	font-size:1.3rem;
}
*/
/* .delivery-address::before { */
/* 	content: '.'; */
/* 	display: block; */
/* 	visibility: hidden; */
/* 	clear: both; */
/* 	height: 1em; */
/* 	line-height: 0; */
/* } */

.delivery-address h4 {
	background-color: #82c922;
	padding: 0 0.75em;
	display: inline-block;
}

.print-link {
	margin-right: 3em;
}

/* .cart tbody tr:last-child td { */
/* 	padding-bottom: 1.5em; */
/* } */


#product .shop-article-amount {
	width: 4em;
	background: #D9E0E9;
	border: 0;
	padding: 6px;
}

#product {
	font-size: 1.4rem;
	font-weight: 200;
}

#product input[type=submit] {
	width: auto;
	padding-right: 3em;
}

.article-price {
	margin: 1.5em 0 0 0;
}

.price-per-piece {
	color: #111;
	font-weight: bold;
}

.article-price-with-vat .price-per-piece {
	font-weight: normal;	
}

.text ul {
	color: rgb(86, 86, 86);
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.text ul,
#product ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

.text li,
#product li {
	padding-left: 2em;
	position: relative;
}

.text li::before,
#product li::before {
	content: url('/img/icons/bullet.png');
	position: absolute;
	left: 0px;
	top: 4px;
}

#product ul.scrap-teis {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#product li.scrap-tei-wrapper {
	margin: 0;
	padding: 0;
}

#product li.scrap-tei-wrapper::before {
	display: none;
}


fieldset {
	border: 1px solid #a5a6a6;
	border-radius: 3px;
	padding: 8px;
	margin-bottom: 10px;
}

legend {
	font-size: 1em;
	color: #787879;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.required label::after {
	content: '*';
}


/* ---------------------------------
	flash messages
   --------------------------------- */

.error-message,
.message.error {
	color: #c00000;
	display: block;
/* 	margin-left: 31%; */
}

.message {
	position: relative;
	background-color: #eee;
	padding: 1rem 2rem;
	margin: 3rem 0;
	color: #111;
	font-weight: 400 !important;
	line-height: 1.3em !important;
	border-left: 0.4rem solid #2C495C;
}

/* .message.error-message, */
.message.error {
	background-color: #feebeb;
	border-left-color: #C00000;
	color: #C00000;
}

/* .message.success-message, */
.message.success {
	background-color: #E0F5C2;
	border-left-color: #82C922;
/* 	color: #f81313; */
}

.message:not(.cmt-system-message-pinned) {
	cursor: pointer;	
}

.message:not(.cmt-system-message-pinned):after {
	content: '\f057';
	font-family: "FontAwesome";
	position: absolute;
	top: 1rem;
	right: 1rem;
	font-size: 2.2rem;
	color: #2C495C;
}

.message.error:not(.cmt-system-message-pinned):after {
	color: #C00000;	
}

.message.success:not(.cmt-system-message-pinned):after {
	color: #82C922;	
}
/* ----------------------------------------------
	helper: clearfix
   ----------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ----------------------------------------------
	Font Icons
   ----------------------------------------------*/
.cmt-font-icon {
	white-space: nowrap;
	
}

.cmt-font-icon:before,.cmt-font-icon:after {
	/* 	font-family: "FontAwesome"; */
	font-family: "FontAwesome";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 1rem;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.4rem;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
}

.cmt-font-icon:before {
	min-width: 1.6rem;
}

/* Navigation: "Artikel bestellen" */
.cmt-icon-134:before {
	content: "\f009";
}

/* Navigation: "Meine Daten" */
.cmt-icon-141:before,
.cmt-icon-142:before,
.cmt-icon-143:before {
	content: "\f007";
}

.cmt-icon-141:before {
	content: "\f041";
}

.cmt-font-icon.cmt-font-icon-right:before,.cmt-font-icon.cmt-font-icon-right:after
	{
	float: right;
	margin-left: 1rem;
	margin-right: 0;
	margin-top: 0.2rem;
	line-height: inherit;
	font-size: inherit;
}

/* Navigation: "Dateimanager" */
ul .cmt-icon-1:before {
	content: "\f114";
}

/* Navigation: "Artikel bearbeiten" */
.cmt-icon-131:before {
	content: "\f040";
}

/* Navigation: "Kategorien bearbeiten" */
.cmt-icon-133:before {
	content: "\f0cb";
}

/* Navigation: "Bestellungen" */
.cmt-icon-132:before {
	content: "\f0f6";
}

/* Navigation: "Laufzettel" */
.cmt-icon-137:before {
	content: "\f1c1";
}

/* Navigation: "Benutzerverwaltung" */
.cmt-icon-135:before {
	content: "\f183";
}

/* Navigation: "Passwort" */
.cmt-icon-140:before {
	content: "\f084";
}

/* Navigation: "Benachrichtigungen" */
.cmt-icon-144:before {
	content: "\f0A1";
}

/* Navigation: "Geräteumtausch" */
.cmt-icon-145:before,
.cmt-icon-146:before,
.cmt-icon-147:before {
	content: "\f021";
}


/* Warenkorb */
.cmt-icon-cart:before {
	content: "\f07a";
}

/* Meine Bestellungen */
.cmt-icon-my-orders:before {
	content: "\f0f6";
}

/* sign out */
.cmt-icon-sign-out:before {
	content: "\f08b";
}

/* support */
.cmt-icon-support:before {
	content: "\f098";
}

/* imprint */
.cmt-icon-imprint:before {
	content: "\f05a";
}

/* back */
.cmt-icon-back:before {
	content: "\f053";
}

/* forward */
.cmt-icon-forward:after {
	content: "\f054";
}

/* print */
.cmt-icon-print:before {
	content: "\f02f";
}

.cmt-icon-delete:before {
	content: "\f00d";
	color: #c00000;
	margin-right: 0.5rem
}

/* question */
.cmt-icon-question:before {
	content: "\f059";
}

.cmt-icon-stored-carts:before,
.cmt-icon-store-cart:before {
	content: "\f097";
}

/* ----------------------------------------------
	my orders
   ----------------------------------------------*/
.items-table {
	border-collapse: collapse;
}

.items-table tbody tr.items-comment td {
	padding-top: 0;
	border-top: 0;
}

.items-table tr:hover td {
	background-color: #F0F2F3;
}

.items-table tbody td {
	border-top: 0.1rem dotted #487797;
}

.my-orders-comment h3 {
	margin: 0 0 0.2rem 0;
	padding: 0;
	font-size: 1.4rem;
	font-weight: bold;
}

.status-ok {
	color: #75B51E;
}

.status-bad,
.rejected-order {
	color: #D80813;
	font-weight: bold;	
}

/* ----------------------------------------------
	saved carts
   ----------------------------------------------*/
.saved-carts-date {
	white-space: nowrap;
}

.saved-carts-name {
	white-space: nowrap;
}

.table-actions {
	white-space: nowrap;
}

.password-rule {
	color:#888;
	max-width:48em;
}

.password-rule pre {
	display: inline-block;
	font-weight: bold;
	letter-spacing: 1px;
}

/* ----------------------------------------------
	swap pages
   ----------------------------------------------*/
.tei-form,
..order-number-form {
	margin-top: 2rem;	
}

.tei-form label {
	width: 5rem;
	vertical-align: middle;
}

.tei-form input { 
	width: 20rem;
	vertical-align: top;
}

.tei-form button {
	float: none;
	margin-left: 1rem;	
	line-height: 130%;
	display: inline-block;
}

.order-number-form label {
	width: 12rem;
	vertical-align: middle;
}

.order-number-form input { 
	width: 7rem;
	vertical-align: top;
}

.order-number-form button {
	float: none;
	margin-left: 1rem;	
	line-height: 130%;
	display: inline-block;
}


.swap p {
	margin: 0 0 2rem 0 !important;	
}

.swap h3 {
	margin: 4rem 0 2rem 0;	
}

.swap .checkbox-label {
	width: 90%;
}

.swap .checkbox-row {
	margin: 0 0 1rem 0;
}

.swap h4 {
	margin: 0 0 2em 0;
}

.swap textarea.error-description {
	width: 100%;
	height: 24rem;
}

.swap .service-row {
	margin: 3em 0 0 0;
}

.swap-select-reshipment-type {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	list-style-type: none;
	padding: 0;
}

.swap-select-reshipment-type li {
	width: 214px;
}

.bullets {
	list-style: none;
	color: #565656;
	margin: 0 0 1.5rem 0;
}

.bullets li {
	padding-left: 1rem;
	position: relative;
}
.bullets li::after {
	content: '•';
	position: absolute;
	left: 0;
	top: 0;
}


.minimum-order-price-warning-accept label {
    max-width: auto;
    width: 85%;
    color: #303030;
    font-weight: bold;
}

.minimum-order-price-warning-accept {
    border: 2px solid #303030;
    padding: 0.75rem;
}

.scrap-tei-entry {
	background-color: rgb(231, 235, 237);
	margin: 3rem 0 0 0;
	position: relative;
	border-top: 4px solid rgba(130, 201, 34, 1);
}

.scrap-tei-entry::before {
	content: '';
	width: 0;
	height: 0;
	border-width: 10px;
	border-color: rgba(130, 201, 34, 0);
	border-style: solid;
	border-bottom-color: rgba(130, 201, 34, 1);
	position: absolute;
	top: -24px;
	left: 10px;
}

.scrap-tei-entry ul#scrap-teis {
	border: 0;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}


.scrap-tei-entry ul#scrap-teis > .scrap-tei-wrapper {
	/* padding: 1rem 1.5rem 1rem 1.5rem; */
	padding: 1rem;
	position: relative;
}

.scrap-tei-entry ul#scrap-teis > * + * {
	/* margin-top: 1.5rem; */
	border-top: 1px solid #fff;
}

.scrap-tei-entry .scrap-tei-wrapper label {
	display: block;
	line-height: 1;
	/* width: 100%; */
	margin-bottom: 4px;
	flex: 1 1 auto;
}

.scrap-tei-entry .scrap-tei-wrapper input {
	width: 17ch;
	padding: 6px 4px;
	border: 0;
	/* margin-top: 4px; */
}

.scrap-tei-entry .info {
	padding: 1.5rem;
	border-top: 1px solid #fff;
}

.scrap-tei-entry .info b {
	font-weight: bold;
}

.scrap-tei-entry .scrap-tei-wrapper input:invalid {
	outline: 0;
	border: 0;
	box-shadow: none;
}

.scrap-tei-entry .scrap-tei-wrapper input.not-empty:invalid {
	outline: 1px solid rgba(200, 0, 0, 1);
}

.scrap-tei-entry .scrap-tei-wrapper input:not(:invalid) {
	outline: 1px solid rgba(130, 201, 34, 1);
}


.scrap-tei-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.scrap-tei-wrapper .checkmark {
	visibility: hidden;
	color: rgba(130, 201, 34, 1);
	font-size: 2rem;
	color: #fff;
	background-color: rgba(130, 201, 34, 1);
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	border-radius: 50%;
	margin-left: 0.5rem;
	text-align: middle;
	flex: 0 0 2.5rem;
}

.scrap-tei-wrapper.ss-valid .checkmark {
	visibility: visible;
}

.scrap-tei-wrapper .message {
	width: 100%;
}

.scrap-tei-wrapper {
	transition: 200ms ease-out;
	opacity: 1.0;
}

.scrap-tei-wrapper.is-loading {
	opacity: 0.3;
	pointer-events: none;
}

[type=submit]:disabled {
	opacity: 0.7;
	filter: grayscale(1);
}