@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=794b8d01-1967-4f56-b0bc-efe0efcb8b3b");
/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
html,body{border:0;font-family:"Helvetica-Neue","Helvetica",Arial,sans-serif;line-height:1.5;margin:0;padding:0;}div,span,object,iframe,img,table,caption,thead,tbody,tfoot,tr,tr,td,article,aside,canvas,details,figure,hgroup,menu,nav,footer,header,section,summary,mark,audio,video{border:0;margin:0;padding:0;}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cit,code,del,dfn,em,ins,q,samp,small,strong,sub,sup,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,legend,label{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0;}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block;}table{border-collapse:separate;border-spacing:0;}table caption,table th,table td{text-align:left;vertical-align:middle;}a img{border:0;}:focus{outline:0;}
body{background:white;margin:0;padding:0;font-size:16px;line-height:28px;height:100%;min-width:320px;-webkit-font-smoothing:antialiased;}body.page-iframe{min-width:0;}h1{font-size:45px;line-height:1.2;font-weight:bold;}h2{font-size:30px;line-height:1.2;color:black;}h3{color:black;}a{text-decoration:underline;}table{margin-bottom:1em;}table tr td,table tr th{padding:5px 15px;}table tr td p,table tr th p{margin:0;}table tr th{background-color:black;color:white;}table tr th a{color:white;}table tr:nth-child(odd){background:#ccc;}sub{font-size:.8em;font-style:italic;}ol li{list-style:decimal;list-style-position:inside;}ul li{list-style:disc;list-style-position:inside;}.messages{margin-bottom:2em;box-shadow:none;color:white;background:#048e04;padding:2em;}.messages a{color:white;}.messages.messages--error{background:#d60808;}.messages.messages--warning{background:#f68d11;}.block-local-tasks-block{z-index:100;position:fixed;right:0;bottom:0;opacity:.5;transition:all 250ms ease-in;}.block-local-tasks-block:hover{opacity:1;}.block-local-tasks-block ul{background:black;margin-bottom:0;box-shadow:0px -4px 19px -6px rgba(0,0,0,0.25);}.block-local-tasks-block ul li{display:inline-block;}.block-local-tasks-block ul li a{display:block;text-decoration:none;color:white;background:none;padding:15px 20px;}
img{width:auto}#header{position:fixed;left:0;width:100%;z-index:10;background-color:rgba(0,0,0,0.5)}#header .center{display:flex;padding:20px 0}#header #left,#header #right{position:absolute;top:50%;transform:translateY(-50%)}#header #center{margin:0 auto}#header #right{right:0}#header a#logo{display:block;height:50px;width:207px;background:url(/themes/custom/stoffeerderijbrouwer/logo.svg) no-repeat center}@media (max-width:767px){#header a#logo{background-size:150px}}#header .call{display:block;margin-bottom:5px;padding-left:26px;background:url(/themes/custom/stoffeerderijbrouwer/base/images/phone-icon-desktop.svg) left no-repeat;color:white;text-align:center}#header .call:hover{text-decoration:underline}#header .button-secondary{width:auto;padding:3px 40px}#header .button-secondary:hover{border-color:white;color:white}@media (max-width:767px){#header .button-secondary{display:none}#header .call{width:25px;height:25px;margin-bottom:0;padding-left:0;background:url(/themes/custom/stoffeerderijbrouwer/base/images/phone-icon-mobile.svg) center no-repeat;background-size:20px;text-indent:-999999px}}#header-image{margin-bottom:90px}@media (max-width:767px){#header-image{margin-bottom:45px}}#header-image .header-image{overflow:hidden;position:relative;width:100%}#header-image .header-image::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);z-index:0}#header-image .header-image .field--type-image img{width:100%;height:auto;z-index:-2}@media (max-width:520px){#header-image .header-image .field--type-image img{width:auto}}#header-image .header-image #node-title{position:absolute;height:100%;width:100%}#header-image .header-image #node-title .center{height:100%}#header-image .header-image #node-title .wrapper{position:absolute;top:50%;transform:translateY(-50%)}#header-image .header-image #node-title .button-back{padding:5px 40px}#header-image .header-image #node-title .button-back:hover{border-color:white;color:white}#header-image .header-image #node-title h1{margin-bottom:25px}#menu-content h2{color:white;margin-bottom:45px;width:auto}@media (max-width:767px){#menu-content h2{text-align:center;margin-right:auto;margin-left:auto}#menu-content h2:after{left:50%;margin-left:-25px}}@media (max-width:767px){#menu-content #block-socialmedia h2{display:none}}#menu-content .field--name-field-social-media-items{display:flex}#menu-content .field--name-field-social-media-items .field__item{text-indent:-9999px;overflow:hidden}#menu-content .field--name-field-social-media-items .field__item:not(:first-child){border-left:1px solid white}@media (max-width:767px){#menu-content .field--name-field-social-media-items{justify-content:center}}#main{margin-bottom:90px}@media (max-width:767px){#main{margin-bottom:15px}}#main #block-stoffeerderijbrouwer-content>article.node .node__content>div:not(:last-child):not(#about){margin-bottom:75px}@media (max-width:767px){#main #block-stoffeerderijbrouwer-content>article.node .node__content>div:not(:last-child):not(#about){margin-bottom:45px}}#scrollToTop{display:block;position:fixed;bottom:-75px;right:75px;opacity:0;width:45px;height:45px;background:black url(/themes/custom/stoffeerderijbrouwer/base/images/scrollToTop.svg) center no-repeat;background-size:17px;border-radius:100%;transition:all .2s}body.scrolled #scrollToTop{opacity:1;bottom:75px}@media (max-width:1339px){#scrollToTop{right:25px}}@media (max-width:1023px){#scrollToTop{display:none}}#footer{width:100%;padding:10px 0;text-align:center;background-color:black}@media (max-width:1023px){#footer{padding:45px 0}}@media (max-width:767px){#footer{padding:25px 0}#footer .field{width:200px}}#footer .field{margin:0 auto}#footer p{color:white;margin:0}.path-user #main,.path-webform #main{margin-left:auto;margin-right:auto;width:1200px;box-sizing:border-box;position:relative}@media (max-width:1339px){.path-user #main,.path-webform #main{width:980px}}@media (max-width:1023px){.path-user #main,.path-webform #main{width:720px}}@media (max-width:767px){.path-user #main,.path-webform #main{width:auto;margin-left:15px;margin-right:15px}.path-user #main .center,.path-webform #main .center{margin-left:0;margin-right:0}}@media (max-width:767px){body.user-logged-in #toolbar-bar{position:fixed}}body.user-logged-in.toolbar-tray-open body.user-logged-in #header-image#image-wrapper-front{height:calc(100vh - 80px)}body.user-logged-in body.user-logged-in #header-image#image-wrapper-front{height:calc(100vh - 39px)}#browser-warning{padding:10px;background:#FBFF99;border-bottom:1px solid black}#browser-warning h4{color:black;margin-bottom:0}#browser-warning p{color:black;max-width:none}
html::before{content:"mobile,tablet,desktop,wide";display:none;}body{position:relative;width:100%;overflow-x:hidden;font-family:'Avenir Next';font-size:14px;line-height:22px;color:black;}@media (max-width:767px){body{font-size:12px;}}body::before{display:none;}@media (min-width:1339px){body::before{content:"wide";}}@media (max-width:1339px){body::before{content:"desktop";}}@media (max-width:1023px){body::before{content:"tablet";}}@media (max-width:767px){body::before{content:"mobile";}}h1{font-size:3.2em;line-height:1;color:white;font-family:'pt_serifbold';margin-bottom:75px;text-transform:uppercase;word-break:break-all;}h2{position:relative;width:300px;margin-bottom:45px;color:black;line-height:1.2;text-transform:uppercase;font-size:2.4em;font-family:'pt_serifregular';font-weight:100;}h2::after{content:'';position:absolute;display:inline;width:50px;height:2px;right:0;bottom:-22.5px;left:0;background-color:#8C4200;}h3,h4{font-family:'bebas_neuebold';}h3{font-size:1.6em;}h4{font-size:1.4em;}h5{font-size:1.2em;font-weight:800;}h6{font-size:1em;}h3,h4,h5,h6{margin-bottom:10px;line-height:1;color:black;}p{font-size:1em;color:black;}a{cursor:pointer;text-decoration:none;}img{display:block;}.button,.button-secondary,.button-back{display:inline-block;padding:10px 40px;user-select:none;line-height:normal;text-transform:uppercase;font-size:1em;font-family:'pt_serifregular';background:none;letter-spacing:2px;transition:250ms all;}.button{border:1px solid black;color:black;}.button:hover{background-color:black;color:white;}.button-secondary,.button-back{border:1px solid white;color:white;}.button-secondary:hover,.button-back:hover{border-color:black;color:black;}.center{margin-left:auto;margin-right:auto;width:1200px;box-sizing:border-box;position:relative;}@media (max-width:1339px){.center{width:980px;}}@media (max-width:1023px){.center{width:720px;}}@media (max-width:767px){.center{width:auto;margin-left:15px;margin-right:15px;}.center .center{margin-left:0;margin-right:0;}}.remove-tap-highlight{-webkit-tap-highlight-color:rgba(0,0,0,0);}.img-bg{position:absolute;top:50%;left:50%;width:auto;height:auto;max-height:none;max-width:none;min-height:102%;min-width:102%;transform:translate(-50%,-50%);z-index:-2;}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;}.message,.messages--status{padding:20px;margin-bottom:45px;color:#325E1C;background:rgba(4,142,4,0.1);box-shadow:-8px 0 0 #77B259;}.message a,.messages--status a{color:#048e04;}
.paragraph{margin-bottom:75px;}@media (max-width:1023px){.paragraph{margin-bottom:45px;}}.paragraph--type--image .field--name-field-paragraph-image{position:relative;width:100%;height:auto;overflow:hidden;}.paragraph--type--text-and-image{display:flex;min-height:600px;background-color:#f3ece5;}.paragraph--type--text-and-image.paragraph-layout-text_first{flex-direction:row-reverse;}@media (max-width:1339px){.paragraph--type--text-and-image{min-height:490px;}}@media (max-width:1023px){.paragraph--type--text-and-image{min-height:auto;text-align:center;flex-direction:column;}.paragraph--type--text-and-image.paragraph-layout-text_first{flex-direction:column-reverse;}}.paragraph--type--text-and-image .paragraph-items{width:50%;box-sizing:border-box;}@media (max-width:1023px){.paragraph--type--text-and-image .paragraph-items{width:100%;}}.paragraph--type--text-and-image .paragraph-items.paragraph-content{display:flex;padding:100px;}@media (max-width:1339px){.paragraph--type--text-and-image .paragraph-items.paragraph-content{padding:45px 75px;}}@media (max-width:1023px){.paragraph--type--text-and-image .paragraph-items.paragraph-content{padding:90px 45px;text-align:center;}}@media (max-width:767px){.paragraph--type--text-and-image .paragraph-items.paragraph-content{padding:45px;}}.paragraph--type--text-and-image .paragraph-items.paragraph-content .wrapper{width:100%;margin:auto 0;}.paragraph--type--text-and-image .paragraph-items.paragraph-content .field--type-text-long{max-height:750px;overflow:auto;}.paragraph--type--text-and-image .paragraph-items h2{text-align:left;}@media (max-width:1023px){.paragraph--type--text-and-image .paragraph-items h2{text-align:center;margin-right:auto;margin-left:auto;}.paragraph--type--text-and-image .paragraph-items h2:after{left:50%;margin-left:-25px;}}@media (max-width:767px){.paragraph--type--text-and-image .paragraph-items h2{width:auto;}}.paragraph--type--text-and-image .paragraph-items ul{text-align:left;}.paragraph--type--text-and-image .paragraph-items ul:not(:first-child):not(:last-child){margin:15px 0;}.paragraph--type--text-and-image .paragraph-items ul:first-child{margin-bottom:15px;}.paragraph--type--text-and-image .paragraph-items ul:last-child{margin-top:15px;}.paragraph--type--text-and-image .paragraph-items ul li{padding-left:1em;margin-left:22px;list-style-position:outside;list-style-image:url(/themes/custom/stoffeerderijbrouwer/base/images/list-style-image.svg);}.paragraph--type--text-and-image .paragraph-items.paragraph-image{position:relative;overflow:hidden;z-index:1;}.paragraph--type--text-and-image .paragraph-items.paragraph-image img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-height:none;max-width:none;min-height:102%;min-width:102%;transform:translate(-50%,-50%);z-index:-2;}@media (max-width:1023px){.paragraph--type--text-and-image .paragraph-items.paragraph-image img{position:static;min-width:100%;transform:none;}}@media (max-width:767px){.paragraph--type--text-and-image .paragraph-items.paragraph-image img{position:relative;left:50%;transform:translateX(-50%);}}.paragraph--type--text h2{margin-right:auto;margin-left:auto;width:auto;text-align:center;}.paragraph--type--text h2:after{left:50%;margin-left:-25px;}.paragraph--type--text .field--name-field-paragraph-text{display:flex;flex-wrap:wrap;justify-content:space-between;}.paragraph--type--text .field__item{width:49%;}.paragraph--type--text .field__item:only-child{width:100%;}@media (max-width:1023px){.paragraph--type--text .field__item{width:100%;}.paragraph--type--text .field__item:first-child{margin-bottom:45px;}}.paragraph--type--image img{width:100%;height:auto;}a.paragraph--type--social-media{display:block;margin:0;height:22px;width:50px;background-size:auto 18px;background-repeat:no-repeat;background-position:center center;}a.paragraph--type--social-media.paragraph-social-media-facebook{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/social/facebook.svg);}a.paragraph--type--social-media.paragraph-social-media-youtube{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/social/youtube.svg);}a.paragraph--type--social-media.paragraph-social-media-pinterest{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/social/pinterest.svg);}a.paragraph--type--social-media.paragraph-social-media-instagram{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/social/instagram.svg);}a.paragraph--type--social-media.paragraph-social-media-linkedin{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/social/linkedin.svg);}a.paragraph--type--social-media.paragraph-social-media-twitter{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/social/twitter.svg);}
.form-item{position:relative;margin-bottom:45px;}.form-item label{position:absolute;top:50%;transform:translateY(-50%);font-size:1em;display:block;transition:all 0.1s ease-in-out;}.form-item label:hover{cursor:text;}.form-item.js-form-type-textarea label{top:0;transform:translateY(0);}.form-item.js-form-type-textarea.focus label{top:-30px;}.form-item.focus label{top:-10px;font-size:.8em;}.form-item.focus label:hover{cursor:auto;user-select:none;}input:not([type=submit]):not([type=file]),textarea{width:100%;height:40px;padding:0;box-sizing:border-box;background:white;border-radius:0;border:none;border-bottom:1px solid lightgrey;-webkit-appearance:none;resize:vertical;font-size:1em;}input:not([type=submit]):not([type=file])::placeholder,textarea::placeholder{color:black;}@media (max-width:767px){input:not([type=submit]):not([type=file]),textarea{height:35px;}input:not([type=submit]):not([type=file])[type='text'],textarea[type='text'],input:not([type=submit]):not([type=file])[type='password'],textarea[type='password'],input:not([type=submit]):not([type=file])[type='email'],textarea[type='email']{width:100%;}}input[type='submit']{border-radius:0;padding:15px 20px;margin-top:20px;}@media (max-width:767px){input[type='submit']{width:100%;}}textarea{min-height:45px;}.js-form-item-file-upload{width:100%;}.js-form-item-file-upload .webform-image-file > div{display:flex;position:relative;flex-wrap:wrap;justify-content:space-between;}.js-form-item-file-upload .webform-image-file > div:hover .button{background-color:black;color:white;}.js-form-item-file-upload .webform-image-file > div span.file,.js-form-item-file-upload .webform-image-file > div #custom-discription{flex:1 2;border-bottom:1px solid lightgrey;line-height:49px;}@media (max-width:767px){.js-form-item-file-upload .webform-image-file > div span.file,.js-form-item-file-upload .webform-image-file > div #custom-discription{border-bottom:none;}}.js-form-item-file-upload .button{margin-left:25px;padding:15px 20px;}@media (max-width:767px){.js-form-item-file-upload .button{width:100%;margin-left:0;}}.js-form-item-file-upload .styled-file-upload{display:inline-block;}@media (max-width:767px){.js-form-item-file-upload .styled-file-upload{width:100%;}}.js-form-item-file-upload .styled-file-upload input[type=file]{position:absolute;width:100%;top:0;bottom:0;left:0;opacity:0;cursor:pointer;}.js-form-item-file-upload .ajax-progress .throbber{position:absolute;top:50%;left:50%;width:25px;height:25px;transform:translate(-50%,-50%);background:url(/themes/custom/stoffeerderijbrouwer/base/images/hourglass.png) no-repeat center;background-size:25px;animation:rotate 1s linear infinite;}.js-form-item-file-upload a{color:black;}.js-form-item-file-upload a:hover{text-decoration:underline;}.js-form-item-file-upload label,.js-form-item-file-upload .description,.js-form-item-file-upload .js-form-type-textfield,.js-form-item-file-upload .file-size{display:none;}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@font-face{font-family:'bebas_neuebold';src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/bebasneuebold-webfont.woff2) format('woff2'),url(/themes/custom/stoffeerderijbrouwer/base/fonts/bebasneuebold-webfont.woff) format('woff');font-weight:normal;font-style:normal;}@font-face{font-family:'open_sansbold';src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/opensans-bold-webfont.woff2) format('woff2'),url(/themes/custom/stoffeerderijbrouwer/base/fonts/opensans-bold-webfont.woff) format('woff');font-weight:normal;font-style:normal;}@font-face{font-family:'open_sansregular';src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/opensans-webfont.woff2) format('woff2'),url(/themes/custom/stoffeerderijbrouwer/base/fonts/opensans-webfont.woff) format('woff');font-weight:normal;font-style:normal;}@font-face{font-family:'pt_serifbold';src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/ptserif-bold-webfont.woff2) format('woff2'),url(/themes/custom/stoffeerderijbrouwer/base/fonts/ptserif-bold-webfont.woff) format('woff');font-weight:normal;font-style:normal;}@font-face{font-family:'pt_serifregular';src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/ptserif-regular-webfont.woff2) format('woff2'),url(/themes/custom/stoffeerderijbrouwer/base/fonts/ptserif-regular-webfont.woff) format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:"Avenir Next";src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot#iefix) format("eot")}@font-face{font-family:"Avenir Next";src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot#iefix);src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot#iefix) format("eot"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2) format("woff2"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff) format("woff"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf) format("truetype"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f) format("svg");font-weight:500;font-style:normal;}@font-face{font-family:"Avenir Next";src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot#iefix) format("eot")}@font-face{font-family:"Avenir Next";src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot#iefix);src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot#iefix) format("eot"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2) format("woff2"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff) format("woff"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf) format("truetype"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585.svg#1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585) format("svg");font-weight:500;font-style:italic;}@font-face{font-family:"Avenir Next";src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot#iefix) format("eot")}@font-face{font-family:"Avenir Next";src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot#iefix);src:url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot#iefix) format("eot"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2) format("woff2"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff) format("woff"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf) format("truetype"),url(/themes/custom/stoffeerderijbrouwer/base/fonts/avenir/Fonts/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857) format("svg");font-weight:800;font-style:normal;}
#header-image #image-wrapper-front{height:100vh;}.user-logged-in.toolbar-tray-open #header-image #image-wrapper-front{height:calc(100vh - 80px);}.user-logged-in #header-image #image-wrapper-front{height:calc(100vh - 39px);}#header-image #image-wrapper-front .field--name-field-fp-header-image img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-height:none;max-width:none;min-height:102%;min-width:102%;transform:translate(-50%,-50%);z-index:-2;}#header-image #image-wrapper-front #slogan{position:relative;top:50%;height:auto;width:35%;margin:0 auto;z-index:1;transform:translateY(-50%);user-select:none;}@media (max-width:1339px){#header-image #image-wrapper-front #slogan{width:60%;}}@media (max-width:1023px){#header-image #image-wrapper-front #slogan{width:90%;}}#header-image #image-wrapper-front .wrapper{position:absolute;left:50%;display:block;transform:translateX(-50%);animation:breathe 3s ease-in-out infinite normal;}@media (hover:none){#header-image #image-wrapper-front .wrapper{display:none;}}#header-image #image-wrapper-front .wrapper:hover{animation-play-state:paused;}#header-image #image-wrapper-front .wrapper:hover #mouse{margin-bottom:15px;}#header-image #image-wrapper-front .wrapper #mouse{margin-bottom:5px;transition:margin-bottom 0.2s ease-in-out;}#header-image #image-wrapper-front .wrapper #arrow{margin:0 auto;}@keyframes breathe{0%{bottom:25px;}50%{bottom:45px;}100%{bottom:25px;}}.field--type-text-long{margin-bottom:45px;}#container h2{text-align:left;}@media (max-width:1023px){#container h2{text-align:center;margin-right:auto;margin-left:auto;}#container h2:after{left:50%;margin-left:-25px;}}@media (max-width:767px){#container h2{width:auto;}}@media (max-width:1023px){.overlay{height:100%;overflow:hidden;}}@media (max-width:1023px){.opacity{background:rgba(0,0,0,0.5);}}#block-banner{position:fixed;width:340px;min-height:220px;top:55%;right:0;background:white;padding:50px 30px;display:flex;flex-direction:column;align-items:center;z-index:1;box-shadow:0 0 20px #ccc;}@media (max-width:1339px){#block-banner{width:210px;}}@media (max-width:1023px){#block-banner{width:auto;top:30%;right:10%;left:10%;}}@media (max-width:767px){#block-banner{left:5%;right:5%;}}#block-banner:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:15px;z-index:-1;border-style:solid;border-width:10px;border-image:url(/themes/custom/stoffeerderijbrouwer/base/images/border.png) 32 32 round;}#block-banner h2{text-align:center;}#block-banner h2:after{left:50%;margin-left:-25px;}#block-banner .field--type-link a{display:inline-block;padding:10px 40px;user-select:none;line-height:normal;text-transform:uppercase;font-size:1em;font-family:'pt_serifregular';background:none;letter-spacing:2px;transition:250ms all;border:1px solid black;color:black;text-align:center;}#block-banner .field--type-link a:hover{background-color:black;color:white;}#block-banner .close-banner{font-style:'Avenir Next';color:#dbdbdb;text-transform:uppercase;padding-top:20px;transition:250ms all;}#block-banner .close-banner:hover{color:#adabab;}div#about.center{margin-bottom:75px;}@media (max-width:767px){div#about.center{margin:0;}}#about #quote{position:relative;width:500px;margin:0 auto 75px;text-align:center;}@media (max-width:1023px){#about #quote{text-align:center;}}@media (max-width:767px){#about #quote{width:auto;margin:0 20px 45px 20px;}}#about #quote span{position:relative;width:32px;height:32px;display:inline-block;background:url(/themes/custom/stoffeerderijbrouwer/base/images/qoute.svg) no-repeat center;}#about #quote span:before,#about #quote span:after{content:'';position:absolute;width:100px;top:50%;transform:translateY(-50%);border-top:2px solid #8C4200;}#about #quote span::before{left:60px;}#about #quote span::after{right:60px;}#about #quote h3{margin-bottom:0;font-size:2.3em;}@media (max-width:1023px),(max-width:767px){#about .paragraph-image{display:none;}}#reference{position:relative;overflow:hidden;}#reference > .wrapper{padding:90px 0;height:100%;z-index:1;}#reference .items{display:flex;position:relative;width:50%;min-height:700px;padding:100px;box-sizing:border-box;background-color:white;text-align:center;z-index:0;}@media (max-width:1339px){#reference .items{min-height:625px;padding:75px;}}@media (max-width:1023px){#reference .items{margin:0 auto;width:75%;}}@media (max-width:767px){#reference .items{width:100%;padding:25px;}}#reference .items::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:25px;z-index:-1;border-style:solid;border-width:10px;border-image:url(/themes/custom/stoffeerderijbrouwer/base/images/border.png) 32 32 round;}@media (max-width:767px){#reference .items::before{margin:15px;}}#reference .items h2{margin:0 auto 75px;text-align:center;}#reference .items h2:after{left:50%;margin-left:-25px;}#reference .items .wrapper{margin:auto;}#reference img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-height:none;max-width:none;min-height:102%;min-width:102%;transform:translate(-50%,-50%);z-index:-2;}#usps{display:flex;flex-wrap:wrap;overflow:hidden;}#usps #usp-container{margin:auto;width:40%;box-sizing:border-box;}@media (max-width:1023px){#usps #usp-container{width:50%;margin-bottom:25px;padding-right:0;text-align:center;}}@media (max-width:767px){#usps #usp-container{width:100%;}}#usps #usp-container h2{margin-bottom:75px;}#usps .button-wrapper{margin-bottom:25px;height:35px;user-select:none;}#usps .button-wrapper [class^=view-button]{display:inline-block;height:35px;width:35px;border-radius:100%;background-repeat:no-repeat;background-size:35px;background-position:center;cursor:pointer;}#usps .button-wrapper .view-button-prev{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/button-arrow-prev.svg);margin-right:5px;}#usps .button-wrapper .view-button-prev:hover{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/hover-button-arrow-prev.svg);}#usps .button-wrapper .view-button-next{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/button-arrow-next.svg);margin-left:5px;}#usps .button-wrapper .view-button-next:hover{background-image:url(/themes/custom/stoffeerderijbrouwer/base/images/hover-button-arrow-next.svg);}#usps .swiper-pagination{position:absolute;bottom:0;}@media (max-width:1023px){#usps .swiper-pagination{position:static;}}#usps .swiper-pagination .swiper-pagination-bullet{display:inline-block;border-radius:100%;border:1px solid #DBDBDB;margin-right:2px;height:13px;width:13px;cursor:pointer;}#usps .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#DBDBDB;}#usps .swiper-pagination .swiper-pagination-bullet.swiper-pagination-next{background-color:#DBDBDB;}@media (max-width:767px){#usps .swiper-pagination .swiper-pagination-bullet.swiper-pagination-next{background:none;}}#usps .views-element-container{width:60%;}@media (max-width:1023px){#usps .views-element-container{width:100%;}}#usps .view-sub-container{overflow:hidden;z-index:1;}#usps .rows{display:flex;z-index:1;}#usps .views-row{flex-shrink:0;}#usps .views-row article{position:relative;}#usps .views-row article::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(0,black 0%,transparent 100%);opacity:0.3;}#usps .views-row article a.button-secondary:hover{background:white;border-color:white;color:black;}#usps .views-row img{width:100%;display:block;}#usps .node__content{position:absolute;bottom:0;width:100%;box-sizing:border-box;text-align:center;}@media (min-width:1339px){#usps .node__content{padding:25px 45px;}}@media (max-width:1339px){#usps .node__content{padding:25px;}}@media (max-width:1023px){#usps .node__content{padding:15px 45px;}}#usps .node__content h4{margin-bottom:10px;text-align:center;font-size:1.8em;color:white;}