CINXE.COM

<!doctype html> <html lang="cs"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Nezávislý řemeslný minipivovar. Vaří pivo v Praze a v Káraném. Specializuje se na kvalitní český ležák a pilsner. Nabízí i svrchně kvašená piva a pivní speciály. Vznikl v roce 2014 v místě původního Vinohradského pivovaru."> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#f5eedd"> <meta name="theme-color" content="#f5eedd"> <meta property="og:type" content= "website"> <meta property="og:url" content="https://www.vinohradskypivovar.cz"> <meta property="og:title" content="Vinohradský pivovar"> <meta property="og:description" content="Nezávislý řemeslný minipivovar. Vaří pivo v Praze a v Káraném. Specializuje se na kvalitní český ležák a pilsner. Nabízí i svrchně kvašená piva a pivní speciály. Vznikl v roce 2014 v místě původního Vinohradského pivovaru."> <meta property="og:site_name" content="Vinohradský pivovar"> <meta property="og:image" content="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/linkshare.jpg"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Vinohradský pivovar"> <meta name="twitter:description" content="Nezávislý řemeslný minipivovar. Vaří pivo v Praze a v Káraném. Specializuje se na kvalitní český ležák a pilsner. Nabízí i svrchně kvašená piva a pivní speciály. Vznikl v roce 2014 v místě původního Vinohradského pivovaru."> <meta name="twitter:image" content="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/linkshare.jpg"> <script> let setCookie = function( cookieName, cookieValue, cookieExpireDays ) { let currentDate = new Date(); currentDate.setTime( currentDate.getTime() + ( cookieExpireDays * 24 * 60 * 60 * 1000 ) ); let expires = 'expires=' + currentDate.toGMTString(); document.cookie = cookieName + '=' + cookieValue + ';' + expires + ';path=/'; } let getCookie = function( cookieName ) { let name = cookieName + "="; let decodedCookie = decodeURIComponent( document.cookie ); let ca = decodedCookie.split( ';' ); for( let i = 0; i < ca.length; i++ ) { let c = ca[i]; while ( c.charAt( 0 ) == ' ' ) { c = c.substring( 1 ); } if ( c.indexOf( name ) == 0 ) { return c.substring( name.length, c.length ); } } return ''; } </script> <title>Vinohradský pivovar</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel='dns-prefetch' href='//use.typekit.net' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.vinohradskypivovar.cz\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='normalize-css' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='typekit-css' href='https://use.typekit.net/ayr2yyr.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='flickity-css' href='https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/lib/flickity.css?ver=6.7.2' type='text/css' media='screen' /> <link rel='stylesheet' id='style-css' href='https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/style.css?ver=1743774007' type='text/css' media='all' /> <script type="text/javascript" src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/lib/flickity.pkgd.min.js?ver=6.7.2" id="script-js"></script>   <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-WPT9ZGX" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["www.vinohradskypivovar.cz"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-WPT9ZGX"); /* ]]> */ </script>  <link rel="https://api.w.org/" href="https://www.vinohradskypivovar.cz/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.vinohradskypivovar.cz/wp-json/wp/v2/pages/48" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.vinohradskypivovar.cz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinohradskypivovar.cz%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.vinohradskypivovar.cz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.vinohradskypivovar.cz%2F&format=xml" /> <meta name="generator" content="Site Kit by Google 1.149.1" /> </head> <body class="valid"> <header>  <nav> <a id="logo" href="https://www.vinohradskypivovar.cz/cs/"><img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/vp_w.svg" alt="Vinohradský pivovar"></a> <div id="nav"> <ul id="menu-one" class="menu"><li id="menu-item-585" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-585"><a href="#">Naše piva</a> <ul class="sub-menu"> <li id="menu-item-621" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-621"><a href="https://www.vinohradskypivovar.cz/cs/piva/">Přehled</a> <ul class="sub-menu"> <li id="menu-item-609" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-609"><a href="https://www.vinohradskypivovar.cz/cs/piva/?kind=core">Stálá nabídka</a></li> <li id="menu-item-608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-608"><a href="https://www.vinohradskypivovar.cz/cs/piva/?kind=seasonal">Sezónní piva</a></li> </ul> </li> <li id="menu-item-586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-586"><a href="https://www.vinohradskypivovar.cz/cs/hospody/">Kam na pivo</a></li> </ul> </li> <li id="menu-item-588" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-588"><a href="#">Místa</a> <ul class="sub-menu"> <li id="menu-item-604" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-604"><a href="https://www.vinohradskypivovar.cz/cs/korunni/">Korunní</a> <ul class="sub-menu"> <li id="menu-item-605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-605"><a href="https://www.vinohradskypivovar.cz/cs/korunni/#beer">Nabídka piva</a></li> <li id="menu-item-606" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-606"><a href="https://www.vinohradskypivovar.cz/cs/korunni/#food">Denní a stálé menu</a></li> <li id="menu-item-607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-607"><a href="https://www.vinohradskypivovar.cz/cs/korunni/#hall">Program klubu</a></li> </ul> </li> <li id="menu-item-603" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-603"><a href="https://www.vinohradskypivovar.cz/cs/karany/">Káraný</a> <ul class="sub-menu"> <li id="menu-item-611" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-611"><a href="https://www.vinohradskypivovar.cz/cs/karany/#beer">Nabídka piva</a></li> <li id="menu-item-612" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-612"><a href="https://www.vinohradskypivovar.cz/cs/karany/#_shop">Výčep a prodejna</a></li> </ul> </li> </ul> </li> </ul><ul id="menu-two" class="menu"><li id="menu-item-567" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-567"><a href="#">Události</a> <ul class="sub-menu"> <li id="menu-item-624" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-624"><a href="https://www.vinohradskypivovar.cz/cs/udalosti/">Přehled</a> <ul class="sub-menu"> <li id="menu-item-572" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-572"><a href="https://www.vinohradskypivovar.cz/cs/udalosti/?genre=live">Klub Vinohrady</a></li> <li id="menu-item-574" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-574"><a href="https://www.vinohradskypivovar.cz/cs/udalosti/?genre=fest">Festivaly a návštěvy</a></li> </ul> </li> </ul> </li> <li id="menu-item-568" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-568"><a href="#">O nás</a> <ul class="sub-menu"> <li id="menu-item-570" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-570"><a href="https://www.vinohradskypivovar.cz/cs/lide/">Lidé</a></li> <li id="menu-item-571" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-571"><a href="https://www.vinohradskypivovar.cz/cs/kontakty/">Kontakty</a></li> <li id="menu-item-1975" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1975"><a href="https://www.vinohradskypivovar.cz/cs/clanky/">Články, fotky, videa</a></li> </ul> </li> <li id="menu-item-2294" class="eshop menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2294"><a href="#">Obchod</a> <ul class="sub-menu"> <li id="menu-item-2295" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2295"><a href="https://www.vinohradskypivovar.cz/cs/objednavka/">Pro hospody</a></li> <li id="menu-item-2313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2313"><a href="https://www.vinohradskypivovar.cz/cs/osobni-odber/">Osobní odběr</a></li> <li id="menu-item-2296" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2296"><a target="_blank" href="https://eshop.vinohradskypivovar.cz/cs">E-shop</a></li> </ul> </li> </ul> <ul id="social"> <li> <a href="https://www.facebook.com/vinohradskypivovar/?locale=cs_CZ" target="_blank"> <svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <path d="M15.723,13l0.445,-2.896l-2.779,0l0,-1.879c0,-0.792 0.388,-1.564 1.633,-1.564l1.263,-0l-0,-2.465c-0,-0 -1.147,-0.196 -2.242,-0.196c-2.289,-0 -3.784,1.387 -3.784,3.898l-0,2.206l-2.544,0l0,2.896l2.544,-0l-0,7l3.13,-0l0,-7l2.334,-0Z" fill="#222953" style="fill-rule:nonzero;"/> </svg> </a> </li> <li> <a href="https://www.instagram.com/vinohradskypivovar/?hl=cs" target="_blank"> <svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <path d="M11.999,7.896c-2.27,0 -4.101,1.831 -4.101,4.102c0,2.27 1.831,4.101 4.101,4.101c2.27,-0 4.102,-1.831 4.102,-4.101c-0,-2.271 -1.832,-4.102 -4.102,-4.102Zm0,6.768c-1.467,-0 -2.666,-1.196 -2.666,-2.666c-0,-1.471 1.196,-2.667 2.666,-2.667c1.471,0 2.667,1.196 2.667,2.667c-0,1.47 -1.2,2.666 -2.667,2.666l0,-0Zm5.226,-6.936c-0,0.532 -0.428,0.957 -0.957,0.957c-0.532,0 -0.956,-0.428 -0.956,-0.957c-0,-0.528 0.428,-0.956 0.956,-0.956c0.529,-0 0.957,0.428 0.957,0.956Zm2.716,0.971c-0.06,-1.281 -0.353,-2.416 -1.292,-3.351c-0.935,-0.936 -2.07,-1.228 -3.352,-1.292c-1.32,-0.075 -5.279,-0.075 -6.599,-0c-1.278,0.06 -2.413,0.353 -3.352,1.288c-0.939,0.935 -1.228,2.07 -1.292,3.352c-0.075,1.32 -0.075,5.279 -0,6.6c0.06,1.281 0.353,2.416 1.292,3.351c0.939,0.936 2.07,1.228 3.352,1.292c1.32,0.075 5.279,0.075 6.599,0c1.282,-0.06 2.417,-0.353 3.352,-1.292c0.935,-0.935 1.228,-2.07 1.292,-3.351c0.075,-1.321 0.075,-5.276 0,-6.597l0,0Zm-1.706,8.014c-0.278,0.699 -0.817,1.238 -1.52,1.52c-1.053,0.418 -3.552,0.322 -4.716,0.322c-1.163,-0 -3.666,0.092 -4.715,-0.322c-0.7,-0.278 -1.239,-0.817 -1.521,-1.52c-0.417,-1.053 -0.321,-3.552 -0.321,-4.715c0,-1.164 -0.093,-3.666 0.321,-4.716c0.279,-0.699 0.818,-1.238 1.521,-1.52c1.053,-0.418 3.552,-0.322 4.715,-0.322c1.164,0 3.666,-0.092 4.716,0.322c0.699,0.278 1.238,0.817 1.52,1.52c0.418,1.053 0.321,3.552 0.321,4.716c0,1.163 0.097,3.665 -0.321,4.715Z" fill="#222953" style="fill-rule:nonzero;"/> </svg> </a> </li> <li> <a href="https://untappd.com/Vinohradskypivovar" target="_blank"> <svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <path d="M14.536,5.393c-2.493,5 -2.643,4.763 -2.746,5.409l-0.162,1.025c-0.06,0.375 -0.207,0.734 -0.428,1.043l-4.651,6.491c-0.238,0.331 -0.637,0.506 -1.044,0.456c-1.258,-0.156 -2.43,-1.006 -2.976,-2.14c-0.178,-0.368 -0.141,-0.806 0.097,-1.137l4.65,-6.493c0.222,-0.31 0.513,-0.563 0.85,-0.741l0.915,-0.484c0.578,-0.306 0.303,-0.372 4.236,-4.338c0.031,-0.15 0.031,-0.228 0.112,-0.25c0.094,-0.022 0.206,-0.031 0.197,-0.144l-0.013,-0.144c-0.006,-0.059 0.041,-0.112 0.1,-0.112c0.141,-0.003 0.413,0.037 0.8,0.312c0.384,0.278 0.512,0.525 0.553,0.659c0.019,0.057 -0.019,0.116 -0.075,0.132l-0.141,0.034c-0.106,0.028 -0.078,0.137 -0.071,0.231c0.003,0.087 -0.072,0.112 -0.203,0.191l-0,-0Zm-5.348,-0.422c0.106,0.028 0.078,0.137 0.072,0.231c-0.006,0.084 0.066,0.109 0.2,0.187c0.247,0.497 0.478,0.953 0.693,1.375c0.022,0.04 0.072,0.047 0.103,0.015c0.35,-0.374 0.769,-0.818 1.265,-1.33c0.041,-0.044 0.044,-0.11 0.003,-0.153c-0.249,-0.256 -0.515,-0.528 -0.799,-0.815c-0.031,-0.147 -0.031,-0.229 -0.113,-0.25c-0.093,-0.025 -0.206,-0.032 -0.196,-0.144c0.009,-0.103 0.043,-0.253 -0.088,-0.256c-0.14,-0.003 -0.412,0.034 -0.799,0.312c-0.385,0.278 -0.513,0.525 -0.553,0.659c-0.044,0.131 0.112,0.144 0.212,0.169Zm12.179,11.566l-4.648,-6.494c-0.412,-0.577 -0.831,-0.73 -1.762,-1.221c-0.35,-0.184 -0.443,-0.34 -0.952,-0.903c-0.032,-0.034 -0.091,-0.028 -0.113,0.016c-1.446,2.774 -1.471,2.586 -1.53,2.961c-0.054,0.334 -0.041,0.625 0.009,0.931c0.059,0.375 0.206,0.734 0.428,1.043l4.651,6.494c0.237,0.331 0.631,0.506 1.034,0.459c1.258,-0.153 2.436,-0.999 2.989,-2.143c0.168,-0.371 0.134,-0.809 -0.106,-1.143Z" fill="#222953" style="fill-rule:nonzero;"/> </svg> </a> </li> <li id="lang"> <a href="https://www.vinohradskypivovar.cz/en/"><img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/en.svg" alt="English"></a> </li> </ul> </div>  <button id="nav-toggle" class="btn"><span>Menu</span></button> </nav> <script> const openers = document.querySelectorAll( '.menu > .menu-item-has-children > a' ); const anchors = document.querySelectorAll( '.menu > .menu-item-has-children > .sub-menu a' ); anchors.forEach( ( el ) => el.addEventListener( 'click', ( event ) => { document.body.classList.toggle( 'nav-open' ); openers.forEach( ( el ) => { el.classList.remove( 'open' ); }); }) ); openers.forEach( ( el ) => el.addEventListener( 'click', ( event ) => { event.preventDefault(); if ( el.classList.contains( 'open' ) ) { el.classList.remove( 'open' ); } else { openers.forEach( ( el ) => { el.classList.remove( 'open' ); }); el.classList.add( 'open' ); } }) ); document.getElementById( 'nav-toggle' ).onclick = function() { document.body.classList.toggle( 'nav-open' ); }; </script> </header> <main> <section class="section" id="carousel"> <div class="items" id="flickity"> <article class="item" id="item-9"> <div class="txt"> <h1><a href="https://www.vinohradskypivovar.cz/cs/pivo/karanska-9/">Káranská 9</a></h1> <p>Světlé spodně kvašené pivo, jehož receptura sází na osvědčenou klasiku. Má příjemný říz, světle zlatou barvu a vyladěnou hořkost.</p> </div> </article> <article class="item" id="item-11"> <div class="txt"> <h1><a href="https://www.vinohradskypivovar.cz/cs/pivo/vinohradska-11/">Vinohradská 11</a></h1> <p>Nefiltrovaný a nepasterizovaný světlý ležák. Vyznačuje se bohatou vůní Žateckého poloraného červeňáku doplněného o Premiant.</p> </div> </article> <article class="item" id="item-ali"> <div class="txt"> <h1><a href="https://www.vinohradskypivovar.cz/cs/pivo/aleien/">Aleien</a></h1> <p>Nebezpečně pitelné svrchně kvašené pivo. Ovocné aroma chmelů Ekuanot a Mosaic je výrazné, ale zároveň jemné a vyvážené.</p> </div> </article> <article class="item" id="item-yes"> <div class="txt"> <h1><a href="https://www.vinohradskypivovar.cz/cs/pivo/yes/">Yes!</a></h1> <p>Session NEIPA. Světlé svrchně kvašené pivo pro výjimečné příležitosti i každodenní osvěžení.</p> </div> </article> <article class="item" id="item-seaman"> <div class="txt"> <h1><a href="https://www.vinohradskypivovar.cz/cs/pivo/seaman/">Seaman</a></h1> <p>Osvěžující, velmi dobře pitelné pivo s unikátní lehce slanou a nakyslou chutí, kterou doplňují bylinné tóny.</p> </div> </article>  </div> <a href="https://www.vinohradskypivovar.cz/cs/piva/" class="call">Objevte všechna naše piva</a> <div class="btns"> <button><img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/ico-92.png" alt="Káranská 9"></button> <button><img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/ico-112.png" alt="Vinohradská 11"></button> <button><img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/ico-ali.png" alt="Aleien"></button> <button><img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/ico-yes.png" alt="Yes!"></button> <button><img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/ico-seaman2.png" alt="Seaman"></button> </div> </section> <script> var carousel = document.getElementById( 'flickity' ); var initial = Math.floor( Math.random() * carousel.children.length ); this.flkty = new Flickity( carousel, { prevNextButtons: false, pageDots: false, contain: true, draggable: false, wrapAround: false, cellAlign: 'left', setGallerySize: false, initialIndex: initial }); var btns = document.querySelectorAll( '.btns button' ); btns[ initial ].classList.add( 'active' ); btns.forEach( changeSlide ); function changeSlide( btn, index ) { btn.addEventListener( 'click', ()=>{ btns.forEach( (e) => { e.classList.remove( 'active' ); }); btn.classList.add( 'active' ); flkty.select( index ); }); } </script> <section class="section boxes"> <div class="box"> <div class="txt"> <h2>Pivovar s restaurací v Korunní</h2> <p><a href="https://www.vinohradskypivovar.cz/cs/korunni/" class="btn">Korunní 106, Praha-Vinohrady</a></p> </div> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/korunni_home2.jpg" alt="Pivovar Korunní"> </div> <div class="box"> <div class="txt"> <h2>Pivovar s výčepem v Káraném</h2> <p><a href="https://www.vinohradskypivovar.cz/cs/karany/" class="btn">U Vodárny 193, Káraný</a></p> </div> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/karany_home2.jpg" alt="Pivovar Káraný"> </div> <div class="box"> <div class="txt"> <h2>Prodej piva pro restaurace</h2> <p><a href="https://www.vinohradskypivovar.cz/cs/objednavka/" class="btn">Objednat pivo</a></p> </div> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/prodej.jpg" alt="Prodej piva pro restaurace"> </div> </section> </main> <aside> <div class="section cards"> <div class="grid"> <article class="card"> <div class="txt"> <span>Kupte si</span> <h1><a href="https://eshop.vinohradskypivovar.cz/cs" target="_blank">Dárkové sety, móda s logem pivovaru</a></h1> </div> <div class="img"> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/eshop.jpg" alt="Kupte si"> </div> </article> <article class="card"> <div class="txt"> <span>Události</span> <h1><a href="https://www.vinohradskypivovar.cz/cs/udalosti/">Trhy, festivaly a program klubu v Korunní</a></h1> </div> <div class="img"> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/hall.jpg" alt="Události"> </div> </article> <article class="card"> <div class="txt"> <span>Hospody</span> <h1><a href="https://www.vinohradskypivovar.cz/cs/hospody/">Kam na pivo</a></h1> </div> <div class="img"> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/articles.jpg" alt="Hospody"> </div> </article> </div> </div> </aside> <footer> <div class="grid"> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/vp_c.svg" alt="Vinohradský pivovar"> <div> <p>Vinohradský pivovar, s. r. o.<br>Korunní 2506/106<br>101 00 Praha 10</p> <p>IČO: 01551906<br>DIČ: CZ01551906</p> </div> <div> <p>+420 602 549 557<br><a href="mailto:info@vinohradskypivovar.cz">info@vinohradskypivovar.cz</a></p> <ul> <li> <a href="https://www.facebook.com/vinohradskypivovar/?locale=cs_CZ" target="_blank"> <svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <path d="M15.723,13l0.445,-2.896l-2.779,0l0,-1.879c0,-0.792 0.388,-1.564 1.633,-1.564l1.263,-0l-0,-2.465c-0,-0 -1.147,-0.196 -2.242,-0.196c-2.289,-0 -3.784,1.387 -3.784,3.898l-0,2.206l-2.544,0l0,2.896l2.544,-0l-0,7l3.13,-0l0,-7l2.334,-0Z" fill="#222953" style="fill-rule:nonzero;"/> </svg> </a> </li> <li> <a href="https://www.instagram.com/vinohradskypivovar/?hl=cs" target="_blank"> <svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <path d="M11.999,7.896c-2.27,0 -4.101,1.831 -4.101,4.102c0,2.27 1.831,4.101 4.101,4.101c2.27,-0 4.102,-1.831 4.102,-4.101c-0,-2.271 -1.832,-4.102 -4.102,-4.102Zm0,6.768c-1.467,-0 -2.666,-1.196 -2.666,-2.666c-0,-1.471 1.196,-2.667 2.666,-2.667c1.471,0 2.667,1.196 2.667,2.667c-0,1.47 -1.2,2.666 -2.667,2.666l0,-0Zm5.226,-6.936c-0,0.532 -0.428,0.957 -0.957,0.957c-0.532,0 -0.956,-0.428 -0.956,-0.957c-0,-0.528 0.428,-0.956 0.956,-0.956c0.529,-0 0.957,0.428 0.957,0.956Zm2.716,0.971c-0.06,-1.281 -0.353,-2.416 -1.292,-3.351c-0.935,-0.936 -2.07,-1.228 -3.352,-1.292c-1.32,-0.075 -5.279,-0.075 -6.599,-0c-1.278,0.06 -2.413,0.353 -3.352,1.288c-0.939,0.935 -1.228,2.07 -1.292,3.352c-0.075,1.32 -0.075,5.279 -0,6.6c0.06,1.281 0.353,2.416 1.292,3.351c0.939,0.936 2.07,1.228 3.352,1.292c1.32,0.075 5.279,0.075 6.599,0c1.282,-0.06 2.417,-0.353 3.352,-1.292c0.935,-0.935 1.228,-2.07 1.292,-3.351c0.075,-1.321 0.075,-5.276 0,-6.597l0,0Zm-1.706,8.014c-0.278,0.699 -0.817,1.238 -1.52,1.52c-1.053,0.418 -3.552,0.322 -4.716,0.322c-1.163,-0 -3.666,0.092 -4.715,-0.322c-0.7,-0.278 -1.239,-0.817 -1.521,-1.52c-0.417,-1.053 -0.321,-3.552 -0.321,-4.715c0,-1.164 -0.093,-3.666 0.321,-4.716c0.279,-0.699 0.818,-1.238 1.521,-1.52c1.053,-0.418 3.552,-0.322 4.715,-0.322c1.164,0 3.666,-0.092 4.716,0.322c0.699,0.278 1.238,0.817 1.52,1.52c0.418,1.053 0.321,3.552 0.321,4.716c0,1.163 0.097,3.665 -0.321,4.715Z" fill="#222953" style="fill-rule:nonzero;"/> </svg> </a> </li> <li> <a href="https://untappd.com/Vinohradskypivovar" target="_blank"> <svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> <path d="M14.536,5.393c-2.493,5 -2.643,4.763 -2.746,5.409l-0.162,1.025c-0.06,0.375 -0.207,0.734 -0.428,1.043l-4.651,6.491c-0.238,0.331 -0.637,0.506 -1.044,0.456c-1.258,-0.156 -2.43,-1.006 -2.976,-2.14c-0.178,-0.368 -0.141,-0.806 0.097,-1.137l4.65,-6.493c0.222,-0.31 0.513,-0.563 0.85,-0.741l0.915,-0.484c0.578,-0.306 0.303,-0.372 4.236,-4.338c0.031,-0.15 0.031,-0.228 0.112,-0.25c0.094,-0.022 0.206,-0.031 0.197,-0.144l-0.013,-0.144c-0.006,-0.059 0.041,-0.112 0.1,-0.112c0.141,-0.003 0.413,0.037 0.8,0.312c0.384,0.278 0.512,0.525 0.553,0.659c0.019,0.057 -0.019,0.116 -0.075,0.132l-0.141,0.034c-0.106,0.028 -0.078,0.137 -0.071,0.231c0.003,0.087 -0.072,0.112 -0.203,0.191l-0,-0Zm-5.348,-0.422c0.106,0.028 0.078,0.137 0.072,0.231c-0.006,0.084 0.066,0.109 0.2,0.187c0.247,0.497 0.478,0.953 0.693,1.375c0.022,0.04 0.072,0.047 0.103,0.015c0.35,-0.374 0.769,-0.818 1.265,-1.33c0.041,-0.044 0.044,-0.11 0.003,-0.153c-0.249,-0.256 -0.515,-0.528 -0.799,-0.815c-0.031,-0.147 -0.031,-0.229 -0.113,-0.25c-0.093,-0.025 -0.206,-0.032 -0.196,-0.144c0.009,-0.103 0.043,-0.253 -0.088,-0.256c-0.14,-0.003 -0.412,0.034 -0.799,0.312c-0.385,0.278 -0.513,0.525 -0.553,0.659c-0.044,0.131 0.112,0.144 0.212,0.169Zm12.179,11.566l-4.648,-6.494c-0.412,-0.577 -0.831,-0.73 -1.762,-1.221c-0.35,-0.184 -0.443,-0.34 -0.952,-0.903c-0.032,-0.034 -0.091,-0.028 -0.113,0.016c-1.446,2.774 -1.471,2.586 -1.53,2.961c-0.054,0.334 -0.041,0.625 0.009,0.931c0.059,0.375 0.206,0.734 0.428,1.043l4.651,6.494c0.237,0.331 0.631,0.506 1.034,0.459c1.258,-0.153 2.436,-0.999 2.989,-2.143c0.168,-0.371 0.134,-0.809 -0.106,-1.143Z" fill="#222953" style="fill-rule:nonzero;"/> </svg> </a> </li> </ul> <p><a href="https://www.vinohradskypivovar.cz/cs/info/">Podmínky užití a ochrana osobních údajů</a> <span>|</span> <a href="https://www.vinohradskypivovar.cz/en/">English</a></p> </div> </div> </footer> <div id="age"> <div class="grid"> <div class="logo"> <img src="https://www.vinohradskypivovar.cz/wp-content/themes/vinohradskypivovar.cz/img/vp_n.svg" alt="Vinohradský pivovar"> </div> <div class="form"> <div class="lang"> <button class="active" data-lang="cs">Česky</button> <button data-lang="en">English</button> </div> <div id="verify" class="cs"> <p class="cs">Je mi 18 a více let.</p> <p class="en">I am over 18 years of age.</p> <button class="btn" id="enter"><span class="cs">Ano</span><span class="en">Yes</span></button> <p class="cs sm">Tyto stránky používají cookies. Pokračováním vyjadřujete souhlas s jejich užíváním dle zásad uvedených v <a href="https://www.vinohradskypivovar.cz/cs/info/" target="_blank">Podmínkách užití stránek</a>.</p> <p class="en sm">This website uses cookies. By continuing, you are agreeing to the use of cookies according to the <a href="https://www.vinohradskypivovar.cz/en/info/" target="_blank">Site Terms and Conditions</a>.</p> </div> </div> </div> </div> <script> let validateAge = function() { document.body.classList.remove( 'valid' ); document.getElementById( 'enter' ).addEventListener( 'click', ( event ) => { event.preventDefault(); setCookie( 'vp-lang', lang, 14 ); if ( lang == 'en' ) window.location.replace( './en/' ); else document.body.classList.add( 'valid' ); }); const lbtn = document.querySelectorAll( '.lang button' ); var lang = 'cs'; lbtn.forEach( ( el ) => { el.addEventListener( 'click', ( event ) => { event.preventDefault(); lngs = event.target.closest( '.lang' ).querySelectorAll( 'button' ); lngs.forEach( ( el ) => { el.classList.remove( 'active' ); }); event.target.classList.add( 'active' ); lang = event.target.getAttribute( 'data-lang' ); document.getElementById( 'verify' ).className = lang; }); }); } window.addEventListener( 'load', (event) => { let valid = getCookie( 'vp-lang' ); if ( valid == '' ) validateAge(); }); </script> </body> </html>