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

.nomargin {
    line-height: 10px;
    margin: 0;
}

.yellow-btn {
    background: #0075bf;
    padding: 0;
    max-width: 200px;
    line-height: 39px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.error {
	color: #fff;
background: #d8291d;
padding: 12px;
border: 4px solid #b92218;
font-weight: bold;
display: block;
}

.checkout-input {width: 100%;}

.checkout-input .input-group {
display:flex;
width: 100%;
}

.checkout-input .input-group .form-control {
font-size: 15px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
min-width: 40%;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}

.checkout-input .input-group select {
width:60%
}

input[name="address[telefon]"] {
	height:37.7px !important;
  }

/* old shopping cart stuff */
.shopping-cart{width:100%;display:inline-block;}
.shopping-cart ul{list-style:none;padding:0;width:100%;margin:0 0 30px 0;display:inline-block;width:100%;}
.shopping-cart ul li{float:left;width:20%;line-height:22px;font-size:16px;}
.shopping-cart ul li span{line-height:40px;width:40px;text-align:center; font-size:20px; font-weight:bold;margin-right:12px;float:left;}
.shopping-cart ul li a{text-decoration:none;}
.shopping-cart ul li.active span,
.shopping-cart h2{font-family: 'Vitesse A', 'Vitesse B', cursive;font-weight:700;margin-bottom:15px;}
.shopping-cart h3{margin-top:0;margin-bottom:30px;}
.shopping-cart .products-details h3{margin-bottom:15px;}
.shopping-cart .products-details .total h3{font-family: 'PT Sans', sans-serif;font-weight:bold;}

.shopping-cart .total{margin-top:15px;}
.shopping-cart .total h3{margin-bottom:0;}
.shopping-cart .total p{margin-bottom:0;}
.price-small{font-size:20px;line-height:25px;font-weight:bold;margin-top:0;}
.shopping-cart .yellow-btn{color:#000;max-width:none;width:auto;min-width:160px;margin-left:36px;margin:0;margin-top:-15px;font-size:20px;}
.specify-address h3{margin:0;}
.specify-address p{margin:1em 0;}
.specify-address form{padding-top:20px}
.specify-address .input-group{margin-bottom:15px;width:100%;}
.specify-address .input-group label{line-height:34px;margin:0;float:left;}
.specify-address .input-group label span{font-weight:normal;display:inline-block;}
.specify-address sup{color:#d8291d;font-size:100%;top:0;}
.specify-address .form-control{padding:0 5px;}
.specify-address .small .form-control{max-width:120px;}
.products-details .number .btn{margin-left:20px;}
.different-address h3{margin-bottom:20px;}
.specify-address .further-notes{margin-bottom:50px;}
.specify-address .further-notes label{width:100%;display:inline-block;margin-bottom:10px;}
.specify-address .further-notes .form-control{min-height:120px;max-width:520px;resize:none;max-width:520px;}
.specify-address .yellow-btn{font-size:20px;margin:0;}
.specify-address h4{margin:20px 0;line-height:26px;font-size:20px;}
.specify-address table{font-size:20px;line-height:26px;max-width:520px;width:100%;margin-bottom:30px;}
.specify-address table th{padding-bottom:10px;}
.specify-address table th:last-child{text-align:right;}
.specify-address table td{padding-bottom:10px;}
.specify-address input[type="radio"]{margin-right:10px;}
.specify-address table label{cursor:pointer;}
.specify-address table label span{font-weight:normal;}
.shopping-cart .green-btn{font-size:20px;padding:0 20px;max-width:inherit;width:auto;}
.shopping-cart .text-right .btn{text-align: center;}
.shopping-cart .text-right .btn:first-of-type {float:left;}
.shopping-cart .text-right .btn:last-of-type {float:right;}
table th{font-weight:bold;padding-bottom:20px;}
table td{padding-bottom:20px;}
table{font-size:20px;line-height:26px;margin-bottom:20px;}
.terms-conditions h2{font-size:20px;margin-bottom:20px;font-family: 'Vitesse A', 'Vitesse B', cursive;font-weight:700;}
.terms-conditions label{font-weight:normal;margin-bottom:30px;}
.terms-conditions label span{display:table;}
.terms-conditions label a{text-decoration:underline;}
.terms-conditions input[type="checkbox"]{float:left;margin-right:10px;width:20px;height:20px;}
.modal-block .close{position:absolute;right:0;top:0;background:#d8291d;border:1px solid #b70041;color:#fff;height:40px;width:40px;opacity:1;text-align:center;z-index:100;}
.modal-block .close i{padding:0;display:block;font-size:22px;}
.modal-block .left-img{width:22%;float:left;}
.modal-block .left-img img{margin-bottom:30px;}
.modal-block .left-img p{line-height:26px;font-size:16px;}
.modal-block .right-col{width:78%;float:left;padding-left:35px;margin:0;}
.specify-address h3{font-size:20px;line-height:26px;margin:0 0 0;font-family: 'Vitesse A', 'Vitesse B' cursive;font-weight:700;}
.modal-block .right-col h2{font-size:20px;line-height:26px;margin:0 0 10px;font-family: 'Vitesse A', 'Vitesse B', cursive;font-weight:700;}
.modal-block .right-col h4,
.modal-block .right-col h3{font-weight:bold;font-family: 'PT Sans', sans-serif;font-size:20px;}
.modal-block table{margin-top:20px;}
.modal-block table label{width:auto;float:left;line-height:34px;margin:0;font-weight:normal;padding-right:10px;}
.modal-block table .form-control{float:left;width:100%;max-width:180px;height:34px;font-size:18px;padding:0 5px;}
.modal-block .right-col h4{margin-bottom:0px;}
.modal-block table select.form-control{max-width:100px;}
.shopping-cart .modal-block .btn{margin:0;padding:0 25px;font-size:19px;width:auto;min-width:inherit;}
.shopping-cart .modal-block .btn.blue-btn{margin-top:30px;margin-left:30px;}
.your-offer{margin-top:30px;}
.organizer .form-control{margin-bottom:5px;}
.organizer h3{margin-top:30px;}
.organizer label{margin-bottom:5px;}
.organizer .small label{width:30%;float:left;}
.organizer .small .form-control{width:70%;float:left;}
.organizer .input-group{width:100%;}
.organizer textarea.form-control{width:100%;float:left;min-height:110px;resize:none;}
.organizer sup{color:#d8291d;}
.organizer .btn{min-width:inherit;max-width:inherit;float:right;}
.shopping-cart .product-box{margin-top:30px;}
.terms-conditions{width:82%;}
.specify-address table label{font-weight:bold;}
.specify-address table label input[type="radio"]{float:left;}
.specify-address table label span{display:table;font-weight:bold;}
.specify-address table label span b{font-weight:normal;}
.specify-address .different-address h3{font-weight:bold;font-family: 'PT Sans', sans-serif;margin-bottom:30px;margin-top:30px;}

.product-box{width:100%;background:#fff;padding:40px;margin-bottom:40px;border-bottom:1px solid #cccccc;display:inline-block;}
.product-box .product-img{width:20%;float:left;}
.product-box .products-details h3{font-family: 'Vitesse A', 'Vitesse B', cursive;font-weight:700;}
.availability{width:100%;display:inline-block;line-height:30px;}
.products-details label{font-size:20px;font-weight:normal;line-height:26px;margin:0;}
.more-details{font-size:20px;font-weight:normal;color:#000;text-decoration:underline;margin-top:10px;}
.number{width:100%;display:inline-block;margin:0 0 10px 0;}
.price-big{font-size:27px;font-weight:bold;line-height:32px;}
.includingVta{font-size:20px;line-height:30px;font-weight:normal;}
.includingVta a{text-decoration:underline;}


/* hide arrows of number input in specify-address block */

/* Chrome, Safari, Edge, Opera */
.specify-address input::-webkit-outer-spin-button,
.specify-address input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.specify-address input[type=number] {
  -moz-appearance: textfield;
}

/***** CHECKOUT *****/
.shopping-cart .specify-address-intro {
	margin-bottom:2em;
}
.shopping-cart .input-group.further-notes {
	margin-top:2.5em;
}
.shopping-cart .input-group.further-notes label {
	width:100%;
	line-height:1.2em;
}
.shopping-cart .input-group.further-notes textarea {
	width:100%;
	max-width:none;
}
.terms-conditions label {
	margin-bottom: 30px;
}
.specify-address .input-group label span {
	line-height:1.2em;
	font-size:.9em;
}
.shopping-cart ul li span {
	background-color:#0075bf;
	color:#fff;
}
.shopping-cart ul li.active span {
	background-color:#004476;
}
.shopping-cart .btn {
	color:#fff;
	border-radius:.3em;
	background-color: #d8291d;
}
.shopping-cart .btn:hover {
	color:#fff;
	border-radius:.3em;
	background-color: #000;
}
.shopping-cart .btn.pull-left {
	background:#999;
}
.shopping-cart .btn.pull-left:hover {
	background:#000;
}
.shopping-cart .btn.green-btn {
	background-color: #1eb83f;
	margin-top: -15px;
}
.shopping-cart .terms-conditions {
	width:100%;
	margin-bottom:2em;
	line-height: 1.9;
	display: flex;
	flex-direction: column;
}
.shopping-cart .products-details .number {
 display: flex;
}
.shopping-cart .products-details .number  > * {
	margin-right:.5em;
}
.shopping-cart .products-details .number label {
	font-size:1em;
}
.shopping-cart .products-details .number .btn {
	font-size:.9em;
	padding:.5em;
	line-height: 1em;
}
.shopping-cart .products-details .number .btn {
	margin-left: 0;
    flex: auto;
    margin-top: 0;
    padding: 10px;
}
.shopping-cart .back-btn {
  background-color:#c5c5c5;
}
#content .shopping-cart ul {
	padding-left:0;
}
.shopping-cart .specify-payment .explanation {
	font-weight:normal;
	display: block;
	font-size:.8em;
	padding-left:2.8rem;
	line-height:1.3em;
}
.shopping-cart .specify-payment [type="radio"] {
	margin-top:4px;
	width:1.7rem;
	appearance: radio;
}
.shopping-cart .specify-payment table {
	line-height:1.4em;
}
.shopping-cart .specify-payment table td {
	vertical-align: top;
}
.checkout-addresses {
	display: flex;
	flex-wrap: wrap;
	line-height:1.4em;
}
.checkout-addresses .address {
	margin-right:5%;
	margin-bottom:2em;
}
.shopping-cart .text-right .green-btn {
	white-space: normal;
	line-height:1.1em;
	padding:.4em .75em;
}
.checkout-overview .product-box {
	margin-top:3em;
	padding:0;
}
.checkout-overview .product-box .cartview-img,
.checkout-finished .product-box .cartview-img {
	width:auto;
	max-width:12em;
}
.shopping-cart .product-box {
	margin-top:3em;
	padding:0;
}
.shopping-cart .clearer {
	border-bottom:1px solid #c6c6c6;
	clear: both;
	margin-bottom:2em;
}
.shopping-cart table.total {
	width:100%;
}
.shopping-cart table.total td {
	vertical-align: top;
}
.shopping-cart table.total td:first-child {
	padding-right:.5em;
}
.shopping-cart .price-big {
	white-space: nowrap;
}
.shopping-cart .product-details table.article-info td:first-child {
	padding-right:1em;
}
.shopping-cart .shipping td {
	background-color: #eeeeee;
	padding-top:.5em;
	padding-bottom:.5em;
}
.shopping-cart .final-sum td {
	padding-top:1em;
}
.shopping-cart .selected-items-wrapper {
	padding-left:0;
}
.shopping-cart .products-details h3.summe.onlymobile {
	margin-bottom:5px;
}

@media (min-width:480px) {
	.checkout-overview .product-box .cartview-img {
		max-width:15em;
	}
	.shopping-cart .input-group label {
		width:8em;
		margin-right:1em;
	}
	.shopping-cart .input-group input,
	.shopping-cart .input-group select {
		width: calc(100% - 9em);
	}
	.shopping-cart .input-group.salutation select,
	.shopping-cart .input-group.title input {
		max-width:12em;
	}
	
}


@media (min-width:768px) {
	.shopping-cart .products-details {
		font-size:1.4em;
	}
	.shopping-cart .products-details .number .btn {
        padding:.25em 1em;
        margin: 0 0 0 10px;
        line-height: 1.4;
	}
	.shopping-cart .products-details .number .yellow-btn {
		margin-top:0;
		min-width:0;
	}
	.input-groups-wrapper .input-group.street {
		width:65%;
		float:left;
		margin-right:5%;
	}
	.input-groups-wrapper .input-group.street-number {
		width: 30%;
	}
	.input-groups-wrapper .input-group.zip {
		width:35%;
		float:left;
		margin-right:0;
	}
	.input-groups-wrapper .input-group.city {
		width:65%;
	}
	.input-groups-wrapper .input-group.street-number label,
	.input-groups-wrapper .input-group.city label {
		text-align:right;
	}
	.input-groups-wrapper .input-group.city label {
		width:6em;
	}
	.input-groups-wrapper .input-group.city input {
		width: calc(100% - 7em);
	}
	.input-groups-wrapper .input-group.street-number label {
		width:7em;
	}
	.input-groups-wrapper .input-group.street-number input {
		width: calc(100% - 8em);
	}
	.shopping-cart .specify-payment [type="radio"] {
		margin-top:9px;
	}
	.shopping-cart .specify-payment .explanation {
		padding-left:2.8rem;
	}
	.cart-details .number input.type-number {
		margin-right:0;
	}
}
@media (min-width:768px) and (max-width:991px) {
	#content .shopping-cart ul li {
		font-size:13px;
		line-height:18px;
	}

}
@media (max-width: 991px) {
	.shopping-cart .product-box {
		padding: 20px 0;
	}
}
@media (max-width: 767px) {
	.shopping-cart .specify-payment table {
		font-size:1em;
	}
	.shopping-cart .price-big {
		font-size:1.2em;
	}
	.shopping-cart table.total {
		font-size:1em;
		line-height:1.4em;
	}
	.shopping-cart table.total .price-small {
		font-size:1em;
	}
	.address-inner {
        text-align:left;
        color:#333333;
        line-height:1.4;
        margin-top:1rem;
        font-size:1.2rem;
    }
    .checkout-addresses .address h4 {
        text-align:left;
	}
	.terms-conditions .text-right {
		display:grid;
		grid-template-columns: 1fr;
		row-gap: 30px;
	}
}

/**** Product details price fields ***/
.available{font-size:16px;}

.purchase-options table span.grey {
	color: #dddddd;
}


/* custom new shopping cart stuff */

#content .container {
	padding: 20px 0 0 0;
}

.top + h1 { margin: 20px 0;}

.shopping-cart ul {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(120px, 1fr) );
    row-gap: 10%;
}

.product-head .products-details div .row-height {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

.product-specs {
    display: grid;
    grid-template-columns: 1fr 4fr;
}
.product-specs > div:first-of-type {
    padding-right: 10px;
}

.row-height .cart-details {
    padding-left: 16px;
}

.row-height .cart-details h3 {

}

.row-height .cart-details h3 a {
    text-decoration: none;
}

.row-height .cart-details p {
    font-size: 16px;
    line-height: 1.4;
}

.row-height .cart-details p span {
    font-size: 0.9rem;
}

.row-height .cart-details .number {
	display: flex;
    align-items: baseline;
}

@media only screen and (max-width:600px) {
	
.product-specs {
    grid-template-columns: 1fr 1fr;
}
.product-specs div:first-of-type {
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 0;
}
.product-specs .product-img-xl a img {
	width: 100%;
}
.product-specs .products-details {
    grid-column-start: 1;
    grid-column-end: 3;
}

.number {
    display: block;
}

.product-head {
    grid-template-columns: 1fr;
}

.product-head .product-details div .row-height {
    grid-template-columns: 1fr;
}
.checkout-input .input-group .form-control {
    min-height:44px;
    width: 100%;
}
.checkout-input .input-group.further-notes .form-control {
	min-height:120px;
}
.checkout-input .input-group {
	flex-direction:column;
	width:98%;
}
}

@media screen and (max-width:380px) {
    .shopping-cart form#formx {margin-top:6rem;}
    #content .container .shopping-cart.checkout-finished ul:first-of-type {
    	margin-bottom:6rem;
    }
}

@media only screen and (max-width:350px) {
	.shopping-cart .text-right .btn {
		min-width:120px;
	}
}

/* -------------------------------------------------------- */
/* -                                                      - */
/*   adding rough bootstrap modal css to checkout process   */
/* -                                                      - */
/* -------------------------------------------------------- */



.modal-open {
	overflow: hidden;
  }
  .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
  }
  .modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
		 -o-transition:      -o-transform .3s ease-out;
			transition:         transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
		-ms-transform: translate(0, -25%);
		 -o-transform: translate(0, -25%);
			transform: translate(0, -25%);
  }
  .modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		 -o-transform: translate(0, 0);
			transform: translate(0, 0);
  }
  .modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
  }
  .modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
  }
  .modal-content {
	position: relative;
	background-color: #fff;
  }
  .modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
  }
  .modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
  }
  .modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
  }
  .modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
  }
  .modal-header .close {
	margin-top: -2px;
  }
  .modal-title {
	margin: 0;
	line-height: 1.42857143;
  }
  .modal-body {
	position:relative;
	padding:35px;
	overflow:hidden;
  }
  .modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
  }
  .modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
	margin-left: 0;
  }
  .modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
  }
  @media (min-width: 768px) {
	.modal-dialog {
	  max-width:750px;
	  margin: 30px auto;
	}
	.modal-content {
	  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
			  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
	.modal-sm {
	  width: 300px;
	}
  }
  @media (min-width: 992px) {
	.modal-lg {
	  max-width:1080px;
	  width:100%;
	}
  }
  
  .popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
			background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
			box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  
	line-break: auto;
  }
  .popover.top {
	margin-top: -10px;
  }
  .popover.right {
	margin-left: 10px;
  }
  .popover.bottom {
	margin-top: 10px;
  }
  .popover.left {
	margin-left: -10px;
  }
  .popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
  }
  .popover-content {
	padding: 9px 14px;
  }
  .popover > .arrow,
  .popover > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
  }
  .popover > .arrow {
	border-width: 11px;
  }
  .popover > .arrow:after {
	content: "";
	border-width: 10px;
  }
  .popover.top > .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0;
  }
  .popover.top > .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0;
  }
  .popover.right > .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0;
  }
  .popover.right > .arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0;
  }
  .popover.bottom > .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
  }
  .popover.bottom > .arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff;
  }
  .popover.left > .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25);
  }
  .popover.left > .arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff;
  }
  

  /* ios hack preventing weird stupid input zoom */

  select,
  textarea,
  input {
    font-size: 16px !important;
  }

  select:focus,
textarea:focus {
  font-size: 16px !important;
}