.recept-detail .content{width:100%}.recept-detail .content .bg-image{height:100vh;position:fixed;top:0;left:0;width:50%;bottom:0}.recept-detail .content .bg-image.no-overlay:before{content:none}.recept-detail .content .bg-image:hover:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.recept-detail .content .bg-image:hover .center{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.recept-detail .content .bg-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;transition:all .5s}.recept-detail .content .bg-image .center{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);z-index:2;-webkit-transition-duration:.3s;transition-duration:.3s}.recept-detail .content .bg-image .center .social-share{text-align:center;margin:0 0 30px}.recept-detail .content .bg-image .center .social-share a{display:inline-block;vertical-align:middle;margin:0 15px;width:50px;height:50px;border-radius:50%;background:#fff;text-align:center;-webkit-transition:all .3s;transition:all .3s;position:relative}.recept-detail .content .bg-image .center .social-share a:hover{background:#00430e}.recept-detail .content .bg-image .center .social-share a:hover .hover{opacity:1}.recept-detail .content .bg-image .center .social-share a:hover .normal{opacity:0}.recept-detail .content .bg-image .center .social-share a .hover,.recept-detail .content .bg-image .center .social-share a .normal{position:absolute;z-index:1;top:10px;left:10px}.recept-detail .content .bg-image .center .social-share a .hover{opacity:0}.recept-detail .content .bg-image .center .social-share a .normal{opacity:1}.recept-detail .content .bg-image .center .social-share a img{width:30px;height:30px}.recept-detail .content .bg-image .center h2{font-size:35px;color:#fff;margin:0;text-align:center;text-shadow:0 0 1px #000}.recept-detail .content .content-right{float:right;width:50%;padding:10vh 100px}.recept-detail .content .content-right .social-menu{text-align:right;margin:0 0 50px;position:fixed;padding:10px 30px 10px 15px;right:50px;top:30px;background:#fdfcf8;z-index:2}.recept-detail .content .content-right .social-menu a{display:inline-block;vertical-align:middle;margin-left:15px}.recept-detail .content .content-right .social-menu a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.recept-detail .content .content-right .social-menu a img{-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1);width:15px}.recept-detail .content .content-right h1{font-size:35px;margin:0 0 30px;color:#00430e;font-weight:600}.recept-detail .content .content-right .tags{margin-bottom:30px}.recept-detail .content .content-right .tags .icon,.recept-detail .content .content-right .tags .tag{display:inline-block;vertical-align:top}.recept-detail .content .content-right .tags .icon{width:25px;padding-top:4px}.recept-detail .content .content-right .tags .icon img{width:15px}.recept-detail .content .content-right .tags .tag{width:calc(100% - 30px)}.recept-detail .content .content-right .tags .tag a{color:#00430e;font-size:13px;text-decoration:underline;-webkit-transition-duration:.3s;transition-duration:.3s}.recept-detail .content .content-right .tags .tag a:hover{color:#292929}.recept-detail .content .content-right .ingredienten{display:grid;grid-template-columns:65% 35%;margin-bottom:30px}.recept-detail .content .content-right .ingredienten .left h2{font-size:17px;font-weight:600;margin:0 0 15px;color:#00430e}.recept-detail .content .content-right .ingredienten .left .list li{position:relative;font-size:13px;margin:10px 0;padding-left:20px}.recept-detail .content .content-right .ingredienten .left .list li:before{content:"\2022";position:absolute;left:0;top:-2px;font-size:20px;z-index:1}.recept-detail .content .content-right .ingredienten .right .person-toggler a img{width:16px}.recept-detail .content .content-right .ingredienten .right .person-toggler .min,.recept-detail .content .content-right .ingredienten .right .person-toggler .persons,.recept-detail .content .content-right .ingredienten .right .person-toggler .plus{display:inline-block;vertical-align:middle}.recept-detail .content .content-right .ingredienten .right .person-toggler .min,.recept-detail .content .content-right .ingredienten .right .person-toggler .plus{width:20px}.recept-detail .content .content-right .ingredienten .right .person-toggler .persons{width:calc(100% - 50px);text-align:center;font-size:13px;font-weight:600;color:#00430e}.recept-detail .content .content-right .ingredienten .right .recept-info .item{margin:10px 0}.recept-detail .content .content-right .ingredienten .right .recept-info .item img,.recept-detail .content .content-right .ingredienten .right .recept-info .item span{display:inline-block;vertical-align:top}.recept-detail .content .content-right .ingredienten .right .recept-info .item img{width:15px;margin-right:5px}.recept-detail .content .content-right .ingredienten .right .recept-info .item span{width:calc(100% - 25px);font-size:13px;font-weight:600}.recept-detail .content .content-right .preparations{position:relative;font-size:13px;margin:10px 0 30px;line-height:1.8}.recept-detail .content .content-right .preparations h2{font-size:17px;font-weight:600;margin:0 0 15px;color:#00430e}.recept-detail .content .content-right .werkwijze{margin-bottom:30px}.recept-detail .content .content-right .werkwijze .videoWrapper{position:relative;padding-bottom:56.25%;height:0;margin-bottom:30px;margin-top:25px}.recept-detail .content .content-right .werkwijze .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.recept-detail .content .content-right .werkwijze h2{font-size:17px;font-weight:600;margin:20px 0 15px;color:#00430e;font-family:EB Garamond,serif}.recept-detail .content .content-right .werkwijze p{font-size:13px}.recept-detail .content .content-right .recept-broden h2{font-size:17px;font-weight:600;margin:0 0 15px;color:#00430e}.recept-detail .content .content-right .recept-broden .items{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;margin-bottom:30px}.recept-detail .content .content-right .recept-broden .items .item{display:block;text-align:center}.recept-detail .content .content-right .recept-broden .items .item .image-container{overflow:hidden;position:relative;display:block;height:15vh;min-height:100px;margin-bottom:30px}.recept-detail .content .content-right .recept-broden .items .item .image-container .icon{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1}.recept-detail .content .content-right .recept-broden .items .item .image-container .icon img{width:35px}.recept-detail .content .content-right .recept-broden .items .item .image-container:hover .image{-webkit-transform:scale(1.05);transform:scale(1.05)}.recept-detail .content .content-right .recept-broden .items .item .image-container .image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1);background-size:contain;background-position:bottom;background-repeat:no-repeat}.recept-detail .content .content-right .recept-broden .items .item .image-container .image:before{content:none}.recept-detail .content .content-right .recept-broden .items .item h2{font-size:17px;font-weight:600;margin:0 0 15px}.newsletter-popup .button{position:fixed;display:grid;top:50%;right:20px;width:30px;height:30px;border-radius:50%;background:#00430e;cursor:pointer;-webkit-transition:all 1s ease;transition:all 1s ease}.newsletter-popup .button:hover{right:22px}.newsletter-popup .button:before{content:"<";position:absolute;top:50%;left:-12px;color:#00430e;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.newsletter-popup .button img{width:15px;height:15px;margin:auto;object-fit:contain}.newsletter-popup .modal{position:fixed;display:grid;align-content:center;top:0;right:-100%;width:50vw;height:100vh;color:#00430e;text-align:center;background:url(/build/images/menu-bg.d6522c11.jpg) 50%/cover no-repeat;z-index:9;-webkit-transition:right 1s ease-in-out;transition:right 1s ease-in-out}.newsletter-popup .modal.active{right:0}.newsletter-popup .modal .close-btn{position:absolute;top:20px;right:20px;cursor:pointer}.newsletter-popup .modal .icon{margin-bottom:30px}.newsletter-popup .modal .icon img{width:70px;height:auto}.newsletter-popup .modal h2{font-size:35px;margin:0 0 30px;width:auto}.newsletter-popup .modal h2 span{display:inline-block;max-width:250px}.newsletter-popup .modal input{margin-bottom:30px;border:0;border-bottom:1px solid;color:#00430e;text-align:center;background:transparent}.newsletter-popup .modal input::-webkit-input-placeholder{color:#00430e}.newsletter-popup .modal input::-moz-placeholder{color:#00430e}.newsletter-popup .modal input:-ms-input-placeholder{color:#00430e}.newsletter-popup .modal input:-moz-placeholder{color:#00430e}.newsletter-popup .modal .checkbox{font-size:13px}.newsletter-popup .modal .checkbox a{font-size:13px;text-decoration:underline}.newsletter-popup .modal .checkbox .icheckbox-white{-webkit-filter:invert(1);filter:invert(1)}.newsletter-popup .modal button{border:0}.newsletter-overlay{position:fixed;display:grid;top:0;left:0;width:100%;height:100vh;color:#00430e;z-index:9}.newsletter-overlay .modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(41,41,41,.5);mix-blend-mode:multiply;z-index:-1}.newsletter-overlay .modal{position:relative;margin:auto;padding:50px;max-width:95vw;max-height:95vh;text-align:center;background:#fff}.newsletter-overlay .modal .close-btn{position:absolute;top:20px;right:10px;font-size:35px;line-height:0;cursor:pointer}.newsletter-overlay .modal .icon{margin-bottom:20px}.newsletter-overlay .modal .icon img{display:inline-block;width:40px;height:auto}.newsletter-overlay .modal h2{font-size:26px;color:#00430e;margin:0 0 30px}.newsletter-overlay .modal input{margin-bottom:30px;border:0;border-bottom:1px solid;color:#00430e;text-align:center;background:transparent}.newsletter-overlay .modal input::-webkit-input-placeholder{color:#00430e}.newsletter-overlay .modal input::-moz-placeholder{color:#00430e}.newsletter-overlay .modal input:-ms-input-placeholder{color:#00430e}.newsletter-overlay .modal input:-moz-placeholder{color:#00430e}.newsletter-overlay .modal .checkbox{font-size:13px}.newsletter-overlay .modal .checkbox a{font-size:13px;text-decoration:underline}.newsletter-overlay .modal .checkbox .icheckbox-white{-webkit-filter:invert(1);filter:invert(1)}.newsletter-overlay .modal button{border:0}@media only screen and (max-width:1024px){.recept-detail .content .content-right{padding:10vh 50px}.recept-detail .content .content-right .recept-broden .items .item .image-container{height:10vh}}@media only screen and (max-width:768px){.recept-detail .content .bg-image{position:relative;width:100%;height:50vh}.recept-detail .content .content-right{float:none;width:100%;padding:5vh 50px}.recept-detail .content .content-right .recept-broden .items .item .image-container{height:20vh}}@media only screen and (max-width:576px){.recept-detail .content .bg-image .mobile-nav .mobile-close{position:absolute;top:15px;right:15px;width:30px;height:30px;z-index:9;border-radius:50%;background:#fff;text-align:center}.recept-detail .content .bg-image .mobile-nav .mobile-close img{width:15px;height:15px;margin-top:7px}.recept-detail .content .bg-image .mobile-nav .mobile-social{position:absolute;bottom:0;left:0;right:0;z-index:9;background:rgba(41,41,41,.7);padding:10px 0;text-align:center}.recept-detail .content .bg-image .mobile-nav .mobile-social a{display:inline-block;vertical-align:middle;margin:0 10px}.recept-detail .content .bg-image .mobile-nav .mobile-social a img{width:20px;height:20px}.recept-detail .content .bg-image .center{left:30px;right:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.recept-detail .content .content-right{padding:5vh 30px}.recept-detail .content .content-right .ingredienten{grid-template-columns:100%}.recept-detail .content .content-right .ingredienten .left .list{margin-bottom:30px}.recept-detail .content .content-right .ingredienten .right .person-toggler{margin-bottom:30px;max-width:200px}.recept-detail .content .content-right .recept-broden .items{grid-template-columns:1fr}.recept-detail .content .content-right .recept-broden .items .item .image-container{height:25vh}.newsletter-popup .modal{width:90vw;padding:1vw}}