.homeImageTile
{
	padding:16px;
	background-size:cover;
	height:100%;
	text-align:right;
}

.homeImageTile > div
{
	text-align:left;
	padding:8px 32px;
	color:#fff;
	height:100%;
	box-sizing:border-box;
	display:inline-block;
}

.homeImageTile > div > span
{
	background-color:rgba(0, 0, 0, 0.45);
	display:inline-block;
	width:auto;
	padding:4px;
	margin:2px;
}

.homeGrid
{
	margin:8px;
	display:grid;
	grid-template-columns:1fr 1fr;
	column-gap:8px;
	row-gap:8px;
}

.homeGrid > *
{
	flex-grow:1;
	flex-shrink:1;
	overflow:hidden;
}

.homeText
{
	margin:8px;
}

.bc
{
	margin:0 8px;
	border:1px solid #bbb;
	padding:12px;
	margin-bottom:4px;
}

.headNav
{
	border-bottom:1px solid #bbb;
	padding-bottom:8px;
	margin-bottom:16px;
}

.headNav nav
{
	margin:4px 8px;
    font-size:1.3rem;
    color:#111;
    letter-spacing:0.6px;
}

.headNav nav li
{
    display:inline;
}
.headNav nav li:not(:last-child):after
{
    width:40px;
    color:#ddd;
    text-align:center;
    content:"●";
    display:inline-block;
}

/*Footer*/

footer
{
	display:grid;
	grid-template-columns:repeat(4, 25%);
	margin:-12px;
	margin-top:16px;
	margin-bottom:16px;
}

footer > div
{
	margin:8px;
}

footer ul
{
	list-style-type:none;
}

footer li
{
	margin-bottom:8px;
	background-color:#fff;
	box-shadow:1px 1px 10px rgba(0,0,0,0.35);
}

footer li a
{
	display:block;
	padding:4px;
	border:1px solid #bbb;
}


.newsletterButton
{
	background-color:var(--pri-color-d);
	color:#fff;
}

.newsletterButton:hover
{
	background-color:var(--pri-color-l);
	color:#000;
}

input.newsletterMail
{
	border-color:var(--pri-color-d);
	border-width:1px;
	border-style:solid;
	font-size:1.2rem;
	padding:6px;
	box-shadow:1px 1px 2px var(--pri-color-d);
}

.footerNewsletterButton
{
	background-color:var(--sec-color-d);
	color:#fff;
}

.footerNewsletterButton:hover
{
	background-color:var(--sec-color-l);
	color:#000;
}


/*Boxen und Bereiche*/

.homeLargeBanner > div
{
	display:grid;
	grid-template-columns:50% 50%;
	grid-template-areas:"image video";
	height:100%;
	margin-top:8px;
}

.homeLargeBanner ._left
{
	width:100%;
	height:100%;
	object-fit:cover;
	grid-area:image;
}

.homeLargeBanner ._left img
{
	width:100%;
	height:100%;
	object-fit:cover;
}

.homeLargeBanner ._right
{
	grid-area:video;
	background-image:url(/static/img/thumb_min.jpg);
	background-size:cover;
	overflow:hidden;
}

.homeLargeBanner ._right video,
.homeLargeBanner ._right img
{
	object-fit:cover;
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
}

.homeLargeBanner ._right p
{
	font-size:2.6rem;
	font-weight:bold;
	color:#fff;
	position:absolute;
	left:10%;
	bottom:10%;
	margin-bottom:0;
	z-index:1;
	text-align:center;
	text-shadow:0px 0px 1px rgba(0, 0, 0, 1);
}
    
/* product-new */
.productPage
{
	display:grid;
	grid-template-columns: auto auto 400px;
	grid-template-rows:min-content min-content min-content min-content 1fr auto auto;
	grid-template-areas:
		"gallery gallery headline"
		"gallery gallery details"
		"text text details"
		"text text details"
		"text text related"
		"relatedBottom relatedBottom related"
		". . related";
}

.productPage h2
{
	margin-top:16px;
}

.productPage h1
{
	grid-area: headline;
	
	margin-bottom:16px;
	text-align:center;
}

.productPage .productGallery
{
	grid-area: gallery;
	
	display:grid;
	grid-template-columns:auto 128px;
	grid-auto-rows:fit-content(0);
	grid-template-areas:
		"image preview";
}

.productGalleryLarge
{
	grid-area:image;
}

.productGalleryLarge > div
{
	width:100%;
	/*height:100%;*/
}


.productPage .productGalleryLarge img
{
	width:100%;
	/*height:100%;
	object-fit:cover;*/
}

.productPage .productGalleryLarge i
{
    position:absolute;
    right:16px;
    bottom:16px;
    color:#000;
    font-size:1.6rem;
    z-index:1;
    cursor:pointer;
    padding:8px;
	width:42px;
	height:42px;
	background-color:rgba(255, 255, 255, 0.5);
	border-radius:5px;
}
.productPage .productGalleryLarge i:hover
{
	background-color:#fff;
}
.productPage .productGalleryLarge img:nth-child(2)
{
	display:block;
}
.productPage .productGalleryLarge img
{
    display:none;
}

.productPage .productGalleryPreview
{
	margin-left:8px;
	grid-area:preview;
	overflow:hidden;
	overflow-y:auto;
}

.productPage .productGalleryPreview img
{
	width:100%;
	display:block;
	margin-bottom:8px;
	cursor:pointer;
}

.productPage .productGalleryPreview img:last-child
{
	margin-bottom:0;
}

.productPage .productSide
{
	grid-area: details;
}

.productPage .productText
{
	grid-area: text;
	margin-left:8px;
}

.productPage .productText > div
{
	display:grid;
	grid-template-columns:1fr 1fr; /*50% 50%*/
	grid-column-gap:8px;
}
.productPage .productText table
{
    width:100%;
}
.productPage .productText table th,
.productPage .productText table td
{
    border:1px solid #bbb;
    padding:8px;
}

.productPage .productText table tr:nth-child(even)
{
    background-color:#f7f7f7;
}

