.banner a#cta_bezoek,.btn{background-color:#362145;font-weight:700;text-transform:uppercase;text-decoration:none}.banner a#cta_bezoek,.btn,.content h2{text-transform:uppercase}.content h2,footer p{line-height:1rem}.banner,.banner a#cta_bezoek,.banner-row,.circle-wrap,.circle-wrap div.text,div.banner-micro div.inner,header,header div.logo{position:relative}html.overscroll-lock,html.overscroll-lock body{overflow:hidden!important}body{margin:0;padding:0;color:#222;font-size:small;font-family:'Roboto Slab',serif;font-weight:300;line-height:1.6em;background:url('../img/bg-pattern.png') top left #ffe8a7}.purple,a{color:#362145}.btn,.yellow{color:#ffe8a7}img{max-width:100%}.text-right{text-align:right}.btn{padding:.5rem 1rem;border-radius:5px}.red{color:red}header{height:130px;background:url('../img/bg-header.jpg') center center no-repeat #000;border-bottom:5px solid #ffe8a7}header .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3)}header div.logo{width:300px;height:78px;margin:2rem auto 1rem;background:url('../img/logo-yellow.svg') center center/contain no-repeat;z-index:2}.banner{height:563px;background:url('../img/banner-02.jpg') center center/cover no-repeat #000;border-bottom:10px solid #362145;color:#ffe8a7}.banner a#cta_bezoek{display:block;width:200px;height:200px;color:#ffe8a7;border:3px solid #ffe8a7;border-radius:50%;margin:2rem 0 0 2rem;padding:2rem 1rem;font-size:1.3rem;text-align:center;line-height:1.2em;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.banner a#cta_bezoek::before{content:'';position:absolute;z-index:0;top:-7px;left:-7px;right:-7px;bottom:-7px;border:4px solid #362145;border-radius:50%}.banner a#cta_bezoek:hover{background-color:#21142a}.nl .banner a#cta_bezoek{padding-top:2.1rem}.en .banner a#cta_bezoek,.fr .banner a#cta_bezoek{font-size:1.1rem;padding-top:3.5rem;line-height:1.4em}.banner .copy{position:absolute;top:310px;left:50px;font-family:'Berkshire Swash',cursive;letter-spacing:1px}.banner h1{font-size:2.2rem;font-weight:400}.fr .banner h1{font-size:2rem}.banner p{font-size:1rem}.banner-copy-mobile{display:none}.banner #scroll-down{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);display:inline-block;background:#362145;width:50px;height:50px;color:#000;text-align:center;cursor:pointer;border-radius:50%}.content .row.pad{padding:2rem}.content img{display:block;margin:0 auto}.content h2{text-align:center;background-color:#ccc;color:#ffe8a7;padding:.2rem 0;margin-bottom:1rem;font-size:.9rem;font-weight:700;letter-spacing:1px}.content h2 span{display:block;border-top:2px solid #ffe8a7;padding:.6rem 0 .4rem}.content .blonde h2{background-color:#f0b310}.content .dark h2{background-color:#cf7019}.content .amber h2{background-color:#5e88a2}.content .white h2{background-color:#acb154}.content p{font-size:1.1em}section.microbrouwerij h2{text-align:center}div.banner-micro{background-color:#fff;padding:1rem 0;overflow:hidden}div.banner-micro div.inner{background:url('../img/bg-micro.png') center center no-repeat #f7e9ba}div.banner-micro div.inner .overlay{background-color:rgba(255,255,255,.4)}div.banner-micro img.graphic{margin-top:3rem}div.banner-micro .circle-wrap.second{top:100px}div.banner-micro .circle-wrap.second strong{display:block;margin-top:4rem;font-size:1rem;text-transform:uppercase}section.microbrouwerij div.photos div.inner{background-color:#f9d89d;padding:1.875rem .9375rem 0;border:1rem solid #fff;border-top:none;line-height:1em}.circle-wrap{width:320px;height:320px}.circle-wrap div.text{width:100%;height:100%;background:radial-gradient(ellipse at center,#fff 0,#fff 70%,rgba(255,255,255,0) 70.3%);margin:0}.circle-wrap div.text::before{content:'';float:left;height:100%;width:50%;shape-outside:polygon(0 0,98% 0,50% 6%,23.4% 17.3%,6% 32.6%,0 50%,6% 65.6%,23.4% 82.7%,50% 94%,98% 100%,0 100%);shape-margin:7%}.circle-wrap div.text p{height:100%;text-align:center}.circle-wrap div.text p::before{content:'';float:right;height:100%;width:50%;shape-outside:polygon(2% 0%,100% 0%,100% 100%,2% 100%,50% 94%,76.6% 82.7%,94% 65.6%,100% 50%,94% 32.6%,76.6% 17.3%,50% 6%);shape-margin:7%}footer{margin-top:4rem}footer .row{border-top:1px solid #222}.overlay-legal{position:fixed;display:none;background:rgba(255,232,167,.95);top:0;left:0;width:100%;height:100%;z-index:100;opacity:0}.overlay-legal .question{position:absolute;top:30%;left:50%;width:600px;height:410px;margin:-205px 0 0 -300px;opacity:0}.overlay-legal .question div.logo{width:100%;height:210px;margin:0 auto;background:url('../img/logo.svg') center center/50% no-repeat}.overlay-legal .question div.box{color:#ffe8a7;background:#362145;border-radius:4px;padding-top:0;text-align:center}.overlay-legal .question div.box a{color:#ffe8a7;text-decoration:none;font-weight:700}.overlay-legal .question div.box ul.lang{margin:0 10px 0 0;padding:0;list-style:none;text-align:right}.overlay-legal .question div.box ul.lang li{display:inline-block;margin-right:5px;padding:4px}.overlay-legal .question div.box ul.lang li.active{border-top:4px solid #ffe8a7}.overlay-legal .question div.box ul.lang li a{color:#ffe8a7;border-top:4px solid transparent;text-decoration:none;font-weight:700;font-size:1rem}.overlay-legal .question div.box div.txt{padding:1rem 3rem;font-size:3rem;font-weight:700;line-height:1.2em;letter-spacing:1px}.overlay-legal .question div.box div.txt p{margin:1rem 0}.overlay-legal .question div.box div.bottom{padding:1rem 0;margin-top:1rem;border-top:3px solid #ffe8a7;font-size:1rem}.overlay-legal .question div.box div.bottom span.right-arrow{display:inline-block;width:20px;height:20px;padding:2px;border:2px solid #ffe8a7;background:url('../img/right-arrow.svg') center center/80% no-repeat;margin-left:5px;position:relative;top:4px}@media (max-width:40em){.banner,.banner-row{height:300px}header div.logo{width:200px;height:52px;margin:3rem auto 1rem}.banner{background-size:cover;background-position-x:right;border-bottom:none}.banner a#cta_bezoek{width:150px;height:150px;margin:1rem 0 0 1rem;padding:10px;font-size:.95rem}.nl .banner a#cta_bezoek{padding-top:1.5rem}.en .banner a#cta_bezoek,.fr .banner a#cta_bezoek{padding-top:2.9rem;font-size:.8rem;line-height:1.2em}.banner .copy{display:none}.banner-copy-mobile{display:block;color:#ffe8a7;background:#000;padding:1rem;font-family:'Berkshire Swash',cursive;text-align:center;border-bottom:10px solid #362145}.banner-copy-mobile p{font-size:1rem;font-weight:700}.banner-copy-mobile h1{font-size:1.6rem}footer .row{padding:1rem 2rem}footer p{margin:0}footer .text-right{text-align:left}.overlay-legal .question{position:static;width:90%;height:auto;margin:0 auto}.overlay-legal .question div.logo{background-size:70%}.overlay-legal .question div.box div.txt{padding:1rem;font-size:2rem}}