/* webshop service banner */
.shp-srv-cnt {
	display:inline-block;
    margin: 0 0 0 0;
    padding: 0 3% 0 3%;
	vertical-align:top;
    width: 94%;
    text-align: left;
    background-color:  rgba(99,112,75,0.64);
}
.shp-srv-btn {
    display: inline-block;
    margin: 0 1% 0 0;
    padding: 0.8% 1.2%;
    border-style: solid;
    border-color: rgba(255,255,255,1.00);
    border-width: 0 1px;
}
.shp-srv-btn:nth-child(1),
.shp-srv-btn:nth-child(6) {
    border-right: none;
}
.shp-srv-btn:active,
.shp-srv-btn:hover {
    background-color:  rgba(99,112,75,1.00);
}
.shp-srv-btn-flt {
    float: right;
}
.shp-srv-btn a {
    font-size: 1.1em;
    color: rgba(255,255,255,1.00);
}
.shp-srv-btn a img {
    width: 10%;
    height: 10%;
}
.shp-srv-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255,255,255,0.85);
  transition: opacity 500ms;
    display: none;
  visibility: hidden;
  opacity: 0;
    z-index: 999;
}
.shp-srv-overlay:target {
    display: inline-block;
  visibility: visible;
  opacity: 1;
}
.shp-srv-popup {
    margin: 10% 3% 0 3%;
    background: rgba(99,112,75,0.65);
    width: 93.6%;
    position: relative;
    transition: all 1s ease-in-out;
    border-radius: 0.6em;
}
.shp-srv-popup .pop-close {
  position: absolute;
  top: 1.0em;
  right: 3%;
  transition: all 200ms;
  font-size: 6.0em;
  font-weight: bold;
  text-decoration: none;
    color: rgba(153,0,2,1.00);
}
.shp-srv-popup .pop-close:hover {
  color: #06D85F;
}
.shp-srv-popup .supp-txt {
    margin: 2% 0 0 0;
    padding: 1% 1%;
    background-color: rgba(255,255,255,1.00);
    width: auto;
}
#shp-srv-policy,
#shp-srv-terms {
  font-size: 80%;
}
/* webshop service banner pop-ups*/
.pop-cnt {
  padding: 3%;
}
.pop-cnt h1 {
    margin: 0 0 .67em 0;
}
.pop-cnt h3 {
    margin: 1.2% 0 2.2% 0;
    font-size: 1.5em;
}
.pop-cnt h2 {
    margin: 0;
    font-size: 2.3em;
}
.pop-cnt h4 {
    margin: 4.2% 0 2.2% 0;
    font-size: 1.5em;
    font-weight: 800;
    text-decoration: underline;
}
.pop-sct p {
    margin: 0 0 1.2% 0;
    font-size: 1.4em;
}
.pop-sct {
    padding: 2% 0 2% 0; 
}
.pop-sct img{
    margin-bottom: 3%; 
}
.pop-img-flt-w30 {
    float: right;
    width: 30%;
    margin-left: 3%;
}
/* webshop service banner log in*/
.pop-sct input {
    padding: 0.6em 1.2em;
    color: #FFF;
    background-color: rgba(99,112,75,1.00);
    font-size: 1.6em;
    text-align: center;
    font-style: normal;
    border-radius: 0.6em;
    width: 32%;
    margin-bottom: 0.3em;
}
.pop-sct input[type=text],
.pop-sct input[type=password] {
    border-radius: 0.5em;
    padding: 0.5em 0.6em;
    background-color: rgb(255, 255, 255);
    color: #000000;
    font-size: 1.5em;
    opacity: 0.7;
}
.pop-sct input[type=text]:focus,
.pop-sct input[type=password]:focus {
    border: 2px solid rgba(53,126,124,0.60);
    opacity: 1.0;
    background-color: rgb(255, 255, 255) !important;
    color: #000000;
}
/* webshop service forms */
#webshopRegisterForm input[type=text],
#webshopRegisterForm input[type=password],
#webshopPasswordForm input[type=text],
#webshopPasswordForm input[type=password],
#webshopForgotPasswordForm input[type=text],
#webshopAccountForm input[type=text] {
    border: 1px dotted rgba(53,126,124,0.60);
    border-radius: 0.5em;
    padding: 0.5em 0.6em;
    background-color: rgb(255, 255, 255);
    color: #000000;
    font-size: 1.1em;
    opacity: 0.7;
    margin: 0.1em 0;
    width: 80%;
}
#webshopRegisterForm input[type=text]:focus,
#webshopRegisterForm input[type=password]:focus,
#webshopPasswordForm input[type=text]:focus,
#webshopPasswordForm input[type=password]:focus,
#webshopForgotPasswordForm input[type=text]:focus,
#webshopAccountForm input[type=text]:focus {
    border: 2px solid rgba(53,126,124,0.60);
    opacity: 1.0;
}

