﻿
#cont-1168 {
	align-items: var(--col-align-items,inherit);
	padding-top: var(--section-padding-top);
	padding-bottom: var(--section-padding-bottom);
	--section-padding-top: 50px;
	--section-padding-bottom: 50px;
}
#cont-1398 {
	text-align: center;
}
#cont-1420 {
	text-align: center;
}
#cont-1502 {
	text-align: center;
}
#cont-1478 {
	text-align: center;
}
.nolabel label {
	display: none ! important;
}
#text-1523 {
	margin-top: 20px;
	margin-bottom: 20px;
}
#text-1523 button {
	background: transparent;
	color: var(--hicolor);
	border: 1px dotted;
}
#form-field-1525 {
	margin-bottom: 0 !important;
}
#cont-1516 .RE-LI-container {
	background: var(--bgcolor2);
	padding: 15px;
	border-radius: 5px;
	margin: 30px auto;
}
#cont-1516 .lr-fieldTitel {
	font-weight: bold;
	padding-bottom: 5px;
}
#cont-1516 .field-container {
	margin-bottom: 10px;
}
#form-field-1533 {
	display: none;
}
#text-1494 {
	background: var(--hicolor);
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-weight: bold;
	width: 300px;
	color: var(--bgcolor);
}
#text-1493 {
	background: var(--hicolor);
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
	font-weight: bold;
	width: 300px;
	color: var(--bgcolor);
}
#shop30-artikel-37312 .Artikel {
	background: var(--bgcolor2);
	width: 300px;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
}
#shop30-artikel-37312 label {
	width: 100% !important;
	display: block;
}
#shop30-artikel-37313 .Artikel {
	background: var(--bgcolor2);
	width: 300px;
	padding: 5px;
	margin-bottom: 10px;
	border-radius: 5px;
}
#shop30-artikel-37313 label {
	width: 100% !important;
	display: block;
}
#form-field-1524 {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#form-field-1524 label {
	font-weight: bold;
}
#form-field-1524 .textarea {
	border: none;
	width: 100%;
}
#form-field-1524 .textarea textarea {
	outline: none;
	border: 2px solid var(--bgcolor2) !important;
	padding: 0.5rem;
	box-sizing: border-box;
}
#form-field-1524 .textarea textarea:focus {
	outline: none;
	border-color: var(--hicolor) !important;
}
#form-1394 {
	--label-width: var(--lwidth,140px);
	--textarea-height: var(--theight,100px);
	--input-padding: var(--field-padding,3px);
	--input-radius: var(--field-radius,3px);
	--input-color: var(--color);
	--input-bgcolor: var(--bgcolor)!important;
	--button-width: auto;
	--radio-margin: 0 10px 0 0;
}
#form-1394 .form-field {
	margin-bottom: var(--field-margin-bottom,1em);
}
#form-1394 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#form-1394 table {
	width: 100%;
}
#form-1394 .form-field label:not(.input-radio):not(.input-checkbox) {
	display: inline-block;
	margin-top: var(--label-margin-top);
}
#form-1394 .form-field input , #form-1394 .form-field .textarea , #form-1394 .form-field select {
	background: var(--field-bgcolor, var(--bgcolor));
	color: var(--color);
	box-sizing: content-box;
}
#form-1394 .weiter button , #form-1394 .back button {
	padding: 5px 20px;
	border: var(--btn-border-width, 1px) solid var(--btn-border-color, var(--hicolor));
	border-radius: var(--btn-border-radius, 5px);
	margin: var(--btn-vertical-margin, 20px) var(--btn-horizontal-margin, 0px);
	color: var(--btn-text-color, var(--hicolor));
	font-size: var(--btn-font-size);
	background-color: transparent;
	white-space: nowrap;
}
#form-1394 .form-field button:hover {
	color: var(--bgcolor);
	background-color: var(--hicolor);
	border: var(--btn1-border-width, 1px) solid var(--btn1-border-color, transparent);
}
#form-1394 .form-field input[type='checkbox'] , #form-1394 .form-field input[type='radio'] {
	position: fixed;
	width: 1px;
	left: -10px;
}
#form-1394 .form-field [type='checkbox'] + label , #form-1394 .form-field [type='radio'] + label {
	width: auto;
}
#form-1394 .form-field input[type='checkbox'] + label::before {
	content: "";
}
#form-1394 .form-field input[type='radio'] + label::before {
	content: "";
}
#form-1394 .form-field input[type='checkbox'] + label::before , #form-1394 .form-field input[type='radio'] + label::before {
	width: 1em;
	height: 1em;
	display: inline-block;
	--x-margin-left: var(--field-margin-left,var(--label-width));
	margin-right: var(--field-margin-right,0);
	font-size: var(--field-font-size,20px);
	padding: var(--input-padding);
	font-family: FontAwesome;
	-x--content: "";
	color: var(--color);
}
#form-1394 .form-field input[type='checkbox']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-1394 .even input[type=checkbox]::after {
	background: var(--bgcolor2) !important;
}
#form-1394 .form-field input[type='radio']:checked + label::before {
	content: "";
	color: var(--color);
}
#form-1394 .even input[type='number'] {
	background: var(--bgcolor2) !important;
}
#form-1394 .form-field input[type='file']::file-selector-button {
	display: none;
}
#form-1394 .form-field input[type='file']::before , #form-1394 check::file-selector-button {
	content: var(--file-symbol,'');
	font-family: FontAwesome;
	font-size: var(--file-font-size,200%);
	padding-right: var(--file-padding-right,10px);
}
#form-1394 .form-field input[type='checkbox'].form-error + label::before , #form-1394 .form-field input[type='radio'].form-error + label::before {
	color: var(--hicolor);
	font-weight: bold;
}
#form-1394 .even {
	background: var(--bgcolor2);
}
#form-1394 .btns-container {
	flex-wrap: nowrap;
}
#cont-1396 {
	overflow: hidden;
	--pgnum: 1;
}
#cont-1396 > .bhv-col {
	flex: 0 0 100%;
}
#cont-1396 > .bhv-col:first-child {
	margin-left: calc((var(--pgnum,1) - 1) * -100%);
	transition: margin-left 0.7s;
}
#cont-1396 > .bhv-col:first-child .prev {
	visibility: hidden;
}
#cont-1396 > .bhv-col:nth-last-child(2) .next {
	visibility: hidden;
}
#cont-1396 .navi button {
	font-size: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: transparent;
}
#cont-1396 .navi .aktuell button {
	background: var(--hicolor);
	color: var(--bgcolor);
	background: var(--hicolor);
	cursor: default;
}
#cont-1396 .navi .aktuell button:hover {
	background: var(--hicolor);
	color: var(--bgcolor);
	background: var(--hicolor);
}
#cont-1396 .navi .goto button {
	border: 2px solid var(--hicolor);
	color: var(--hicolor);
	background: transparent;
	cursor: pointer;
}
#cont-1396 .navi .goto button:hover {
	border: 2px solid var(--hicolor);
	color: var(--hicolor);
	background: transparent;
	cursor: pointer;
}
#cont-1396 .navi .next button {
	border: 3px solid var(--color);
	cursor: pointer;
	color: var(--color);
	background: transparent;
}
#cont-1396 .navi .disabled button {
	border: 1px solid var(--color);
	color: var(--color);
	background: transparent;
	cursor: default;
}
#cont-1396 .navi .disabled button:hover {
	border: 1px solid var(--color);
	color: var(--color);
	background: transparent;
}
#cont-1396 .error-text {
	display: none;
}
#cont-1396 .error-text.error {
	display: block;
	color: var(--hicolor);
	border: 2px solid;
	padding: 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#text-1518 {
	--input-width: 60px;
}
#text-1518 a {
	text-decoration: none;
	color: var(--color);
}
#text-1518 .option {
	margin-top: 12px;
	font-size: 0.8rem;
	opacity: 0.6;
}
#text-1518 th {
	text-align: left;
	color: var(--bgcolor);
	background: var(--hicolor);
}
#text-1518 td , #text-1518 th {
	padding: 3px 6px;
}
#text-1518 .right {
	text-align: right;
}
#text-1518 td img {
	width: 75px;
	height: 75px;
	object-fit: cover;
	border-radius: 10px;
}
#text-1518 .center {
	text-align: center;
}
#text-1518 .preis span {
	display: block;
}
#text-1518 span.old-price {
	font-size: 0.9rem;
	text-decoration: line-through;
	opacity: 0.6;
}
#text-1518 .curentprice.sale-price {
	color: var(--hicolor);
	font-weight: bold;
}
#text-1518 .Summenzeilen {
	border-top: 1px solid var(--color);
}
#text-1518 .Brutto {
	font-weight: bold;
}
#text-1518 .Brutto .Text , #text-1518 .Brutto .Wert , #text-1518 .zwsumme .Text , #text-1518 .zwsumme .Wert {
	border-bottom: 1px solid;
	white-space: nowrap;
}
#text-1518 tbody .bezeichnung {
	font-weight: bold;
}
#text-1518 .titel-phone {
	font-weight: bold;
	display: none;
}
#text-1518 .angebot-preis-phone {
	display: none;
}
#shop30-warenkorb-37119 {
	--input-width: 60px;
	--checkbox-ontext: "";
	--checkbox-offtext: "";
	--radio-ontext: "";
	--radio-offtext: "";
}
#shop30-warenkorb-37119 a {
	text-decoration: none;
	color: var(--color);
}
#shop30-warenkorb-37119 .option {
	margin-top: 12px;
	font-size: 0.8rem;
	opacity: 0.6;
}
#shop30-warenkorb-37119 th {
	text-align: left;
	color: var(--bgcolor);
	background: var(--hicolor);
}
#shop30-warenkorb-37119 td , #shop30-warenkorb-37119 th {
	padding: 3px 6px;
}
#shop30-warenkorb-37119 .right {
	text-align: right;
}
#shop30-warenkorb-37119 td img {
	width: 75px;
	height: 75px;
	object-fit: cover;
	border-radius: 10px;
}
#shop30-warenkorb-37119 .plusminus {
	border: 1px solid var(--eingabe-color, var(--color));
	width: 25px;
	height: 100%;
	text-align: center;
	cursor: pointer;
}
#shop30-warenkorb-37119 .eingabe {
	justify-content: center;
	align-items: center;
	height: 100%;
	border: 1px solid var(--color);
	border-radius: 11px;
}
#shop30-warenkorb-37119 .eingabe > span {
	justify-content: center;
	display: flex;
	align-items: center;
	height: 21px;
	border: none;
	user-select: none;
}
#shop30-warenkorb-37119 span.input {
	display: inline-block;
	height: 100%;
	margin: 0px 0px;
	border: none;
}
#shop30-warenkorb-37119 .hidden {
	display: none;
}
#shop30-warenkorb-37119 input {
	width: 50px;
	height: 100%;
	margin: 0px;
	text-align: center;
	border-radius: 2px;
	border: none;
	display: flex;
	color: var(--eingabe-color, var(--color));
	background: transparent;
}
#shop30-warenkorb-37119 input:focus {
	outline: none !important;
	border: none !important;
}
#shop30-warenkorb-37119 .center {
	text-align: center;
}
#shop30-warenkorb-37119 .Summenzeilen {
	border-top: 1px solid var(--color);
}
#shop30-warenkorb-37119 .Brutto {
	font-weight: bold;
}
#shop30-warenkorb-37119 .Brutto .Text , #shop30-warenkorb-37119 .Brutto .Wert , #shop30-warenkorb-37119 .zwsumme .Text , #shop30-warenkorb-37119 .zwsumme .Wert {
	border-bottom: 1px solid;
	white-space: nowrap;
}
#shop30-warenkorb-37119 tbody .bezeichnung {
	font-weight: bold;
}
#shop30-warenkorb-37119 input[type='checkbox'] {
	font-size: 25px;
}
#shop30-warenkorb-37119 input[type='checkbox']:checked {
	font-size: 25px;
	color: var(--color);
	font-weight: lighter;
}
#shop30-warenkorb-37119 .preis {
	width: 100%;
	max-width: 10%;
}
#shop30-warenkorb-37119 .preis span {
	display: block;
}
#shop30-warenkorb-37119 .old-price {
	font-size: 0.9rem;
	opacity: 0.6;
}
#shop30-warenkorb-37119 .curentprice.sale-price {
	color: var(--hicolor);
	font-weight: bold;
}
#shop30-warenkorb-37119 .mwst {
	width: 100%;
	max-width: 10%;
}
#shop30-warenkorb-37119 .anzahl {
	width: 100%;
	max-width: 10%;
}
#shop30-warenkorb-37119 .gesamt {
	width: 100%;
	max-width: 10%;
}
#shop30-warenkorb-37119 input[type='number']::-webkit-inner-spin-button , #shop30-warenkorb-37119 input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#shop30-warenkorb-37119 input[type='number'] {
	-moz-appearance: textfield;
}
#shop30-warenkorb-37119 .entfernen {
	color: var(--locolor);
	cursor: pointer;
	font-size: 0.8rem;
}
#shop30-warenkorb-37119 .entfernen:hover {
	color: var(--hicolor);
}
@media(max-width: 767px) {
	#text-1518 .preis:before {
		content: 'Preis:\00a0';
		font-weight: bold;
	}
	#text-1518 .mwst:before {
		content: 'MwSt:\00a0';
		font-weight: bold;
	}
	#text-1518 .anzahl:before {
		content: 'Anzahl:\00a0';
		font-weight: bold;
	}
	#text-1518 .gesamt:before {
		content: 'Gesamt:\00a0';
		font-weight: bold;
	}
	#text-1518 .angebot-preis-des {
		display: none;
	}
	#text-1518 .angebot-preis-phone {
		display: inline-block;
	}
	#text-1518 .titel-phone {
		display: inline-block;
	}
	#text-1518 tbody:not(.Summenzeilen) td {
		display: inline;
		flex-basis: 100%;
		text-align: left !important;
	}
	#text-1518 tbody:not(.Summenzeilen) tr {
		padding: 10px;
		display: inline-flex;
		flex-wrap: wrap;
	}
	#text-1518 tbody:not(.Summenzeilen) td:nth-child(5) input {
		width: auto !important;
		margin-bottom: 0;
	}
	#text-1518 tbody.Summenzeilen {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#text-1518 thead {
		display: none;
	}
	#shop30-warenkorb-37119 .angebot-preis-des:before {
		content: 'Preis:\00a0';
		font-weight: bold;
	}
	#shop30-warenkorb-37119 .mwst:before {
		content: 'MwSt:\00a0';
		font-weight: bold;
	}
	#shop30-warenkorb-37119 .anzahl:before {
		content: 'Anzahl:\00a0';
		font-weight: bold;
	}
	#shop30-warenkorb-37119 .gesamt:before {
		content: 'Gesamt:\00a0';
		font-weight: bold;
	}
	#shop30-warenkorb-37119 .angebot-preis-des {
		display: flex;
		align-items: center;
		gap: 10px;
		height: auto !important;
	}
	#shop30-warenkorb-37119 tbody:not(.Summenzeilen) td {
		display: inline;
		max-width: 100%;
		flex-basis: 100%;
		text-align: left !important;
	}
	#shop30-warenkorb-37119 tbody:not(.Summenzeilen) tr {
		padding: 10px 10px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
	}
	#shop30-warenkorb-37119 tbody:not(.Summenzeilen) td:nth-child(5) input {
		width: auto !important;
		margin-bottom: 0;
	}
	#shop30-warenkorb-37119 tbody.Summenzeilen {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#shop30-warenkorb-37119 .head {
		display: none;
	}
	#shop30-warenkorb-37119 .anzahl {
		display: flex !important;
		gap: 5px;
		align-items: center;
	}
}

@media (max-width:800px) /* responsive */ {
	#cont-1516 .field-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#cont-1516 .lr-fieldwert {
		padding: 0px;
	}
	#cont-1516 .lr-fieldTitel {
		padding-bottom: 0px;
	}
	#text-1494 {
		margin-top: 30px;
	}
}