.productRelatedBottom
{
	margin-top:32px;
	grid-area:relatedBottom;
	grid-template-columns:repeat(3, 1fr);
	grid-template-areas:"headline headline headline";
	display:grid;
	flex-wrap:wrap;
	column-gap:8px;
}

.productRelatedBottom h3
{
	grid-area:headline;
}

.productRelated a
{
	flex-basis:300px;
	flex-grow:1;
	text-align:center;
	display:inline-block;
	padding:8px;
	border:1px solid #bbb;
	text-decoration:none;
}

.productRelated a:hover
{
	padding:7px; /*border fix*/
	border:2px solid var(--pri-color-n);
}

.productPage .productRelatedRight
{
	grid-area: related;
	
	padding:0 8px;
    height:auto;
    text-align:center;
}

.productPage .productRelatedRight h3
{
	margin-bottom:20px;
}

.productRelatedRight a
{
	margin-top:8px;
	width:100%;
}

.productRelated img
{
	max-width:300px;
	width:100%;
}

.productRelated h5
{
	color:var(--pri-color-d);
	margin-top:12px;
	margin-bottom:8px;
	font-size:1.3rem;
}

.productRelated h6
{
	margin:4px 0px 14px 0px;
	padding-bottom:4px;
	font-size:0.9rem;
}

.productSide
{
    padding:0 8px;
    text-align:center;
}

.productSide h1
{
    margin-bottom:16px;
}

.productSide h3
{
    margin-bottom:24px;
    font-size:1.2rem;
}

.productSide ._price
{
    font-size:2.4rem;
    font-weight:lighter;
    color:var(--pri-color-d);
    margin-bottom:0;
}

.productSide ._price > span
{
	font-size:0.9rem;
	color:#000;
}

.productSide ._tax
{
    font-size:0.9rem;
    color:#444;
}

.productSide ._amount
{
    padding:4px 30px;
    border:1px solid #bbb;
    border-left:none;
    border-right:none;
    text-align:left;
    margin-bottom:16px;
	display:flex;
}

.productSide ._amount > label
{
	flex-grow:0;
	margin-right:8px;
	margin-top:4px;
}
.productSide ._amount > input
{
    padding:6px;
    flex-basis:100%;
	flex-grow:0;
}

.productSide ._amount > select
{
	min-width:130px;
}

@keyframes runningMeterMissing
{
	0%
	{
		background-color:rgba(200, 0, 0, 1);
	}
	60%
	{
		background-color:#fff;
	}
	70%
	{
		background-color:rgba(200, 0, 0, 1);
	}
	80%
	{
		background-color:#fff;
	}
	90%
	{
		background-color:rgba(200, 0, 0, 1);
	}
	100%
	{
		background-color:#fff;
	}
}

.runningMeterMissing
{
	animation-name:runningMeterMissing;
	animation-duration:2s;
}

.productVarietySelector
{
	border-top:1px solid #bbb;
	padding-top:1px;
}

.productVarietySelector > a
{
	color:var(--pri-color-d);
	font-weight:bold;
	display:inline-block;
	padding:4px;
	border:2px solid var(--pri-color-n);
	margin:4px;
	border-radius:4px;
}

.productCurrentSelection
{
	display:none;
	margin-bottom:16px;
	padding:8px;
	border-radius:8px;
	background-color:var(--pri-color-l);
}

.productSide ._available
{
    font-size:0.9rem;
    color:#444;
}

.productSide ._share
{	
	margin-top:20px;
	margin-bottom:20px;
}

.productSide ._share div._flex
{
	margin-top:16px;
	display:flex;
	justify-content:space-around;
}

.productSide ._share div._flex > a, .productSide ._share div._flex > span
{
	font-size:2rem;
	display:block;
	cursor:pointer;
	flex:0 0 44px;
	height:44px;
	
	border-radius:100%;
	
	display:flex;
	align-items:center;
	justify-content:center;
}

.productSide ._share .shareIcon
{
	outline:none;
	transition:all 0.1s ease-in-out;
}

.productSide ._share .shareIcon:hover, .productSide ._share .shareIcon:focus
{
	transform:scale(1.8);
}


.sharePinterest:hover, .sharePinterest:focus
{
	color:#bd081c;
}

.shareTwitter > i, .shareFacebook > i
{
	font-size:0.9em;
}

.shareTwitter:hover, .shareTwitter:focus
{
	color:#08a0e9;
}

.shareFacebook:hover, .shareFacebook:focus
{
	color:#3c5898;
}

.shareWhatsapp:hover, .shareWhatsapp:focus
{
	color:#128c7e;
}

.shareFacebookMessenger:hover, .shareFacebookMessenger:focus
{
	color:#0084ff;
}

.shareTelegram:hover, .shareTelegram:focus
{
	color:#0088cc;
}

.shareAffiliate:hover, .shareAffiliate:focus
{
	color:var(--pri-color-d);
}

.affiliateShareSection
{
	position:absolute;
	background-color:#fff;
	width:100%;
	padding:8px;
	top:0;
	border:1px solid #bbb;
	padding-bottom:16px;
	z-index:99;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);
	overflow:hidden;
	border-radius:8px;
}

.affiliateShareSectionClose
{
	position:absolute;
	right:0;
	top:0;
	padding:8px 12px;
	background-color:#fff;
	cursor:pointer;
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-bottom-left-radius:8px;
}
.affiliateShareSectionClose:hover
{
	background-color:#d91e18;
	color:#fff;
}

.tag h1
{
	margin:8px;
}

.hashTags a {
	display:inline-block;
	margin:6px 10px 6px 0px;
	padding:6px;


	color:#444;

}

.hashTags a:before {
	content:"# ";
	font-size:1.5rem;
	color:var(--pri-color-n);
}

/* tracking view */
.tracking._grey
{
	color:#bbb;
}
.tracking > div
{
	display:grid;
	grid-template-columns: 24px 100px auto;
}

.tracking ._location
{
	padding-right:16px;
	padding-bottom:16px;
}

.tracking ._text
{
	
}

.tracking ._indicator
{
	background-color:var(--pri-color-d);
	margin-right:8px;
	min-height:64px;
	border-bottom:1px solid var(--pri-color-d); /*edge needs this hack*/
}

