.bean-buttons {
	justify-content: center;
	overflow: visible;
}
.bean-buttons li {
	margin:0;
	padding:0;
	list-style: none;
}

.bean-buttons li.soon {
	cursor: not-allowed;
	position: relative;
}
.bean-buttons li.soon a {
	pointer-events: none!important;
	opacity:0.6;
}
.bean-buttons li.soon::before {
	content:'binnenkort';
	position: absolute;
	bottom:-8px;
	right:8px;
	font-size:12px;
	line-height: 12px;
	opacity:.8;
	color:#D29D51;
	font-family: "Mukta Malar", sans-serif;
	font-weight:600;
}

.bean-buttons a {
	display: block;
	position: relative;
	font-weight:700;
	font-size:40px;
	line-height: 56px;
	font-size: clamp(20px, 4vw, 40px);
    line-height: clamp(28px, 4vw, 56px);
	color:#FFEDD3;
	margin:0 25px;
	cursor: pointer;
	text-decoration: none;
	transition: .3s ease;
}
.bean-buttons a::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34.066" height="33.011" viewBox="0 0 34.066 33.011"><g id="Group_3280" data-name="Group 3280" transform="translate(-534.967 -1219.679)"><path id="Path_1330" data-name="Path 1330" d="M25.645,6.907c7.435,6.721,9.59,16.462,4.816,21.755S15.789,32.8,8.355,26.078-1.236,9.616,3.539,4.323,18.21.186,25.645,6.907Z" transform="translate(535 1219.692)" fill="none" stroke="rgba(255,237,211,1.00)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_1331" data-name="Path 1331" d="M2.746,3.285c6.962,22.763,20.4,2.284,26.922,24.339" transform="translate(535.793 1220.73)" fill="none" stroke="rgba(255,237,211,1.00)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></g></svg>');
	margin:0 auto;
	display: block;
	width:100%;
	text-align: center;
	transition: .3s ease;
}
.bean-buttons a::after {
	content:'';
	content:'';
	position: absolute;
	bottom:0;
	left:0;
	width:0%;
	height:4px;
	background-color: #D29D51;
	border-radius: 100px;
	transition: .16s ease-in-out;
}
.bean-buttons a:hover, .bean-buttons li.current-menu-item a {
	color:#D29D51;
}
.bean-buttons a:hover::before, .bean-buttons li.current-menu-item a::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="34.066" height="33.011" viewBox="0 0 34.066 33.011"><g id="Group_3279" data-name="Group 3279" transform="translate(-534.967 -1219.679)"><path id="Path_1330" data-name="Path 1330" d="M25.645,6.907c7.435,6.721,9.59,16.462,4.816,21.755S15.789,32.8,8.355,26.078-1.236,9.616,3.539,4.323,18.21.186,25.645,6.907Z" transform="translate(535 1219.692)" fill="rgba(210,157,81,1.00)" stroke="rgba(26,26,27,1.00)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path id="Path_1331" data-name="Path 1331" d="M2.746,3.285c6.962,22.763,20.4,2.284,26.922,24.339" transform="translate(535.793 1220.73)" fill="none" stroke="rgba(26,26,27,1.00)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>  </g></svg>');
}
.bean-buttons a:hover::after, .bean-buttons li.current-menu-item a::after {
	width:100%;
}
@media screen and (max-width:830px) {
	.bean-buttons {
		gap:0 15px;
		text-align: center;
		align-items: flex-end;
	}
	.bean-buttons li {
		flex: 1 0 0px;
	}
	.bean-buttons a {
		margin:0;
	}
	.bean-buttons a::before {
		transform-origin: center bottom;
		transform:scale(.6);
		padding-bottom:4px;
	}
}

