:root{--max-container-width: 960px}:root{--font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;--font-title: "Barlow Condensed", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;src:local(""),url(/assets/front/v/barlow-condensed-v11-latin-regular.af91213c.woff2) format("woff2"),url(/assets/front/v/barlow-condensed-v11-latin-regular.cf0c4170.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;src:local(""),url(/assets/front/v/barlow-condensed-v11-latin-500.2d2c4912.woff2) format("woff2"),url(/assets/front/v/barlow-condensed-v11-latin-500.bb10c48d.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;src:local(""),url(/assets/front/v/barlow-condensed-v11-latin-600.0b281bf2.woff2) format("woff2"),url(/assets/front/v/barlow-condensed-v11-latin-600.922f9bce.woff) format("woff")}:root{--white: #fff;--black: #333232;--gray: #979797;--gray-dark: #2D3038;--gray-medium: #63636b;--gray-regular: #565555;--gray-light: #dcdcdc;--gray-lighter: #f6f6f6;--blue-lighter: #94DDE7;--blue-light: #75AFE0;--blue: #2c8ac5;--blue-dark: #073b5e;--blue-darker: #08304D;--green: #43beac;--red: #c05f4e;--orange: #EE8A56;--yellow: #C87965;--green: #96C34F;--highlight: var(--red)}main.home div.header{background-image:url(/assets/front/v/home@2x.5f6a4e3b.jpg)}main.events div.header{background-image:url(/assets/front/v/zadel@2x.a3dfd30c.jpg)}main.impressies div.header{background-image:url(/assets/front/v/brewery@2x.1b206d45.jpg)}main.buffetten div.header{background-image:url(/assets/front/v/buffetten@2x.5e06ccf8.jpg)}main.contact div.header{background-image:url(/assets/front/v/coffee@2x.3ded7a08.jpg)}div.header{position:relative;background-color:var(--black);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;padding:1rem;font-family:var(--font-title)}div.header figure{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background:radial-gradient(circle,rgba(51,50,50,.6),rgba(51,50,50,.75));z-index:0}div.header section.container{position:relative;z-index:2}div.header section.top{display:flex;padding:1.5rem 0;justify-content:space-between;align-items:center}div.header section.top h1{height:11rem;background:url(/assets/front/v/logo.c83bfd93.svg) 0 50% no-repeat;background-size:auto 100%;margin:0;font-size:1.8rem;font-weight:600;letter-spacing:.03em}div.header section.top h1 a{display:flex;height:100%;align-items:center;padding:0 0 0 13rem;color:var(--white)}div.header section.top h1 a span{display:inline-block;text-transform:uppercase}div.header section.top nav{margin-left:auto}div.header section.top nav ul{display:flex;justify-content:space-between;gap:2em;margin:0;padding:0;list-style:none}div.header section.top nav li{position:relative;font-size:1.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:.7;transition:opacity .3s ease}div.header section.top nav a{color:var(--white);padding:1em 0}div.header section.top nav a:after{content:"";position:absolute;left:0;bottom:-.35em;width:100%;border-radius:1px;height:3px;background:var(--red);opacity:0;transition:all .3s ease;transform:translateY(1em)}div.header section.top nav li.active,div.header section.top nav li:hover{opacity:1}div.header section.top nav li.active a:after,div.header section.top nav li:hover a:after{opacity:1;transform:translate(0)}div.header section.top button.burger{position:absolute;display:none}div.header section.copy{color:var(--white);padding-top:0;padding-bottom:3rem}div.header section.copy h2{position:relative;font-size:6rem;font-weight:500;margin:.5em 0}div.header section.copy h2:before{content:"";position:absolute;top:0;bottom:0;left:-1.7rem;border-radius:1px;width:3px;background:var(--red);transform:translateY(.075em)}div.header section.copy p{font-family:var(--font-sans);font-size:1.6rem;line-height:1.5em;max-width:36rem}@media (max-width: 800px){div.header{padding:1rem 1.5rem 3rem}div.header section.top{z-index:3}div.header section.top h1{height:8rem}div.header section.top h1 a{padding-left:10rem}div.header section.top button.burger{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;right:0;padding:1em 0}div.header section.top button.burger span{position:relative;width:22px}div.header section.top button.burger span,div.header section.top button.burger span:before,div.header section.top button.burger span:after{background:var(--white);border-radius:1px;display:block;height:2px}div.header section.top button.burger span:before,div.header section.top button.burger span:after{content:"";position:absolute;left:0;right:0}div.header section.top button.burger span:before{top:-7px}div.header section.top button.burger span:after{bottom:-7px}div.header section.top nav{position:fixed;display:flex;align-items:center;top:0;right:6rem;bottom:0;left:0;background:var(--gray-regular);z-index:10;transform:translate(-100%);transition:transform .45s ease}div.header section.top nav.active{transform:translate(0)}div.header section.top nav ul{margin:1.5rem 3rem;flex:1;display:flex;flex-direction:column}div.header section.top nav ul a{position:relative}div.header section.top nav ul a:after{bottom:.75em}div.header section.copy{text-align:center}div.header section.copy h2{font-size:3rem}div.header section.copy h2:before{display:none}div.header section.copy p{margin:0 auto}}fieldset{border:none;margin:0;padding:1em 0;font-size:1.6rem}fieldset>div{margin:0 0 1em}fieldset>div>label{margin-bottom:.5em;font-size:.9em;display:block;font-weight:400}button{border:0;background:var(--white);color:var(--gray);border:2px solid currentColor;font-family:inherit;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:.75em 1.5em;cursor:pointer;transition:all .3s}button:hover{color:var(--text)}select,textarea,input[type=text],input[type=password],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel]{transition:all .3s ease;box-sizing:border-box;border:1px solid var(--gray);margin:0;font:inherit;display:block;background-color:var(--white);color:var(--text);line-height:1.5em;padding:.5em 1em;border-radius:.2em;box-shadow:0 0 0 var(--gray-light);width:100%;max-width:35em}select:placholder,textarea:placholder,input[type=text]:placholder,input[type=password]:placholder,input[type=number]:placholder,input[type=email]:placholder,input[type=url]:placholder,input[type=search]:placholder,input[type=tel]:placholder{color:var(--gray-light)}select:focus,textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus{outline:none;border-color:var(--gray);box-shadow:0 0 8px var(--gray-light)}textarea{resize:none}footer{overflow:hidden;margin:4rem 0 1rem}footer>section{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--gray-light);width:100%;padding:2rem 0}footer .address,footer .contact,footer .social{max-width:33%;flex:1;font-size:1.4rem;line-height:1.5em;color:var(--gray)}footer .social{text-align:center}footer .social a{display:inline-block;width:2rem;height:2rem;opacity:.35;transition:opacity .25s ease}footer .social a span{font-size:0;opacity:0}footer .social a.facebook{background:url(/assets/front/v/facebook.bb4964d8.svg) 50% 50% no-repeat;background-size:contain}footer .social a:hover{opacity:.75}footer .contact{text-align:right}footer a{display:block;color:var(--gray)}footer a:hover{color:var(--black)}footer [itemprop=description]{display:none}footer [itemprop=streetAddress]{display:block}footer [itemprop=name],footer .contact span{display:block;font-weight:700;color:var(--gray-dark)}footer [itemprop=telephone]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width: 640px){footer{padding-bottom:2rem}footer>section{flex-direction:column;align-items:stretch;padding-top:4rem}footer .address,footer .contact,footer .social{max-width:none;text-align:center}footer .address{padding-bottom:.5em}footer .social{margin:1.5em 0 0;padding-bottom:1.5em}footer .contact span{display:none}}main.home .updates,main.events .updates{margin:4rem 0 0;padding:0;list-style:none;box-shadow:0 3px 12px #0000001a}main.home .updates li,main.events .updates li{position:relative;display:block;border-bottom:1px solid var(--gray-lighter);font-size:1.8rem}main.home .updates li:after,main.events .updates li:after{content:"";position:absolute;top:0;left:-2px;width:2px;height:100%;background:var(--red);opacity:0;transition:opacity .2s}main.home .updates li:hover:after,main.events .updates li:hover:after{opacity:1}main.home .updates a,main.events .updates a{display:flex;flex-direction:row;align-items:center;height:15rem;cursor:pointer;color:var(--black)}main.home .updates a:after,main.events .updates a:after{display:none}main.home .updates figure,main.events .updates figure{flex:0 0 15rem;height:15rem;margin:0;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}main.home .updates figure.empty,main.events .updates figure.empty{background:url(/assets/front/v/logo.d7b76b22.png) center no-repeat;background-size:6rem}main.home .updates .meta,main.events .updates .meta{flex:1;padding:2rem}main.home .updates .meta h5,main.events .updates .meta h5{margin:0;font-size:1.6rem;font-weight:400;color:var(--highlight)}main.home .updates .meta h4,main.events .updates .meta h4{margin:0;font-family:var(--font-sans);font-size:1.8rem;font-weight:400;line-height:1.45em;color:var(--text);transition:color .2s ease}main.home .updates .meta p,main.events .updates .meta p{font-size:1.3rem;margin:1em 0 0}main.home .updates li:hover h4,main.events .updates li:hover h4{color:var(--highlight)}main.events .container article h3{margin-bottom:1em}main.events .container article h3 date{display:block;font-size:2rem;font-weight:400}main.events article figure{margin:3rem auto}main.events article figure img{display:block;max-width:100%}main.events p.back-to-index,main.events p.ical{margin:6rem 0 0;text-align:center}main.events li.empty{padding:3em 1em;text-align:center}main.events li.empty p{margin:0}main.buffetten.index ul.buffetten{margin:4rem 0 0;padding:0;list-style:none;box-shadow:0 3px 12px #00000026}main.buffetten.index ul.buffetten li{position:relative;display:block;border-bottom:1px solid var(--gray-lighter);font-size:1.8rem;padding:.25em .5em}main.buffetten.index ul.buffetten li:after{content:"";position:absolute;top:0;left:-2px;width:2px;height:100%;background:var(--red);opacity:0;transition:opacity .2s}main.buffetten.index ul.buffetten li:hover:after{opacity:1}main.buffetten.index ul.buffetten a{display:block;color:var(--text);padding:.5em 1em}main.buffetten.index ul.buffetten a:after{display:none}main.buffetten.index ul.buffetten a:hover{color:var(--red)}main.buffetten.view article h3{margin-bottom:1em}main.buffetten.view article ul{list-style:none;margin:0 0 1em;padding:0}main.buffetten.view article ul ul{margin-left:1em}main.buffetten.view article li{display:block;position:relative;padding:.25em 0 .25em 1em}main.buffetten.view article li p{margin:0}main.buffetten.view article li:before{--size: .4em;position:absolute;display:inline-block;content:"";width:var(--size);height:var(--size);border-radius:2px;background:var(--red);left:0em;top:1.05em;transform:translateY(-50%)}main.buffetten.view article span.price{white-space:nowrap;font-weight:700}main.contact div.split{display:flex;flex-direction:row;justify-content:space-between}main.contact div.split form{flex:3}main.contact div.split form .honing{display:none}main.contact div.split form div.success,main.contact div.split form div.errors{padding:1em;background:var(--green);border-radius:4px}main.contact div.split form div.success.errors,main.contact div.split form div.errors.errors{background:var(--red)}main.contact div.split form div.success p,main.contact div.split form div.errors p{margin:0;color:var(--white)}main.contact div.split aside{position:relative;flex:2;margin-left:4rem;padding-left:4rem}main.contact div.split aside a{color:var(--red)}main.contact div.split aside:before{content:"";position:absolute;top:.1em;bottom:.15em;left:-2px;width:4px;background:var(--highlight);border-radius:2px;z-index:1}main.contact div.split form,main.contact div.split aside{margin-top:2rem;padding-top:1rem}main.contact div.split form h4:first-of-type,main.contact div.split aside h4:first-of-type{margin-top:0}main.contact aside span[itemprop=name]{display:none}main.contact ul.openinghours{margin:0 0 2em;padding:1em 0 0;list-style:none}main.contact ul.openinghours li{display:flex;justify-content:space-between;padding:.25em 0}main.contact ul.openinghours li span.times,main.contact ul.openinghours li span.closed{color:var(--gray);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}main.contact div.contact{font-size:1.6rem;line-height:1.5em}main.contact div.contact [itemprop=streetAddress]{display:block}main.contact div.contact a{display:inline-block}main.contact div.contact [itemprop=telephone]{display:block;margin-top:1.5em;-webkit-margin-before:1.5em;margin-block-start:1.5em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}main.contact div.contact [itemprop=telephone]+[itemprop=telephone]{margin-top:0;-webkit-margin-before:0;margin-block-start:0}@media (max-width: 640px){main.contact div.split{flex-direction:column-reverse}main.contact div.split form,main.contact div.split aside{flex:auto}main.contact div.split aside{margin:2rem 0;padding:0 0 2rem;border-bottom:1px solid var(--gray-light)}main.contact div.split aside:before{display:none}}:root{color-scheme:only light}::-moz-selection{background:var(--black);color:var(--white);text-shadow:none}::selection{background:var(--black);color:var(--white);text-shadow:none}html{font:10px var(--font-sans);background:var(--white);color:var(--black)}body{font-size:1.4rem;margin:0;padding:0}a{text-decoration:none;transition:color .2s}strong{font-weight:600}main section.content{min-height:30vh}section.container{box-sizing:border-box;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;max-width:var(--max-container-width)}section.container article{font-size:1.6rem;line-height:1.5}section.container article h3{position:relative;font-family:var(--font-title);font-size:3rem;letter-spacing:.02em;margin:4rem 0 .25em}section.container article h3:before{content:"";position:absolute;top:0;bottom:0;left:-1.7rem;border-radius:1px;width:3px;background:var(--red);transform:translateY(.075em)}main section.container a{color:var(--red)}@media (max-width: 1200px){section.container{padding-left:3rem;padding-right:3rem}}@media (max-width: 800px){section.container article h3{transform:translate(1.5rem)}}