.tracking ._indicator:before
{
	content:"";
	display:block;
	position:absolute;
	background-color:#fff;
	left:2px;
	right:2px;
}
.tracking ._indicator:after
{
	content:"";
	display:inline-block;
	border-radius:8px;
	width:8px;
	background-color:#bbb;
	position:absolute;
	top:4px;
	left:4px;
	bottom:20px;
}

.tracking ._indicator._first:before
{
	top:2px;
	bottom:-1px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}

.tracking ._indicator._mid:before
{
	top:-1px;
	bottom:-1px;
}

.tracking ._indicator._notDelivered:before,
.tracking ._indicator._last:before
{
	top:-1px;
	bottom:2px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}


.tracking ._indicator._last:after
{
	bottom:4px;
}

.tracking > div:last-child
{
	font-weight:bold;
}

.tracking > div:last-child ._indicator:after
{
	background-color:var(--sec-color-n);
}

.tracking ._indicator._first
{
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.tracking ._indicator._last
{
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	min-height:0px;
	margin-bottom:16px;
}

.tracking ._indicator._notDelivered
{
	background-color:#fff;
	background:linear-gradient(to bottom, var(--pri-color-d) 0%,#fff 40%, #fff 60%, var(--pri-color-d) 100%) 100%;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}

.tracking ._indicator._notDelivered:after
{
	display:none;
}

.tracking ._down
{
	padding-top:44px;
}

.modalViewer
{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:9999;
	background-color:rgba(0,0,0,0.8);
	background-size:cover;
	outline:none;
}

.modalViewer > div
{
	width:90%;
	height:90%;
	background-color:#fff;
	border:1px solid #000;
	margin:0 auto;
	margin-top:30px;
	padding:6px;
	overflow:hidden;
}

.modalViewerMenu
{
	position:absolute;
	right:0;
	top:0;
	padding:6px;
	z-index:9;
	border:1px solid #777;
	background-color:#fff;
}

.modalViewerMenu > a
{
	display:block;
	text-align:right;
	cursor:pointer;
}

.modalViewerPicture
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}

.modalViewerPicture > img
{
	position:absolute;
	display:none;
	width:100%;
	height:100%;
	object-fit:contain;
}

.modalViewer .goRight, .modalViewer .goLeft {
	position:absolute;
	top:0px;
	bottom:0px;
	max-width:100px;
	width:10%;
	z-index:2;
	box-sizing:border-box;
	margin:auto;
}

.modalViewer .goLeft {
	transform: scaleX(-1);
	left:0;
}
.modalViewer .goRight {
	right:0;
}

.selectedItem:before {
	display:block;
	content:"";
	position:absolute;
	z-index:1;
	top:0;
	left:50%;
	margin-left:-20px;
	width:0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #000;
}

/*card and checkout*/

.checkoutProgress > ._check
{
    background-color:var(--pri-color-n);
}

.checkoutProgress a._current._icon
{
	background-color:var(--pri-color-d);
	color:#fff;
	border-color:rgba(0, 0, 0, 0.3);
}

.checkout h2 /* not in use */
{
    font-size:1.4rem;
    text-align:center;
}

.checkout ._defaultBox:first-child
{
    padding-right:8px;
}
.checkout ._defaultBox:last-child
{
    padding-left:8px;
}

.checkout ._defaultBox > div
{
    padding:24px;
    border:1px solid #bbb;
}

.checkout .autofloat
{
	padding-top:8px;
}

.shippingAddressSelectorWrapper
{
	display:grid;
	grid-template-columns:0px minmax(300px, 1fr);
	grid-row-gap:8px;
}
.shippingAddressSelector
{
	margin-left:8px;
	margin-top:16px;
	min-width:13px;
	min-height:13px;
	align-self:start;
}
.shippingAddressSelector:checked + label
{
	outline:2px solid var(--pri-color-d);
}
.shippingAddressSelectorLabel
{
	cursor:pointer;
	margin:0;
	padding:0;
}
.shippingAddressSelectorLabel > .addressPreview
{
	padding-left:32px;
	height:100%;
}
#shippingAddressEditor
{
	display:none;
}
#shippingAddressSelectorNew:checked ~ #shippingAddressEditor
{
	display:flex;
}

.cart h1
{
	margin-left:8px;
	margin-right:8px;
}

.cartRow {
	border-top:1px solid #bbb;	
}

.cartAside
{
	text-align:right;
	margin:0 8px;
}
.cartAside > *
{
	min-width:300px;
	width:35%;
	display:inline-block;
	text-align:left;
}
.cartSum
{
	min-width:300px;
	width:35%;
}

.cartList
{
	margin:8px;
}

.cartList.order > div
{
	grid-template-areas:"image text text price";
}

.cartList > div
{
	display:grid;
	grid-template-columns:140px 5fr 3fr 150px;
	grid-template-areas:"image text actions price";
	padding:8px 0;
	border-bottom:1px solid #bbb;
}
.cartList > div:first-child
{
	padding-top:0;
}
.cartList > div > *:nth-child(1)
{
	grid-area:image;
}
.cartList > div > *:nth-child(2)
{
	grid-area:text;
}
.cartList > div > *:nth-child(3)
{
	grid-area:actions;
}
.cartList > div > *:nth-child(4)
{
	grid-area:price;
}
.cartList ._details
{
	padding-left:16px;
}
.cartList ._details p
{
	font-size:0.8rem;
	margin-bottom:5px;
	color:#888;
	margin:0;
}
.cartList ._amount
{
	padding:3px;
	border:1px solid #bbb;
}
.amountError
{
	background-color:rgba(200, 0, 0, 1);
	color:#fff;
}
.cartList ._changeAmount
{
	display:grid;
	grid-template-columns:0fr 2fr 3fr 3fr;
	grid-template-areas:"amount amountInput changeButton removeButton"
						"addToCartButton addToCartButton addToCartButton addToCartButton";
	grid-gap:8px;
}
.cartList ._changeAmount > *:nth-child(1)
{
	grid-area:amount;
}
.cartList ._changeAmount > *:nth-child(2)
{
	grid-area:amountInput;
}
.cartList ._changeAmount > *:nth-child(3)
{
	grid-area:changeButton;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.cartList ._changeAmount > *:nth-child(4)
{
	grid-area:removeButton;
}
.cartList ._changeAmount > *:nth-child(5)
{
	grid-area:addToCartButton;
}
.cartList ._changeAmount > *
{
	margin:0;
	height:28px;
	width:100%;
}
.cartList ._priceTotal
{
	padding-left:16px;
	text-align:right;
    font-size:2rem;
    font-weight:lighter;
    color:var(--pri-color-d);
}
.cartTotal 
{
	width:100%;
}
.cartTotal td
{
	padding:6px;
}
.cartTotal tr:last-child
{
	border-top:4px double #bbb;
}
.cartTotal td:nth-child(2)
{	
	text-align:right;
    font-size:1.6rem;
    font-weight:lighter;
    color:var(--pri-color-d);
}

.cartRow1 
{
	padding:12px 6px 12px 0px;
}
.cartRow2 
{
	padding:12px 6px 12px 12px;
}

.cartRow2 h4
{
	font-size:1.2rem;
	margin-bottom:6px;	
}

.cartRow2 span
{
	font-size:0.8rem;
	margin-bottom:5px;
	color:#888;	
}

.cartRow3 
{
	padding:20px 6px 12px 12px;
	text-align:center;
}

.cartRow3 label
{
    width:calc(100%-20px);
    display:inline-block;
}

.cartRow ._remove
{
    border-radius:10px;
    display:inline-block;
    width:20px;
    height:20px;
    font-size:18px;
    padding:1px;
    text-align:center;
    cursor:pointer;
    color:#888;
}

.cartRow ._remove:hover
{
    background-color:#888;
    color:#fff;
}

.cartRowAd
{	
	padding-top:24px;
	padding-left:25%;
}

/* checkout */
.checkoutNav
{
	margin:0 8px;
	margin-top:16px;
	display:grid;
	grid-template-columns:repeat(2, 50%);
	grid-template-areas:"prev next";
}
.checkoutNav > ._next
{
	grid-area:next;
}
.checkoutNav > ._prev
{
	grid-area:prev;
}
.checkoutNav > div .paypalButton
{
	margin-bottom:16px;
}
.checkoutNav > div button,
.checkoutNav > div .button,
.checkoutNav > div .paypalButton
{
	width:50%;
	min-width:300px;
}
.checkoutNav > ._next button,
.checkoutNav > ._next .button,
.checkoutNav > ._next .paypalButton
{
	float:right;
}

.checkoutProgress
{
	margin:0 8px;
    padding:12px 0;
	display:grid;
	grid-template-columns:32px 1fr repeat(3, 1fr 32px 1fr) 1fr 32px;
	grid-template-areas:"A AB AB B BC BC C CD CD D DE DE E"
						"F F G G G H H H I I I J J";
	margin-bottom:16px;
}

.checkoutProgress > div._indicator
{
    display:block;
    height:12px;
    margin-top:10px;
	margin-left:8px;
	margin-right:8px;
    
    border-radius:8px;
	border:2px solid var(--pri-color-n);
}


.checkoutProgress a
{
    display:block;
    text-align:center;
    font-size:20px;
    color:var(--pri-color-d);
}
.checkoutProgress a._icon
{
	width:32px;
	height:32px;
    border-radius:16px;    
    padding:3px;
	border:2px solid var(--pri-color-n);
	margin-bottom:8px;
}

.checkoutPaymentMethodWrapper
{
    text-align:center;
}
.checkoutPaymentMethod
{
    display:inline-block;
    width:100%;
    max-width:500px;
    height:100px;
    padding:4px;
}
.checkoutPaymentMethod > input
{
    position:absolute;
    top:0;
    opacity:0;
}
.checkoutPaymentMethod > input:checked ~ label
{
    border-color:var(--pri-color-n);
    box-shadow:0px 0px 6px var(--pri-color-l);
    font-weight:600;
}
.checkoutPaymentMethod > input:hover ~ label, .checkoutPaymentMethod > input:focus ~ label
{
	background-color:var(--pri-color-l);
}
.checkoutPaymentMethod > label
{
    display:flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
	cursor:pointer;

    margin:0;
    padding:0;
    height:100%;
    width:100%;
    border:4px solid #bbb;
    border-radius:8px;
}               

.checkoutPaymentMethod > label > span
{
	font-size:1.5rem;
}


.checkout input.bdayDay
{
width:calc(20% - 4px);	
}	
.checkout select.bdayMonth
{
width:calc(20% - 4px);
margin-left:6px;
}
.checkout input.bdayYear
{
width:calc(20% - 4px); 
margin-left:6px;
}

.checkout input.special_1
{
width:calc(45% - 3px);
}
.checkout input.special_2
{
width:calc(15% - 3px);
margin-left:6px;	
}
.checkout input.special_3
{
width:calc(15% - 3px);	
}
.checkout input.special_4
{
width:calc(45% - 3px);
margin-left:6px;	
}
	
	
.checkoutVerify span
{
	display:inline-block;
	margin-bottom:8px;
}

.checkoutVerify table._products
{
	margin-top:16px;
	width:100%;
}
.checkoutVerify table._products td
{
	padding:4px;
	border:1px solid #bbb;
}
.checkoutVerify table._products tr:nth-child(8n + 4), .checkoutVerify table._products tr:nth-child(8n + 8)
{
	height:20px;
}
.checkoutVerify table._products tr:nth-child(4n + 1) td:nth-child(1)
{
	font-size:1.2rem;
	text-align:center;
}

.checkoutVerify table._products tr:nth-child(4n + 1) td:nth-child(2)
{
	font-size:1.2rem;
	font-weight:bold
}
.checkoutVerify table._products tr:nth-child(4n + 3) td:nth-child(1)
{
	text-align:center;
	font-weight:bold
}

.checkoutVerify table._products tr:nth-child(8n + 1), .checkoutVerify table._products tr:nth-child(8n + 2), .checkoutVerify table._products tr:nth-child(8n + 3)
{
	background-color:rgba(0, 0, 0, 0.0);
}
.checkoutVerify table._products tr:nth-child(8n + 5), .checkoutVerify table._products tr:nth-child(8n + 6), .checkoutVerify table._products tr:nth-child(8n + 7)
{
	background-color:rgba(0, 0, 0, 0.0);
}

.inProgressOverlay
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:rgba(255, 255, 255, 0.75);
	justify-content:center;
	align-items:center;
	z-index:9999;
}
.inProgressOverlay > *
{
	width:150px;
	height:150px;
	padding:16px;
}

._productPriceOverview {
	margin-top:25px;
	width:100%;
}

._productPriceOverview td {
	border:1px solid #bbb;
	padding:4px;
	text-align:right;
}

._productPriceOverview td:first-child
{
	width:70%;
	
}

.pdfInvoice > i,
.pdfInvoice > span
{
	float:left;
	margin-right:8px;
	margin-top:12px;
}

.pdfInvoice > i
{
	color:#da251c;
}

.blueInverted
{
	background-color:var(--sec-color-l);
}

.orderHistory h2
{
	margin:8px;
}

.orderDetailsHeaderWrapper
{
	margin:0 8px;
}

.orderDetailsHeader
{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap:6px;
	grid-row-gap:6px;
	margin-bottom:8px;
}

.orderDetailsHeader > p,
.orderDetailsHeader > div
{
	margin-bottom:0px;
	border:1px solid #bbb;
	padding:6px;
}

.orderDetailsHeader .addressPreview
{
	border:none;
	padding:0;
}

.orderDetailsHeader .addressPreview h3
{
	font-size:1.3rem;
}

/*User Backend*/

th 
{
	text-align:left;
}	

.history_box {
	border:1px solid #bbb;
	padding:12px;
	margin-bottom:12px;
	cursor:pointer;
}

.history_box p._1 {
	font-size:0.8rem;
}

.history_box p._3 {
	margin-bottom:0;
}

.history_box ._paid {
 color:#26A65B;	
 font-weight:bold;
}

.history_box ._unpaid {
 color:#D91E18;
 font-weight:bold;
}



	
	
	
	
/* wishlist */

.wishlist
{
	margin:0 8px;
}

.wishCode > input
{
    color:#333;
    padding:8px;
    padding-left:40px;
    height:36px;
    display:inline-block;
    width:100%;
    border-radius:30px;
    border:1px solid #bbb;
    background-color:var(--sec-color-l);
}

.wishCode > p
{
    display:block;
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    background-color:#fff;
    border:1px solid #bbb;
    border-radius:36px;
    padding:7px;
    height:36px;
    cursor:pointer;
	transition:background-color 0.2s ease-in-out;
}
.wishCode > p:hover,
.wishCode > p:focus
{
    border:1px solid #666;
    background-color:var(--pri-color-l);
}
.wishCode span
{
	display:inline-block;
	width:0;
	padding-left:0;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:top;
	transition:all 0.4s ease-in-out;
}
.wishCode i
{
    text-align:center;
    font-size:20px;
	width:20px;
}

/* animation */
.wishCode.copied p
{
	background-color:var(--pri-color-n);
}
.wishCode.copied span
{
	padding-left:15px;
	width:130px;
}

.wishlistItem
{
	margin-bottom:16px;
	border:1px solid #bbb;
	display:grid;
	
	grid-template-columns: 350px auto;
	grid-template-areas: "image text";
	min-height:250px;
}

.wishlistItem > img
{
	grid-area: image;
	display:block;
	
	object-fit:cover;
	width:100%;
	height:100%;
}

.wishlistItem > form
{
	padding:16px;
	grid-area: text;
}

.wishlistItemAmount
{
	margin-top:16px;
	display: flex;
	width:auto;
}

.wishlistItemAmount *
{
	height:32px;
	margin-bottom:0;
	padding:0;
	margin-right:16px;
	flex-basis:0;
	flex-grow:1;
	flex-shrink:1;
	max-width:200px;
}
.wishlistItemAmount input
{
	max-width:80px;
}
.wishlistItemAmount label
{
	flex-basis:auto;
	flex-grow:0;
	flex-shrink:1;
}


/**/

.wishlistDescription
{
	min-height:100px;
}

.editWishlist
{
	display:flex;
	margin-bottom:6px;
}

.editWishlist a
{
	background-color:#eee;
	border-radius:6px;
	padding:6px;
}

.editWishlist a._edit
{
	flex-grow:1;
	display:block;
	margin-right:8px;
	position:relative;
}
.editWishlist a._edit i
{
	position:absolute;
	top:8px;
	right:8px;
	font-size:1.5rem;
	color:#888;
}

.editWishlist span:last-child 	{
	font-size:0.8rem;
}

.editWishlist a._remove
{
	flex-basis:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.5rem;
}
.editWishlist a._remove:hover
{
	background-color:#cc3300;
	color:#fff;
}


/* myData */
.addressOverview h2
{
	margin:8px;
}
.addressOverview ._addressGrid
{
	margin:8px;
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
	grid-column-gap:8px;
	grid-row-gap:8px;
}
.addressPreview
{
	border:1px solid #bbb;
	padding:8px;
	line-height:1.2rem;
	display:grid;
	grid-template-rows:auto 1fr auto;
}
.addressPreview p
{
	margin:0;
}
.addressPreview h3
{
	line-height:1.2;
}

.category ._header
{
	display:flex;
	flex-wrap:wrap;
}

.category ._header > *
{
	flex-basis:0;
	flex-grow:1;
}

.category ._header ._pic
{
}

.category ._header ._pic img
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	display:none;
}

.category ._header ._pic img:first-child
{
	display:block;
}

.category ._header ._text p
{
	padding:0 10%;
}
.category ._header ._text
{
	min-height:400px;
	padding-bottom:16px;
    color: #fff;
	font-size:1.2rem;
	background-image:url(//cdn.borago.de/v/142ddec5050ffb2cabcb30d016ef381ba3e75530063a4ee187a7172160cb90005e23ce74fd5302ec8823181726a1a47d/grasspaper.jpg);
}

.category ._header ._text h1
{
	padding:16px;
	
	font-size:3.6rem;
	font-weight:600;
	line-height:110%;
	text-align:center;
	color:#fff;
}

.category ._subCategories
{
	margin:4px;
	display:grid;
	grid-template-columns:repeat(4, 25%);
}

.category ._subCategory
{
	margin:4px;
	padding-top:16px;
	height:250px;
	background-size:cover;
	border:1px solid #bbb;
	overflow:hidden;
}

.category ._subCategory._more
{
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	padding:64px 0;
}

.category ._subCategory._more h2
{
	color:rgba(128, 113, 82, 1);
	font-size:3.2rem;
	font-weight:bold;
	background-image:unset;
	background-color:unset;
	margin:0;
	padding:0;
	font-family:'Cabin Sketch';
}

.category ._subCategory._more h2 i
{
	font-size:1.8rem;
	opacity:0.2;
}
.category ._subCategory._more h2 i:nth-child(2)
{
	font-size:2.8rem;
}

.category ._subCategory img
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:-1;	
}

.category ._subCategory h2
{
	background-image:url(//cdn.borago.de/v/142ddec5050ffb2cabcb30d016ef381ba3e75530063a4ee187a7172160cb90005e23ce74fd5302ec8823181726a1a47d/grasspaper.jpg);
	background-color:rgba(0, 0, 0, 0.5);
	background-size:cover;
	padding:8px;
	color:#fff;
	width:100%;
	text-align:center;
	font-size:1.5rem;
}


.defaultProductList
{
	margin:4px;
	display:grid;
	grid-template-columns:repeat(2, 50%);
}

.defaultProductList ._product
{
	margin:4px;
	border:1px solid #bbb;
	height:250px;
	overflow:hidden;
	display:grid;
	grid-template-columns:60% 40%;
}

.defaultProductList ._product > img
{
	width:100%;
	height:100%;
	object-fit:cover;
}

.defaultProductList ._product > div
{
	padding:8px;
	border-left:1px dotted #ccc;
	display:grid;
	grid-template-rows:auto 1fr 30px 15px;
	grid-template-areas:"name"
						"text"
						"price"
						"basePrice";
}

.defaultProductList ._name
{
	grid-area:name;
	margin-bottom:8px;
	line-height:110%;
	font-size:1.8rem;
}
.defaultProductList ._text
{
	grid-area:text;
	line-height:1.4;
	overflow:hidden;
	position:relative;
}
.defaultProductList ._text:before
{
	position:absolute;
	width:100%;
	background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	bottom:0px;
	height:20px;
	display:block;
	content:" ";
}
.defaultProductList ._price
{
	grid-area:price;
	font-size:1.8rem;
	color:#666666;
	text-align:right;
}
.defaultProductList ._basePrice
{
	grid-area:basePrice;
	font-size:0.9rem;
	color:#696969;
	text-align:right;
}

.articleGrid
{
	display:grid;
	grid-template-columns:1fr 320px;
	grid-column-gap:8px;
	margin:8px;
}

.articleList
{
	background-color:var(--pri-color-pale);
	border:1px solid var(--pri-color-n);
	padding:8px;
}

.articleBoxLink
{
	background-color:var(--pri-color-pale);
	border:1px solid #bbb;
	display:block;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	overflow:hidden;
}

.articleBoxLink img
{
	float:right;
	width:150px;
	height:150px;
}

.articleBoxLink div
{
	padding:12px;
	padding-right:162px;
}

.articleBoxLink div p
{
	margin-bottom:0;
}

.articleBoxLink h2
{
	font-size:1.4rem;
}

.fullCenterBox
{
	border:2px solid var(--pri-color-n);
	padding:12px;
	margin:12px 8px;
}

.fullCenterBox > h2, .fullCenterBox > h4
{
	text-align:center;
	border:none;
}

header.small
{
	height:59px;
	overflow:hidden;
}

header > div
{
    height:100%;
}

header
{
	width:100%;
	display:grid;
	grid-template-areas:
		"hamburger social icons icons"
		"logo logo search search";
	grid-template-columns:50px 10fr 16fr 170px;
	grid-template-rows:60px 120px;
	align-items:center;
}

.mainHamburger /*MEIN HAMBURGER!!!*/
{
	height:100%;
	display:flex;
	grid-area:hamburger;
	align-items:center;
	border-bottom:1px solid #bbb;
	padding-left:10px;
}
.mainHamburger > i
{
	font-size:35px;
}
.mainSocial
{
	grid-area:social;
	display:flex;
	border-bottom:1px solid #bbb;
	align-items:center;
	padding:0 10px;
}
.mainSocial > a
{
	display:inline-block;
	padding:14px 28px;
	font-size:28px;
	text-align:center;
	color:#aaa;
	height:100%;
	outline:none;
}
.mainSocial a:hover, .mainSocial a:focus
{
	background-color:var(--pri-color-d);
	color:#fff;
}
.mainControl
{
	display:flex;
	background-color:#fff;
	grid-area:icons;
	border-bottom:1px solid #bbb;
	align-items:center;
}
.mainControl > a
{
	position:relative;
	flex-basis:50px;
	flex-grow:1;
	text-align:center;
	height:100%;
	padding-top:8px;
	outline:none;
}
.mainControl > a:hover, 
.mainControl > a:focus
{
	background-color:var(--pri-color-d);
	color:#fff;
}
.mainControl > a:hover > i, .mainControl > a:hover > span,
.mainControl > a:focus > i, .mainControl > a:focus > span
{
	color:inherit;
}
.mainControl > ._spacer
{
	flex-basis:0px;
	flex-grow:4;
}
.mainControl > a > i
{
	position:relative;
	display:block;
	font-size:1.5rem;
	color:var(--pri-color-n);
}
.mainControl > a > ._number
{
	position: absolute;
	background-color: rgb(111, 126, 241);
	padding:4px;
	border-radius: 36px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 0.7rem;
	color: #fff;
	left:50%;
	z-index:1;
	margin-top:-4px;
	margin-left:4px;
}
.mainControl > a > span
{
	font-size:0.8rem;
}
.mainLogo
{
	grid-area:logo;
	padding:16px;
}
.mainLogo > a
{
	display:block;
	width:100%;
	height:100%;
	background-image:url(/static/img/borago_web.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center left;
}
.mainSearch
{
	height:40px;
}

.mainSearch:focus
{
	outline:none;
}

.mainSearch label
{
	height:100%;
	background-color:#fff;
	margin:0;
	padding:0;
	width:100%;
	display:flex;
	border-radius:20px;
	align-items:center;
	border:1px solid #bbb;
	z-index:90;
	position:absolute;
}
.mainSearch label._focus
{
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom:1px solid #bbb;
}
.mainSearch i
{
	text-align:center;
	flex-basis:40px;
	flex-grow:0;
	flex-shrink:0;
	font-size:1.3rem;
	color:#bbb;
}
.mainSearch input
{
	border:none;
	outline:none;
	margin-right:20px;
	font-size:1.2rem;
}

.mainSearch ._results
{
	z-index:89;
	padding-bottom:20px;
	padding-top:39px;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	background-color:#fff;
	border:1px solid #bbb;
	border-radius:20px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);
}

.mainSearch ._results > a
{
	margin:0px;
	padding:8px;
	display:grid;
	grid-column-gap:8px;
	grid-template-columns:50px auto;
	grid-template-areas:"image name"
						"image subline";

	overflow:hidden;
}

.mainSearch ._results > a._searchFor
{
	grid-template-areas:"name name"
}

.searchResults > a:nth-child(2n),
.mainSearch ._results > a:nth-child(2n)
{
	background-color:#f0f0f0;
}

.searchResults > a:hover,
.mainSearch ._results > a:hover, .mainSearch ._results > a:focus
{
	background-color:var(--pri-color-n);
	outline:1px solid var(--pri-color-d);
}

.mainSearch ._results > a > img
{
	width:50px;
	height:50px;
	display:block;
	grid-area:image;
}

.mainSearch ._results > a > span
{
	font-weight:600;
	grid-area:name;
}

.mainSearch ._results > a > p
{
	margin:0;
	grid-area:subline;
}

.searchResults
{
	max-width:1200px;
	margin:auto;
}

.searchResults a
{
	display:block;
	padding:8px;
}

.searchResults ._leq-320
{
	display:none;
}

.searchResults img
{
	float:left;
	width:150px;
	margin-right:16px;
}

.searchResults ._leq-320 img
{
	width:100%;
	max-width:320px;
}



.mobileMenu {
	z-index:99;
	position:absolute;
	top: 60px;
	width:320px;
	padding-bottom:80px;
	border:1px solid #bbb;
	background-color:#fff;	
	overflow:hidden;
	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.26);
	overflow:hidden;
	display:none;
}

.mobileMenu li > a
{
	padding:6px;
	width:100%;
	display:inline-block;
}
.mobileMenu li:hover > a
{
	background-color:var(--pri-color-d);
	color:#fff;
}
.mobileMenu li 
{
	border-bottom:1px solid #bbb;
	text-align:center;
	font-size:1.2rem;
}

.mobileMenu div 
{
	position:absolute;
	bottom:0px;
	display:flex;
	flex-direction: row;
	width:320px;
	border-top:1px solid var(--pri-color-d);
	width:100%;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.26);
	background-color:#fff;
}
.mobileMenu div > a
{
	display:block;
	flex-grow:1;
	text-align:center;
	padding:12px;
	height:54px;
	font-size:30px;
}
.mobileMenu div > a:hover
{
	background-color:var(--pri-color-d);
	color:#fff;
}