.products {
	justify-content: space-between;
}
.product {
	display: flex;
	flex-wrap: wrap;
	margin-bottom:35px;
}
.product-img {
	width:210px;
	margin-right:15px;
}
.product-img img {
	display: block;
	margin:0 auto;
	width:160px;
	max-width:100%;
}
.product-content {
	flex:1 1 0px;
}
span.weight, span.cups {
	display: inline-block;
}
span.weight {
	margin-right:28px;
}
span.weight::before, span.cups::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" viewBox="0 0 20 26"><g id="Group_3286" data-name="Group 3286" transform="translate(-352 -1575)"><g id="Path_1329" data-name="Path 1329" transform="translate(356 1575)" fill="none"><path d="M-2,0H14a2,2,0,0,1,2,2L15,5l1,19a2,2,0,0,1-2,2H-2a2,2,0,0,1-2-2L-3,5-4,2A2,2,0,0,1-2,0Z" stroke="none"/><path d="M -2 1 C -2.505629539489746 1 -2.924811363220215 1.377178192138672 -2.99091911315918 1.864973068237305 L -1.991430282592773 4.863439559936523 L -2.999764442443848 24.02186012268066 C -2.98809814453125 24.56320953369141 -2.544096946716309 25 -2 25 L 14 25 C 14.54409694671631 25 14.98809814453125 24.56320953369141 14.99976444244385 24.02186012268066 L 13.99143028259277 4.863439559936523 L 14.99091911315918 1.864973068237305 C 14.92481136322021 1.377178192138672 14.50562953948975 1 14 1 L -2 1 M -2 0 L 14 0 C 15.10457038879395 0 16 0.8954296112060547 16 2 L 15 5 L 16 24 C 16 25.10457038879395 15.10457038879395 26 14 26 L -2 26 C -3.104570388793945 26 -4 25.10457038879395 -4 24 L -3 5 L -4 2 C -4 0.8954296112060547 -3.104570388793945 0 -2 0 Z" stroke="none" fill="rgba(255,237,211,1.00)"/></g><line id="Line_2" data-name="Line 2" x2="11" transform="translate(354.5 1580.5)" fill="none" stroke="rgba(255,237,211,1.00)" stroke-linecap="round" stroke-width="1"/></g></svg>');
	display: block;
	float:left;
	margin-right:12px;
	transform:translateY(4px);
}
span.cups::before {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="17" viewBox="0 0 24 17"><path id="Path_594" d="M23.5,12h-6a9.266,9.266,0,0,0,1.4-1.4,8.8,8.8,0,0,0,2.9-1.8A7.493,7.493,0,0,0,24,3.5,1.538,1.538,0,0,0,22.5,2H21V.5a.536.536,0,0,0-.5-.5H3.5A.472.472,0,0,0,3,.5H3L3.4,6a8.413,8.413,0,0,0,3.1,5.9H.5a.634.634,0,0,0-.5.6A4.481,4.481,0,0,0,4.5,17h15A4.481,4.481,0,0,0,24,12.5.472.472,0,0,0,23.5,12ZM20.6,6.1,20.8,3h1.6a.472.472,0,0,1,.5.5,6.633,6.633,0,0,1-3.1,5.6A11.136,11.136,0,0,0,20.6,6.1ZM4.4,6,4,1H20l-.3,5a7.376,7.376,0,0,1-3.9,6H8.2A7.5,7.5,0,0,1,4.4,6ZM19.5,16H4.5A3.55,3.55,0,0,1,1,13H23A3.55,3.55,0,0,1,19.5,16Z" fill="rgba(255,237,211,1.00)"/></svg>');
	transform:translateY(2px);
}
.intensity {
	font-family: "Mukta Malar", sans-serif;
	font-weight:600;
}
span.dots {
	font-size:26px;
}
span.price {
	display: inline-block;
	font-family: "Mukta Malar", sans-serif;
	font-size:40px;
	line-height: 48px;
	color:#D29D51;
	font-weight:700;
	margin-bottom:15px;
}
div.usp {
	display: inline;
}
@media screen and (max-width:730px) {
	.product {
		flex-direction: row-reverse;
		margin-bottom:60px;
	}
	.product-content {
		display: contents;
		flex:none;
		width:100%;
	}
	.product-img {
		width:50%;
		margin-right:0;
		margin-bottom:12px;
	}
	.product-img img {
		width:105px;
		max-width: 100%;
		margin:0 auto;
	}
	.product-content-inside {
		width:50%;
		float:left;
		padding-top:15px;
	}
	span.weight {
		margin-bottom:15px;
	}
	p.intensity {
		width:100%;
	}
	div.usp {
		display: block;
		font-size:13px;
		line-height: 22px;
	}
}