#webshopRegisterForm {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 5%;
    grid-row-gap: 2%;
    width: 30rem;
    height: 55rem;
}
#webshopRegisterForm div:nth-child(odd) {
    padding-top: 8%;
    text-align: right;
}
#webshopRegisterForm div:last-child {
    grid-column: 1 / span 2;
    padding-top: 2.5%;
    text-align: center;
}
#webshopRegisterForm h2 {
    grid-column: 1 / span 2;
    padding: 20px 0px 0px 0px;
    margin: 0;
    text-align: center;
}
#webshopRegisterForm h4 {
    grid-column: 1 / span 2;
    padding: 0;
    margin: 0;
    text-align: center;
}

#webshopPasswordForm {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 5%;
    grid-row-gap: 2%;
    width: 30rem;
}
#webshopPasswordForm div:nth-child(odd) {
    padding-top: 8%;
    text-align: right;
}
#webshopPasswordForm div:nth-last-child(2) {
    grid-column: 1 / span 2;
    text-align: center;
    font-size: smaller;
    color: #cc0000;
}
#webshopPasswordForm div:last-child {
    grid-column: 1 / span 2;
    padding-top: 2.5%;
    text-align: center;
}
#webshopForgotPasswordForm {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 5%;
    grid-row-gap: 2%;
    width: 30rem;
}
#webshopForgotPasswordForm div:nth-child(odd) {
    padding-top: 8%;
    text-align: right;
}
#webshopForgotPasswordForm div:last-child {
    grid-column: 1 / span 2;
    padding-top: 2.5%;
    text-align: center;
}
#webshopAccountForm {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 5%;
    grid-row-gap: 2%;
    width: 30rem;
}
#webshopAccountForm div {
    vertical-align: middle;
}
#webshopAccountForm div:nth-child(odd) {
    padding-top: 8%;
    text-align: right;
}
#webshopAccountForm div:last-child {
    grid-column: 1 / span 2;
    padding-top: 2.5%;
    text-align: center;
}
/* list-products new CSS */
.prods-con {
    margin: 1% auto 0 2.6%;
    padding: 0;
	width: 97.4%;
    text-align: center;
}
.prods-con .prod {
	display:inline-block;
    margin: 0 2.6% 2.6% 0;
	vertical-align:top;
    width: 22.40%;
	padding: 0;
    background-color: rgba(255,255,255,1.00);
}
.r_prod-con:before {
    padding-top: 150%;
}
.r_prod-img {/*
    margin: 2.6% 2.6% 2.6% 2.6%;
    width: 94.8%;*/
    margin: 5.0%;
    width: 90.0%;
}
.r_prod-img:before {
    padding-top: 100%;
}
.prod-i {
	position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,0.90);
    width: 92%;
    margin: 3.0% 1.0% 5% 1.0%;
    padding: 3.0%;
    height: 28.0%;
}
.prod-i .wdgtShp {
	display: none;
}
.prod-i-bot-l {
	position: absolute;
    bottom: 0;
    left: 0;
}
.prod-i h2,
.prod-i h3,
.prod-i h4,
.prod-i p {
    padding: 0;
    margin: 0;
    text-align: left;
	font-weight: normal;
    font-weight: 300;
    clear: both;
}
.prod-i h2 {
    font-size: 1.10em;
    line-height: 1.22em;
    width: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    border-bottom-color: rgba(189,189,189,1.00);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: inline-block;
    padding-bottom: 1%;
    margin-bottom: 2%;
}
.prod-i a:link,
.prod-i a:visited {
    text-decoration: none;
    color: rgba(53,126,124,1.00);
}
.prod-i h2 a,
.prod-i h2 a:link,
.prod-i h2 a:visited {
    font-weight: 300;
    color:rgba(99,112,75,1.00);
    color:rgba(0,0,0,1.00);
}
.prod-i h3 {
    position: absolute;
    top: 45%;
    right: 5%;
    text-align: left;
	font-size: 1.6em;
    color: #000;
    border: 3px solid rgba(255,255,255,1.00);
}
.prd-prc {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(99,112,75,1.00);
    z-index: 19;
    padding: 0.7em;
    margin: 0 5% 5% 0;
}
.prd-prc h3 {
    text-align: center;
	font-size: 1.6em;
    font-weight:400; color:rgba(255,255,255,1.00);
    line-height: 1.0em;
    padding: 0;
    margin: 0;
    font-family: 'Open Sans Condensed', sans-serif;
}
.prod-i h4 {
    color: rgba(99,112,75,1.00);
    font-size: 0.8em;
    padding-bottom: 2%;
    font-family: 'Open Sans', sans-serif;
}
.prod-i input[type=button] {
    position: absolute;
    top: 45%;
    right: 5%;
    text-align: center;
    vertical-align: middle;
	background-color: rgba(127,148,119,1.00);
    border: 3px;
	border-radius: 0.5em;
	color: #ffffff;
	font-size: 1.0em;
	font-weight: normal;
    text-transform: uppercase;
	padding: 1.4% 1.8%;
    display: none;
}
.prod-i p {
    color: rgba(110,110,110,1.00);
	font-size: 0.75em;
    line-height: 1.32em;
    padding-top: 3%;
    margin: 0;
    text-align: left;
    width: 55%;
    vertical-align: bottom;
}
.prod-desc {
    position: absolute;
    bottom: 4%;
    left: 5%;
    width: 52%;
}
.prod-desc p {
    color: rgba(110,110,110,1.00);
	font-size: 0.75em;
    font-weight: 300;
    line-height: 1.32em;
    padding-top: 3%;
    margin: 0;
    text-align: left;
    vertical-align: bottom;
}
/* Productinfo */
div.prdct-img {
    position: absolute;
    width: 40%;
    margin: 0 0 0 5%;
    right: 0;
    top: 0;
}
.r_prdct-img:before {
    padding-top: 100%;
}
.prdct-img-click {
    position: absolute;
    width: 90%;
    padding: 2% 3%;
    left: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1.00);
    color: rgba(99,112,75,1.00);
    border: 1px solid rgba(99,112,75,1.00);
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}
.r_prdct-img a[rel="gallery"] {
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    cursor: -moz-zoom-in, -webkit-zoom-in, pointer;
    display: inline-block;
    margin: 0px 5px 10px 0px;
}
a[rel=gallery].prdct-img-gal {
    display: inline-block;
    position: relative;
border-color: #999999;
border-style: solid;
border-width: 1px;
cursor: -moz-zoom-in, -webkit-zoom-in, pointer;
margin: 0px 5px 10px 0px;
    width: 25%;
    overflow: hidden;
}
a[rel=gallery].prdct-img-gal:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.prdct-img a[rel=gallery]:hover {
border-color: #000000;
}
.r_prdct-img-gal {
    width: 100%;
}
.r_prdct-img-gal:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.prd-lnk-bck,
.prd-lnk-nxt,
.prd-lnk-prvs {
    display: inline-block;
    background-color: rgba(99,112,75,0.64);
    padding: 0.5%;
    border-radius: 0.6em;
}
.prd-lnk-nxt {
    margin: 1.5% 0 0 0;
    float: right;
}
.prd-lnk-prvs {
    margin: 1.5% 0 0 0;
}
.prd-lnk-bck {
    margin: 1% 0 1% 0;
}
a.prd-lnk-prvs:link,
a.prd-lnk-prvs:visited,
a.prd-lnk-bck:link,
a.prd-lnk-bck:visited,
a.prd-lnk-nxt:link,
a.prd-lnk-nxt:visited {
    color: rgba(255,255,255,1.00);
}
.prd-cat-lnk-bck {
    width: 98.8%;
    margin: 3% 0 0% 0;
}
.prd-cat-lnk-bck a {
    margin: 0 0.55%;
    color: rgba(255,255,255,1.00);
}
.prd-cat-lnk-bck b {
    margin: 0 0.55%;
    font-size: 0.9em;
    color: rgba(255,255,255,1.00);
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
}
p.prdct-prc {
    display:inline-block;
    color: rgba(79,79,79,1.00);
    font-size: 4.2em;
    font-weight: 400;
    margin: 5% 0 0 0;
    padding: 0.3% 1.8% 0 1.8%;
    width: auto;
    font-family: 'Open Sans Condensed', sans-serif;
}
p.prdct-vat {
    display:inline-block;
    color: rgba(130,130,130,1.00);
    font-size: 1.1em;
    font-weight: 400;
    margin: 0% 0 4% 0;
    padding: 0.3% 2.3%;
    width: auto;
    font-family: 'Open Sans Condensed', sans-serif;
}
p.prdct-prc-org {
    color: rgba(79,79,79,1.00);
    font-size: 1.0em;
    margin: 0px;
    padding: 5px 0px 3px 0px;
}
.prdct-prc-select {
    margin: 3.3% 2.8% 0.3% 0.0%;
    float: left;
}
select.prdct-prc-select {
    color: #000000;
    font-size: 1.4em;
}
.prdct-qty {
    margin:0 0 0 0;
    width: 100%;
}
.prdct-qty h4 {
    display: inline;
}
.prdct-qty input[type=text] {
    display: inline;
    width: 3.2em;
    background-color: rgba(255,255,255,1.0);
    margin: 1.5% 1.5% 1.5% 1.5%;
    padding: 1.5% 1.5% 1.5% 1.5%;
    text-align: right;
    border: 1px solid rgba(79,79,79,1.00);
}
.prdct-qty input[type=text]:focus {
    border: 1px solid rgba(0,0,0,1.00);
}
div.prdct-inf {
    width: 45%;
    padding: 2.5%;
    font-family: 'Open Sans', sans-serif;
}
.prdct-inf h1 {
    font-size: 2.8em;
    line-height: 1.22em;
    margin: 0;
    font-weight: 300;
}
.prdct-inf h4 {
    margin: 0;
    font-weight: 400;
}
.prdct-inf p.prdct-inf-desc {
    background-color: rgba(249,249,249,1.00);
    font-size: 1.4em;
    padding: 1% 2%;
    margin: 1.5em 0 0 0;
}
.prdct-inf input[type=submit] {
    font-size: 1.6em;
    margin: 2.5% 0 2.5% 0;
    padding: 2.0% 2.7%;
    background-color: rgba(255,255,255,1.00);
    color: rgba(99,112,75,1.00);
    border: 1px solid rgba(99,112,75,1.00);
    opacity: 1.0;
}
.prdct-desc h3,
.prdct-desc h4,
.prdct-desc p {
    padding: 2.0% 2.7%;
    font-family: 'Open Sans', sans-serif;
}
.prdct-desc h3 {
    margin: 3.5% 0 1% 0;
    color: rgba(99,112,75,1.00);
    font-size: 1.47em;
    font-weight: 300;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(99,112,75,1.00);
}
.prdct-desc p {
    margin: 0;
    background-color: rgba(255,255,255,1.0);
    width: 95%;
}
/* plastic order */
.delivery div input[type="radio"] { 
    display: none;
}
.delivery div input[type="radio"] + label { 
    font-size: 1.1em;
    padding: 0 0 0 0;
    display: block;
    font-family: 'Open Sans', sans-serif;
}
.delivery div input[type="radio"] + label span { 
    display: inline-block;
    width: 18px; 
    height: 18px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #000000; 
}
.delivery div input[type="radio"] + label span { 
    background-color: #fff;
} 
.delivery div input[type="radio"]:checked + label { 
    color: #333;
    font-weight: 700;
    padding: 0 0 0 0;
    display: block;
} 
.delivery div input[type="radio"]:checked + label span { 
    background-color: #ff8800;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 2px rgba(0,0,0,.1);
} 
.delivery div input[type="radio"] + label span,
.delivery div input[type="radio"]:checked + label span { 
    -webkit-transition: background-color 0.24s linear;
    -o-transition: background-color 0.24s linear;
    -moz-transition: background-color 0.24s linear;
    transition: background-color 0.24s linear;
}
#webshopCartForm input[type=text] {
    display: inline-block;
    background: rgba(255,255,255,1.0);
    background-color: rgb(255, 255, 255);
    border: none;
    height: auto;
    margin: 0.1em 0;
    outline: 0;
    padding: 0.5em 0.6em;
    width: 12%;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    font-size: 1.1em;
    opacity: 1.0;
    border: 1px dotted rgba(53,126,124,0.60);
    text-align: right;
}
#webshopCartForm input[type=text]:focus {
    border: 2px solid rgba(53,126,124,0.60);
}
.wdgtShp {
    margin-top: 2%;
}
.prdct-desc .wdgtShp h2,
.prdct-desc .wdgtShp h3,
.prdct-desc .wdgtShp h4,
.prdct-desc .wdgtShp p {
    margin: 0;
    padding: 1.5% 5.0% 0.5% 5.0%;
    font-weight: 400;
    color: rgba(0,0,0,1.00);
}
.prdct-desc .wdgtShp h2 {
    font-size: 1.33em;
    padding: 0% 5.0% 0.5% 5.0%;
    text-transform: none;
    background: none;
}
.prdct-desc .wdgtShp h3 {
    font-size: 1.23em;
    padding: 0% 5.0% 0.5% 5.0%;
    text-transform: none;
    background: none;
    border:none;
}
.prdct-desc .wdgtShp h4 {
    font-size: 1.23em;
    margin: 1.5% 0 0 0;
}
.prdct-desc .wdgtShp p {
    font-size: 0.95em;
    font-weight: 300;
}
.prdct-desc .wdgtShp #art-lnk {
    margin: 1.5% 5.0% 0.5% 5.0%;
}
/* webshop editcart*/
#webshopCartForm td,
#webshopCartForm th {
    padding: 0.6em 0.3em;
}
#webshopCartForm th {
    color: #ffffff;
    background-color: #000000;
}
#webshopCartForm tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}
#webshopCartForm tbody tr:nth-child(even) td {
    background-color: #eeeeee;
}
#webshopCartForm thead th:nth-child(1n+3),
#webshopCartForm tbody td:nth-child(1n+3),
#webshopCartForm tfoot td {
    text-align: right;
}
#webshopCartForm table {
    width: 100%;
}
#webshopCartForm a {
    font-size: 1.1em;
    color: rgba(0,0,0,1.00);
}
#webshopCartForm tfoot td:nth-child(2) {
    font-size: 1.1em;
}
#webshopCartForm thead th:nth-child(2) {
    width: 10%;
}
#webshopCartForm thead th:nth-child(3) {
    width: 15%;
}
#webshopCartForm thead th:nth-child(4) {
    width: 15%;
}
#webshopCartForm thead th:nth-child(5) {
    width: 6%;
}
#webshopCartForm input[type=text] {
    width: 40%;
}
.cartVat{
	text-align: right;
    font-size: 0.7em;
    margin: 3% 0 0 0;
    padding: 3% 0 0 0;
    border-top: rgba(93,151,150,1.00) dotted 1px;
}
/* webshop checkout-indicator */
.checkout-indicator {
    list-style: none;
    list-style-type: none;
    color: #ffffff;
    margin: 0;
	vertical-align:top;
    width: auto;
    text-align: left;
    padding: 0;
    font-family: 'NoSpace';
}
.checkout-indicator .active {/*
    background-color: rgba(127,148,119,1.00);*/
    background-color: rgba(255,255,255,1.00);
    color: rgba(79,79,79,1.00);
}
.checkout-indicator .done {
    background-color:rgba(99,112,75,1.00);
}
ul.checkout-indicator {
    background-color: rgba(99,112,75,0.54);
    border-radius: 0.6em 0.6em 0.0em 0.0em;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: rgba(99,112,75,0.60);
    overflow: hidden;
    width: 100%;
}
.checkout-indicator li {
    color: #ffffff;
    display: inline-block;
    font-size: 1.1em;
    font-weight: normal;
    list-style: none;
    list-style-type: none;
    padding: 1.2% 3.0%;
    font-family: 'Open Sans', sans-serif;
}
/* webshop forms */

