CINXE.COM
Probably The Best Beer In The World - Carlsberg
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=0" /> <meta name="format-detection" content="telephone=no" /> <script async id="cbgCompPack" data-prj-id="f8709873-26b4-4dce-9fb0-d59170f8ee30" data-market="hq" data-verify-age="true" data-gtm-id="GTM-PKRVF8" src="https://compliance-pack.carlsberggroup.com/cbgCompPack.js"></script> <title>Probably The Best Beer In The World - Carlsberg</title> <meta name="description" content="Probably The Best Beer In The World - We are always in pursuit of better. And not just better beer. We brew to create a better future for all of us."> <meta name="robots" content=" index,follow"> <link rel="alternate" hreflang="x-default" href="/en/" /> <link rel="alternate" hreflang="en" href="/en/" /> <link rel="alternate" hreflang="x-default" href="/az-az/" /> <link rel="alternate" hreflang="az" href="/az-az/" /> <link rel="alternate" hreflang="x-default" href="/en-gb/" /> <link rel="alternate" hreflang="en-GB" href="/en-gb/" /> <link rel="alternate" hreflang="x-default" href="/en-ca/" /> <link rel="alternate" hreflang="en-CA" href="/en-ca/" /> <link rel="alternate" hreflang="x-default" href="/finland/frontpage/" /> <link rel="alternate" hreflang="en-US" href="/finland/frontpage/" /> <link rel="alternate" hreflang="x-default" href="/fr-ca/" /> <link rel="alternate" hreflang="fr-CA" href="/fr-ca/" /> <link rel="alternate" hreflang="x-default" href="/el-gr/" /> <link rel="alternate" hreflang="el-GR" href="/el-gr/" /> <link rel="alternate" hreflang="x-default" href="/da-dk/" /> <link rel="alternate" hreflang="da-DK" href="/da-dk/" /> <link rel="alternate" hreflang="x-default" href="/en-hk/" /> <link rel="alternate" hreflang="en-HK" href="/en-hk/" /> <link rel="alternate" hreflang="x-default" href="/en-in/" /> <link rel="alternate" hreflang="en-IN" href="/en-in/" /> <link rel="alternate" hreflang="x-default" href="/en-ie/" /> <link rel="alternate" hreflang="en-IE" href="/en-ie/" /> <link rel="alternate" hreflang="x-default" href="/it-it/" /> <link rel="alternate" hreflang="it-IT" href="/it-it/" /> <link rel="alternate" hreflang="x-default" href="/en-my/" /> <link rel="alternate" hreflang="en-MY" href="/en-my/" /> <link rel="alternate" hreflang="x-default" href="/en-sg/" /> <link rel="alternate" hreflang="en-SG" href="/en-sg/" /> <link rel="alternate" hreflang="x-default" href="/de-de/" /> <link rel="alternate" hreflang="de-DE" href="/de-de/" /> <link rel="alternate" hreflang="x-default" href="/sv-se/" /> <link rel="alternate" hreflang="sv-SE" href="/sv-se/" /> <link rel="alternate" hreflang="x-default" href="/de-ch/" /> <link rel="alternate" hreflang="de-CH" href="/de-ch/" /> <link rel="alternate" hreflang="x-default" href="/fr-ch/" /> <link rel="alternate" hreflang="fr-CH" href="/fr-ch/" /> <link rel="alternate" hreflang="x-default" href="/template-for-new-markets/frontpage/" /> <link rel="alternate" hreflang="en-US" href="/template-for-new-markets/frontpage/" /> <link rel="alternate" hreflang="x-default" href="/el-cy/" /> <link rel="alternate" hreflang="el-CY" href="/el-cy/" /> <link rel="alternate" hreflang="x-default" href="/test-for-visit-carlsberg/frontpage/" /> <link rel="alternate" hreflang="en-US" href="/test-for-visit-carlsberg/frontpage/" /> <link rel="alternate" hreflang="x-default" href="/hu-hu/" /> <link rel="alternate" hreflang="hu-HU" href="/hu-hu/" /> <link rel="alternate" hreflang="x-default" href="/ro-ro/" /> <link rel="alternate" hreflang="ro-RO" href="/ro-ro/" /> <link rel="alternate" hreflang="x-default" href="/pl-pl/" /> <link rel="alternate" hreflang="pl-PL" href="/pl-pl/" /> <link rel="alternate" hreflang="x-default" href="/sr-rs/" /> <link rel="alternate" hreflang="sr-Latn-RS" href="/sr-rs/" /> <link rel="alternate" hreflang="x-default" href="/bg-bg/" /> <link rel="alternate" hreflang="bg-BG" href="/bg-bg/" /> <link rel="alternate" hreflang="x-default" href="/uk-ua/" /> <link rel="alternate" hreflang="uk-UA" href="/uk-ua/" /> <link rel="alternate" hreflang="x-default" href="/en-be/" /> <link rel="alternate" hreflang="en-US" href="/en-be/" /> <link rel="alternate" hreflang="x-default" href="/nl-be/" /> <link rel="alternate" hreflang="nl-BE" href="/nl-be/" /> <link rel="alternate" hreflang="x-default" href="/malawi/frontpage/" /> <link rel="alternate" hreflang="en-US" href="/malawi/frontpage/" /> <link rel="alternate" hreflang="x-default" href="/es-es/" /> <link rel="alternate" hreflang="es-ES" href="/es-es/" /> <meta name="og:description" content="In pursuit of better. And not just better beer. We brew to create a better future for all of us." /> <meta property="og:url" content="/en/" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" property="og:title" content="Carlsberg - Probably the best beer in the world" /> <meta name="twitter:description" property="og:description" content="In pursuit of better. And not just better beer. We brew to create a better future for all of us." /> <meta name="twitter:url" property="og:url" content="/en/" /> <meta name="twitter:image" property="og:image" content="https://www.carlsberg.com/media/kbxp5ngb/share-image.png" /> <meta property="og:image" content="https://www.carlsberg.com/media/kbxp5ngb/share-image.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/media/saxezy22/favicon-32x32.png?width=180&height=180&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="32x32" href="/media/saxezy22/favicon-32x32.png?width=32&height=32&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="16x16" href="/media/saxezy22/favicon-32x32.png?width=16&height=16&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="168x168" href="/media/saxezy22/favicon-32x32.png?width=168&height=32&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="144x144" href="/media/saxezy22/favicon-32x32.png?width=144&height=144&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="192x192" href="/media/saxezy22/favicon-32x32.png?width=192&height=192&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="256x256" href="/media/saxezy22/favicon-32x32.png?width=256&height=256&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="48x48" href="/media/saxezy22/favicon-32x32.png?width=48&height=48&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="512x512" href="/media/saxezy22/favicon-32x32.png?width=512&height=512&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="72x72" href="/media/saxezy22/favicon-32x32.png?width=72&height=72&rnd=133361515220300000"> <link rel="icon" type="image/png" sizes="96x96" href="/media/saxezy22/favicon-32x32.png?width=96&height=96&rnd=133361515220300000"> <link rel="mask-icon" color="#006939"> <link rel="shortcut icon"> <meta name="msapplication-TileColor" content="#00a300"> <meta name="theme-color" content="#ffffff"> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://ajax.googleapis.com" /> <!-- Preload important stuff like your fonts, too. Remember "crossorigin", even if they're self-hosted! --> <link rel="preload" as="font" type="font/woff" crossorigin="anonymous" href="/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Bold/NyCarlsbergDisplay-Bold.woff"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Bold/NyCarlsbergDisplay-Bold.woff2"> <link rel="preload" as="font" type="font/woff" crossorigin="anonymous" href="/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Light/NyCarlsbergDisplay-Light.woff"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Light/NyCarlsbergDisplay-Light.woff2"> <link rel="preload" as="font" type="font/woff" crossorigin="anonymous" href="/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Regular/NyCarlsbergDisplay-Regular.woff"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Regular/NyCarlsbergDisplay-Regular.woff2"> <style type="text/css"> /** NyCarlsbergDisplay-Web **/ @font-face { font-family: 'nycarlsbergdisplay-bold'; src: url('/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Bold/NyCarlsbergDisplay-Bold.woff') format('woff'); src: url('/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Bold/NyCarlsbergDisplay-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; } @font-face { font-family: 'nycarlsbergdisplay-light'; src: url('/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Light/NyCarlsbergDisplay-Light.woff') format('woff'); src: url('/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Light/NyCarlsbergDisplay-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'nycarlsbergdisplay-regular'; src: url('/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Regular/NyCarlsbergDisplay-Regular.woff') format('woff'); src: url('/static/dist/fonts/NyCarlsbergDisplay-Web/NyCarlsbergDisplay-Regular/NyCarlsbergDisplay-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } main { display: block } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } code, kbd, samp { font-family: monospace,monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } input { overflow: visible } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } details { display: block } summary { display: list-item } menu { display: block } canvas { display: inline-block } [hidden], template { display: none } html { box-sizing: border-box; height: 100%; background-color: #fff; overflow-x: hidden } *, :after, :before { box-sizing: inherit } ::-moz-selection { background: #000; color: #fff; text-shadow: none } ::selection { background: #000; color: #fff; text-shadow: none } img { max-width: 100%; height: auto } a:link { text-decoration: none } h1, h2, h3, h4, h5, p, ul { margin: 0 } html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; font-smooth: always } html, html pre, html span { font-family: nycarlsbergdisplay-regular,arial } html pre strong, html span strong { font-family: nycarlsbergdisplay-bold,arial } .beer-ingredients__item svg, .footer__social-icons__icon svg, .footer__tagline svg, .header .carlsberg-logo, .hero .carlsberg-frame svg, .main-carousel, .module-quote-box__content svg, .navigation, .skip-snap-pack, .snap-pack-video .video-container__texts, .story-slider__init, .story-slider article, .zer02-hero__content svg { display: none } .col { max-width: 100%; flex: 0 0 100%; padding: 0 } .col--offset-cb-max-width-1, .col--offset-cb-max-width-2, .col--offset-cb-max-width-3, .col--offset-cb-max-width-4, .col--offset-cb-max-width-5, .col--offset-cb-max-width-6, .col--offset-cb-max-width-7, .col--offset-cb-max-width-8, .col--offset-cb-max-width-9, .col--offset-cb-max-width-10, .col--offset-cb-max-width-11, .col--offset-cb-max-width-12, .col--offset-lg-1, .col--offset-lg-2, .col--offset-lg-3, .col--offset-lg-4, .col--offset-lg-5, .col--offset-lg-6, .col--offset-lg-7, .col--offset-lg-8, .col--offset-lg-9, .col--offset-lg-10, .col--offset-lg-11, .col--offset-lg-12, .col--offset-md-1, .col--offset-md-2, .col--offset-md-3, .col--offset-md-4, .col--offset-md-5, .col--offset-md-6, .col--offset-md-7, .col--offset-md-8, .col--offset-md-9, .col--offset-md-10, .col--offset-md-11, .col--offset-md-12, .col--offset-sm-1, .col--offset-sm-2, .col--offset-sm-3, .col--offset-sm-4, .col--offset-sm-5, .col--offset-sm-6, .col--offset-sm-7, .col--offset-sm-8, .col--offset-sm-9, .col--offset-sm-10, .col--offset-sm-11, .col--offset-sm-12, .col--offset-xl-1, .col--offset-xl-2, .col--offset-xl-3, .col--offset-xl-4, .col--offset-xl-5, .col--offset-xl-6, .col--offset-xl-7, .col--offset-xl-8, .col--offset-xl-9, .col--offset-xl-10, .col--offset-xl-11, .col--offset-xl-12, .col--offset-xs-1, .col--offset-xs-2, .col--offset-xs-3, .col--offset-xs-4, .col--offset-xs-5, .col--offset-xs-6, .col--offset-xs-7, .col--offset-xs-8, .col--offset-xs-9, .col--offset-xs-10, .col--offset-xs-11, .col--offset-xs-12, .col--offset-xs-product-swiper-1, .col--offset-xs-product-swiper-2, .col--offset-xs-product-swiper-3, .col--offset-xs-product-swiper-4, .col--offset-xs-product-swiper-5, .col--offset-xs-product-swiper-6, .col--offset-xs-product-swiper-7, .col--offset-xs-product-swiper-8, .col--offset-xs-product-swiper-9, .col--offset-xs-product-swiper-10, .col--offset-xs-product-swiper-11, .col--offset-xs-product-swiper-12, .col--offset-xxl-1, .col--offset-xxl-2, .col--offset-xxl-3, .col--offset-xxl-4, .col--offset-xxl-5, .col--offset-xxl-6, .col--offset-xxl-7, .col--offset-xxl-8, .col--offset-xxl-9, .col--offset-xxl-10, .col--offset-xxl-11, .col--offset-xxl-12, .col--offset-xxs-1, .col--offset-xxs-2, .col--offset-xxs-3, .col--offset-xxs-4, .col--offset-xxs-5, .col--offset-xxs-6, .col--offset-xxs-7, .col--offset-xxs-8, .col--offset-xxs-9, .col--offset-xxs-10, .col--offset-xxs-11, .col--offset-xxs-12 { margin-left: 0 } .aspect-ratio--16-9 { position: relative; overflow: hidden } .aspect-ratio--16-9:before { display: block; content: ""; width: 100%; padding-top: 56.25% } .aspect-ratio--16-9 > .content, .aspect-ratio--16-9 > img { position: absolute; top: 0; left: 0; right: 0 } .aspect-ratio--16-9 > img { width: 100%; height: 100% } .clean-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; border: 0; border-radius: 0; outline: none; padding: 0; background: transparent; vertical-align: bottom; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .card-container--card-left, .card-container--card-right { display: flex } .card-container--card-left .card, .card-container--card-right .card { width: 100% } .background--white { background-color: #fff } .background--black { background-color: #000 } .background--carlsberg-rich-green { background-color: #006939 } .background--carlsberg-nordic-blue { background-color: #153b54 } .background--1883-red { background-color: #b02c30 } .background--liverpool-red { background-color: #d81b1c } .background--carlsberg-dark-grey { background-color: #63666a } .background--carlsberg-light-grey { background-color: #f8f8f8 } .background--carlsberg-grey { background-color: #ebebeb } .background--carlsberg-hoppy-green { background-color: #a0d035 } .background--light-blue { background-color: #78c8e0 } .color--white { color: #fff } .color--black { color: #000 } .color--carlsberg-rich-green { color: #006939 } .color--carlsberg-nordic-blue { color: #153b54 } .color--1883-red { color: #b02c30 } .color--liverpool-red { color: #d81b1c } .color--carlsberg-dark-grey { color: #63666a } .color--carlsberg-light-grey { color: #f8f8f8 } .color--carlsberg-grey { color: #ebebeb } .color--carlsberg-hoppy-green { color: #a0d035 } .color--light-blue { color: #78c8e0 } .color--ph-scale { color: #00f; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg,#fcb900,#fee700,#a0d035,#80be44,#5eb649,#2fae4e,#2ab07f,#60c1c8,#488dce,#3c4ea1,#6d4097,#4c1f86) } .flex-align-self--top { align-self: flex-start } .flex-align-self--middle { align-self: center } .flex-align-self--bottom { align-self: flex-end } .flex-align-self--start { margin-right: auto } .flex-align-self--center { margin-right: auto; margin-left: auto } .flex-align-self--end { margin-left: auto } .flex-align-children--top, .grid .row.flex-align-children--top { align-items: flex-start } .flex-align-children--middle, .grid .row.flex-align-children--middle { align-items: center } .flex-align-children--bottom, .grid .row.flex-align-children--bottom { align-items: flex-end } .flex-align-children--start, .grid .row.flex-align-children--start { justify-content: flex-start } .flex-align-children--center, .grid .row.flex-align-children--center { justify-content: center } .flex-align-children--end, .grid .row.flex-align-children--end { justify-content: flex-end } .flex-direction--row { flex-direction: row } .flex-direction--row-reverse { flex-direction: row-reverse } .flex-direction--column { flex-direction: column } .flex-direction--column-reverse { flex-direction: column-reverse } .clearfix { *zoom: 1 } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } b, strong { font-family: nycarlsbergdisplay-bold,arial } .font--regular { font-family: nycarlsbergdisplay-regular,arial; font-weight: 400 } .font--light { font-family: nycarlsbergdisplay-light,arial; font-weight: 300 } .font--bold { font-family: nycarlsbergdisplay-bold,arial; font-weight: 700 } .font--xxxxl { font-size: 50px } .font--xxxl { font-size: 32px } .font--xl, .font--xxl { font-size: 26px } .font--lg, .font--md { font-size: 20px } .font--sm { font-size: 16px } .font--xs { font-size: 11px } .font--navigation { font-size: 26px } .ls--xxsmall { letter-spacing: .5px } .ls--xsmall { letter-spacing: 1px } .ls--small { letter-spacing: 2px } .ls--medium { letter-spacing: 3px } .ls--large { letter-spacing: 4px } .lh--xs { line-height: 1.2 } .lh--sm { line-height: 1.4 } .lh--md { line-height: 1.5 } .lh--lg { line-height: 1.6 } .lh--xl { line-height: 1.7 } .lh--xxl { line-height: 1.8 } .lh--100 { line-height: 100% } .no-margin { margin: 0 !important } .no-margin--top { margin-top: 0 } .no-margin--bottom { margin-bottom: 0 } .no-margin--left { margin-left: 0 } .no-margin--right { margin-right: 0 } .module { position: relative } .module-container .module { padding: 15px 0 0 } .module-container .module-text { padding: 50px 0 } .module-container--frontpage .module:not(:first-of-type) { margin-top: 15px } .no-padding { padding: 0 !important } .no-padding--top { padding-top: 0 } .no-padding--bottom { padding-bottom: 0 } .no-padding--left { padding-left: 0 } .no-padding--right { padding-right: 0 } .no-padding-bottom { padding-bottom: 0 } .no-padding-top { padding-top: 0 } .text--center { text-align: center } .text--left { text-align: left } .text--right { text-align: right } .text--no-decoration, .text--no-decoration:focus, .text--no-decoration:hover { text-decoration: none } .text--uppercase { text-transform: uppercase } .font-italic { font-style: italic } .hidden { display: none !important; visibility: hidden } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .youtube-embed { background-position: 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; cursor: pointer } .youtube-embed iframe { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100% } .youtube-embed__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 50px; width: 50px; z-index: 1; margin: auto } .youtube-embed > svg, .youtube-embed__link svg { transition: -webkit-transform .1s cubic-bezier(.4,0,1,1); transition: transform .1s cubic-bezier(.4,0,1,1); transition: transform .1s cubic-bezier(.4,0,1,1),-webkit-transform .1s cubic-bezier(.4,0,1,1); stroke-width: 3px; stroke: #fff; fill: none } .youtube-embed > svg { position: absolute; z-index: 1; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px } .youtube-embed:hover > svg, .youtube-embed:hover__link svg { -webkit-transform: scale(1.1); transform: scale(1.1); transition: -webkit-transform .1s cubic-bezier(0,0,.2,1); transition: transform .1s cubic-bezier(0,0,.2,1); transition: transform .1s cubic-bezier(0,0,.2,1),-webkit-transform .1s cubic-bezier(0,0,.2,1) } .youtube-embed--paused .youtube-overlay, .youtube-embed--playing .youtube-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; z-index: 100 } .youtube-embed--paused > svg { z-index: 3 } .youtube-embed--16-9 { position: relative; overflow: hidden } .youtube-embed--16-9:before { display: block; content: ""; width: 100%; padding-top: 56.25% } .youtube-embed--16-9 > .content, .youtube-embed--16-9 > img { position: absolute; top: 0; left: 0; right: 0 } .youtube-embed--16-9 > img { width: 100%; height: 100% } .background-center { background-position: 50%; background-repeat: no-repeat; background-size: cover } .lazy-load-fade-in.b-lazy { opacity: 0; transition: opacity .25s ease-in } .lazy-load-fade-in.b-lazy.b-loaded { opacity: 1 } article.article-container { position: relative; padding: 30px 0 0; } article.article-container .button-wrapper { text-align: center; margin-top: 50px } article.article-container table { display: block !important; overflow-x: scroll !important; background-color: transparent !important; border: 0 !important } article.article-container table tbody { border: 0 !important } article.article-container .module-text { padding: 0 0 30px } article.article-container--hasSlider .module-media-slider { margin: -18px auto 48px; position: relative; top: 48px } article.article-container--hasSlider .module-media-slider__inner { max-width: 1040px; margin: auto } article.article-container--hasSlider .module-media-slider__inner .swiper-button-next svg path, article.article-container--hasSlider .module-media-slider__inner .swiper-button-prev svg path { stroke: #fff } article.article-container--hasSlider.background--black .swiper-wrapper { background-color: #0d0d0d } article.article-container--hasSlider.background--white .swiper-wrapper { background-color: #f2f2f2 } article.article-container--hasSlider.background--carlsberg-rich-green .swiper-wrapper { background-color: #00502b } article.article-container--hasSlider.background--carlsberg-nordic-blue .swiper-wrapper { background-color: #102d40 } article.article-container--hasSlider.background--1883-red .swiper-wrapper { background-color: #9c272a } article.article-container--hasSlider.background--liverpool-red .swiper-wrapper { background-color: #c11819 } article.article-container--hasSlider.background--carlsberg-dark-grey .swiper-wrapper { background-color: #57595d } article.article-container--hasSlider.background--carlsberg-grey .swiper-wrapper { background-color: #dedede } article.article-container--hasSlider.background--carlsberg-light-grey .swiper-wrapper { background-color: #ebebeb } article.article-container--hasSlider.background--carlsberg-hoppy-green .swiper-wrapper { background-color: #92bf2c } article.article-container--hasSlider.background--light-blue .swiper-wrapper { background-color: #63c0db } article.article-container--hasSlider .swiper-wrapper.b-loaded { transition: .3s ease; background-color: transparent } article.article-container--hasSlider ~ .module-container .module.module-media { padding: 0 } article.article-container--hasSlider ~ .module-container .module:first-child:before { content: ""; background-color: inherit; height: 150px; position: absolute; top: -150px; right: 0; left: 0 } article.article-container ~ .module-container .module-media-slider__inner { max-width: 840px; margin: auto } article.article-container ~ .module-container .module-media-slider .swiper-container { max-width: 840px } article.article-container--fadeOut, article.article-container--fadeOut ~ .module-container, article.article-container--fadeOut ~ .module-speaking-of { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both } article.article-container--fadeOut-done, article.article-container--fadeOut-done ~ .module-container, article.article-container--fadeOut-done ~ .module-speaking-of { height: 0; padding: 0 !important } .spacer ~ .article-container .module-text { margin-top: 50px } .grid { display: flex; flex-flow: column } .grid .row { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start } .grid .row--center { justify-content: center } .grid .row--right { justify-content: flex-end } .grid .row--space-evenly { justify-content: space-between; justify-content: space-evenly } .grid .row--space-around { justify-content: space-around } .grid .row--space-between { justify-content: space-between } .grid .row--flex-end { align-items: flex-end } .grid .row .col { position: relative } .grid .row .col--no-padding { padding: 0 } .grid-container { margin: 0 auto; width: 100% } .page-border { padding: 15px } pre { margin: 0; padding: 0 } .pioneer header.header, .pioneersOverview header.header { display: none } .pioneer .page-border, .pioneersOverview .page-border { padding: 0 } .pioneer.pioneers--init.pioneers--story-mode .footer, .pioneer .sticky-border, .pioneersOverview.pioneers--init.pioneers--story-mode .footer, .pioneersOverview .sticky-border { display: none } .betterAnswer .carlsberg-logo svg path { fill: #006939 !important } .article .module-text__paragraph h3:first-of-type { margin: 0 0 7px } .article .module-text__paragraph p ~ h3 { margin: 15px 0 7px } .article .module-text__paragraph p ~ h3:last-of-type { margin: 15px 0 0 } .cookie { position: fixed; bottom: 0; width: 100%; flex-direction: column; padding: 15px; align-items: center; justify-content: center; -webkit-animation: fadeIn .4s ease-in-out; animation: fadeIn .4s ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 10; display: none } .cookie .button { width: 100%; margin-top: 15px; padding: 15px 20px } .cookie a, .cookie a:visited { color: #fff; text-decoration: underline } .cookie--show { display: flex } .cookie--accepted { -webkit-animation: fadeOutDown .4s ease-in-out; animation: fadeOutDown .4s ease-in-out } .cookie__content { padding-right: 0; font-size: 11px } header.header { position: absolute; top: 40px; right: 0; left: 0; z-index: 3 } header.header .carlsberg-logo { position: relative; z-index: 1; display: block } .burger-menu { position: fixed; right: 25px; top: calc(80vh + 20px); top: calc(100vh - 120px - var(--vh-offset)); height: 70px; width: 70px; z-index: 5; transition: opacity .3s cubic-bezier(.3,.575,.565,1),-webkit-transform .3s cubic-bezier(.3,.575,.565,1); transition: transform .3s cubic-bezier(.3,.575,.565,1),opacity .3s cubic-bezier(.3,.575,.565,1); transition: transform .3s cubic-bezier(.3,.575,.565,1),opacity .3s cubic-bezier(.3,.575,.565,1),-webkit-transform .3s cubic-bezier(.3,.575,.565,1) } .scrolling-down .burger-menu { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } .frontpage .burger-menu { top: calc(100vh - 113px - var(--vh-offset)) } .burger-menu:after { background-color: rgba(0,0,0,.07); height: 70px; width: 70px; z-index: 1; transition: all .2s ease-in-out } .burger-menu:after, .burger-menu:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; margin: auto } .burger-menu:before { background-color: #fff; height: 50px; width: 50px; z-index: 2 } .burger-menu span { position: absolute; right: 0; bottom: 0; left: 0; margin: auto; background: #000; display: block; width: 20px; height: 1px; top: 0; transition: all .2s ease-in-out; z-index: 3 } .burger-menu span:first-child { top: -12px } .burger-menu span:nth-child(2) { top: 0 } .burger-menu span:nth-child(3) { top: 12px } .burger-menu--open span:first-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0 } .burger-menu--open span:nth-child(2) { width: 0; opacity: 0 } .burger-menu--open span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0 } .pioneer.pioneers--init .burger-menu, .pioneers-page.pioneers--init .burger-menu, .pioneersOverview.pioneers--init .burger-menu { display: none } .carlsberg-logo { width: 100px; margin: 0 auto; display: block } .carlsberg-logo svg { height: 100%; max-height: 40px; width: 100% } .carlsberg-logo--white path { fill: #fff } .carlsberg-logo--green path { fill: #006939 } .agegate { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background-color: #006939; width: 100%; will-change: transform; z-index: 9; transition: all .45s cubic-bezier(.77,0,.175,1); -webkit-transform: translateZ(0); transform: translateZ(0) } .agegate--enabled { display: block; overflow: hidden; width: 100% } .agegate p { color: #fff } .agegate__birthday-groups, .agegate__content, .agegate__inner { width: 100% } .agegate__inner { position: static; padding-bottom: 25px; overflow-y: scroll; height: 100%; top: 0 } .agegate__show-message { display: block; width: 100% } .agegate__logo-container { padding: 25px 20px 10px; text-align: center } .agegate__logo-container .logo { width: 100px; height: 55px } .agegate__instruction { margin: 30px 10px 25px; font-size: 20px } .agegate__dropdown { position: relative; width: 200px; margin: auto; } .agegate__dropdown .label { display: inline-block; overflow: hidden; padding: 0 50px 3px 10px; width: 100%; min-height: 45px; transition: background-color .2s ease-in-out; background-color: #006939; color: #fff; border-bottom: 5px solid #fff; font-weight: 700; letter-spacing: 2px; z-index: 4; cursor: pointer } .agegate__dropdown .label:after { content: ""; position: absolute; top: 8px; right: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoNTgydjQwMkgtMXoiLz48Zz48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDUwdjUwSDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ3LjI1IDE1bC0yLjA4Ni0yLjA4NkwyNSAzMy4wNzggNC44MzYgMTIuOTE0IDIuNzUgMTUgMjUgMzcuMjV6Ii8+PC9nPjwvc3ZnPg==); background-size: 20px; background-repeat: no-repeat; transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1); transition: transform .6s cubic-bezier(.19,1,.22,1),-webkit-transform .6s cubic-bezier(.19,1,.22,1); width: 20px; height: 20px } .agegate__dropdown .list { position: absolute; top: 100%; list-style: none; flex-direction: column; padding: 0; height: auto; max-height: 330px; width: 100%; margin: 0 auto; background: #006939; box-shadow: 0 5px 5px 0 rgba(50,50,50,.5); overflow-y: scroll; overflow-x: hidden; opacity: 0; z-index: 3; pointer-events: none } .agegate__dropdown .list .item { padding: 15px 10px; white-space: nowrap; text-overflow: ellipsis; text-align: left; transition: background-color .25s linear; cursor: pointer; pointer-events: none } .agegate__dropdown .list .item:first-of-type { margin-top: 10px } .agegate__dropdown .list .item a { display: block; color: #fff } .agegate__dropdown--open .label { box-shadow: 0 0 5px 0 rgba(50,50,50,.5); transition: box-shadow .2s ease-in-out; background-color: #01522d !important } .agegate__dropdown--open .label:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .agegate__dropdown--open .list { -webkit-animation: fadeInDown .4s cubic-bezier(.39,.575,.565,1) both; animation: fadeInDown .4s cubic-bezier(.39,.575,.565,1) both; transition: box-shadow .2s ease-in-out !important; pointer-events: visible } .agegate__dropdown--open .list .item { pointer-events: visible !important } .agegate__border { padding: 15px; border: 5px solid #fff } .agegate__border--day, .agegate__border--month { width: 175px; margin: auto } .agegate__birthday-group--invalid .agegate__border { border-color: #b02c30 } .agegate__birthday-group--success .agegate__border { border-color: #fff } .agegate__markets { text-align: center; padding: 15px 15px 0 } .agegate__markets .market-text, .agegate__markets .welcome-text { color: #fff; text-align: center; padding: 0; margin-bottom: 25px } .agegate__markets .market-text-wrapper { display: block; margin-top: 25px } .agegate__birthday-groups { position: relative; overflow: hidden; height: 250px } .agegate__birthday-groups .inner { position: absolute; z-index: 2; height: 450px; width: 2000px; transition: left .45s cubic-bezier(.77,0,.175,1); -webkit-transform: translateZ(0); transform: translateZ(0) } .agegate__birthday-group { float: left; margin-top: 25px; margin-right: 50px; visibility: hidden; text-align: center; font-size: 0 } .agegate__birthday-group--year { width: 308px } .agegate__birthday-group--visible { visibility: visible } .agegate__birthday-group .instruction { margin: 15px 0; opacity: 0; transition: opacity .15s ease-in-out } .agegate__birthday-group .instruction .agegate__birthday-group--current { opacity: 1 } .agegate__birthday-group--border { display: flex; border: 5px solid #fff } .agegate__date-box { display: inline-block; width: 57px; height: 81px; position: relative; background-color: #01522d; margin: 0 5px; transition: border .15s ease-in-out; zoom: 1; color: #fff } .agegate__date-box--focus:after { content: ""; position: absolute; bottom: 10px; left: 50%; width: 70%; height: 5px; background: #fff; color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation-name: fade-in-out; animation-name: fade-in-out; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; visibility: visible; pointer-events: none } .agegate__date-box--valid .placeholder { display: none } .agegate__date-box--valid:after { visibility: hidden } .agegate__date-box .input, .agegate__date-box .placeholder, .agegate__date-box .value { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 57px; height: 80px; line-height: 71px; -webkit-transform: translateZ(0); transform: translateZ(0) } .agegate__date-box .placeholder, .agegate__date-box .value { font-size: 45px; font-weight: 700 } .agegate__date-box .input { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); border: none; z-index: 3; background: transparent; color: transparent; cursor: none; text-align: left; font-size: 0; height: 170px; -webkit-transform: scale(0); transform: scale(0); outline: none } .agegate__date-box .input:focus { text-indent: -9999em } .agegate__date-box .placeholder { z-index: 2 } .agegate__feedback { position: relative; bottom: 0; width: 100%; margin: 0 0 25px; text-align: center; z-index: 1; color: #fff } .agegate__feedback--show { display: block; opacity: 1 } .agegate__feedback .message { visibility: hidden; display: none; opacity: 0 } .agegate__feedback .message--show { display: block; visibility: visible; -webkit-animation: fadeInUp .4s cubic-bezier(.39,.575,.565,1) both; animation: fadeInUp .4s cubic-bezier(.39,.575,.565,1) both } .agegate__terms { text-align: left; margin-top: 25px; padding-left: 15px; font-size: 12px } .agegate__terms .link { color: #fff; text-decoration: underline } .agegate__terms .link:visited { color: #fff } .agegate__checkbox { display: flex; justify-content: center; align-items: center; padding: 0 35px } .agegate__checkbox .label { display: inline-flex; align-items: center; cursor: pointer } .agegate__checkbox .faux { display: inline-block; width: 25px; height: 25px; border: 2px solid #fff; vertical-align: middle; background: transparent; background-size: 15px; background-position: 50%; background-repeat: no-repeat } .agegate__checkbox .text { display: inline-block; width: 80%; margin: 0; line-height: 1.2; vertical-align: middle; padding: 0 0 0 15px; font-size: 12px } .agegate__checkbox--invalid .input:not(:checked) + .faux { transition: border-color .2s ease-in-out; border-color: #b02c30 } .agegate__checkbox .input { display: none } .agegate__checkbox .input:checked + .faux { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoNTgydjQwMkgtMXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAxMWwyLTIgNSA1TDE4IDNsMiAyTDcgMThsLTctN3oiLz48L3N2Zz4=) } .better-answer-card { height: 460px } .better-answer-card, .better-answer-card__content { width: 90%; margin: auto; position: relative; border-radius: 5px; -webkit-transform: rotate(0deg) } .better-answer-card__content { height: 100%; overflow: hidden; background-color: #006939; transition: background-color .3s ease-in-out } .better-answer--show-second .better-answer-card__content { border-radius: 5px 5px 0 0; background-color: #00502b } .better-answer-card .card-content { display: flex; flex-direction: column; height: 100%; padding: 25px } .better-answer-card .card-content > :not(.button) { transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out; transition: opacity .25s ease-in-out,transform .25s ease-in-out; transition: opacity .25s ease-in-out,transform .25s ease-in-out,-webkit-transform .25s ease-in-out } .better-answer-card__answer-title, .better-answer-card__did-u-know-title, .better-answer-card__title { margin-bottom: 15px } .better-answer-card__answer-title:first-letter, .better-answer-card__did-u-know-title:first-letter, .better-answer-card__title:first-letter { text-transform: uppercase } .better-answer-card__did-u-know, .better-answer-card__question { margin-bottom: 50px; font-size: 13px } .better-answer-card__did-u-know:first-letter, .better-answer-card__question:first-letter { text-transform: uppercase } .better-answer-card__answer { font-size: 13px } .better-answer-card .button { margin-top: auto } .better-answer-card__back, .better-answer-card__front { position: absolute; height: 100%; width: 100% } .better-answer-card__front { transition: opacity .25s ease-out; transition-delay: .21s } .better-answer--show-second .better-answer-card__front { opacity: 0; pointer-events: none } .better-answer-card__front .card-content > :not(.button):first-child { transition-delay: 50ms } .better-answer--backElementsAnimated .better-answer-card__front .card-content > :not(.button):first-child { transition-delay: .25s } .better-answer-card__front .card-content > :not(.button):nth-child(2) { transition-delay: .1s } .better-answer--backElementsAnimated .better-answer-card__front .card-content > :not(.button):nth-child(2) { transition-delay: .3s } .better-answer-card__front .card-content > :not(.button):nth-child(3) { transition-delay: .15s } .better-answer--backElementsAnimated .better-answer-card__front .card-content > :not(.button):nth-child(3) { transition-delay: .35s } .better-answer-card__front .card-content > :not(.button):nth-child(4) { transition-delay: .2s } .better-answer--backElementsAnimated .better-answer-card__front .card-content > :not(.button):nth-child(4) { transition-delay: .4s } .better-answer-card__front .card-content > :not(.button):nth-child(5) { transition-delay: .25s } .better-answer--backElementsAnimated .better-answer-card__front .card-content > :not(.button):nth-child(5) { transition-delay: .45s } .better-answer--show-second .better-answer-card__front .card-content > :not(.button) { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px) } .better-answer--show-second .better-answer-card__front .card-content .button { opacity: 0 } .better-answer-card__back .card-content { padding-top: 70px } .better-answer-card__back .card-content .button { opacity: 0 } .better-answer-card__back .card-content > :not(.button) { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px) } .better-answer-card__back .card-content > :not(.button):first-child { transition-delay: .25s } .better-answer--backElementsAnimated .better-answer-card__back .card-content > :not(.button):first-child { transition-delay: 50ms } .better-answer-card__back .card-content > :not(.button):nth-child(2) { transition-delay: .3s } .better-answer--backElementsAnimated .better-answer-card__back .card-content > :not(.button):nth-child(2) { transition-delay: .1s } .better-answer-card__back .card-content > :not(.button):nth-child(3) { transition-delay: .35s } .better-answer--backElementsAnimated .better-answer-card__back .card-content > :not(.button):nth-child(3) { transition-delay: .15s } .better-answer-card__back .card-content > :not(.button):nth-child(4) { transition-delay: .4s } .better-answer--backElementsAnimated .better-answer-card__back .card-content > :not(.button):nth-child(4) { transition-delay: .2s } .better-answer-card__back .card-content > :not(.button):nth-child(5) { transition-delay: .45s } .better-answer--backElementsAnimated .better-answer-card__back .card-content > :not(.button):nth-child(5) { transition-delay: .25s } .better-answer--show-second .better-answer-card__back .card-content > * { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .better-answer-card__back-button { height: 40px; width: 37px; position: absolute; top: 55px; right: 0; left: 0; transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out,opacity .3s ease-in-out; transition: transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; opacity: 0; pointer-events: none; margin: auto; z-index: 1 } .better-answer-card__back-button:before { content: ""; position: absolute; top: 0; right: 0; left: 0; border-radius: 50%; border: 1px solid #a0d035; width: 37px; height: 37px; transition: border .2s ease-in-out } .better-answer--show-second .better-answer-card__back-button { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity: 1; pointer-events: auto } .better-answer-card__back-button svg { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .better-answer-card__back-button svg path { stroke: #a0d035; transition: stroke .2s ease-in-out } .better-answer { position: relative } .better-answer .title { text-transform: uppercase } .better-answer__bg-image { position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 50%; opacity: 0; transition: .25s ease-in; width: 100%; height: 100% } /* .better-answer__bg-image.b-lazy { background-size: 0 }*/ .better-answer__bg-image.b-loaded { opacity: 1 } .better-answer__card { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; margin-top: 90px } .better-answer__information { display: none; position: relative; background-color: #00502b; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } .better-answer__information .module-text { padding: 30px } .card-flipped .better-answer__information { display: block } .module-hero { position: relative; width: 100%; height: 100vh; margin: 0 0 15px; overflow: hidden; height: calc(100vh - 30px - var(--vh-offset)) } .article .module-hero { height: calc(100vh - 100px - var(--vh-offset)); margin-bottom: 0 } .article .module-hero:not(.no-margin-bottom) ~ .article-container:before { content: none } .module-hero.no-margin-bottom { margin-bottom: 0 } .module-hero:not(.no-margin-bottom) ~ .article-container:before { content: ""; height: 15px; position: absolute; top: -15px; right: 0; left: 0; background-color: #fff } .module-hero .b-lazy { width: 100%; height: 100%; background-position: 50%; background-size: cover; opacity: 0; overflow: hidden; transition: opacity .3s ease-in } .module-hero .b-loaded { opacity: 1 } .module-hero__image, .module-hero__video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .module-hero__video-container { display: flex; flex-direction: column; right: 0; bottom: 0; -webkit-animation: fadeIn .4s ease-in; animation: fadeIn .4s ease-in } .module-hero__video-container .video { display: block; align-self: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto } .module-hero__video-container.video-overlay:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.3); z-index: 1 } .module-hero__container { position: absolute; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 10px; z-index: 2; -webkit-animation: fadeInUp 1s cubic-bezier(.77,0,.175,1) both; animation: fadeInUp 1s cubic-bezier(.77,0,.175,1) both; -webkit-animation-fill-mode: both; animation-fill-mode: both } .module-hero__headline { width: 100%; max-width: 670px; margin-bottom: 40px; letter-spacing: 2px; font-family: nycarlsbergdisplay-bold,arial; padding: 0 } .module-hero__headline.font--xxxxl { max-width: none } .module-hero__manchet { width: 100%; max-width: 670px; font-family: nycarlsbergdisplay-bold,arial; letter-spacing: 2px } .module-hero__scroll-to { position: absolute; right: 0; bottom: 70px; left: 0; text-transform: uppercase } .module-hero__scroll-to__arrow { position: absolute; top: 20px; right: 0; left: 0; -webkit-animation: floating 1s ease-in-out infinite normal; animation: floating 1s ease-in-out infinite normal; -webkit-animation-play-state: running; animation-play-state: running } .pioneer-thumbnails { padding: 30px 20px 20px; overflow-y: auto; -webkit-overflow-scrolling: touch } .pioneer-thumbnails__list { width: 1000px; padding-bottom: 25px } .pioneer-thumbnails__list:after, .pioneer-thumbnails__list:before { content: " "; display: table } .pioneer-thumbnails__list:after { clear: both } .pioneers--story-mode .pioneer-thumbnails__list--animated .pioneer-thumbnails__item:not(.pioneer-thumbnails__item--active) { -webkit-animation-name: none; animation-name: none; -webkit-transform: translateY(0); transform: translateY(0); opacity: .4; transition: opacity .25s ease } .pioneer-thumbnails__list--animated .pioneer-thumbnails__item:not(.pioneer-thumbnails__item--active):hover { opacity: .7 } .pioneers--story-mode .pioneer-thumbnails__list--animated .pioneer-thumbnails__item--active { -webkit-animation-name: none; animation-name: none; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } .pioneer-thumbnails__item { margin-right: 25px; float: left; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 75px } .pioneer-thumbnails__item:first-child { -webkit-animation-delay: .1s; animation-delay: .1s } .pioneer-thumbnails__item:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s } .pioneer-thumbnails__item:nth-child(3) { -webkit-animation-delay: .3s; animation-delay: .3s } .pioneer-thumbnails__item:nth-child(4) { -webkit-animation-delay: .4s; animation-delay: .4s } .pioneer-thumbnails__item:nth-child(5) { -webkit-animation-delay: .5s; animation-delay: .5s } .pioneer-thumbnails__item:nth-child(6) { -webkit-animation-delay: .6s; animation-delay: .6s } .pioneer-thumbnails__item .pioneer-head { height: 75px; width: 75px; border-radius: 50% } .pioneer-thumbnails__item span.loader { position: absolute; top: 0; left: 0; width: 75px; height: 75px; border-radius: 50%; border: 2px solid #fff } .story-slider--loading .pioneer-thumbnails__item span.loader { border-left: 0; border-bottom: 0; border-top: 2px solid #fff; border-right: 2px solid transparent; -webkit-animation: loading360 1s linear infinite; animation: loading360 1s linear infinite } .pioneer-thumbnails__item span.name { display: block; margin: 5px auto 0; position: relative; font-size: 11px; color: #006939; max-width: 75px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .pioneer-thumbnails__item--active { -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .pioneer-thumbnails__item:last-of-type { margin-right: 0 } header.pioneers-header { background-color: #f8f8f8; position: relative; z-index: 3; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out,-webkit-transform .3s ease-out; height: 215px; padding: 25px 0 0; overflow: hidden } .pioneers--init header.pioneers-header { -webkit-transform: translateY(-100%); transform: translateY(-100%) } header.pioneers-header .carlsberg-logo { transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out,opacity .3s ease-in-out; transition: transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out } header.pioneers-header .carlsberg-logo svg path { fill: #006939 } .pioneers--story-mode header.pioneers-header .carlsberg-logo { pointer-events: none; -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0 } @media (min-width:1px) { .grid-container { max-width: 1440px } .col--xxs-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-xxs-1 { margin-left: 8.33333% } .col--xxs-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-xxs-2 { margin-left: 16.66667% } .col--xxs-3 { max-width: 25%; flex: 0 0 25% } .col--offset-xxs-3 { margin-left: 25% } .col--xxs-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-xxs-4 { margin-left: 33.33333% } .col--xxs-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-xxs-5 { margin-left: 41.66667% } .col--xxs-6 { max-width: 50%; flex: 0 0 50% } .col--offset-xxs-6 { margin-left: 50% } .col--xxs-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-xxs-7 { margin-left: 58.33333% } .col--xxs-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-xxs-8 { margin-left: 66.66667% } .col--xxs-9 { max-width: 75%; flex: 0 0 75% } .col--offset-xxs-9 { margin-left: 75% } .col--xxs-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-xxs-10 { margin-left: 83.33333% } .col--xxs-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-xxs-11 { margin-left: 91.66667% } .col--xxs-12 { max-width: 100%; flex: 0 0 100% } .col--offset-xxs-12 { margin-left: 100% } } @media (min-width:480px) { .grid-container { max-width: 1440px } .col--xs-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-xs-1 { margin-left: 8.33333% } .col--xs-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-xs-2 { margin-left: 16.66667% } .col--xs-3 { max-width: 25%; flex: 0 0 25% } .col--offset-xs-3 { margin-left: 25% } .col--xs-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-xs-4 { margin-left: 33.33333% } .col--xs-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-xs-5 { margin-left: 41.66667% } .col--xs-6 { max-width: 50%; flex: 0 0 50% } .col--offset-xs-6 { margin-left: 50% } .col--xs-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-xs-7 { margin-left: 58.33333% } .col--xs-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-xs-8 { margin-left: 66.66667% } .col--xs-9 { max-width: 75%; flex: 0 0 75% } .col--offset-xs-9 { margin-left: 75% } .col--xs-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-xs-10 { margin-left: 83.33333% } .col--xs-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-xs-11 { margin-left: 91.66667% } .col--xs-12 { max-width: 100%; flex: 0 0 100% } .col--offset-xs-12 { margin-left: 100% } .page-border { padding: 30px } .agegate__terms { text-align: center; max-width: 40%; margin: auto } } @media screen and (min-width:480px) { .font--xxxxl { font-size: calc(50px + 60*(100vw - 480px)/288) } /* .font--xxxl { font-size: calc(32px + 28*(100vw - 480px)/288) }*/ .font--xxl { font-size: calc(26px + 24*(100vw - 480px)/288) } .font--xl { font-size: calc(26px + 6*(100vw - 480px)/288) } .font--lg { font-size: calc(20px + 6*(100vw - 480px)/288) } .font--md { font-size: calc(20px + 0*(100vw - 480px)/288) } .font--sm { font-size: calc(16px + 0*(100vw - 480px)/288) } .font--xs { font-size: calc(11px + 0*(100vw - 480px)/288) } .font--navigation { font-size: calc(26px + 14*(100vw - 480px)/288) } } @media (min-width:600px) { .col--xs-product-swiper-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-xs-product-swiper-1 { margin-left: 8.33333% } .col--xs-product-swiper-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-xs-product-swiper-2 { margin-left: 16.66667% } .col--xs-product-swiper-3 { max-width: 25%; flex: 0 0 25% } .col--offset-xs-product-swiper-3 { margin-left: 25% } .col--xs-product-swiper-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-xs-product-swiper-4 { margin-left: 33.33333% } .col--xs-product-swiper-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-xs-product-swiper-5 { margin-left: 41.66667% } .col--xs-product-swiper-6 { max-width: 50%; flex: 0 0 50% } .col--offset-xs-product-swiper-6 { margin-left: 50% } .col--xs-product-swiper-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-xs-product-swiper-7 { margin-left: 58.33333% } .col--xs-product-swiper-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-xs-product-swiper-8 { margin-left: 66.66667% } .col--xs-product-swiper-9 { max-width: 75%; flex: 0 0 75% } .col--offset-xs-product-swiper-9 { margin-left: 75% } .col--xs-product-swiper-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-xs-product-swiper-10 { margin-left: 83.33333% } .col--xs-product-swiper-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-xs-product-swiper-11 { margin-left: 91.66667% } .col--xs-product-swiper-12 { max-width: 100%; flex: 0 0 100% } .col--offset-xs-product-swiper-12 { margin-left: 100% } } @media (min-width:768px) { .card-container { display: flex } .color--ph-scale { background-image: linear-gradient(90deg,#eb5c00,#fcb900,#fee700,#a0d035,#80be44,#5eb649,#2fae4e,#2ab07f,#60c1c8,#488dce,#3c4ea1,#6d4097,#4c1f86,#371a84) } .module-container .module { padding: 50px 0 0 } .module-container .module-text { padding: 100px 0 } .module-container--frontpage .module:not(:first-of-type) { margin-top: 30px } article.article-container { padding: 50px 0 0 } article.article-container .module-text { padding-bottom: 50px } article.article-container--hasSlider .module-media-slider { margin: -48px auto 48px } .grid-container { max-width: 1440px } .col--sm-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-sm-1 { margin-left: 8.33333% } .col--sm-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-sm-2 { margin-left: 16.66667% } .col--sm-3 { max-width: 25%; flex: 0 0 25% } .col--offset-sm-3 { margin-left: 25% } .col--sm-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-sm-4 { margin-left: 33.33333% } .col--sm-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-sm-5 { margin-left: 41.66667% } .col--sm-6 { max-width: 50%; flex: 0 0 50% } .col--offset-sm-6 { margin-left: 50% } .col--sm-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-sm-7 { margin-left: 58.33333% } .col--sm-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-sm-8 { margin-left: 66.66667% } .col--sm-9 { max-width: 75%; flex: 0 0 75% } .col--offset-sm-9 { margin-left: 75% } .col--sm-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-sm-10 { margin-left: 83.33333% } .col--sm-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-sm-11 { margin-left: 91.66667% } .col--sm-12 { max-width: 100%; flex: 0 0 100% } .col--offset-sm-12 { margin-left: 100% } .cookie { flex-direction: row; padding: 30px } .cookie .button { width: 350px; margin-top: 0 } .cookie__content { padding-right: 50px } header.header { top: 70px } .burger-menu { right: 45px; transition: none; -webkit-transform: none; transform: none; -webkit-animation: scale-up-center .4s cubic-bezier(.3,.575,.565,1) both; animation: scale-up-center .4s cubic-bezier(.3,.575,.565,1) both } .frontpage .burger-menu { right: 45px } .pioneer .burger-menu, .pioneers-page .burger-menu, .pioneersOverview .burger-menu { top: auto; bottom: 45px; right: 45px } .agegate__inner { position: relative; top: 0 } .agegate__logo-container { padding: 50px 20px 70px } .agegate__instruction { font-size: 26px; margin: 30px 10px 40px } .agegate__dropdown .label:after { position: absolute; top: 10px; right: 10px } .agegate__dropdown .list .item:hover { background-color: #01522d } .agegate__border--day, .agegate__border--month { width: 315px } .agegate__markets .market-text, .agegate__markets .welcome-text { margin-bottom: 0 } .agegate__markets .market-text-wrapper { display: inline-flex } .agegate__birthday-groups { height: 380px } .agegate__birthday-group { margin-top: 30px } .agegate__birthday-group--year { width: 588px } .agegate__date-box { width: 127px; height: 180px } .agegate__date-box--focus:after { height: 12px; bottom: 20px } .agegate__date-box .input, .agegate__date-box .placeholder, .agegate__date-box .value { width: 117px; height: 170px; line-height: 170px } .agegate__date-box .placeholder, .agegate__date-box .value { font-size: 100px; font-weight: 700 } .agegate__date-box .input { font-size: 1px } .agegate__feedback { margin: 25px 0 } .agegate__checkbox .text { width: 100%; font-size: 16px } .better-answer-card { width: 320px; height: 420px; margin-top: 50px; box-shadow: 0 2px 50px 0 rgba(0,0,0,.5) } .better-answer-card__back-button:hover:before { border-color: #fff } .better-answer-card__back-button:hover svg path { stroke: #fff } .better-answer__bg-image.b-lazy { background-size: cover } .better-answer__card { margin-top: 110px; background-color: #006939; padding-bottom: 50px } .article .module-hero { height: 760px } .article .module-hero { height: calc(100vh - 60px - var(--vh-offset)); margin-bottom: 30px; } .module-hero.md-hero { height: calc(100vh - 60px - var(--vh-offset)); margin-bottom: 30px; } .module-hero.no-margin-bottom { margin-bottom: 0 } .module-hero__video-container { display: block } } @media screen and (min-width:768px) { .font--xxxxl { font-size: 110px } .font--xxxl { font-size: 60px } .font--xxl { font-size: 50px } .font--xl { font-size: 32px } .font--lg { font-size: 26px; font-size: 1.2rem; line-height: 1.2; } .font--md { font-size: 20px } .font--sm { font-size: 16px } .font--xs { font-size: 11px } .font--navigation { font-size: 40px } } @media (min-width:992px) { .card-container { height: 420px } article.article-container { padding: 80px 0 0 } article.article-container .module-text { padding-bottom: 80px } article.article-container--hasSlider .module-media-slider { top: auto; bottom: -150px; margin: -150px auto 0 } article.article-container--hasSlider ~ .module-container { padding-top: 150px } article.article-container--hasSlider ~ .module-container > .module-blockquote { position: relative; padding: 100px 0 } article.article-container--hasSlider ~ .module-container > .module-blockquote ~ .module-product-information { padding: 0 } article.article-container--hasSlider ~ .module-container > .module-blockquote ~ .module-product-information .module-product-information__content { padding-top: 100px } .spacer ~ .article-container .module-text { margin-top: 100px } .grid-container { max-width: 1440px } .col--md-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-md-1 { margin-left: 8.33333% } .col--md-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-md-2 { margin-left: 16.66667% } .col--md-3 { max-width: 25%; flex: 0 0 25% } .col--offset-md-3 { margin-left: 25% } .col--md-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-md-4 { margin-left: 33.33333% } .col--md-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-md-5 { margin-left: 41.66667% } .col--md-6 { max-width: 50%; flex: 0 0 50% } .col--offset-md-6 { margin-left: 50% } .col--md-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-md-7 { margin-left: 58.33333% } .col--md-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-md-8 { margin-left: 66.66667% } .col--md-9 { max-width: 75%; flex: 0 0 75% } .col--offset-md-9 { margin-left: 75% } .col--md-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-md-10 { margin-left: 83.33333% } .col--md-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-md-11 { margin-left: 91.66667% } .col--md-12 { max-width: 100%; flex: 0 0 100% } .col--offset-md-12 { margin-left: 100% } .pioneer .page-border, .pioneersOverview .page-border { padding: 30px; height: 100vh; width: 100vw } .pioneers { height: 100vh; /* width: 100vw !important; */ } .betterAnswer .carlsberg-logo svg path { fill: #fff !important } .burger-menu { top: 50px; right: 50px } .burger-menu:hover:after { transition: all .3s ease-in-out; background-color: rgba(0,0,0,.1) } .scrolling-down .burger-menu { opacity: 1 } .frontpage .burger-menu { top: 50px; right: 50px } .pioneer .burger-menu, .pioneers-page .burger-menu, .pioneersOverview .burger-menu { top: 50px; right: 50px; bottom: auto } .agegate__dropdown .label { text-align: left } .agegate__markets { padding: 15px 0 0 } .better-answer--show-second .better-answer-card__content { border-radius: 5px } .better-answer__card { margin-top: 0; height: 700px; padding-bottom: 0 } .better-answer__information .module-text { padding: 50px 30px } .module-hero:not(.no-margin-bottom) ~ .article-container:before { top: -30px; height: 30px } .pioneer-thumbnails { transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out,opacity .3s ease-in-out; transition: transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out } .pioneer-thumbnails__list { padding-bottom: 0; width: auto } .pioneer-thumbnails__item { width: 50px; margin-right: 20px } .pioneer-thumbnails__item .pioneer-head, .pioneer-thumbnails__item span.loader { height: 50px; width: 50px } .pioneer-thumbnails__item span.name { transition: opacity .3s ease-in-out; opacity: 0; color: #fff; font-size: 9px; margin: 10px -35px 0; max-width: none; text-overflow: clip; overflow: visible; white-space: normal } .pioneer-thumbnails__item:hover span.name { opacity: 1 } header.pioneers-header { position: absolute; top: 0; right: 0; bottom: calc(100vh - 270px); left: 0; display: flex; align-items: center; flex-direction: column; justify-content: space-between; background-color: transparent; padding: 40px 0 0; transition: opacity .3s ease-in-out } .pioneers--init header.pioneers-header { -webkit-transform: translateY(0); transform: translateY(0); opacity: 0 } header.pioneers-header .carlsberg-logo svg path { fill: #fff } } @media (min-width:1220px) { .youtube-embed__link { display: none } .grid-container { max-width: 1440px } .col--lg-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-lg-1 { margin-left: 8.33333% } .col--lg-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-lg-2 { margin-left: 16.66667% } .col--lg-3 { max-width: 25%; flex: 0 0 25% } .col--offset-lg-3 { margin-left: 25% } .col--lg-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-lg-4 { margin-left: 33.33333% } .col--lg-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-lg-5 { margin-left: 41.66667% } .col--lg-6 { max-width: 50%; flex: 0 0 50% } .col--offset-lg-6 { margin-left: 50% } .col--lg-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-lg-7 { margin-left: 58.33333% } .col--lg-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-lg-8 { margin-left: 66.66667% } .col--lg-9 { max-width: 75%; flex: 0 0 75% } .col--offset-lg-9 { margin-left: 75% } .col--lg-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-lg-10 { margin-left: 83.33333% } .col--lg-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-lg-11 { margin-left: 91.66667% } .col--lg-12 { max-width: 100%; flex: 0 0 100% } .col--offset-lg-12 { margin-left: 100% } .pioneer-thumbnails { overflow-y: visible } .pioneers--story-mode .pioneer-thumbnails { -webkit-transform: translateY(-15px); transform: translateY(-15px); opacity: 0; pointer-events: none } .pioneer-thumbnails__item { margin-right: 30px } .pioneer-thumbnails__item span.name { font-size: 11px } } @media (min-width:1440px) { .col--cb-max-width-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-cb-max-width-1 { margin-left: 8.33333% } .col--cb-max-width-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-cb-max-width-2 { margin-left: 16.66667% } .col--cb-max-width-3 { max-width: 25%; flex: 0 0 25% } .col--offset-cb-max-width-3 { margin-left: 25% } .col--cb-max-width-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-cb-max-width-4 { margin-left: 33.33333% } .col--cb-max-width-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-cb-max-width-5 { margin-left: 41.66667% } .col--cb-max-width-6 { max-width: 50%; flex: 0 0 50% } .col--offset-cb-max-width-6 { margin-left: 50% } .col--cb-max-width-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-cb-max-width-7 { margin-left: 58.33333% } .col--cb-max-width-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-cb-max-width-8 { margin-left: 66.66667% } .col--cb-max-width-9 { max-width: 75%; flex: 0 0 75% } .col--offset-cb-max-width-9 { margin-left: 75% } .col--cb-max-width-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-cb-max-width-10 { margin-left: 83.33333% } .col--cb-max-width-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-cb-max-width-11 { margin-left: 91.66667% } .col--cb-max-width-12 { max-width: 100%; flex: 0 0 100% } .col--offset-cb-max-width-12 { margin-left: 100% } } @media (min-width:1540px) { .color--ph-scale { background-image: linear-gradient(90deg,#fcb900,#fee700,#a0d035,#80be44,#5eb649,#2fae4e,#2ab07f,#60c1c8,#488dce,#3c4ea1,#6d4097) } .grid-container { max-width: 1440px } .col--xl-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-xl-1 { margin-left: 8.33333% } .col--xl-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-xl-2 { margin-left: 16.66667% } .col--xl-3 { max-width: 25%; flex: 0 0 25% } .col--offset-xl-3 { margin-left: 25% } .col--xl-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-xl-4 { margin-left: 33.33333% } .col--xl-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-xl-5 { margin-left: 41.66667% } .col--xl-6 { max-width: 50%; flex: 0 0 50% } .col--offset-xl-6 { margin-left: 50% } .col--xl-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-xl-7 { margin-left: 58.33333% } .col--xl-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-xl-8 { margin-left: 66.66667% } .col--xl-9 { max-width: 75%; flex: 0 0 75% } .col--offset-xl-9 { margin-left: 75% } .col--xl-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-xl-10 { margin-left: 83.33333% } .col--xl-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-xl-11 { margin-left: 91.66667% } .col--xl-12 { max-width: 100%; flex: 0 0 100% } .col--offset-xl-12 { margin-left: 100% } } @media (min-width:2640px) { .grid-container { max-width: 1440px } .col--xxl-1 { max-width: 8.33333%; flex: 0 0 8.33333% } .col--offset-xxl-1 { margin-left: 8.33333% } .col--xxl-2 { max-width: 16.66667%; flex: 0 0 16.66667% } .col--offset-xxl-2 { margin-left: 16.66667% } .col--xxl-3 { max-width: 25%; flex: 0 0 25% } .col--offset-xxl-3 { margin-left: 25% } .col--xxl-4 { max-width: 33.33333%; flex: 0 0 33.33333% } .col--offset-xxl-4 { margin-left: 33.33333% } .col--xxl-5 { max-width: 41.66667%; flex: 0 0 41.66667% } .col--offset-xxl-5 { margin-left: 41.66667% } .col--xxl-6 { max-width: 50%; flex: 0 0 50% } .col--offset-xxl-6 { margin-left: 50% } .col--xxl-7 { max-width: 58.33333%; flex: 0 0 58.33333% } .col--offset-xxl-7 { margin-left: 58.33333% } .col--xxl-8 { max-width: 66.66667%; flex: 0 0 66.66667% } .col--offset-xxl-8 { margin-left: 66.66667% } .col--xxl-9 { max-width: 75%; flex: 0 0 75% } .col--offset-xxl-9 { margin-left: 75% } .col--xxl-10 { max-width: 83.33333%; flex: 0 0 83.33333% } .col--offset-xxl-10 { margin-left: 83.33333% } .col--xxl-11 { max-width: 91.66667%; flex: 0 0 91.66667% } .col--offset-xxl-11 { margin-left: 91.66667% } .col--xxl-12 { max-width: 100%; flex: 0 0 100% } .col--offset-xxl-12 { margin-left: 100% } } @media screen and (min-width:480px) and (max-width:599px) and (orientation:landscape) { .module-hero__headline.font--xxxxl { margin-bottom: 0 } .module-hero__manchet { font-size: 16px } } @media screen and (min-width:480px) and (max-width:991px) and (orientation:landscape) { .font--xxxl, .font--xxxxl { font-size: 32px } .font--xl, .font--xxl { font-size: 26px } .font--lg, .font--md { font-size: 20px } .font--sm { font-size: 16px } .font--xs { font-size: 11px } .font--navigation { font-size: 26px } header.header { top: 50px } .module-hero__scroll-to { position: relative; right: 0; bottom: -45px; left: 0 } } @media screen and (min-width:1px) and (max-width:1219px) and (orientation:landscape) { .agegate__inner { position: static } .module-hero { height: calc(80vh + 20px) !important } } </style> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/static/dist/css/main.min.css?v=1481235"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/static/dist/css/custom.css"> <link rel="stylesheet" type="text/css" href="/static/dist/css/components/cardsTitle.css?v=1"> <link rel="stylesheet" type="text/css" href="/static/dist/css/components/hero.css?v=1"> <link rel="stylesheet" type="text/css" href="/static/dist/css/components/speakingof.css?v=1"> <noscript> <link rel="stylesheet" type="text/css" href="/static/dist/css/main.min.css"> </noscript> <script defer type="text/javascript" src="/static/dist/js/main.min.js"></script> <!-- And you can tell the browser to pre-connect to other sites you know you are going to talk to eventually: --> <meta name="theme-color" content="#006939" /> <script type="text/javascript"> /*! modernizr 3.7.1 (Custom Build) | MIT * * https://modernizr.com/download/?-setclasses !*/ !function(n,e,s){function o(n,e){return typeof n===e}var a=[],t={_version:"3.7.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(n,e){var s=this;setTimeout(function(){e(s[n])},0)},addTest:function(n,e,s){a.push({name:n,fn:e,options:s})},addAsyncTest:function(n){a.push({name:null,fn:n})}},Modernizr=function(){};Modernizr.prototype=t,Modernizr=new Modernizr;var i=[],l=e.documentElement,f="svg"===l.nodeName.toLowerCase();!function(){var n,e,s,t,l,f,r;for(var c in a)if(a.hasOwnProperty(c)){if(n=[],e=a[c],e.name&&(n.push(e.name.toLowerCase()),e.options&&e.options.aliases&&e.options.aliases.length))for(s=0;s<e.options.aliases.length;s++)n.push(e.options.aliases[s].toLowerCase());for(t=o(e.fn,"function")?e.fn():e.fn,l=0;l<n.length;l++)f=n[l],r=f.split("."),1===r.length?Modernizr[r[0]]=t:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=t),i.push((t?"":"no-")+r.join("-"))}}(),function(n){var e=l.className,s=Modernizr._config.classPrefix||"";if(f&&(e=e.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+s+"no-js(\\s|$)");e=e.replace(o,"$1"+s+"js$2")}Modernizr._config.enableClasses&&(n.length>0&&(e+=" "+s+n.join(" "+s)),f?l.className.baseVal=e:l.className=e)}(i),delete t.addTest,delete t.addAsyncTest;for(var r=0;r<Modernizr._q.length;r++)Modernizr._q[r]();n.Modernizr=Modernizr}(window,document); //https://github.com/Hiswe/vh-check#as-a-string !function(e, n) { "object" == typeof exports && "undefined" != typeof module ? module.exports = n() : "function" == typeof define && define.amd ? define(n) : e.vhCheck = n() }(this, function() { "use strict"; var r = function() { return (r = Object.assign || function(e) { for (var n, t = 1, o = arguments.length; t < o; t++)for (var r in n = arguments[t]) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]); return e }).apply(this, arguments) }; function n() { var e, n, t = ((e = document.createElement("div")).style.cssText = "position: fixed; top: 0; height: 100vh; pointer-events: none;", document.documentElement.insertBefore(e, document.documentElement.firstChild), e), o = window.innerHeight, r = t.offsetHeight, i = r - o; return n = t, document.documentElement.removeChild(n), { vh: r, windowHeight: o, offset: i, isNeeded: 0 !== i, value: 0 } } function i() { } function e() { var e = n(); return e.value = e.offset, e } var c = Object.freeze({ noop: i, computeDifference: e, redefineVhUnit: function() { var e = n(); return e.value = .01 * e.windowHeight, e } }); function u(e) { return "string" == typeof e && 0 < e.length } var a = Object.freeze({ cssVarName: "vh-offset", redefineVh: !1, method: e, force: !1, bind: !0, updateOnTouch: !1, onUpdate: i }); var t = !1, o = []; try { var f = Object.defineProperty({}, "passive", { get: function() { t = !0 } }); window.addEventListener("test", f, f), window.removeEventListener("test", f, f) } catch (e) { t = !1 } function d(e, n) { o.push({ eventName: e, callback: n }), window.addEventListener(e, n, !!t && { passive: !0 }) } function s() { o.forEach(function(e) { window.removeEventListener(e.eventName, e.callback) }), o = [] } function m(e, n) { document.documentElement.style.setProperty("--" + e, n.value + "px") } function h(e, n) { return r({}, e, { unbind: s, recompute: n.method }) } return function(e) { var n = Object.freeze(function(e) { if (u(e)) return r({}, a, { cssVarName: e }); if ("object" != typeof e) return a; var n, t = { force: !0 === e.force, bind: !1 !== e.bind, updateOnTouch: !0 === e.updateOnTouch, onUpdate: (n = e.onUpdate, "function" == typeof n ? e.onUpdate : i) }, o = !0 === e.redefineVh; return t.method = c[o ? "redefineVhUnit" : "computeDifference"], t.cssVarName = u(e.cssVarName) ? e.cssVarName : o ? "vh" : a.cssVarName, t }(e)), t = h(n.method(), n); if (!t.isNeeded && !n.force) return t; if (m(n.cssVarName, t), n.onUpdate(t), !n.bind) return t; function o() { window.requestAnimationFrame(function() { var e = n.method(); m(n.cssVarName, e), n.onUpdate(h(e, n)) }) } return t.unbind(), d("orientationchange", o), n.updateOnTouch && d("touchmove", o), t } }); var vhFix = vhCheck({ cssVarName: 'vh-offset', force: true, bind: true, redefineVh: false, updateOnTouch: false, }); </script> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'page.brand': 'Carlsberg', 'page.title': 'Home', 'page.template': 'frontpage', 'page.language': 'en', 'page.path': '/en/', 'page.market': 'Global', 'page.country': 'global' }); </script> </head> <body class="frontpage"> <!-- Google Tag Manager (noscript) --> <noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> </noscript> <!-- End Google Tag Manager (noscript) --> <button type="button" role="button" aria-label="toggle navigation" class="burger-menu clean-button"> <span> </span> <span> </span> <span> </span> </button> <nav class="navigation" data-module="navigation"> <ul class="navigation__list"> <li class="item has-children"> <a href="https://www.draughtmaster.com/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/" role="link" tabindex="10"> DraughtMaster <span class="expand-icon"></span> </a> <ul class="sub-list"> <li><a class="font--navigation font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/overview/" role="link" tabindex="11">Overview</a></li> <li><a class="font--navigation font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/modular20/" role="link" tabindex="11">Modular20</a></li> <li><a class="font--navigation font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/flex20/" role="link" tabindex="11">Flex20</a></li> <li><a class="font--navigation font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/extra10/" role="link" tabindex="11">Extra10</a></li> <li><a class="font--navigation font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/faqs/" role="link" tabindex="11">FAQs</a></li> <li><a class="font--navigation font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/contact/" role="link" tabindex="11">Contact</a></li> <li><a class="font--navigation font--bold ls--xsmall color--carlsberg-rich-green" href="https://www.draughtmaster.com/german-technicians-demo/" role="link" tabindex="11">German Technicians Demo</a></li> </ul> </li> <li class="item"> <a href="/en/our-beer/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="/en/our-beer/" role="link" tabindex="10"> Our Beer </a> </li> <li class="item"> <a href="/en/better-tomorrow/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="/en/better-tomorrow/" role="link" tabindex="10"> In pursuit of better </a> </li> <li class="item"> <a href="/en/pioneers/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="/en/pioneers/" role="link" tabindex="10"> Pioneers </a> </li> <li class="item"> <a href="/en/it-all-comes-from-beer/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="/en/it-all-comes-from-beer/" role="link" tabindex="10"> It all comes from beer </a> </li> <li class="item"> <a href="/en/liverpool-fc-carlsberg/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="/en/liverpool-fc-carlsberg/" role="link" tabindex="10"> Liverpool FC </a> </li> <li class="item"> <a href="/en/celebrate-responsibly/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="/en/celebrate-responsibly/" role="link" tabindex="10"> Celebrate responsibly </a> </li> <li class="item"> <a href="/en/uefa-national-team-competitions-by-carlsberg/" class="font--navigation item__link font--bold ls--xsmall color--carlsberg-rich-green" href="/en/uefa-national-team-competitions-by-carlsberg/" role="link" tabindex="10"> UEFA </a> </li> </ul> </nav> <header class="header"> <a href="/en/" aria-label="Carlsberg" class="carlsberg-logo carlsberg-logo--white"> <svg xmlns="http://www.w3.org/2000/svg" width="2004" viewBox="0 0 2004 736"> <path fill="#00682F" fill-rule="evenodd" d="M1800.517 344.936c0-52.283 28.083-80.883 62.022-80.883 18.563-.439 38.938 9.38 50.709 28.162v90.245c-12.21 29.039-32.146 42.005-55.688 42.005-33.043 0-57.043-33.5-57.043-79.53zM1522.774 28.593c-5.896 10.277-.459 20.554 6.791 24.578 4.521 2.668 6.772 7.588 3.625 12.946-5.437 8.942-2.27 19.22 6.334 24.14 6.772 4.022 14.041 2.668 18.124.437 9.48-4.461 17.627-12.05 27.147-6.692 3.167 1.773 5.418 5.358 5.418 8.923 0 11.174-11.313 14.3-19.917 20.116-3.605 2.231-8.585 8.047-8.585 15.655 0 9.82 7.688 17.408 18.105 17.408 6.334 0 9.5 4.023 9.5 9.819 0 8.066 6.354 17.885 18.563 17.885 11.771 0 18.105-9.819 18.105-17.885 0-5.796 3.167-9.82 9.52-9.82 10.397 0 18.105-7.588 18.105-17.407 0-7.608-4.98-13.424-8.604-15.655-8.585-5.815-19.917-8.942-19.917-20.116 0-3.565 2.27-7.15 5.437-8.923 9.5-5.357 18.104 2.23 27.167 6.692 4.063 2.231 11.293 3.585 18.084-.438 8.625-4.92 11.791-15.197 6.374-24.14-3.187-5.357-.916-10.277 3.585-12.945 7.27-4.024 12.687-14.3 6.812-24.578-6.334-10.257-17.667-10.715-24.897-6.692-4.979 2.689-10.416 2.23-13.125-3.127-5.457-8.943-15.854-11.612-24.458-6.692-6.772 3.545-9.5 10.695-9.5 15.177-.917 10.277 1.812 21.43-7.709 26.808-3.166 1.772-7.23 1.772-10.396 0-9.52-5.378-6.792-16.531-7.708-26.808 0-4.482-2.709-11.632-9.52-15.177-8.585-4.92-19.001-2.25-23.98 6.692-3.168 5.358-8.585 5.816-13.584 3.127-7.25-4.023-18.563-3.565-24.896 6.692zm-168.2 310.527c3.625-54.951 35.77-75.067 58.855-75.067 14.5 0 26.27 8.046 26.27 22.346 0 30.832-38.937 50.928-85.125 52.721zM1045.36 95.614h10.875c11.313 0 15.376 5.816 15.376 16.97V384.71c0 46.467 27.187 75.506 94.626 75.506 57.5 0 90.105-29.04 90.105-78.195v-33.958c9.5 3.127 19.459 6.254 30.792 8.484 1.792 53.179 41.188 103.669 114.085 103.669 55.23 0 92.355-37.982 110.918-81.322l-10.417-8.942c-23.562 34.854-50.709 53.178-82.855 53.178-32.126 0-59.313-20.554-64.292-61.205 105.959-4.94 148.502-92.057 177.939-92.057 5.876 0 11.771 2.69 11.771 14.3v172.025h89.647v-20.117h-13.604c-8.604 0-12.687-5.357-12.687-20.096v-80.883c0-21.45 16.77-50.928 29.438-54.493 2.728 10.715 15.854 24.557 39.376 24.557 43.937 0 73.832-48.697 73.832-84.886 0-43.34-21.73-58.078-31.25-58.078-11.332 0-14.48 8.922-14.48 14.738 29.418 0 26.251 57.64 3.148 57.64-14.938 0-17.189-19.658-40.73-19.658-20.396 0-35.772 12.07-35.772 38.42-8.624 5.816-20.375 18.762-23.084 21.889h-.478v-2.669c0-25.932-17.626-43.34-44.355-43.34-38.938 0-62.002 28.582-92.356 56.744.458-2.688.917-5.357.917-8.046 0-29.497-26.73-48.697-62.042-48.697-67.44 0-113.169 44.674-121.315 104.544-13.603-3.127-23.562-6.692-32.146-10.735v-90.244h-73.355v39.316c0 18.324 14.042 42.463 43.917 61.225v42.882c0 36.647-17.666 50.928-46.645 50.928-32.127 0-45.252-17.866-45.252-45.113V75.518h-89.647v20.096zm-311.94 0h10.894c11.293 0 15.376 5.816 15.376 16.97v294.911c0 25.454 14.5 48.698 49.354 48.698h159.357c46.626 0 74.709-25.016 74.709-66.583 0-38.42-26.729-53.159-54.334-67.917-29.418-15.635-57.52-23.662-57.52-39.317 0-8.484 6.811-15.196 21.749-15.196 22.188 0 47.98 13.424 63.376 29.059l36.23-63.456H932.63c-37.584 0-60.668 22.347-60.668 53.178 0 38.42 29.418 53.617 79.23 78.633 19.46 9.819 35.313 17.866 35.313 34.855 0 14.3-8.146 24.558-28.979 24.558-45.271 0-73.335-65.229-73.335-65.229h-14.48v74.63h-32.165c-11.751 0-14.48-5.816-14.48-16.99v-340.9H733.42v20.096zM411.081 661.717c67.898-4.462 140.814 14.758 190.149 73.713 32.604-31.708 144.876-128.226 368.087-128.226 210.942 0 422.401 80.445 591.258 80.445 142.148 0 208.711-67.48 220.462-143.005 16.312 21.45 48.458 40.67 84.668 39.336 70.626 0 110.938-56.743 110.938-120.2V272.996c0-14.3 3.167-20.096 14.938-20.096h11.77v-20.116h-63.834c-15.834 0-22.645 6.712-25.354 17.885-13.603-11.611-33.062-21.45-61.584-21.45-63.376 0-122.23 38.42-122.23 120.2 0 65.228 44.374 110.798 110.021 110.798 31.23 0 56.585-14.759 72.877-34.397v43.32c0 59.87-24.439 83.114-64.273 83.114-40.312 0-67.459-26.37-68.375-58.975h-19.02c1.832 96.956-48.897 151.908-190.587 151.908-208.711 0-397.963-143.861-711.697-143.861-278.899 0-448.214 160.392-448.214 160.392zM287.04 344.936c0-52.283 28.063-80.883 62.022-80.883 16.75-.439 34.854 7.608 46.625 22.346v104.565c-12.667 23.223-30.333 33.5-51.605 33.5-33.52 0-57.042-33.5-57.042-79.528zm-70.188 4.481c0 65.229 44.375 110.799 110.042 110.799 30.314 0 55.21-14.3 71.96-33.082 7.25 18.781 27.167 33.082 52.541 33.082 45.252 0 76.502-34.397 91.878-78.195v74.172h90.085v-20.117h-11.751c-11.771 0-14.938-5.816-14.938-20.116v-77.278c0-40.65 34.875-83.114 72.896-83.114 10.875 0 18.105 6.274 18.105 14.3 0 7.15-4.98 12.508-12.687 12.508-8.584 0-9.959-8.484-13.564-8.484-11.77 0-26.27 10.715-26.27 31.27 0 18.761 17.188 34.854 40.75 34.854 32.126 0 52.96-26.37 52.96-58.078 0-29.935-23.98-52.72-53.876-52.72-32.146 0-63.376 20.534-78.314 43.34v-10.716c0-17.428-8.604-29.06-26.27-29.06h-66.563V252.9h14.5c9.061 0 14.937 5.796 14.937 20.096v56.744c-12.21 51.386-38.48 94.726-66.085 94.726-9.042 0-18.124-4.462-18.124-16.073V272.995c0-14.3 2.728-20.096 14.5-20.096h11.77v-20.116h-63.376c-12.229 0-20.375 5.816-24 15.635-13.603-10.716-32.604-19.2-59.293-19.2-63.396 0-121.813 38.42-121.813 120.2zM.014 280.604C.014 454.4 131.745 593.36 322.352 593.36c120.877 0 190.148-56.743 219.586-89.806l-9.959-10.277c-28.98 25.912-83.751 62.54-168.419 62.54-146.709 0-223.21-107.214-223.21-217.136 0-141.65 102.772-208.213 196.501-208.213 55.689 0 90.982 14.3 126.314 43.34C496.208 115.71 529.69 58.09 562.751-.009H155.287C87.848 34.847.014 144.769.014 280.604z"/> </svg> </a> <span class="sticky-border"></span> </header> <main class="page-border" itemscope itemtype="https://schema.org/WebPage"> <div class="module module-hero md-hero background--carlsberg-rich-green no-padding"> <div class="module-hero__video-container rellax "> <video class="video b-lazy" poster="/media/z2hkwz3j/screenshot-2025-03-21-at-113413.png" autoplay loop muted playsinline> <source type="video/mp4" data-src="/media/m5eo5ajg/bgn-video-for-homepage.mp4" /> </video> </div> <div class="module-hero__container"> <h1 class="module-hero__headline font--xxxl color--white flex-align-self--center text--center" style="color:#ffffff"> <span class="module-hero__headline-item"> Back behind the best moments? </span> <span style="display:block;"> <svg width="42" height="40" viewBox="0 0 42 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill="#ffffff" d="M0.600422 4.62005C-0.81426 7.12448 0.491601 9.62891 2.23275 10.6086C3.32097 11.2607 3.86508 12.461 3.10332 13.7651C1.79426 15.9451 2.55601 18.4463 4.62363 19.6434C6.25595 20.6231 8.0003 20.2955 8.9765 19.7537C11.2586 18.6637 13.2205 16.8146 15.5026 18.1219C16.2676 18.5566 16.8117 19.426 16.8117 20.2987C16.8117 23.0205 14.0879 23.7828 12.0235 25.1973C11.1529 25.7423 9.95589 27.1567 9.95589 29.0091C9.95589 31.4032 11.8059 33.2523 14.3056 33.2523C15.8323 33.2523 16.594 34.232 16.594 35.6464C16.594 37.6059 18.1175 40 21.0557 40C23.9939 40 25.4086 37.6059 25.4086 35.6464C25.4086 34.232 26.1671 33.2523 27.6938 33.2523C30.1967 33.2523 32.0467 31.4032 32.0467 29.0091C32.0467 27.1567 30.8497 25.7423 29.9791 25.1973C27.9115 23.7828 25.1909 23.0205 25.1909 20.2987C25.1909 19.426 25.735 18.5566 26.4936 18.1219C28.7789 16.8178 30.8465 18.6637 33.0229 19.7537C34.0023 20.2987 35.7402 20.6231 37.3758 19.6434C39.4434 18.4463 40.2051 15.9419 38.8993 13.7651C38.1375 12.461 38.6816 11.2607 39.7667 10.6086C41.511 9.62891 42.8137 7.12448 41.399 4.62005C39.8755 2.11887 37.1549 2.00857 35.4138 2.98828C34.2167 3.64034 32.9109 3.53328 32.258 2.22268C30.9649 0.0491419 28.4588 -0.602918 26.3944 0.594148C24.7621 1.46356 24.1091 3.20563 24.1091 4.29564C23.8915 6.80007 24.5444 9.51861 22.2592 10.826C21.4974 11.2607 20.518 11.2607 19.7563 10.826C17.4742 9.51861 18.1271 6.80007 17.9063 4.29564C17.9063 3.20563 17.2534 1.46356 15.621 0.594148C13.5534 -0.606162 11.0505 0.0491419 9.85347 2.22592C9.09172 3.53329 7.78586 3.64358 6.58562 2.99152C4.84767 2.00857 2.12713 2.11887 0.600422 4.62005Z" fill="white" /> </svg> </span> <span class="module-hero__headline-item"> Probably </span> </h1> <div class="module-hero__cta text--center"> <a target="_blank" href="/en/uefa-national-team-competitions-by-carlsberg/">FIND OUT MORE</a> </div> </div> </div> <div class="module-container module-container--frontpage"> <section class="module module-four-card-tall module-four-card-tall--left no-padding"> <div class="grid-container"> <h2 class="cards_title"> At Carlsberg we've always been curious </h2> <div class="card-container"> <div class="card-container__card-left"> <div class="card background--#006939 card--link" style="background-color:#006939;"> <a href="/en/betterment-content-pages/fibrebottle/" title="fibrebottle"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/nudbfr23/fibre-card-primary-hero-image.jpg?rxy=0.4685394043772527,0.6219562965860466&width=960&height=1260"></div> <noscript> <img src="/media/nudbfr23/fibre-card-primary-hero-image.jpg?rxy=0.4685394043772527,0.6219562965860466&width=960&height=1260" alt="Green fibre bottle on wood surface"> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Green fibre bottle</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Our journey towards better continues</h2> </div> </a> </div> </div> <div class="card-container__card-right"> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/betterment-content-pages/zer02/" title="Zer02"> <video class="card__video b-lazy lazy-load-fade-in" autoplay loop muted playsinline> <source type="video/mp4" data-src="/media/idzct3bq/art-page.mp4"> </video> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">The ZerO2 cap</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Fresher beer. For longer.</h2> </div> </a> </div> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/betterment-content-pages/greener-green/" title="Greener green"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/wvnpelay/card_regular_jacobsen_greenergreen.jpg?width=480&height=630"></div> <noscript> <img src="/media/wvnpelay/card_regular_jacobsen_greenergreen.jpg?width=480&height=630" alt="Setting the greener standard. "> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Setting the greener standard. </span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Setting the greener standard. </h2> </div> </a> </div> <div class="card background--#006939 card--link" style="background-color:#006939;"> <a href="/en/betterment-content-pages/snappack/" title="Snappack"> <video class="card__video b-lazy lazy-load-fade-in" autoplay loop muted playsinline> <source type="video/mp4" data-src="/media/4g5iphh3/snappack_card.mp4"> </video> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">The Snap Pack</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Reducing waste. One snap a time.</h2> </div> </a> </div> </div> </div> </div> </section> <section class="module module-three-card-medium module-three-card-medium--right no-padding"> <div class="grid-container"> <div class="card-container"> <div class="card-container__card-left"> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/it-all-comes-from-beer-content-pages/can-beer-help-us-understand-space-better/" title="Can beer help us understand space better"> <video class="card__video b-lazy lazy-load-fade-in" autoplay loop muted playsinline> <source type="video/mp4" data-src="/media/sbheyk4n/space-card.mp4"> </video> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Probably</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Can beer help us understand space better? </h2> </div> </a> </div> </div> <div class="card-container__card-right"> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/it-all-comes-from-beer-content-pages/can-we-create-crops-for-the-future/" title="Can we create crops for the future"> <video class="card__video b-lazy lazy-load-fade-in" autoplay loop muted playsinline> <source type="video/mp4" data-src="/media/2q4k0fmw/crops.mp4"> </video> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Probably</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Can we create crops for the future?</h2> </div> </a> </div> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/pioneers/birgitte-skadhauge/" title="Birgitte Skadhauge"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/12ai2tdl/card_regular_birgitte.jpg?width=480&height=630"></div> <noscript> <img src="/media/12ai2tdl/card_regular_birgitte.jpg?width=480&height=630" alt="Birgitte Skadhauge. Shaping the future today."> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Pioneers</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Birgitte Skadhauge. Shaping the future today.</h2> </div> </a> </div> </div> </div> </div> </section> <section class="module module-three-card-medium module-three-card-medium--left no-padding"> <div class="grid-container"> <h2 class="cards_title"> Liverpool FC </h2> <div class="card-container"> <div class="card-container__card-left"> <div class="card background--#980513 card--link" style="background-color:#980513;"> <a href="/en/liverpool-fc-by-carlsberg/ten-more-years/" title="ten more years"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/3tudkbcw/skaermbillede-2023-11-29-kl-204215.png?width=960&height=630"></div> <noscript> <img src="/media/3tudkbcw/skaermbillede-2023-11-29-kl-204215.png?width=960&height=630" alt=""> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Liverpool FC</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">10 more years. Inked.</h2> </div> </a> </div> </div> <div class="card-container__card-right"> <div class="card background--#980513 card--link" style="background-color:#980513;"> <a href="/en/liverpool-fc-by-carlsberg/even-better-probably/" title="even better probably"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/mkapf2js/dressing-room.jpg?rxy=0.46715328467153283,0.5989267233118252&width=480&height=630"></div> <noscript> <img src="/media/mkapf2js/dressing-room.jpg?rxy=0.46715328467153283,0.5989267233118252&width=480&height=630" alt="LFC Dressing room"> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Liverpool FC</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Probably Mindset</h2> </div> </a> </div> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/liverpool-fc-by-carlsberg/the-power-of-red/" title="The power of red"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/3lamo4eo/header.jpg?width=480&height=630"></div> <noscript> <img src="/media/3lamo4eo/header.jpg?width=480&height=630" alt="Fans of liverpool fc in football stadium in red jerseys"> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Liverpool FC</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">The Power of Red</h2> </div> </a> </div> </div> </div> </div> </section> <section class="module module-four-card-tall module-four-card-tall--right no-padding"> <div class="grid-container"> <h2 class="cards_title"> Founded by inquisitive minds </h2> <div class="card-container"> <div class="card-container__card-left"> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/our-beer/1883/" title="1883"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/u3bbk0kq/card_regular_1883.jpg?width=960&height=1260"></div> <noscript> <img src="/media/u3bbk0kq/card_regular_1883.jpg?width=960&height=1260" alt=""> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Our beer</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Carlsberg 1883. A taste of history.</h2> </div> </a> </div> </div> <div class="card-container__card-right"> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/betterment-content-pages/ph-scale/" title="PH Scale"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/1l4bxbu2/curiositypage_002_thumb_ph-scale_001.jpg?width=480&height=630"></div> <noscript> <img src="/media/1l4bxbu2/curiositypage_002_thumb_ph-scale_001.jpg?width=480&height=630" alt=""> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">Better tomorrow</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">The pH scale. Invented by Carlsberg. In pursuit of better.</h2> </div> </a> </div> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/pioneers/carl-jacobsen/" title="Carl Jacobsen"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/sqvlbvw2/card_regular_jacobsen.jpg?rxy=0.6175124148655126,0.35971729974469646&width=480&height=630"></div> <noscript> <img src="/media/sqvlbvw2/card_regular_jacobsen.jpg?rxy=0.6175124148655126,0.35971729974469646&width=480&height=630" alt=""> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">History</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Meet J.C. Jacobsen. Founder and visionary.</h2> </div> </a> </div> <div class="card background--carlsberg-rich-green card--link" style="background-color:carlsberg-rich-green;"> <a href="/en/pioneers/" title="Pioneers"> <div class="card__image b-lazy background-center lazy-load-fade-in" data-src="/media/tydjrei3/card_medium_history.jpg?width=960&height=630"></div> <noscript> <img src="/media/tydjrei3/card_medium_history.jpg?width=960&height=630" alt="Explore the history of Carlsberg through our pioneers."> </noscript> <div class="card__media-gradient"></div> <div class="card__content"> <span class="card__section-title font--xs ls--medium text--left color--carlsberg-hoppy-green">History</span> <h2 class="card__headline font--bold font--xl ls--xsmall text--left color--white">Explore the history of Carlsberg through our pioneers.</h2> </div> </a> </div> </div> </div> </div> </section> <section class="module module-speaking-of"> <div class="module-speaking-of__content"> <h3 class="module-speaking-of__headline text--center font--xxxl font--bold color--carlsberg-rich-green"> Curious for more? </h3> <div class="module-speaking-of__media background--carlsberg-light-grey"> <video class="b-lazy video" playsinline loop muted Autoplay> <source type="video/mp4" data-src="/media/im3h3tjr/homepage_003_bottomcta_videoarea_16x9_a.mp4" /> </video> <a role="link" href="/en/curiosity/" class="button button--light color--carlsberg-rich-green flex-align-self--center"><span class="button__text lh--md font--xs">See where curiosity takes you</span></a> </div> </div> </section> </div> </main> <footer class="footer background--carlsberg-rich-green"> <div class="footer__container flex-align-self--center"> <ul class="footer__social-icons text--center"> <li class="footer__social-icons__icon"> <a rel="noreferrer" href="https://www.facebook.com/carlsberg" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.78 46.78"> <g data-name="Lag 2"> <g data-name="Layer 3" fill="#034525"> <path d="M26.8 19.29h-2.39c-.28 0-.59.37-.59.87v1.72h3v2.46h-3v7.39H21v-7.39h-2.56v-2.46H21v-1.44a3.55 3.55 0 0 1 3.41-3.77h2.39z"></path> <path d="M23.39 46.28a22.89 22.89 0 1 1 22.89-22.89 22.92 22.92 0 0 1-22.89 22.89zm0-44.9a22 22 0 1 0 22 22 22 22 0 0 0-22-22z"></path> <path d="M23.39 46.78a23.39 23.39 0 1 1 23.39-23.39 23.41 23.41 0 0 1-23.39 23.39zm0-44.9A21.51 21.51 0 1 0 44.9 23.39 21.54 21.54 0 0 0 23.39 1.88z"></path> </g> </g> </svg> <span class="visuallyhidden">https://www.facebook.com/carlsberg"</span> </a> </li> <li class="footer__social-icons__icon"> <a rel="noreferrer" href="https://www.instagram.com/carlsberg" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.78 46.78"> <g data-name="Lag 2"> <g data-name="Layer 3" fill="#034525"> <path d="M28.59 33.19H19A5.22 5.22 0 0 1 13.75 28v-8.34A5.21 5.21 0 0 1 19 14.45h9.63a5.21 5.21 0 0 1 5.21 5.21V28a5.22 5.22 0 0 1-5.25 5.19zM19 15.13a4.53 4.53 0 0 0-4.52 4.53V28A4.53 4.53 0 0 0 19 32.5h9.63a4.53 4.53 0 0 0 4.48-4.5v-8.34a4.53 4.53 0 0 0-4.52-4.53z"></path> <path d="M28.58 33.69H19A5.72 5.72 0 0 1 13.25 28v-8.34A5.71 5.71 0 0 1 19 14h9.62a5.72 5.72 0 0 1 5.72 5.71V28a5.73 5.73 0 0 1-5.76 5.69zM19 15.63a4 4 0 0 0-4 4V28a4 4 0 0 0 4 4h9.62a4 4 0 0 0 4-4v-8.34a4 4 0 0 0-4-4z"></path> <circle cx="29.93" cy="18.44" r="1.2"></circle> <path d="M23.77 29.56a5.75 5.75 0 1 1 5.75-5.74 5.74 5.74 0 0 1-5.75 5.74zm0-10.81a5.07 5.07 0 1 0 5.07 5.07 5.07 5.07 0 0 0-5.07-5.07z"></path> <path d="M23.77 30.06A6.25 6.25 0 1 1 30 23.82a6.25 6.25 0 0 1-6.23 6.24zm0-10.81a4.57 4.57 0 1 0 4.56 4.57 4.57 4.57 0 0 0-4.56-4.57z"></path> <path d="M23.39 46.28a22.89 22.89 0 1 1 22.89-22.89 22.92 22.92 0 0 1-22.89 22.89zm0-44.9a22 22 0 1 0 22 22 22 22 0 0 0-22-22z"></path> <path d="M23.39 46.78a23.39 23.39 0 1 1 23.39-23.39 23.41 23.41 0 0 1-23.39 23.39zm0-44.9A21.51 21.51 0 1 0 44.9 23.39 21.54 21.54 0 0 0 23.39 1.88z"></path> </g> </g> </svg> <span class="visuallyhidden">https://www.instagram.com/carlsberg"</span> </a> </li> <li class="footer__social-icons__icon"> <a rel="noreferrer" href="https://www.youtube.com/carlsberg" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.78 46.78"> <g data-name="Lag 2"> <g data-name="Layer 3" fill="#034525"> <path d="M23.39 46.28a22.89 22.89 0 1 1 22.89-22.89 22.92 22.92 0 0 1-22.89 22.89zm0-44.9a22 22 0 1 0 22 22 22 22 0 0 0-22-22z"></path> <path d="M23.39 46.78a23.39 23.39 0 1 1 23.39-23.39 23.41 23.41 0 0 1-23.39 23.39zm0-44.9A21.51 21.51 0 1 0 44.9 23.39 21.54 21.54 0 0 0 23.39 1.88z"></path> <path d="M30.28 15.14H16a5 5 0 0 0-5 5v7.75a5 5 0 0 0 5 5h14.28a5 5 0 0 0 5-5v-7.75a5 5 0 0 0-5-5zm-9.52 11.75v-6.45l5.89 3.36z"></path> <path d="M30.28 33.39H16a5.51 5.51 0 0 1-5.5-5.5v-7.75a5.51 5.51 0 0 1 5.5-5.5h14.28a5.51 5.51 0 0 1 5.5 5.5v7.75a5.51 5.51 0 0 1-5.5 5.5zM16 15.64a4.51 4.51 0 0 0-4.5 4.5v7.75a4.51 4.51 0 0 0 4.5 4.5h14.28a4.51 4.51 0 0 0 4.5-4.5v-7.75a4.51 4.51 0 0 0-4.5-4.5zm4.23 12.08v-8.14l7.43 4.24zm1-6.42v4.76l4.35-2.28z"></path> </g> </g> </svg> <span class="visuallyhidden">https://www.youtube.com/carlsberg"</span> </a> </li> <li class="footer__social-icons__icon"> <a rel="noreferrer" href="https://www.twitter.com/carlsberg" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.78 46.78"> <g data-name="Lag 2"> <g data-name="Layer 3" fill="#034525"> <path d="M32 19a7.63 7.63 0 0 1-2.13.58 3.71 3.71 0 0 0 1.63-2 7.33 7.33 0 0 1-2.35.89A3.7 3.7 0 0 0 22.76 21a3.33 3.33 0 0 0 .1.84 10.45 10.45 0 0 1-7.62-3.86 3.67 3.67 0 0 0-.5 1.86 3.71 3.71 0 0 0 1.64 3.08 3.67 3.67 0 0 1-1.67-.47v.05a3.69 3.69 0 0 0 3 3.62 3.49 3.49 0 0 1-1 .13 4 4 0 0 1-.7-.06 3.7 3.7 0 0 0 3.45 2.56 7.39 7.39 0 0 1-4.58 1.59 6.54 6.54 0 0 1-.88-.14 10.51 10.51 0 0 0 16.18-8.85v-.48A7.46 7.46 0 0 0 32 19z"></path> <path d="M23.39 46.28a22.89 22.89 0 1 1 22.89-22.89 22.92 22.92 0 0 1-22.89 22.89zm0-44.9a22 22 0 1 0 22 22 22 22 0 0 0-22-22z"></path> <path d="M23.39 46.78a23.39 23.39 0 1 1 23.39-23.39 23.41 23.41 0 0 1-23.39 23.39zm0-44.9A21.51 21.51 0 1 0 44.9 23.39 21.54 21.54 0 0 0 23.39 1.88z"></path> </g> </g> </svg> <span class="visuallyhidden">https://www.twitter.com/carlsberg"</span> </a> </li> </ul> <div class="footer__navigation flex-align-children--center"> <ul class="footer__navigation--center text--center"> <li class="font--bold font--xs ls--small"><a href="/en/markets/" class="footer__navigation__link color--white">Choose market</a></li> <li class="font--bold font--xs ls--small"><a href="https://www.carlsberggroup.com" target="_blank" rel="noopener" class="footer__navigation__link color--white">Company information</a></li> <li class="font--bold font--xs ls--small"><a href="/cdn-cgi/l/email-protection#4c25222a230c2f2d3e203f2e293e2b622f2321" class="footer__navigation__link color--white">Contact</a></li> <li class="font--bold font--xs ls--small"><a href="https://brandstore.carlsberg.com" target="_blank" rel="noopener" class="footer__navigation__link color--white">Carlsberg Brand Store</a></li> </ul> <ul class="footer__navigation--center text--center"> <li class="font--bold font--xs ls--small"><a href="/en/better-answers/" class="footer__navigation__link color--white">Better Answers</a></li> <li class="font--bold font--xs ls--small"><a href="/en/celebrate-responsibly/" target="_blank" rel="noopener" class="footer__navigation__link color--white">Celebrate responsibly</a></li> <li class="font--bold font--xs ls--small"><a href="/en/c2c/" class="footer__navigation__link color--white">Cradle to cradle</a></li> <li class="font--bold font--xs ls--small"><a class="footer__navigation__link color--white" style="cursor:pointer;" onclick="com_carlsberg_compliance_pack.manageCookies()">Manage Cookies</a></li> </ul> <ul class="footer__navigation--center text--center"> <li class="font--bold font--xs ls--small"><a href="https://compliance.carlsberggroup.com/externals/en-hq/cookies?id=f8709873-26b4-4dce-9fb0-d59170f8ee30" target="_blank" rel="noopener" class="footer__navigation__link color--white">Cookie Policy</a></li> <li class="font--bold font--xs ls--small"><a href="https://compliance.carlsberggroup.com/externals/en-hq/acceptable-use?id=f8709873-26b4-4dce-9fb0-d59170f8ee30" target="_blank" rel="noopener" class="footer__navigation__link color--white">Acceptable Use Policy</a></li> <li class="font--bold font--xs ls--small"><a href="https://compliance.carlsberggroup.com/externals/en-hq/?id=f8709873-26b4-4dce-9fb0-d59170f8ee30" target="_blank" rel="noopener" class="footer__navigation__link color--white">Privacy Policy</a></li> <li class="font--bold font--xs ls--small"><a href="https://compliance.carlsberggroup.com/externals/en-hq/terms?id=f8709873-26b4-4dce-9fb0-d59170f8ee30" target="_blank" rel="noopener" class="footer__navigation__link color--white">Terms Of Use</a></li> <li class="font--bold font--xs ls--small"><a href="https://compliance.carlsberggroup.com/externals/en-hq/social-media?id=f8709873-26b4-4dce-9fb0-d59170f8ee30" target="_blank" rel="noopener" class="footer__navigation__link color--white">Social Media</a></li> <li class="font--bold font--xs ls--small"><a href="https://compliance.carlsberggroup.com/pages/en/speak-up" target="_blank" rel="noopener" class="footer__navigation__link color--white">SpeakUp</a></li> </ul> </div> <div class="footer__legal-text font--xs font--bold"><p>漏2022 Carlsberg Group. All Rights Reserved. Please Enjoy Carlsberg Responsibly. Don't forward our content to people under 18</p></div> </div> </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body> </html>