body {
    font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 22px;
	padding: 80px 0px 0px 0px;
	margin: 0px;
	color: #343436;
}
.overlay {
	position: fixed;
	z-index: 100000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity:0.4;
}
.mobilefilters {
    display: none;
}
h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 700px;
	font-style: italic;
}
.bierimg2 {
    position: absolute;
    z-index: 100000;
}
.container {
	max-width: 1310px;
	padding: 0px 20px;
	margin: 0px auto;
}
#header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1002;
	height: 80px;
	background-color: #000;
	overflow: hidden;
}
#header a.logo img {
	margin: 10px 0px 10px 20px;
    height: 59px;
	display: inline-block;
}
#header .menu {
	float: right;
}
#header .menu ul, #header .menu ul li {
	list-style: none;
	padding: 0px;
	margin: 19px 40px 0px 0px;
}

#header .menu ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 10px;
}
#header .menu ul li.active {
	background-color: #0eaf88;
	border-radius: 3px;
}
#header .menu ul li a {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 700;
	text-shadow: 1px 1px 1px #000000;
}

#header .cart {
    position: relative;
    float: right;
    width: 80px;
    background-color: #0eaf88;
    height: 80px;
    background-image: url(../images/cart.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
}
#header .cart a {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#header .cart span {
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url(../images/oval.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    
}
.gold, .goldfooter {
	position: fixed;
	top: 100px;
	left: 0px;
	width: 100%;
	z-index: 1001;
	background-image:url('/images/gold.png');
	height: 12px;
	box-shadow: -3px 0px 9px 0px #000;
}
.goldfooter {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	z-index: 1001;
	background-image:url('/images/gold.png');
	height: 12px;
	box-shadow: 0px 0px 0px 0px #fff!important;
}

.teaser {
	position: relative;
	height: 54vh;
	text-align: right;
	overflow: hidden;
}
.teaser > .container > strong {
    font-family: almaq-rough, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-shadow: 3px 3px 1px #000000;
    font-size: 60px;
    line-height: 66px;
    display: block;
    margin: 5% 0 3% 0;
    text-align: right;
}
.teaser div.foot {
    position: absolute;
    width: 100%;
    bottom: 0px;
    margin: 0px;
    overflow: hidden;
    height: 190px;
    background-color: rgba(0,0,0,0.70);
}
a.btn-green, input.btn-green {
    position: relative;
    background-color: #0eaf88;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color:#fff;
	padding: 5px 25px;
	box-shadow: 3px 3px 9px 0px #000;
	border-radius: 5px;
    font-size: 20px;
	text-decoration: none;
    font-family: almaq-rough, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}
.popup a.btn-green {
	padding: 0px 50px 0px 15px;
}
.popup a.btn-green:before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    top: 7px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    right: 10px;
    background-color: #117d65;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    content: "\f00c";
    font-size: 11px;
}
a.btn-green.g {
    background-image: none;
    background-color: #0fb88f;
    margin: 0px 0px 0px 20px;

}
a.btn-green.y {
    background-image: none!important;
    background-color: #FF8E00!important;
    margin: 0px 0px 0px 20px;
	/*font-size: 20px;*/
}

a.btn-fb, a.btn-ig {
	background-position: right top;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color:#fff;
    margin: 0px 20px;
    padding: 0px 15px;
	box-shadow: 3px 3px 9px 0px #000;
	border-radius: 5px;
	text-decoration: none;
    background-color: #4267b2;
}
a.btn-ig {
    background-color: #d60059;
}
a.btn-green i, a.btn-fb i, a.btn-ig i {
    display: inline-block;
    background-color:#294e97;
    border-radius: 100px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    margin: 0px 0px 0px 15px;
}
a.btn-green i {
    background-color:#117d65;
}
a.btn-green.y i {
    background-color:#FF5F00;
}
a.btn-ig i {
    background-color:#b3004a;
}

.teaser .foot form {
    position: absolute;
    top: 37px;
    left: 0px;
    width: 100%;
}
.teaser .foot form div {
    max-width: 1200px;
    margin: 0px auto;
    position: relative;
}
.teaser .foot form i {
    position: absolute;
    z-index: 100;
    top: 13px;
    left: 13px;
    
}
.foot form input[type=text] {
    float: left;
    padding: 0px 20px 0px 40px;
    height: 40px;
    border: 0px;
    width: calc(80% - 70px);
    max-width: 1000px;
}
.foot form input[type=submit] {
    float: right;
    padding: 10px 20px;
    border: 0px;
    width: calc(20% - 10px);
    max-width:1000px;
    color: #fff;
    height: 40px;
    background-color: #0eaf88;
    font-size: 16px;
    font-weight: bold;
}


.teaser ul {
    position: relative;
    bottom: 0px;
    display: block;
	width: 100%;
    max-width: 1200px;
	padding: 40px 0px;
	margin: 80px auto 0px auto;
	list-style: none;

}
.teaser ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	width: 24%;
	text-align: center;
}

.popup {
	position: fixed;
	z-index: 100001;
	top: 10%;
	left: 50%;
	width: 780px;
	margin: 0px 0px 0px -390px;
	background-color: #fff;
}
.popup .popupheader {
	padding: 10px 20px;
	overflow: hidden;
	border-top:10px solid #0eaf88;
}
.popup .popupheader img.logo {
	float: left;
}
.popup .popupheader img.nix18 {
	float: right;
	margin: 10px 0px 0px 0px;
}

.popup .popupintro {
	float: left;
	width: 282px;
	height: 527px;
	background-image: url('/images/intro.jpg');
}
.popup .popupcontent {
	float: left;
	width: 438px;
	height: 527px;
	padding: 0px 30px;
	background-color: #f1eff0;
}
.popup .popupcontent h1 {
	margin: 20px 0px 8px 0px;
}
.popup .popupcontent p {
	margin: 0px 0px 20px 0px;
}
.popup .popupcontent .btn-green {
	box-shadow: 0px 0px 0px 0px #000;
	margin: 0px 20px 0px 0px;
}
.popup .popupcontent .btn-white {
	padding: 14px 50px 14px 15px;
}



.text {
	max-width: 1310px;
	margin: 0px auto;
	padding: 40px 20px;
	overflow: hidden;
}
.text.small {
    max-width: 800px;
    margin: 0px auto;
}
.text.small img {
    width: 100%;
    margin: 0px 0px 30px 0px;
}
.text p {
    margin: 0px 0px 30px 0px;
}
.text .left {
	float:left;
	width: calc(50% - 40px);
	padding: 20px 40px 20px 0px;
	font-size: 16px;
	line-height: 26px;
	color: #343436;
}
.text .right {
	float:right;
	width: calc(50% - 40px);
	padding: 20px 40px 20px 0px;
	font-size: 16px;
	line-height: 26px;
	color: #343436;
}
.text h1, .bieren h1 {
	color: #343436;
	font-style: italic;
	font-size: 30px;
	border-bottom: 1px solid #343436;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 30px 0px;
}
.readmore {
	display: inline-block;
	padding: 10px 20px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 700;
	text-decoration: none;
	background-color: #0eaf88;
	color: #fff!important;
	border-radius: 4px;
	
}


.btn-grey {
	display: inline-block;
	padding: 10px 20px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 4px;
	background-color: #efece9;
	color: #000;
	font-style: normal!important;
}

.btn-white {
	display: inline-block;
	padding: 10px 20px;
	font-size: 13px;
	line-height: 13px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	font-style: normal!important;
    position: relative;
}
.btn-white:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00d";
    display: inline-block;
    top: 8px;
    vertical-align: middle;
    font-weight: 900;
    position: absolute;
    right: 10px;
    background-color: #666;
    border-radius: 100px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
    text-align: center;
}