textarea {
border-style: solid;
border-width: 1px;
border-color: rgba(127,148,119,1.00);
border-radius: 5px;
padding: 7px 10px 5px 10px;
background-color: #ffffff;
color: #000000;
font-size: 18px;
opacity: 0.7;
}
textarea:focus {
border-color: rgba(79,109,128,1.00);
opacity: 1.0;
}
.prdct-qty textarea {
border-style: solid;
border-width: 1px;
border-color: rgba(127,148,119,1.00);
border-radius: 5px;
padding: 7px 10px 5px 10px;
background-color: #ffffff;
color: #000000;
font-size: 1.4em;
opacity: 0.7;
}
.prdct-qty textarea:focus {
border-color: rgba(79,109,128,1.00);
opacity: 1.0;
}

input[type=text] {
border-style: solid;
border-width: 1px;
border-color: #eeeeee;
border-radius: 5px;
padding: 7px 10px 5px 10px;
background-color: #ffffff;
color: #000000;
font-size: 18px;
opacity: 0.7;
}
input[type=text]:focus {
border-color: rgba(79,109,128,1.00);
opacity: 1.0;
}

input[type=password] {
border-style: solid;
border-width: 1px;
border-radius: 5px;
border-color: #ffffff;
padding: 7px 10px 5px 10px;
background-color: #ffffff;
color: #000000;
font-size: 18px;
opacity: 0.8;
}
input[type=password]:focus {
border-color: rgba(79,109,128,1.00);
opacity: 1.0;
}