.cookieConsent
{
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:999;
}
.cookieConsent > div
{
	margin:auto;
	width:90%;
	max-width:1440px;
	background-color:rgba(240, 240, 240, 0.95);
	color:#000;
	margin:auto;
	padding:16px;
	
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:var(--pri-color-d);
	box-shadow:0px 0px 5px var(--pri-color-d);
}
.cookieConsentGrid
{
	display:flex;
	align-items:center;
}
.cookieConsentText
{
	margin:0;
	font-size:0.9rem;
	flex-basis:80%;
	padding-right:16px;
	box-sizing:border-box;
}
.cookieConsentButton
{
	margin:0;
	justify-content:center;
	flex-basis:20%;
	min-width:180px;
}
.cookieConsent > div:hover
{
	box-shadow:0px 0px 5px var(--pri-color-n);
}


/*new header*/

.newHeader
{
	padding-bottom:8px;
}
.newHeader ._menu
{
	display:grid;
	grid-template-columns:repeat(5, minmax(60px, 80px)) 1fr repeat(5, minmax(80px, 115px));
	padding-bottom:8px;
}
.newHeader ._menu ._social,
.newHeader ._menu ._hamburger,
.newHeader ._menu ._item
{
	display:flex;
	justify-content:center;
	align-items:center;
	height:60px;
}
.newHeader ._menu a:hover, ._menu a:focus,
.newHeader ._menu a:hover i, ._menu a:focus i
{
	color:#fff;
	background-color:var(--pri-color-d);
}
.newHeader ._menu ._item i
{
	display:block;
	font-size:1.5rem;
	margin-bottom:6px;
	color:var(--pri-color-n);
}
.newHeader ._menu ._item span
{
	text-align:center;
	font-size:0.8rem;
	position:relative;
}
.newHeader ._menu ._item ._number
{
	position:absolute;
	background-color:rgb(111, 126, 241);
	padding:4px;
	border-radius:36px;
	width:20px;
	height:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size:0.7rem;
	color:#fff;
	left:50%;
	z-index:1;
	margin-top:-4px;
	margin-left:4px;
}
.newHeader ._menu ._left
{
	font-size:2rem;
}
.newHeader ._menu ._social
{
	color:#bbb;
}