.breadcrumb {
	padding: 20px 0px;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	color: #343436;
}
.breadcrumb .container {
	border-bottom: 1px solid #000;
	padding: 0px 20px 10px 20px;
}
.breadcrumb .container a {
	color: #343436;
	text-decoration: none;
	display: inline-block;
	padding: 0px 5px;
}
.breadcrumb .container .btn-grey {
	margin: 0px 20px 0px -20px;
    display: none;
}
.background {
    position: absolute;
    z-index: 100;
    top: 195px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #f3f2ed;
	margin-top: 285px;
}
.bier {
    position: relative;
    z-index: 101;
	overflow: hidden;
	padding: 0px 0px 40px 0px;
}
.bier .img {
	float: left;
	width: 35%;
}
.bier .img img {
	display: block;
	max-width: 100%;
	max-height: 600px;
	margin: 0px auto;
}
.bier .descr {
	float: right;
	width: 65%;
}
.bier .descr h1 {
    font-family: almaq-rough, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.bier .descr h1 strong {
    font-size: 50px;
    font-weight: bold;
}
.bier .orderproductbox {
    overflow: hidden;
    margin: 30px 0px 40px 0px;
}
.bier .descr p {
	font-size: 16px;
	color: #343436;
	line-height: 28px;
	font-weight: 500;
	max-width: 90%;
    margin: 80px 0px 0px 0px;
}
.bier .descr .addCart {
	float: left;
    background-color: #f3f2ed;
    border: 1px solid #ccc;
	width: calc(40% - 42px);
	padding: 20px;
    position: relative;
}
.bier .descr .addCart .perc {
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 100px;
    background-color: #0eaf88;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
}
.bier .descr .usps {
	float: left;
	width: calc(60% - 72px);
	padding: 20px;
    font-size: 14px;
    color: #343436;
    margin: 0px 0px 0px 30px;
}
.bier .descr .usps a {
    text-decoration: none;
    font-size: 12px;
    color: #343436;
    line-height: 12px;
}
.bier .descr .usps a .rate{
    position: absolute;
    margin: 5px 0px 0px 10px;
}
.bier .descr .addCart strong {
	display: inline-block;
	vertical-align: top;
	color: #0ead87;
	font-size: 34px;
	line-height: 30px;
	font-weight: 700;
}
.bier .descr .addCart .van {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 20px;
	color: #b1b1b1;
	font-size: 28px;
	line-height: 30px;
	font-weight: 500;
}
.bier .descr .addCart .van img {
	position: absolute;
	z-index: 100;
	top:15%;
	left: 0px;
	width: 100%;
	height: 70%;	
}
.products .van {
	display: inline-block;
	vertical-align: top;
	margin: 0px 0px 0px 20px;
	color: #b1b1b1;
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	text-decoration: line-through;
}
.bier .stock {
    display: block;
    color: #0ead87;
    font-size: 16px;
    font-style: italic;
}
.bier .descr .addCart p {
    font-size: 14px;
}


.orderbtn {
	position: relative;
}

.bier .descr .addCart input[type=text] {
    border: 1px solid #ccc;
	background-position: left top;
	border-radius: 5px;
	font-size: 17px;
	line-height: 17px;
	color: #333;
	padding: 0px 20px;
	height: 38px;
    width: calc(100% - 80px);
	margin: 0px 20px 10px 0px;
}
.bier .descr .addCart input[type=button] {
	background-color: #0eaf88;
	font-weight: 700;
	font-size: 18px;
	line-height: 17px;
	width: 80%;
	color: #fff;
	padding: 0px 20px;
	height: 53px;
	border: 0px;
	margin: 0px 20px 0px 0px;
}
.numitm {
	display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(80% - 4px);
    height: 49px;
    border: 2px solid #0eaf88;
}


.bier .descr .addCart .less, .bier .descr .addCart .more, .winkelwagen .more, .winkelwagen .less {
	position: relative;
	z-index: 100;
	display: inline-block;
	width: 49px;
	height: 49px;
	background-color: #0eaf88;
    user-select: none;
	vertical-align: top;
	text-align: center;
	line-height: 49px;
	cursor: pointer;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; 
    
}
.bier .descr .addCart .more, .winkelwagen .more {
	margin: 0px 0px 0px -10px;
}
.bier .descr .addCart .nr, .winkelwagen .nr {
    position: relative;
    z-index: 99;
    display: inline-block;
    width: calc(100% - 86px);
    height: 49px;
    background-color: #efece9;
    vertical-align: top;
    text-align: center;
    line-height: 49px;
    margin: 0px 0px 0px -10px;
    font-weight: bold;
    font-size: 18px;
}
.bier .descr .addCart .nr.onepp {
    width: calc(100% - 44px);
}



.bier .productlogo {
    margin: 30px auto 0px auto!important;
}

.bier .descr .addCart em {
	display: block;
	margin: 50px 0px 0px 0px;
	color: #0ead87;
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
}

.bierinfo {
    background-color: #0eaf88;
    position: relative;
    z-index: 102;
    width: 100%;
    padding: 25px 0px 35px 0px;
    margin: 20px 0px 0px 0px 0px;
    overflow: hidden;
}
.bierinfo .container {
    max-width: 1100px;
}
.bierinfo .container div {
    float: left;
}
.bierinfo .container div span {
    display: block;
    color: #fff;
    font-size: 12px;
    margin: 0px 0px 10px 0px;
    font-weight: normal;
}

.bierinfo .color, .bierinfo .country {
    width: 7%;
}
.bierinfo .color div {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    border-radius: 100px;
	overflow: hidden;
    margin: -5px 10px 0px 0px;
}
.bierinfo .country div {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
	border-radius: 100px;
	overflow: hidden;
	margin: -5px 10px 0px 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bierinfo .bittersweet {
    width: 17%;
}
.bierinfo .bittersweet .bar {
    float: none;
    border: 1px solid #fff;
    background-color: #fff;
    max-width: 80%;
    margin: -9px 0px 8px 0px;
}
.bierinfo .bittersweet .bar div {
    float: none;
    background-color: #ccc;
    height: 6px;
    width: 0px;
}
.bierinfo .bittersweet .bar div.w1 {
    width: 20%;
}
.bierinfo .bittersweet .bar div.w2 {
    width: 40%;
}
.bierinfo .bittersweet .bar div.w3 {
    width: 60%;
}
.bierinfo .bittersweet .bar div.w4 {
    width: 80%;
}
.bierinfo .bittersweet .bar div.w5 {
    width: 100%;
}


.bierinfo .temp {
    font-weight: 900;
    font-size: 32px;
    color: #fff;
    width: 16%;
}
.bierinfo .alcohol,  .bierinfo .inhoud {
    font-weight: 900;
    font-size: 32px;
    color: #fff;
    width: 13%;
}

.bierinfo .style {
    font-weight: 900;
    font-size: 32px;
    color: #fff;
    width: 27%;
}
.bierinfo .style div {
    float: none;
    font-size: 12px;
    margin: 3px 0px 0px 0px;
}

.stars {
	display: inline-block;
	width: 110px;
	height: 16px;
    text-align: left;
	margin: 3px 0px 0px 0px;
	background-image: url('/images/stars_grey.png');
}
.stars span {
	background-image: url('/images/stars_gold.png');
	display: inline-block;
	height: 16px;
}
.stars .s1 {
	width: 20px;
}
.stars .s2 {
	width: 43px;
}
.stars .s3 {
	width: 66px;
}
.stars .s4 {
	width: 89px;
}
.stars .s5 {
	width: 110px;
}

.morebeer {
	padding: 40px 0px;
}
.morebeer h1, .morebeer h2, .morebeer h3 {
	text-align: center;
}
.morebeer h1 {
	color: #343436;
	font-size: 30px;
	font-weight: 700;
	font-style: italic;
}
.morebeer h1 span {
	color: #343436;
	font-size: 20px;
	font-weight: 700;
	font-style: italic;
}



#footer {
	background-color: #111111;
	padding: 80px 20px;
}
#footer .icon {
	display: inline-block;
	vertical-align: top;
	padding: 0px 40px 0px 70px;
	border-right: 1px solid #fff;
	width: calc(20% - 110px);
}
#footer .sicon {
    display: inline-block;
    margin: 10px 0px 0px 0px;
}


#footer .list {
	display: inline-block;
	vertical-align: top;
	padding: 0px 50px 0px 20px;
	width: calc(40% - 90px);
}
#footer .list ul {
	margin: 0px;
	padding: 0px 20px;
	list-style: none;
}
#footer .list ul li {
	margin: 0px 0px 10px 0px;
}
#footer .list ul li:last-child {
	margin: 0px;
}
#footer .info {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	color: #fff;
	line-height: 26px;
	font-size: 16px;
}
#footer .info strong {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	font-style: italic;
	margin: 0px 0px 14px 0px;
}
#footer .info a {
	color: #fff;
	text-decoration: none;
}
#footer .info a.eml {
	color: #0eaf88;
}
#subfooter {
	background-color: #000;
	color: #fff;
	padding: 35px 0px;
	line-height: 38px;
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
}
#subfooter img {
	display: inline-block;
	margin: 0px 20px 0px 0px;
	vertical-align: middle;

}
#subfooter form {
	float: right;
}
#subfooter form input {
	border: 0px;
	border-radius: 0px;
	padding: 10px 20px;
	background-color: #fff;
}
#subfooter form input[type=submit] {
	background-color: #0eaf88;
	color: #fff;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 2px;
}