select {
    border-color: #999999;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    color: #000000;
    font-size: 1.4em;
    padding: 2px 5px 2px 5px;
}
/* webshop checkout forms */
.checkout input[type=text],
.checkout select {
    border: 1px dotted rgba(53,126,124,0.60);
    border-radius: 0.5em;
    padding: 0.5em 0.6em;
    background-color: rgb(255, 255, 255);
    color: #000000;
    font-size: 1.1em;
    opacity: 0.7;
    margin: 0.1em 0;
    width: 25%;
}
.checkout input[type=text]:focus {
    border: 2px solid rgba(53,126,124,0.60);
    opacity: 1.0;
}
/* webshop checkout delivery */
.delivery {
    width: 90%;
    padding: 2% 5%;
    margin: 0 0 0 0;
    border-radius: 0.0em 0.0em 0.6em 0.6em;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: rgba(99,112,75,0.60);
}
.delivery div input[type=radio],
.delivery div label {
    margin: 0.5% 0 0 0;
}
/* webshop checkout products */
.chck-prds {
    width: 94%;
    margin: 3% 3% 0 3%;
    font-family: 'Open Sans', sans-serif;
}
.chck-prds tbody tr th:nth-child(1) {
    width: 50%;
}
.chck-prds tbody tr th:nth-child(2) {
    width: 8%;
}
.chck-prds tbody tr th:nth-child(3) {
    width: 15%;
    text-align: right;
}
.chck-prds tbody tr th:nth-child(4) {
    width: 20%;
    text-align: right;
}
/* webshop checkout forms */
#webshopConfirmForm {
width: 94%;
}
#webshopConfirmForm {
    display: block;
    vertical-align: top;
    padding: 3% 3% 0 3%;
    background-color: rgb(255, 255, 255);
    margin: 0 0 0 0;
}
#webshopConfirmForm .payer,
#webshopConfirmForm .deliver-to,
#webshopConfirmForm .conf-check {
    display: inline-block;
    vertical-align: top;
    border-radius: 0.5em;
    padding: 0 3%;
    background-color: rgb(255, 255, 255);
    color: #000000;
    font-size: 1.0em;
    opacity: 0.7;
    margin: 0 5% 0 0;
}
#webshopConfirmForm .conf-check {
    display: block;
    padding: 2% 2%;
    color: #000000;
    font-size: 1.1em;
    opacity: 1.0;
    margin: 2% 0 2% 0;
}
.delivery-right-form label {
    margin: 3% 0 !important;
}
.delivery-right-form [type="checkbox"]:not(:checked), 
.delivery-right-form [type="checkbox"]:checked,
#webshopConfirmCheckbox[type="checkbox"]:not(:checked), 
#webshopConfirmCheckbox[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
.delivery-right-form [type="checkbox"]:not(:checked) + label, 
.delivery-right-form [type="checkbox"]:checked + label,
#webshopConfirmCheckbox[type="checkbox"]:not(:checked) + label, 
#webshopConfirmCheckbox[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;
}
.delivery-right-form [type="checkbox"]:not(:checked) + label::before, 
.delivery-right-form [type="checkbox"]:checked + label::before,
#webshopConfirmCheckbox[type="checkbox"]:not(:checked) + label::before, 
#webshopConfirmCheckbox[type="checkbox"]:checked + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    border-radius: .2em;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);
    -webkit-transition: all .275s;
    transition: all .275s;
}
.delivery-right-form [type="checkbox"]:not(:checked) + label::after, 
.delivery-right-form [type="checkbox"]:checked + label::after ,
#webshopConfirmCheckbox[type="checkbox"]:not(:checked) + label::after, 
#webshopConfirmCheckbox[type="checkbox"]:checked + label::after {
    content: '✕';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.375em;
    color: #024C00;
    line-height: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.delivery-right-form [type="checkbox"]:not(:checked) + label::after,