.newHeader ._menu ._spacer
{
	min-width:10px;
}

.newHeader ._searchBar
{
	display:grid;
	grid-template-columns:minmax(200px, 320px) minmax(320px, auto);
}
.newHeader ._searchBar ._logo
{
	padding-left:16px;
	display:block;
}
.newHeader ._searchBar ._logo img
{
	display:inline-block;
}
.newHeader ._searchBar ._search > div
{
	flex-basis:100%;
}
.newHeader ._searchBar ._search
{
	padding-left:8px;
	padding-right:8px;
	display:flex;
	align-items:center;
	z-index:90;
}

.feedbackWindowWrapper
{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:grid;
	grid-template-columns:minmax(320px, 640px);
	grid-template-rows:minmax(320px, 400px);
	justify-content:center;
	align-content:center;
	background-color:rgba(0, 0, 0, 0.25);
	z-index:99;
}

.feedbackWindowWrapper form
{
	height:100%;
	width:100%;
}

.feedbackFloatingOpenButton:hover
{
	width:auto;
}
.feedbackFloatingOpenButton
{
	width:40px;
	height:auto;
	position:fixed;
	bottom:0;
	right:0;
	margin-bottom:0 !important;
	font-size:20px;
	padding:8px;
	white-space:nowrap;
	justify-content:left;
}
.feedbackFloatingOpenButton span
{
	padding-right:8px;
}