.merken {
	padding: 0px 0px 60px 0px;
	position: relative;
    background-color: #f3f2ed;
}
.merken .text {
    width: 100%;
    margin: 0px;
    background-color: #0eaf88;
    text-align: center;
    max-width: none;
    padding: 20px 0px;
}
.merken .text h1 {
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #fff;
}
.merken ul {
	width: 100%;
    max-width: 1200px;
    max-height: 280px;
    overflow: hidden;
	margin: 40px auto 0 auto;
    text-align: center;
	padding: 0px;
	list-style: none;
}
.merken ul li {
    display: inline-block;
	vertical-align: top;
    margin: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 200px;
    height: 120px;
}
.merken ul li > div {
    display: table;
    height: 120px;
    width: 200px;
}
.merken ul li > div> div {
    display: table-cell;
    height: 120px;
    vertical-align: middle;
    text-align: center;
    width: 200px;
}
.merken ul li img {
	display: block;
    max-width: 90%;
    max-height: 90%;
    margin: 0px auto;
    padding: 0px;
}



.bieren .vp {
	width: 100%;
	overflow: hidden;
	margin: 0px 10%;
}
.bieren .vp ul {
	width: 20000px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.bieren .vp ul li {
	float: left;
	display: inline;
	padding: 0px 20px;
}


.bieren {
	position: relative;
	padding: 60px 0px;
}
.bieren .prev, .bieren .next {
    position: absolute;
    z-index: 1000;
    top:calc(50% - 27px);
    background-color: #0eaf88;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 20px;
}
.bieren .prev {
    left: 0px;
}
.bieren .next {
    right: 0px;
}
.bieren .bg {
	position: absolute;
	bottom: 0px;
	height: 50%;
	z-index: 1;
	width: 100%;
	background-color: #efece9;
}
.bieren .vp {
	position: relative;
	margin: 0px auto;
	max-width: 1310px;
	z-index: 10;
}
.bieren .vp li {
	width: 220px;
	position: relative;
	text-align: center;
}
.bieren .vp li .img {
	display: block;
	height: 300px;
	margin: 0px 0px 20px 0px;
}
.bieren .vp li img {
	display: block;
	margin: 0px auto 20px auto;
	max-width: 90%;
	max-height: 300px;
}
.bieren .vp li .new2 {
	position: absolute;
	width: 75px;
	height: 75px;
	top:10px;
	left:10px;
	background-color: #efece9;
	text-align: center;
	line-height: 75px;
	border-radius: 1000px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
li .new, li .limited, li .ba, li .soon {
    border:2px solid #056207;
    color: #056207;
    display: inline-block;
    padding: 2px 5px;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 73px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    background-color: rgba(255,255,255,0.70);
}
li .soon {
	border: 2px solid #0eaf88;
	background-color: #0eaf88;
	color: #fff;
}
li .limited {
    border:2px solid #d7b97a;
    color: #d7b97a;
}
li .ba {
    border:2px solid #622a05;
    color: #622a05;
}
.newitem .limited {
    top: 50px;
}
.newitem .ba {
    top: 50px;
}
.limited .ba {
    top: 50px;
}
.newitem.limited .ba {
    top: 90px;
}
.bieren .vp li .brewer {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #363636;
}
.bieren .vp li strong {
	display: block;
	color: #343436;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	margin: 0px 10px 10px 10px;
    overflow: hidden;
    height: 70px;
}
.bieren .vp li span.alc {
	display: block;
	color: #343436;
	text-transform:uppercase;
	letter-spacing: 2px;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
}

.bieren .vp li span.prijs {
	display: inline-block;
	color: #343436;
	text-transform:uppercase;
	letter-spacing: 2px;
	margin: 0px 0px 10px 0px;
	font-size: 15px;
	font-weight: bold;
}


.topbar {
	padding: 13px 0px 10px 0px;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}

.topbar strong {
	font-size: 30px;
	font-weight: normal;
	color: #343436;
}
.topbar .fltr {
	float: right;
}
.topbar .fltr span {
	float: left;
	padding: 12px 20px;
	color: #343436;
	background-color:#efece9;
	margin: 0px 0px 0px 10px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}
.topbar .fltr span.active {
	background-color: #d7b97a;
	color: #fff;
}


.filters {
    position: absolute;
	width: 259px;
    padding: 30px 0px;
	background-color: #fcfcfa;
    border-right: 1px solid #ccc;
    min-height: 100%;
}
.filters strong {
	display: block;
	font-style: italic;
	font-weight: 500;
	font-size: 18px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
	padding: 8px 20px;
    background-color: #f5ecef;
}
.filters strong.nobrd {
	border: 0px;
}
.filters input[type=text] {
	border: 1px solid #000;
	padding: 15px 10px;
	width: calc(240px - 22px);
	font-style: italic;
	font-size: 14px;
	margin: 0px 0px 30px 0px;
}
.filters input[type=image] {
	position: absolute;
	z-index: 100;
	margin: 15px 0px 0px -34px;
}

.filters ul.kleuren {
	margin: 0px 0px 30px 0px;
	padding: 0px 20px;;
	list-style: none;
	overflow: hidden;
}
.filters ul.kleuren li {
	float: left;
	width: 50%;
	padding: 10px 0px;
	vertical-align: top;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
}
.filters ul.kleuren li input {
    display: none;
}
.filters ul.kleuren li label {
    text-align: left;
}
.filters ul.kleuren li span {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border-radius: 100px;
	margin: 0px 10px 0px 0px;
}
.filters ul.kleuren li span.Wit {
	background-color: #ede9e0;
}
.filters ul.kleuren li span.Rood {
	background-color: #c3362b;
}
.filters ul.kleuren li span.Blond {
	background-color: #d7b97a;
}
.filters ul.kleuren li span.Bruin {
	background-color: #6d4736;
}
.filters ul.kleuren li span.Amber {
	background-color: #c3812b;
}
.filters ul.kleuren li span.Zwart {
	background-color: #000;
}
.filters ul.kleuren li span img {
	position: absolute;
	top: -1px;
	left: 5px;
	display: none;
}
.filters ul.kleuren li.checked span img {
	display: block;
}

.filters ul.list, .filters ul.list_nojs {
	margin: 0px 0px 30px 0px;
	padding: 0px 20px;
	list-style: none;
	line-height: 15px;
    font-size: 14px;
	overflow: hidden;
}
.filters ul.list li, .filters ul.list_nojs li {
	padding: 5px 0px;
	overflow: hidden;
    position: relative;
}
.filters ul.list li a, .filters ul.list_nojs li a {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #000;
    text-decoration: none;
}
.filters ul.list li input, .filters ul.list_nojs li input {
    display: none;
}
.filters ul.list li em, .filters ul.list_nojs li em {
    display: none;
	float: right;
	font-style: normal;
	color: #c2c0c0;
	font-size: 12px;
	font-weight: bold;
}
.filters ul.list li span, .filters ul.list_nojs li span {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin: -3px 10px 0px 0px;
	border: 1px solid #ccc;
    border-radius: 3px;
}
.filters ul.list li span img, .filters ul.list_nojs li span img {
	position: absolute;
	top: -5px;
	left: 1px;
	display: none;
}
.filters ul.list li.checked span img, .filters ul.list_nojs li.checked span img {
	display: block;
}


.filters ul.kinds {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
}
.filters ul.kinds li {
	/*float: right;
	width: 48%;*/
	padding: 0px;
	vertical-align: top;
	font-size: 14px;
	line-height: 24px;
	cursor: pointer;
    position: relative;
}
.filters ul.kinds li a {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #000;
    text-decoration: none;
}

/*
.filters ul.kinds li:nth-child(odd) {
	width: 45%;
	float: left;
}*/
.filters ul.kinds li input {
    display: none;
}
.filters ul.kinds li em {
	float: right;
	font-style: normal;
	color: #c2c0c0;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	margin: 4px 0px 0px 10px; 
}
.filters ul.kinds li.checked {
	color:#0ead87;
}

.sbe_slider {
	border: 0px!important;
	margin: 10px 29px 5px 29px;
	height: 10px!important;
	background-color: #efece9;
}
.sbe_slider .ui-widget-header {
	background: #2e4961!important;
	border: 0px!important;
	height: 10px!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	background: url("/images/sliderbul.png")!important;
	border: 0px!important;
	width: 23px;
	height: 23px;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -6px;
}
.priceleg {
	overflow: hidden;
	color: #000;
	font-size: 12px;
	margin: 0px 20px 30px 20px;
	font-weight: bold;
}
.priceleg .min {
	float: left;
}
.priceleg .max {
	float: right;
}



.products {
	float: left;
	width: calc(100% - 340px);
	margin: 0px 40px 0px 300px;
	position: relative;
}
.products ul {
	overflow: hidden;
	width: calc(100% - 10px);
    padding: 5px;
}
.products li {
	float: left;
	display: inline;
	padding: 0px 10px 20px 10px;
	width: 180px;
	position: relative;
	text-align: center;
    margin: 0px 20px 30px 0;
}
.products li:hover {
    box-shadow: 0px 0px 5px -1px #999;
    background-color: #F5F5F5;
}
.products li .img {
	display: block;
	height: 250px;
	margin: 20px 0px 20px 0px;
}
.products li hr {
	border:0px;
	border-top: 1px solid #000;
    float: none;
}
.products li img {
	display: block;
	vertical-align: middle;
	margin: 0px auto 20px auto;
	max-width: 90%;
	max-height: 250px;
}
.products li .new2 {
	position: absolute;
	width: 75px;
	height: 75px;
	top:10px;
	left:10px;
	background-color: #efece9;
	text-align: center;
	line-height: 75px;
	border-radius: 1000px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
.products li .brewer {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #363636;
}
.products li strong {
    display: block;
    color:#343436;
    font-weight: bold;
    font-size: 17px;
    line-height: 22px;
    height: 67px;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}
.products li span.alc {
	float: left;
	color: #9d9c9c;
	text-transform:uppercase;
	letter-spacing: 2px;
	margin: -7px 0px 0px 0px;
	font-size: 11px;
	font-weight: 500;
}

.products li span.prijs {
	display: inline-block;
	color: #0eaf88;
	text-transform:uppercase;
	letter-spacing: 2px;
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: bold;
}
.products li span.prijs.pre {
	font-size: 12px;
	line-height: 15px;
}
.products li hr.pre1 {
	margin: 7px 0px 6px 0px;
}
.products li hr.pre2 {
	margin: 0px 0px 7px 0px;
}
.products li .readmore {
	background-image: url(../images/btn-green.png);
	background-position: left center;
	vertical-align: bottom;
	padding: 8px 15px;
	margin: 7px 5px 0px 0px;
}

.products li .ordernow {
	display: inline-block;
	vertical-align: bottom;
}
.products li .ordernow img {
	margin: 0px;
	max-width:none;
}
.products li .cntry {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border:1px solid #ccc;
	margin: 1px 6px 0px 0px;
	border-radius: 100px;
	background-size: 100%;
}
.products .sub {
	padding: 5px;
	overflow: hidden;
	width: 100%;
	margin: 15px auto 0px auto;
}
.products .sub .cntry {
	float: left;
}
.products .sub .stars {
	float: left;
	margin: -3px 0px 0px -3px;
    text-align: left;
}

.products .sub  a {
    color: #9d9c9c;
}
.products .sub  a .rate {
    float: left;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    margin: -5px 0px 0px 5px;
}

.teaser.checkins {
    position: relative;
    z-index: 103;
    height: 450px;
}
.teaser.checkins .jarallax-img {
    filter: brightness(50%);
}
.teaser.checkins > strong {
    display: block;
    font-size: 50px;
    font-weight: bold;
    font-family: almaq-rough, sans-serif;
    margin: 80px 0px 20px 0px;
    font-style: normal;
    color: #fff;
    text-shadow: 0px 0px 16px #000;
    text-align: center;
}
.teaser.checkins ul {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    padding: 0px;
    overflow: hidden;
    max-width: 80%;
    width: 100%;
    margin: 50px auto 0px auto;
    background-color: rgba(0,0,0,0);
}
.teaser.checkins ul li {
    float: left;
    width: calc(33% - 60px);
    padding: 20px;
    background-color: rgba(0,0,0,0.70);
    margin: 10px;
    text-align: left;
}
.teaser.checkins ul li .l {
    float: left;
    width: 25%;
    height: 140px;
}
.teaser.checkins ul li .r {
    float: left;
    width: calc(75% - 40px);
    padding: 0px 20px;
    color: #fff;
    height: 150px;
}
.teaser.checkins ul li .l > img{
    width: 100px;
    border-radius: 100px;
    height: 100px;
}
.teaser.checkins ul li p {
    color: #fff;
}
.teaser.checkins ul li strong {
    color: #d7b97a;
}



.moreitems {
	overflow: hidden;
}

.moreitems ul {
	list-style: none;
	margin: 0px; 
	padding: 5px;
	text-align: center;
}
.moreitems ul li {
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border:1px solid #ccc;
	color: #fff;
	font-weight: normal;
	box-shadow: 0px 0px 0px 0px #fff!important;
}
.moreitems ul li.nobtn {
	border: 1px solid #fff!important;
	background-color: #fff!important;
	color: #000!important;
}
.moreitems ul li.active {
	background-color: #0eaf88;
	border: 1px solid #0eaf88;
}
.moreitems ul li a {
	display: block;
	text-decoration: none;
	width: 40px;
	height: 40px;
	color: #000;
}
.moreitems ul li.active a {
	color: #fff;
}


.moreitems .more {
	display: block;
	background-color: #2e4961;
	color: #fff;
	float: right;
	text-decoration: none;
	padding: 14px 45px 14px 25px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
	font-size: 14px;
	background-image: url(../images/bluebtn.png);
	background-position: right center;
}


.winkelwagen {
    overflow: hidden;
    padding:50px 0px;
}
.winkelwagen .left {
    float: left;
    width: calc(75% - 40px);
    padding: 0px 40px 0px 0px;
}

.winkelwagen .left h1 {
    overflow: hidden;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #000;
}
.winkelwagen .left ul, .winkelwagen .left ul li {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.winkelwagen .left ul li {
    overflow: hidden;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px solid #000;
}
.winkelwagen .left ul li div {
    float: left;
    color: #343436;
}
.winkelwagen .left ul li div.img {
    width: 10%;
}
.winkelwagen .left ul li div.img img {
    display: block;
    max-width: 95px;
    max-height: 95px;
    margin: 0px auto;
}
.winkelwagen .left ul li div.product {
    width: 40%;
}
.winkelwagen .left ul li div.prijs {
    text-align: center;
    width: 12.5%;
}
.winkelwagen .left ul li div.aantal {
    text-align: center;
    width: 15%;
}
.winkelwagen .left ul li div.subtotaal {
    text-align: center;
    width: 12.5%;
}
.winkelwagen .left ul li div.del {
    width: 10%;
}
.winkelwagen .left ul li div span {
    display: block;
    letter-spacing: 2;
    font-size: 12px;
    font-weight: bold;
}
.winkelwagen .left ul li div strong {
    display: block;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
}
.winkelwagen .left ul li div em {
    display: block;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
}
.winkelwagen .left ul li div strong span {
    float: none;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.winkelwagen .left ul li div strong span.nr {
    width: 40px;
}
.winkelwagen .right {
    float: right;
    width: 25%;
}
.winkelwagen .right h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 700px;
	font-style: italic;
}
.winkelwagen .right ul, .winkelwagen .right ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.winkelwagen .right ul {
    margin: 0px 0px 30px 0px;
}
.winkelwagen .right .box {
    padding: 30px;
    background-color: #efece9;
    color: #343436;

}
.winkelwagen .right ul li {
    padding: 10px 0px;
    overflow: hidden;
    font-size: 20px;
    line-height: 30px;
}
.winkelwagen .right ul li.total {
    font-weight: bold;
    border-top: 1px solid #000;
}
.winkelwagen .right ul li div {
    float: left;
    width: 50%;
}
.winkelwagen .right ul li span {
    float: left;
    width: 50%;
    text-align: right;
}
.winkelwagen .right .btn-green {
    width: calc(100% - 67px);
    display: block;
    box-shadow: none;
}

.checkout {
    overflow: hidden;
    padding: 50px 0px;
}
.checkout h1 {
    text-align: center;
}
.checkout .col {
    float: left;
    width: calc(32% - 30px);
    padding: 20px 15px;
    background-color: #efece9;
    color: #343436;
}
.checkout .col.mid {
    width: calc(36% - 70px);
    margin: 0px 20px;
}
.checkout .col span {
    float: left;
    clear: both;
    width: 100%;
    color: #bf9d55;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0px 0px 20px 0px;
    letter-spacing: 2px;
}

.checkout .col input[type=text], .checkout .col select {
    border: 1px solid #fff;
    padding: 10px 15px;
    width: calc(100% - 32px);
    background-color: #fff;
    float: left;
    margin: 0px 0px 10px 0px;
}
.checkout .col input[type=text].false, .checkout .col select.false {
    border: 1px solid #FFCACB;
    background-color: #FFCACB;
    color: #FF0000;
}
.checkout .col label {
    float: left;    
    margin: 10px 0px 10px 0px;
}
.checkout .col label.false {
    color: #FF0000;
}
.checkout .col input[type=checkbox], .checkout .col input[type=radio] {
    float: left;
    clear: left;
    margin: 15px 10px 10px 0px;
}
.checkout .col select {
    width: 100%;
}
.checkout .col input.w50 {
    width: calc(49% - 32px);
    margin: 0px 1% 10px 0px;
}
.checkout .col input.w75 {
    width: calc(74% - 32px);
}
.checkout .col input.w25 {
    width: calc(24% - 32px);
}
.checkout .col input.r {
    margin: 0px 0px 0px 1%!important;
}
.checkout .col input.w25.r {
    margin: 0px 0px 0px 2%!important;
}
.checkout .col input.w25.r {
    margin: 0px 0px 0px 2%!important;
}
.checkout .col select.w33 {
    width: 32%;
}
.checkout .col select.w33.m {
    width: 32%;
    margin: 0px 2%;
}
.checkout .col strong {
    float: left;
    clear: both;
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0px 10px 0px;
}

.checkout .col .afleveradres {
    display: none;
}
.checkout .col .afleveradres.show {
    display: block;
}
.checkout .banks {
    float: left;
    clear: both;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.checkout .banks li {
    position: relative;
    float: left;
    width: 50px;
    height: 50px;
    padding: 15px;
    background-color: #fff;
    border: 4px solid #fff;
    margin: 5px;
}
.checkout .banks li label {
    position: absolute;
    cursor: pointer;
    top: 0px;
    left: 0px;
    display: block;
    width: 100%;
    height: 100%;
}
.checkout .banks li.picked {
    border: 4px solid #bf9d55;
}
.checkout .banks li label input {
    display: none;
}
.checkout .banks li label img {
    display: block;
    margin: calc(50% - 29px) auto;
}
.overzicht {
    float: left;
    clear: both;
    width: 100%;
    list-style: none;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.overzicht li {
    overflow: hidden;
    padding: 5px 0px;
}
.overzicht li.head {
    font-size: 12px!important;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
}
.overzicht li div {
    float: left;
}
.overzicht li .product {
    width: 60%;
    font-size: 12px;
}
.overzicht li .aantal {
    width: 20%;
    font-size: 16px;
    text-align: center;
}
.overzicht li .subtotaal {
    width: 20%;
    font-size: 16px;
    text-align: right;
}
.overzicht li.head .aantal, .overzicht li.head .subtotaal {
    font-size: 12px;
}


.overzicht li.subtotal {
    border-top: 1px solid #000;
    margin: 10px 0px 0px 0px;
}
.overzicht li .left {
    float: left;
    width: 50%;
    font-size: 16px;
}
.overzicht li .right {
    float: right;
    width: 50%;
    text-align: right;
    font-size: 16px;
}
.overzicht li.total {
    border-top: 1px solid #000;
    margin: 10px 0px 0px 0px;
}
.overzicht li.total .left, .overzicht li.total .right {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
}
.checkout .btn-green {
    background-position: right center;
    height: 40px;
    line-height: 35px;
    padding: 0px 60px 0px 25px;
    margin: 20px 0px 10px 0px;
    font-size: 16px;
	border: 0px;
}
hr {
    border-top:1px solid #000;
    width: 100%;
    float: left;
    clear: both;
}
.setFilter {
    cursor: pointer;
}

.bieren .vp a {
    color: #000;
    text-decoration: none;
}
.bieren .vp .stars {
    margin: 0px 0px 0px 0px;
}
.bieren .vp .rate {
    font-size: 12px;
    margin: -3px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    color: #666;
}
.bierlijst {
    position: relative;
    overflow: hidden;
}

.account {
    max-width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.account .left {
    float: left;
    width: calc(50% - 80px);
    padding: 30px;
    background-color: #efece9;
}
.account .right {
    float: right;
    width: calc(50% - 80px);
    padding: 30px;
    background-color: #efece9;
}
.account h1 {
    border-bottom: 1px solid #666;
}
.entercoupon {
    padding: 20px 20px 20px 20px;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
    background-color: #efece9;
}
.entercoupon h2 {
    float: left;
    clear: both;
    width: 100%;
    color: #bf9d55;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0px 0px 10px 0px;
    letter-spacing: 2px;
}
.entercoupon input {
    border: 1px solid #fff;
    padding: 10px 15px;
    width: calc(100% - 162px);
    background-color: #fff;
    float: left;
    margin: 0px 0px 10px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}
.entercoupon input[type=submit] {
    width: 130px;
    background-color: #000;
    color: #fff;
}
.entercoupon input.false {
    border: 1px solid #FFCACB;
    background-color: #FFCACB;
    color: #FF0000;
}
.entercoupon .er {
    color: #FF0000;
    font-style: italic;
    font-size: 12px;
    margin: -6px 0px 0px 17px;
    float: left;
    clear: both;
}
.brouwerijen {
    max-width: 1310px;
    margin: 50px auto;
}
.brouwerijen h2 {
    display: block;
    padding: 0px 0px 5px 0px;
    margin: 20px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
}
.brouwerijen ul {
    list-style: none;
    overflow: hidden;
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.brouwerijen ul li {
    float: left;
    margin: 0px 20px 20px 0px;
    width: 240px;
    height: 120px;
    border: 1px solid #ccc;
}
.brouwerijen ul li img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.burger {
    display: none;
}
.mobileSearch {
	display: none;
}
.popupcbs {
    position: fixed; 
    top:10%; 
    width: 220px; 
    padding: 40px;
    background-color: #fff; 
    border: 1px solid #000; 
    left: calc(50% - 150px); 
    z-index: 100000; 
    text-align: center;
}
.popupcbs .close {
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background-color: #000;
    margin: 10px 0px 0px 0px;
}

.bierista {
    overflow: hidden;
    margin: 50px auto;
    max-width: 1310px;
}
.bierista .left {
    width: 50%;
    float: left;
}
.bierista .left img {
    width: calc(100% - 30px);
}
.bierista .right {
    width: calc(50% - 30px);
    float: right;
    margin: 0px 0px 0px 30px;
}
.bierista .right p, .bierista .right ul {
    float: left;
    width: 100%;
    clear: both;
}
.bierista .right ul {
    margin: 0px 0px 0px 25px;
    padding: 0px;
    list-style: none;
}
.bierista .right ul li {
    margin: 0px 0px 5px 0px;
}
.bierista .right ul li:before{
    content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url('/images/bierista_li.png');
    background-size: 100%;
    margin: 0px 5px -5px -25px;
}
.bierista .right .btn-green {
    float: left;
    margin: 30px 0px 0px 0px;
}
.bierista .right .fa-angle-right::before {
    content: "\f105";
    margin: 0px 0px 0px 10px;
}



.movie {
    background-color: #000;
}
.movie .container {
    max-width: 800px;
}
.movie video {
    width: 100%;
    display: block;
}

.blocks {
    background-color:#f3f2ed;
    padding: 50px 0px;
    text-align: center;
}
.blocks a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px;
}
.blocks a span {
    position: absolute;
    bottom: 35px;
    text-align: center;
    font-family: almaq-rough, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    z-index: 1000;
    left: 0px;
    width: 100%;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 42px;
}

.buttons {
    background-color: #0eaf88;
    overflow: hidden;
    font-family: almaq-rough, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.buttons .left {
    float: left;
    width: 50%;
}
.buttons .right {
    float: left;
    width: 50%;
    background-color: #000;
}
.buttons .left a {
    float: right;
    display: block;
    height: 100px;
    width: 100%;
    max-width: 600px;
    padding: 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 44px;
}
.buttons .left a strong {
    display: block;
    font-size: 58px;
    font-weight: normal;
}
.buttons .right a {
    display: block;
    height: 100px;
    width: 100%;
    max-width: 600px;
    padding: 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 44px;
}
.buttons .right a strong {
    display: block;
    font-size: 58px;
    font-weight: normal;
}

.searchbox {
	position: relative;
    margin: 30px 0px 40px 0px;
    height: 40px;
}
.searchbox input[type="text"] {
    float: left;
    padding: 0px 20px 0px 40px;
    height: 40px;
    width: calc(90% - 62px);
    background-color: #f3f2ee;
    border: 1px solid #ccc;
}
.searchbox input[type="submit"] {
    float: right;
    padding: 10px 20px;
    border: 0px;
    width: calc(10% - 10px);
    color: #fff;
    height: 42px;
    background-color: #0eaf88;
    font-size: 16px;
    font-weight: bold;
}
.searchbox i {
    position: absolute;
    z-index: 100;
    top: 13px;
    left: 13px;
}
.infobox {
    padding: 10px 20px;
    background-color: #FDFFD3;
}
.infobox.hidden {
    display: none;
}
.hidden {
    display: none!important;
}

/*

<div class="adverts">
    
    <div class="left">
        <a href="">
            Bekijk onze
            <strong>Aanbiedingen</strong>
        </a>
    </div>
    <div class="right">
        <a href="">
            Bekijk onze
            <strong>Bieren</strong>
        </a>
    </div>
    
</div>

*/

@media only screen and (min-width: 600px)  and (max-width: 1200px) {

    h1 {
        font-size: 26px;
        line-height: 36px;
    }
    

    .winkelwagen .left {
        width: calc(70% - 40px);
    }
    .winkelwagen .left ul li div strong {
        font-size: 18px;
        line-height: 28px;
    }
    .winkelwagen .left ul li div em {
        font-size: 16px;
        line-height: 26px;
    }
    .winkelwagen .right {
        float: right;
        width: 30%;
    }
    .winkelwagen .right .box {
        padding: 10px 20px 25px 20px;
    }
    .winkelwagen .right ul li {
        font-size: 16px;
        line-height: 25px;
    } 
    .winkelwagen .right ul {
        margin: 0px 0px 20px 0px;
    }
    .winkelwagen .left ul li div.del {
        width: 9%;
        text-align: right;
    }
    .winkelwagen .left ul li div.del img {
        width: 35px;
        height: 35px;
    }    
    .winkelwagen .left ul li div strong span {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }    
    .winkelwagen .left ul li div.img img {
        max-width: 95px;
        max-height: 75px;
    }
    .winkelwagen .left ul li div.product {
        width: 37%;
    }
    .winkelwagen .left ul li div.prijs {
        text-align: center;
        width: 13.5%;
    }
    .winkelwagen .left ul li div.aantal {
        width: 16%;
    }    
    .winkelwagen .left ul li div.subtotaal {
        width: 14.5%;
    } 
    #header .cart span {
        top: 37px;
        right: 12px;
    }
    #footer .list {
        display: none;
        
    }
    #footer .icon {
        width: calc(30% - 110px);
        padding: 0px 40px 0px 0px;
    }
    #footer .info {
        width: 30%;
        margin: 0px 0px 0px 50px;
    }
    .moreitems .more {
        background-position: right center;
        width: calc(100% - 70px);
        background-repeat: no-repeat;
    }
    
    
    
    
}
@media only screen and (min-width: 700px)  and (max-width: 1280px) {

    body {
        padding: 72px 0px 0px 0px;
    }
    #header {
        height: 70px;
    }
    #header a.logo img {

        height: 50px;
    }

    #header .menu ul li a {
        display: inline-block;
        padding: 10px 10px;
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        text-shadow: 3px 3px 1px #000000;
    }
    .gold, .goldfooter {
        top: 70px;
    }
    #header .cart {
        width: 71px;
        height: 71px;
        background-size: 30px;
    }    
    #header .menu ul, #header .menu ul li {
        list-style: none;
        padding: 0px;
        margin: 12px 20px 0px 0px;
    }    

    #header .menu ul li {
        display: inline-block;
        vertical-align: top;
        margin: 0px 0px 0px 5px;
    }    

}