#webshopConfirmCheckbox[type="checkbox"]:not(:checked) + label::after {

    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);

}
#webshopConfirmForm .conf-check a {
    text-decoration: underline;
    
}

.paytrail-container {
    width: 100%;
}
/* min-order-notice */
td.min-ord {
    background-color: rgb(255, 255, 255) !important;
    border: 1px dotted rgba(166,0,2,0.30);
    color: rgba(166,0,2,1.00);font-size: 0.8em;
}
/* min-order-notice */
/* calculator */
.quadCalc {
    width: 60%;
    display: block;
    padding: 0 2% 0 4%;
    background-color: rgba(255,255,255,1.00);
    border: 1px solid rgba(99,112,75,0.60);
    border-radius: 0.6em;
    font-family: 'Open Sans', sans-serif;
    overflow: hidden;
}
.quadCalc h2,
.quadCalc span ,
.quadCalc span.quadCalcX {
    display: block;
    clear: both;
    color: rgba(99,112,75,0.60);
}
.quadCalc h2 {
    font-size: 1.2em;
    font-weight: 400;
    color: rgba(255,255,255,1.00);
    background-color: rgba(99,112,75,0.60);
    margin: 0 -3% 0 -8%;
    width: 104%;
    padding: 2% 2% 2% 7%;
}
.quadCalc h5 {
    font-size: 0.70em;
    font-weight: 400;
    color: rgba(255,255,255,1.00);
    background-color: rgba(99,112,75,0.60);
    margin: 0 -3% 0 -8%;
    width: 104%;
    padding: 2% 2% 2% 7%;
}
.quadCalc span {
    font-size: 1.0em;
    font-weight: 400;
    margin: 1% 0 0 0;
}
.quadCalc span.quadCalcX {
    font-size: 1.8em;
    font-weight: 400;
    margin: 0 5%;
    display: inline-block;
}
.quadCalc input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    font-size: 0.9em;
    text-align: right;
    margin: 0.5em 0 0.5em 0;
    padding: 0.3em 1.0em 0.3em 1.0em;
    width: 15%;
    border: 1px solid rgba(99,112,75,1.00);
    border-radius: 0.3em;
    background-color: rgba(255,255,255,1.00);
    color: rgba(0,0,0,1.00);
}
.quadCalc input[type="button"] {

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    font-size: 1.1em;
    margin: 0.5em 0 0.5em 0;
    padding: 0.3em 0.6em 0.3em 0.6em;
    width: auto;
    color: rgba(255,255,255,1.00);
    background-color: rgba(99,112,75,0.60);
    border: none;
    margin-left:5%;
}
.quadCalcRslt {
    color: rgba(99,112,75,0.60);
    display: inline;
    font-size: 1.2em;
}
.quadCalcRslt span {
    color: rgba(0,0,0,1.00);
    display: inline;
    font-size: 1.6em;
    margin: 0 3%;
}