.feedbackWindow
{
	display:grid;
	grid-template-rows:28px 28px 1fr 20px 20px 40px;
	grid-row-gap:10px;
	
	background-color:#fff;
	padding:16px;
	border-radius:8px;
	border:2px solid var(--pri-color-d);
	overflow:hidden;
	height:100%;
	width:100%;
}

.feedbackWindow .feedbackCloseButton
{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	height:34px;
	width:34px;
	padding:5px;
	background-color:var(--pri-color-n);
	text-align:center;
	display:block;
	font-size:24px;
	border-bottom-left-radius:8px;
}

.feedbackWindow .feedbackCloseButton:hover
{
	color:#fff;
	background-color:var(--pri-color-d);
}

.feedbackWindow h2,
.feedbackWindow button,
.feedbackWindow label
{
	margin:0;
}
.feedbackWindow label
{
	font-size:0.9rem;
	padding:0;
}

.feedbackWindow textarea
{
	resize:none;
	width:100%;
	height:100%;
}


.errorPage
{
	position:relative;
	width:100%;
	overflow:hidden;	
}

.errorPage img
{
	transform:translate(10%, -5%) scale(1.3);
	width:100%;
}

.errorPage img:not(:first-child)
{
	top:0;
	position:absolute;
}


.modalWrapper
{
	display:none;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0, 0, 0, 0.10);
	z-index:10000;
}