.bigimg {
	position: relative;
	width:100%;
	padding-top:140px;
	padding-bottom:280px;
}
.bigimg .bg-img {
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}
.bigimg-content-1 {
	position: relative;
	width:570px;
	max-width: 100%;
	background-color: #FFEDD3;
	color:#1A1A1B;
	padding:40px 130px 80px 40px;
}
.bigimg-content-1 a {
	color:inherit;
}
.bigimg-content-1 a.button:hover {
	background-color: white;
}
.bigimg-content-1 p, .bigimg-content-1 ul, .bigimg-content-1 ol {
	color:#1A1A1B;
	font-size:15px;
	line-height: 25px;
}
.bigimg-content-1 ol {
	padding-left:1em;
	color:#1A1A1B;
	font-size:17px;
	line-height: 27px;
}
.bigimg-content-1 ol li {
	margin:0.5em 0;
}
.bigimg-content-1 span.code {
	font-size:18px;
	line-height:25px;
	font-weight:bold;
}
.bigimg-content-1 > img {
	display: block;
	position: absolute;
	top:0;
	right:0;
	transform:TranslateX(50%);
	width:154px;
}
@media screen and (max-width:730px) {
	.bigimg-1 {
		padding:0;
	}
	.bigimg-1 .bg-img {
		position: relative;
		top:auto;
		left:auto;
		height:auto;
	}
	.bigimg-1 .bigcontainer {
		padding:0;
		overflow: visible;
	}
	.bigimg-content-1 {
		position: relative;
		z-index: 5;
		padding:240px 15px 60px 15px;
		width:100%;
	}
	.bigimg-content-1 > img {
		top:auto;
		bottom:calc(100% - 200px);
		right:auto;
		left:15px;
		transform:none;
	}
	.bigimg-2 {
		padding:120px 0 240px 0;
	}
}

footer {
	position: relative;
	width:100%;
	display: block;
	background-color: #1A1A1B;
	padding:120px 0 0 0;
}
footer .bigcontainer {
	width:1645px;
}
footer, footer p {
	font-size:17px;
	line-height: 30px;
	font-weight:300;
}
footer::before {
	content:'';
    position: absolute;
    pointer-events: none;
    bottom: calc(100% - 1px);
    left: 0;
    width: 100%;
    height: 120px;
    background-image: url(img/bgpattern-up2.svg);
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: bottom center;
}

footer a {
    color:#FFEDD3;
}
.footerlogo img {
    width:160px;
    max-width: 50vw;
}
.footerdesc {
    border-bottom:1px solid #4D4D4D;
}

.footerlinks ul {
    margin:0;
    padding:0;
    list-style: none;
}
.footerlinks li {
    margin:0;
    padding:0;
}

.footer-socials li {
    display: inline-block;
    margin-right:8px;
}
.footer-socials img {
    width:24px;
    height:24px;
    object-fit: contain;
    object-position: left center;
}

.rating, .tv {
    color:#D29E51;
    line-height: 20px;
    margin-top:22px;
    margin-bottom:8px;
}
.rating a {
    text-decoration: none;
}
.rating sub {
	display: inline-block;
	transform:translateY(-4px);
}
.rating strong {
    margin-right:8px;
}
.rating img {
    display: inline;
    width:20px;
    transform:translateY(3px);
}
.tv img {
    height:24px;
    margin-top:12px;
}

ul.footer-bottomlinks {
    margin:8px 0;
    padding:0;
    list-style: none;
}
ul.footer-bottomlinks li {
    display: inline-block;
}
ul.footer-bottomlinks li:not(:last-child)::after {
    content:'|';
    margin:0 12px;
}