/* produkt table */
.wdgtShp .site-table {
	width: 90%;
    margin: 1.5% 5.0% 0.5% 5.0%;
    font-family: 'Open Sans', sans-serif;
}
.wdgtShp .site-table thead {
	background-color: rgba(99,112,75,1.00);
    color: rgba(255,255,255,1.00);
    display: none;
}
.wdgtShp .site-table thead th {
	padding: 1% 1% 1% 1%;
    width: auto;
    border: 1px solid #ffffff;
    font-weight: 400;
}
.wdgtShp .site-table tbody {
	
}
.wdgtShp .site-table tbody td {
    border: 1px solid rgba(99,112,75,0.32);
	padding: 1.5% 1% 1.5% 1%;
    width: auto;
}

/* New Paytrail paytrail_createpayment */

.ptrl-crtpmnt-cntnr {
    width: 90%;
    padding: 0 5% 3% 5%;
    border-radius: 0.0em 0.0em 0.6em 0.6em;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: rgba(99,112,75,0.60);
}

.ptrl-crtpmnt-info {
    width: 90%;
    padding: 0 5% 0 5%;
}
.ptrl-crtpmnt-info div {
    display: table;
    width: 80%;
    border-bottom: 1px dotted rgba(99,112,75,0.60);
}
.ptrl-crtpmnt-info h2,
.ptrl-crtpmnt-info h2.ptrl-crtpmnt-hdr {
    font-size: 1.8em;
    font-weight: 800;
    line-height: 1.72em;
    text-transform: uppercase;
    text-align: left;
    color: rgba(99,112,75,1.0);
    font-family: 'Open Sans Condensed', sans-serif;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(99,112,75,0.60);
    margin: .83em 0 .23em 0;
}
.ptrl-crtpmnt-info h2.ptrl-crtpmnt-hdr {
    margin: .83em 0.23em 0;
    border: none;
}
.ptrl-crtpmnt-info div span:first-child {
    width: 42%;
}
.ptrl-crtpmnt-info div span:last-child {
    width: auto;
    padding-left: 2%;
}
.ptrl-crtpmnt-info span {
    font-size: 1.2em;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    display: table-cell;
    line-height: 1.52em;
    vertical-align: middle;
}
.ptrl-crtpmnt-label {
    color: rgba(105,105,105,1.00);
}
.ptrl-crtpmnt-price {
    font-size: 1.4em!important;
}

.ptrl-crtpmnt {
    width: 90%;
    padding: 0 5% 3% 5%;
    border-radius: 0.6em 0.6em;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(99,112,75,0.60);
}
.ptrl-crtpmnt p {
    width: 67%;
}
.ptrl-crtpmnt h2 {
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.72em;
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif;
}
.ptrl-crtpmnt-logo {
    float: right;
    width: 26%;
    margin: 3% 0 0 0;
    padding: 2%;
    display: inline-block;
    border-radius: 0.4em;
    color: rgba(255,255,255,1.00);
    background-color:rgba(104,104,104,0.60);
    text-align: center;
}
.ptrl-crtpmnt-logo span {
    font-size: 0.95em;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    line-height: 1.52em;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding-bottom: 2%;
}
.ptrl-crtpmnt-logo span b {
    border-top: 1px solid rgba(200,200,200,0.60);
    font-weight: 600;
    margin-top: 2%;
    padding-top: 1%;
}

.ptrl-crtpmnt form {
    display: inline-block;
    margin-bottom: 3%;
    margin-left: 3%;
}
.ptrl-crtpmnt form button {
    /*background: none;*/
}