.modalWrapper > div
{
	height:100%;
	width:100%;
	background-color:rgba(0, 0, 0, 0.30);
	position:absolute;
	left:0;
	top:0;
	display:grid;
	padding:8px;
	grid-template:
					". . ."
					". window ." fit-content(800px)
					". . ." / auto fit-content(1200px) auto;
}

.modalWrapper > div > div
{
	grid-area:window;
	background-color:#fff;
	min-width:200px;
	min-height:100px;
	display:grid;
	grid-template-rows:auto 1fr;
}

.modalWrapper > div > div._border
{
	border:1px solid var(--pri-color-d);
	border-radius:8px;
	overflow:hidden;
}

.modalWrapper > div > div > ._title
{
	width:100%;
	display:block;
	z-index:1;
	min-height:30px;
	font-size:18px;
	padding:5px 8px;
	padding-right:35px;
	border-bottom:1px solid var(--pri-color-d);
	background-color:var(--pri-color-n);
}
.modalWrapper > div > div > ._close
{
	position:absolute;
	top:0;
	height:30px;
	padding:5px;
	right:0px;
	width:30px;
	display:block;
	font-size:20px;
	text-align:center;
	z-index:2;
	cursor:pointer;
}
.modalWrapper > div > div > ._close:hover
{
	background-color:var(--pri-color-d);
	color:#fff;
}