@media only screen and (min-width: 700px)  and (max-width: 1110px) {
.teaser > strong {
    font-size: 35px;
}
    
    
    
    .bieren {
        position: relative;
        padding: 40px 0px;
    }    

    .products li {
        width: 150px;
        margin: 10px 0;

    }    
    li .new, li .limited, li .ba {
        padding: 0px 3px;
        width: 60px;
        border-radius: 3px;
        font-size: 8px;
    }    
    .products li img {
        max-width: 80%;
        max-height: 250px;
    }
    .products li .img {
        height: 250px;
    }  
    .products li strong {
        font-size: 15px;
        line-height: 22px;
        height: 65px;
    }  
    .products li .readmore {
        padding: 8px 10px;
        font-size: 12px;
    }  
    .products li span.prijs {
        font-size: 16px;
    }
    .products li .cntry {
        width: 20px;
        margin: -5px 10px 0px 0px;
        height: 20px;
    }
    .products li span.alc {
        font-size: 10px;
    }    
    .products .sub .stars {
        margin: 10px 0px 0px -3px;
     }
    .products .sub a .rate {
        margin: 6px 0px 0px 5px;
    }
    .bier .descr p {
        font-size: 14px;
        line-height: 26px;
    }
    .bier .descr .addCart input[type="button"] {
        font-size: 15px;
        line-height: 17px;
        padding: 0px 15px;
        height: 40px;
        margin: 0px 10px 0px 0px;
    }
    .bier .descr .addCart em {
        margin: 20px 0px 0px 0px;
    }
    .bier .img {
       width: 25%;
    }    
    .bier .descr .info {
        float: left;
        width: calc(100% - 35px);
        padding: 0px 0px 0px 30px;
        clear: both;
        margin: 30px 0px 0px 0px;
} 
    
    
    
    
}