.modalWrapper > div > div > div
{
	overflow-y:scroll;
	padding:8px;
}



/* default product grid */
.productGrid
{
	display:grid;
	grid-template-columns:repeat(3, minmax(250px, 750px));
	grid-row-gap:8px;
	grid-column-gap:8px;
	margin:8px;
}

.productGrid ._product
{
	border:1px solid #bbb;
	display:grid;
	grid-template-rows:auto 1fr;
}
.productGrid ._product div
{
	padding:8px;
	height:100%;
	display:grid;
	grid-template-rows:auto 1fr 35px 25px;
}
.productGrid ._product img
{
	display:block;
	margin:auto;
	width:100%;
}

.productGrid ._product ._price
{
	font-size:1.4rem;
}

.productGrid ._product ._price,
.productGrid ._product ._basePrice
{
	color:#666;
	text-align:right;
}

/* addressEditor */
.addressEditor ._type
{
	display:none;
	opacity:0;
	width:0;
	height:0;
}

.addressEditor ._selector
{
	margin:0;
	padding:8px;
	border:1px solid var(--pri-color-d);
	border-radius:16px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

.addressEditor ._selector:hover
{
	background-color:var(--pri-color-d);
	color:#fff;
}

.addressEditor ._tabHeader
{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
	grid-row-gap:8px;
	grid-column-gap:8px;
	padding-bottom:8px;
	border-bottom:1px solid #bbb;
}


#inputTypeAddressPrivate:checked ~ ._tabHeader #labelTypeAddressPrivate,
#inputTypeAddressCompany:checked ~ ._tabHeader #labelTypeAddressCompany,
#inputTypePackstation:checked ~ ._tabHeader #labelTypePackstation,
#inputTypePostOffice:checked ~ ._tabHeader #labelTypePostOffice,
#inputTypeParcelShop:checked ~ ._tabHeader #labelTypeParcelShop
{
	background-color:var(--pri-color-n);
	color:#000;
}

#inputTypeAddressPrivate:not(:checked) ~ #formTypeAddressPrivate,
#inputTypeAddressCompany:not(:checked) ~ #formTypeAddressCompany,
#inputTypePackstation:not(:checked) ~ #formTypePackstation,
#inputTypePostOffice:not(:checked) ~ #formTypePostOffice,
#inputTypeParcelShop:not(:checked) ~ #formTypeParcelShop
{
	display:none;
}

#inputTypeAddressPrivate:checked ~ #formTypeNone,
#inputTypeAddressCompany:checked ~ #formTypeNone,
#inputTypePackstation:checked ~ #formTypeNone,
#inputTypePostOffice:checked ~ #formTypeNone,
#inputTypeParcelShop:checked ~ #formTypeNone
{
	display:none;
}