@media only screen and (max-width: 899px) {
    
    body {
        padding: 60px 0px 0px 0px;
    }
    
    .burger {
        display: block;
        position: absolute;
        top: 6px;
        left: 6px;
        cursor: pointer;
    }

    #header a.logo img {
        height: 45px;
        margin: 10px auto 10px auto;
        display: block;
    }
    #header .cart {
        width: 70px;
        height: 60px;
        background-size: 40%;
        position: absolute;
        top: 0px;
        right: 0px;
    }
    #header .cart span {
        top: 30px;
    }
    #header {
        height: 60px;
        overflow: visible;
    }
    #header .menu {
        height: 0px;
        transition: all 0.2s;
        overflow: hidden;
    }
    #header .menu.open {
        display: block;
        height: 300px;
        position: absolute;
        top: 60px;
        z-index: 9999999;
        background-color: #3b4452;
    }
    #header .menu ul, #header .menu ul li {
        margin: 25px 20px;
    }
    #header .menu ul li {
        margin: 0;
        width: 100%;
    }
    
    .gold, .goldfooter {
        top:60px;
    }
    .teaser {
        height: 30vh;
    }
    .teaser strong {
        font-size: 23px;
        line-height: 36px;
        margin: 20px 30px;
    }
    .teaser ul {
        display: none;
    }
	a.btn-green.y {
		margin: 10px 10px 0px 10px;
        float: left;
        font-size: 18px;
        padding: 5px 25px;
	}    
	a.btn-green.g {
		float: right;
		margin: 10px 10px 0px 10px;
        font-size: 18px;
        padding: 5px 25px;
	}    
    .bieren {
        position: relative;
        padding: 30px 0px 0px 0px;
    }
    .text h1, .bieren h1
    {
        font-size: 26px;
        line-height: 34px;
    }
    .morebeer h1 span {
        font-size: 16px;
    }
    .bieren .vp li {
        width: 130px;
        padding: 0px 10px!important;
    }
    .blocks a{
        max-width: 100%;
        margin: 0px 30px 30px 30px;
    }
    .blocks a img{
        max-width: 100%;
    }
    .merken .text h1 {
        margin: 0px;
        font-size: 20px;
    }
    .merken .text {
        width: calc(100% - 40px);
        padding: 20px 20px;
    }
    .buttons .left, .buttons .right {
        float: none;
        width: 100%;
    }
    .buttons .left a, .buttons .right a {
        font-size: 14px;
        padding: 30px 0px 35px 0px;
        line-height: 24px;
        height: auto;
        float: none;
    }
    .buttons .left a strong, .buttons .right a strong {
        display: block;
        font-size: 34px;
    }
    #footer {
        padding: 40px 20px;
    }
    #footer .icon {
        display: none;
    }
    #subfooter {
        display: none;
    }
    #footer .list {
        display: inline-block;
        vertical-align: top;
        padding: 0px;
        width: 100%;
    }  
    #footer .container {
        padding: 0px;
    }    
    
    #footer .list ul {
        padding: 0px;
    }
    
    #footer .list ul img {  
        width: 100%;
        max-width: 340px;
    }
    #footer .info.c1 {  
        display: none;
    }
     #footer .info {  
         width: 100%;
         text-align: center;
         margin: 40px 0px 0px 0px;
         border-top:1px solid #fff;
         padding: 20px 0px 0px 0px;
    }
     .merken ul li {
        width: 140px;
        height: 90px;
    }
    .merken ul li > div {
        display: table;
        width: 140px;
        height: 90px;
    }
    .merken ul li > div > div {
        display: table-cell;
        height: 90px;
        vertical-align: middle;
        text-align: center;
        width: 140px;
    }
    .merken ul li img {
        width: 100%;
    }
    .merken ul {
        width: 100%;
        max-width: 1200px;
        max-height: 330px;
        overflow: hidden;
        margin: 10px auto;
        text-align: center;
        padding: 0px;
        list-style: none;
    }
    .goldfooter {
        top: 0px;
    }
    .breadcrumb{
        display: none;
    }
    
    .bier h1  {
        font-family: almaq-rough, sans-serif;
        font-weight: normal;
        font-size: 27px;
        line-height: 38px;
        font-style: normal;
    }
    .bier h1 strong {
        font-size: 34px;
    }
    .filters {
        position: fixed;
        z-index: 1000;
        background-color: #efefef;
        top: 60px;
        padding: 20px;
        height: calc(100% - 133px);
        overflow: auto;
        left: -400px;
        transition: all 0.2s;
    }
    .filters.open {
        left: 0px;
    }
    .mobilefilters {
        z-index: 100;
        display: block;
        position: absolute;
        top: 96px;
        left: 10px;
        border-radius: 0;
        overflow: hidden;
    }
    .filters .mobilefilters {
        top: 24px;
        left: 240px;
        }
    .filters input[type="image"] {
        position: absolute;
        z-index: 100;
        top: 95px;
        right: 50px;
        margin: 0px;
    }
    .products li span.prijs {
        font-size: 14px;
    }
    .products .van {
        font-size: 12px;
        margin: 0px 0px 0px 10px;
    }
    .moreitems ul li, .moreitems ul li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .products {
        width: 100%;
    }
    
    .topbar strong {
        display: block;
		line-height: 38px;
		
        text-align: center;
        margin: 0px 0px 20px 0px;
    }
    .products {
        margin: 0px;
        padding: 0px;
    }
    .products ul {
        margin: 0px;
        padding: 5px 0px;
        text-align: center;
        width: 100%;
    }
    .products li {
        width: calc(33% - 20px);
        padding: 0px 0px 15px 0px;
        float: none;
        margin: 0px 5px 10px 5px;
        display: inline-block;
        vertical-align: top;
    }
    .products li .brewer {
        font-size: 12px;
        height: 22px;
        overflow: hidden;
        display: block;
    }
    .products li strong {
        font-size: 14px;
        line-height: 20px;
        height: 62px;
    }
    .products li .ordernow {
        display: none;
    }
    
    .bieren .container {
        padding: 0px 10px;
    }
    .products li .cntry {
        width: 20px;
        display: none;
        height: 20px;
    }
    .products li span.alc {
        font-size: 10px;
    }
    .products .sub a .rate {
        display: none;
    }
    .topbar .fltr {
        text-align: center;
        float: none;
    }
    .topbar .fltr span {
        float: none;
        display: inline-block;
        padding: 7px 10px;
        margin: 0px 5px;
        font-size: 13px;
    }
    .bier .img {
        display: block;
        margin: 0px auto;
    }
    .bier .descr {
        float:right;
        width: 60%;
    }
    .bier .productlogo {
        display: none;
    }
    .bier .descr p {
        max-width: none;
    }
    .bier .descr p {
        font-size: 14px;
        line-height: 26px;
    }
    .bier .descr .addCart {
        width: calc(100% - 32px);
        padding: 15px;
        text-align: right;
    }
    .bier .descr .info {
        width: calc(100% - 35px);
        margin: 14px 0px 0px 0px;
    }
    .bier .descr .addCart em {
        margin: 20px 0px 0px 0px;
    }
    .bier .orderproductbox {
        overflow: hidden;
        margin: 10px 0px 30px 0px;
    }
    .bier .descr .addCart .perc {
        right: auto;
        left: 15px;
    }
    .productlogo {
        display: none!important;
    }
    .bier .descr .usps {
        float: left;
        width: calc(100% - 0px);
        padding: 20px 0px;
        font-size: 12px;
        color: #343436;
        margin: 0px;
    }
    .bier p {
        float: left;
        clear: both;
        width: 100%;
        margin: 20px 0px 0px 0px;
    }
    .bierinfo .color, .bierinfo .country {
        width: 30%;
        margin: 0px 0px 20px 0px;
    }
    .bierinfo .bittersweet {
        width: 40%;
        margin: 0px 0px 20px 0px;
    }
    .bierinfo .temp {
        font-size: 26px;
        width: 44%;
        margin: 0px 0px 20px 0px;
    }
    .bierinfo .alcohol, .bierinfo .inhoud {
        font-size: 26px;
        margin: 0px 0px 20px 0px;
        width: 28%;
    }
    .bierinfo .style {
        font-weight: 900;
        font-size: 32px;
        width: 100%;
    }    
    .winkelwagen {
        padding: 30px 0px;
    }
    .winkelwagen .left {
        float: none;
        display: block;
        width: 100%;
        padding: 0px;
    }
    .winkelwagen .left ul li div.product {
        width: 50%;
    }
    .winkelwagen .left ul li div.img {
        display: none;
    }
    .winkelwagen .left ul li div span {
        font-size: 10px;
    }
    .winkelwagen .left ul li div strong, .winkelwagen .left ul li div em {
        font-size: 14px;
        line-height: 20px;
    }
    .winkelwagen .left ul li div.aantal {
        width: 17.5%;
    }
    .winkelwagen .left ul li div.subtotaal {
        width: 22.5%;
    }
    .winkelwagen .left ul li div.prijs {
        display: none;
    }
    .delete {
        width: 30px;
    }
    .bier .descr .addCart input[type="button"] {
        margin: 0px;
        width: 100%;
        height: 37px;
        padding: 0px 15px;
    }
    .bier .descr .addCart .less, .bier .descr .addCart .more, .winkelwagen .more, .winkelwagen .less {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .bier .descr .addCart .nr, .winkelwagen .nr {
        height: 35px;
        line-height: 35px;
        width: calc(100% - 58px);
    }
    .bier .descr .addCart .nr, .winkelwagen .nr {
        height: 35px;
        line-height: 35px;
        width: calc(100% - 58px);
    }
    .bier .descr .addCart .nr.onepp {
        width: calc(100% - 29px);
    }

    .winkelwagen .left ul li div strong span {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .winkelwagen .left ul li div strong span.nr {
        width: 30px;
    }
   .winkelwagen .right {
        float: none;
        width: 100%;
        display: block;
    }
    
    .checkout .col, .checkout .col.mid {
        overflow: hidden;
        float: none;
        width: calc(100% - 50px);
        padding: 20px 15px;
        background-color: #efece9;
        color: #343436;
        display: block;
        margin: 0px 10px 20px 10px;
    }
    .checkout .col label {
        width: 90%;
    }
    
    
    .teaser.checkins > strong {
        margin: 30px auto 10px auto !important;
    }
    .teaser.checkins ul li strong {
        font-size: 14px!important;
        line-height: 20px!important;
        font-weight: normal;
        margin: 0px;
    }
    .teaser.checkins ul li {
        display: none;
        margin: 0px;
        width: calc(100% - 40px);
    }
    .teaser.checkins ul li:first-child { 
        display: block;
    }
    .teaser .stars{
        width: 80px;
        height: 12px;
        background-image: url(../images/stars_grey_k.png)
    }
    .teaser .stars span {
        height: 12px;
        vertical-align: top;
        background-image: url(../images/stars_gold_k.png)
    }
    .brouwerijen {
        margin: 50px 00px 50px 20px;
    }
    .brouwerijen h1 {
        margin: 0px 20px 0px 0px;
        text-align: center;
    }
    .brouwerijen h2 {
        text-align: center;
        margin: 20px 20px 10px 0px;
    }
    .brouwerijen ul {
        text-align: center;
    }
    .brouwerijen ul li {
        float: none;
        display: inline-block;
        margin: 0px 20px 10px 0px;
        width: 150px;
        height: 75px;
    }
    .jarallax-img {
        top: -100px!important;
    }
    .merken .prev, .merken .next, 
    .bieren .prev, .bieren .next {
        display: none;
    }
    .bieren .bg {
        display: none;
    }
    .bieren .vp {
        max-width: none!important;
        width: calc(100% - 20px);
    }
    .merken .vp {
        width: calc(100% - 40px);
        overflow: hidden;
        margin: 0px 20px;
    }   
    .merken .vp ul {
        width: 100%;
        overflow: hidden;
        height: 360px;
    }
    .searchbox {
        margin:20px 10px 20px 10px;
    }
    .searchbox input[type="text"] {
        width: calc(75% - 62px);
    }
    .searchbox input[type="submit"] {
        width: calc(25%);
        font-size: 12px;
    }
    .topbar strong {
        margin: 0px;
    }
    .bieren .vp ul {
        width: auto;
        overflow: hidden;
        height: 1053px;
    }
    .bieren.morebeer .vp ul {
        height: 1373px;
    }

    
    .bieren .vp ul li {
        width: calc(33% - 20px);
        margin: 0px 0px 40px 0px;
    }
    .bieren .vp li strong {
        display: block;
        color: #343436;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        margin: 0px 0px 10px 0px;
        height: 59px;
        overflow: hidden;
    }
    .bieren .vp li .img {
        display: block;
        width: 100%;
        height: 250px;
        position: relative;
        z-index: 1;
        margin: 0px;
    }
    .bieren .vp li .img img {
        max-width: 100%;
        max-height: 220px;
        display: block;
        position: absolute;
        bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
    li .new, li .limited, li .ba {
        z-index: 100;
    }
    .bieren .vp li span.alc {
        font-size: 9px;
    }
    .merken .vp ul li {
        text-align: center;
    }
    .merken .vp ul li img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0px;
        right: 0;
        top: 0;
        border: 0;
        margin: auto;
    }    
    
    .merken .vp ul li {
        float: none;
        display: inline-block;
        padding: 0px 20px;
        width: calc(50% - 40px);
        height: 120px;
        position: relative;
    }    
	.mobileSearch {
		display: block;
		position: relative;
		margin: -10px 0px 20px 0px;
	}
	.mobileSearch input[type=text] {
		padding:10px 20px;
		border: 1px solid #ccc;
		border-radius: 10px;
		margin: 0px 20px 0px 40px;
		width: calc(100% - 100px);
	}
	.mobileSearch input[type=image] {
		background-color: #ccc;
		border: 0px;
		border-radius: 10px;
		position: absolute;
		top: 0px;
		right: 18px;
		padding: 8px 10px;
	}
}

@media only screen and (max-width: 700px) {
    body.noscroll {
        overflow: hidden;
    }
    .teaser { 
        height: 240px;
    }
    .teaser.checkins  {
        height: 300px;
    }
    
    .teaser.checkins  .jarallax-img {
        height: 370px;
    }

    .blocks {
        padding: 30px 0px;
    }
    .teaser strong {
        position: relative;
        text-align: center!important;
        z-index: 10;
        font-size: 36px !important;
        line-height: 40px !important;
    }    
    a.btn-green, input.btn-green {
        position: relative;
        z-index: 10;
    }
     .jarallax-img {

        top: -70px !important;
        position: absolute;
        z-index: 1;
        left: 0px;
        height: 310px;

    }
    .teaser.checkins ul li .l {
        width: 80px;
    }
    .teaser.checkins ul li .l > img {
        width: 80px;
        height: 80px;
    }
    .teaser.checkins ul li .r {
        width: calc(100% - 100px)
    }
    .teaser.checkins ul li .l, .teaser.checkins ul li .r {
        position: relative;
        z-index: 10;
    }
    .teaser.checkins ul {
        margin: 10px auto 0px auto;
        max-width: 90%;
    }
    .teaser.checkins ul li .r {
        width: calc(100% - 100px);
        padding: 0px 0px 0px 20px;
    }
    .popup {
        top:0px;
        left: 0px;
        width: 100%;
        max-height: 100%;
        margin: 0px;
    }
    .popup .popupintro {
        display: none;
    }
    .popup .popupcontent {
        width: calc(100% - 60px);
        position: fixed;
        overflow:auto;
        height: calc(100% - 65px);
    }
    
    .popup .popupcontent h1 {
        font-size: 24px;
        line-height: 30px;
    }
    
    .popup .popupheader img.logo, .popup .popupheader img.nix18 {
        width: 47%;
    }
    .popup .popupcontent .btn-green {
        margin: 0px 20px 30px 0px;
    }

	.bier .img img {
		max-height: 300px;
	}   
    .products li .img, .products li img {
        height: 200px;
    }
    li .new, li .limited, li .ba {
        padding: 0px 1px;
        width: 60px;
        font-size: 8px;
    }
    .newitem .limited {
        top: 45px;
    }
    .newitem .ba {
        top: 45px;
    }
    .limited .ba {
        top: 45px;
    }
    .newitem.limited .ba {
        top: 80px;
    }
    .moreitems {
        margin: 0px 0px 20px 0px;
    }
    .moreitems .more {
        background-position: right center;
        width: calc(100% - 70px);
        background-repeat: no-repeat;
    }
    .bierista {
        margin: 0px auto 50px auto;
    }
    
    .bierista .left {
        width: 100%;
        float: none;
        margin: -30px 0px 0px 0px;
    }
    .bierista .left img {
        width: 100%;
    }
    .bierista .right {
        width: calc(100% - 40px);
        float: none;
        margin: 0px 20px;
        overflow: hidden;
        padding: 0px 0px 20px 0px;
    }
    .bierista .right img {
        float: none!important;
        display: block;
        margin: 20px auto;
    }

    .bier .descr .addCart strong {
        font-size: 24px;
        display: block;
    }
    .numitm {
        height: 35px;
        width: calc(100% - 4px);
    }
}
@media only screen and (max-width: 379px) {

    .teaser strong {
        font-size: 32px !important;
    }    

    .bieren .vp ul {
        height: 970px;
    }
    .bieren.morebeer .vp ul {
        height: 1290px;
    }
    
    
    .bieren .vp ul li {
        width: calc(50% - 20px);
    }
    .bieren .vp li strong {
        height: 40px;
        overflow: hidden;
    }
    .products li {
        width: calc(50% - 20px);
        padding: 0px 0px 15px 0px;
        float: none;
        margin: 0px 5px 10px 5px;
        display: inline-block;
    }
	a.btn-green.y {
		margin: 10px 10px 0px 10px;
        float: left;
        font-size: 18px;
        padding: 5px 15px;
	}    
	a.btn-green.g {
		float: right;
		margin: 10px 10px 0px 10px;
        font-size: 18px;
        padding: 5px 15px;
	}    

}