/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
@layer base {
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  nav,
  section,
  summary {
    display: block;
  }
  /**
  * Correct `inline-block` display not defined in IE 8/9.
  */
  audio,
  canvas,
  video {
    display: inline-block;
  }
  /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  /**
  * Address `[hidden]` styling not present in IE 8/9.
  * Hide the `template` element in IE, Safari, and Firefox < 22.
  */
  [hidden],
  template {
    display: none;
  }
  /* ==========================================================================
    Base
    ========================================================================== */
  /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
  html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
  }
  /**
  * Remove default margin.
  */
  body {
    margin: 0;
  }
  /* ==========================================================================
    Links
    ========================================================================== */
  /**
  * Remove the gray background color from active links in IE 10.
  */
  a {
    background: transparent;
  }
  /**
  * Address `outline` inconsistency between Chrome and other browsers.
  */
  a:focus {
    outline: thin dotted;
  }
  /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
  a:active,
  a:hover {
    outline: 0;
  }
  /* ==========================================================================
    Typography
    ========================================================================== */
  /**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari 5, and Chrome.
  */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  /**
  * Address styling not present in IE 8/9, Safari 5, and Chrome.
  */
  abbr[title] {
    border-bottom: 1px dotted;
  }
  /**
  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  */
  b,
  strong {
    font-weight: bold;
  }
  /**
  * Address styling not present in Safari 5 and Chrome.
  */
  dfn {
    font-style: italic;
  }
  /**
  * Address differences between Firefox and other browsers.
  */
  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
  }
  /**
  * Address styling not present in IE 8/9.
  */
  mark {
    background: #ff0;
    color: #000;
  }
  /**
  * Correct font family set oddly in Safari 5 and Chrome.
  */
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, serif;
    font-size: 1em;
  }
  /**
  * Improve readability of pre-formatted text in all browsers.
  */
  pre {
    white-space: pre-wrap;
  }
  /**
  * Set consistent quote types.
  */
  q {
    quotes: "\201C" "\201D" "\2018" "\2019";
  }
  /**
  * Address inconsistent and variable font size in all browsers.
  */
  small {
    font-size: 80%;
  }
  /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  /* ==========================================================================
    Embedded content
    ========================================================================== */
  /**
  * Remove border when inside `a` element in IE 8/9.
  */
  img {
    border: 0;
  }
  /**
  * Correct overflow displayed oddly in IE 9.
  */
  svg:not(:root) {
    overflow: hidden;
  }
  /* ==========================================================================
    Figures
    ========================================================================== */
  /**
  * Address margin not present in IE 8/9 and Safari 5.
  */
  figure {
    margin: 0;
  }
  /* ==========================================================================
    Forms
    ========================================================================== */
  /**
  * Define consistent border, margin, and padding.
  */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }
  /**
  * 1. Correct `color` not being inherited in IE 8/9.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */
  legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  /**
  * 1. Correct font family not being inherited in all browsers.
  * 2. Correct font size not being inherited in all browsers.
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  */
  button,
  input,
  select,
  textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 2 */
    margin: 0;
    /* 3 */
  }
  /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
  button,
  input {
    line-height: normal;
  }
  /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  */
  button,
  select {
    text-transform: none;
  }
  /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
  }
  /**
  * Re-set default cursor for disabled elements.
  */
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  /**
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
  }
  /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  *    (include `-moz` to future-proof).
  */
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
  }
  /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  /**
  * Remove inner padding and border in Firefox 4+.
  */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  /**
  * 1. Remove default vertical scrollbar in IE 8/9.
  * 2. Improve readability and alignment in all browsers.
  */
  textarea {
    overflow: auto;
    /* 1 */
    vertical-align: top;
    /* 2 */
  }
  /* ==========================================================================
    Tables
    ========================================================================== */
  /**
  * Remove most spacing between table cells.
  */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
}



@font-face {
  font-family: 'DanskeSpil-icons';
  src: url(/Components/Common/Framework/Design/Fonts/Icomoon/Icon-fonts/DanskeSpil-icons.woff) format('woff'), url(/Components/Common/Framework/Design/Fonts/Icomoon/Icon-fonts/DanskeSpil-icons.ttf) format('truetype'), url(/Components/Common/Framework/Design/Fonts/Icomoon/Icon-fonts/DanskeSpil-icons.svg?-201410091337#DanskeSpil-icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-star:before,
.icon-angle-right:before,
.icon-angle-up:before,
.icon-star:after,
.icon-angle-right:after,
.icon-angle-up:after {
  font-family: 'DanskeSpil-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-star:before {
  content: "\e301";
}
.icon-angle-right:before {
  content: "\e601";
}
.icon-angle-up:before {
  content: "\e602";
}



@layer utilities {
  html {
    font-size: 62.5%;
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    html {
      font-size: calc(1em * 0.625);
    }
  }
  html:has(a[href^="#"]):not(a[href$="#"]) {
    scroll-behavior: smooth;
  }
  @media screen and (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
  }
  body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.2;
    color: #333;
    text-wrap: pretty;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #wrapper {
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    margin: 0 0 -200px 0;
  }
  .region-area {
    min-height: 560px;
  }
  .region-area.campaign-page {
    margin-top: 30px;
  }
  .page-box {
    position: relative;
  }
  ul,
  li {
    margin: 0;
    padding: 0;
  }
  a {
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
}



@font-face {
  font-family: "Anton Regular";
  src: url("/Components/Common/Framework/Design/Fonts/Anton/anton-regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Anton/anton-regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Oddset";
  src: url("/Components/Common/Framework/Design/Fonts/Oddset/Oddset-Heavy.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Oddset/Oddset-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DanskeSpil";
  src: url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Light.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DanskeSpil";
  src: url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DanskeSpil";
  src: url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Medium.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DanskeSpil";
  src: url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Bold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DanskeSpil";
  src: url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Black.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DanskeSpil/DanskeSpil-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "EurojackpotText";
  src: url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotText-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "EurojackpotText";
  src: url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotText-Bold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "EurojackpotDisplay";
  src: url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotDisplay-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "EurojackpotDisplay";
  src: url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotDisplay-Bold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "EurojackpotDisplay";
  src: url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotDisplay-Black.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Eurojackpot/EurojackpotDisplay-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Kansas";
  src: url("/Components/Common/Framework/Design/Fonts/KansasNew/KansasNew-Black.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/KansasNew/KansasNew-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Klasselotteriet";
  font-weight: 800 1000;
  src: url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-ExtraBold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Klasselotteriet";
  font-weight: 600 700;
  src: url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-Bold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-Bold.woff") format("woff");
}
@font-face {
  font-family: "Klasselotteriet";
  font-weight: 500;
  src: url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-Medium.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-Medium.woff") format("woff");
}
@font-face {
  font-family: "Klasselotteriet";
  font-weight: 100 400;
  src: url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Klasselotteriet/KLNo15-Regular.woff") format("woff");
}
@font-face {
  font-family: "MergePro";
  src: url("/Components/Common/Framework/Design/Fonts/MergePro/MergePro.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/MergePro/MergePro.woff") format("woff");
  font-display: swap;
  font-weight: normal;
}
@font-face {
  font-family: "MergePro";
  src: url("/Components/Common/Framework/Design/Fonts/MergePro/MergePro-Bold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/MergePro/MergePro-Bold.woff") format("woff");
  font-display: swap;
  font-weight: 700 900;
}
@font-face {
  font-family: "MergeProLightW05-Bold";
  src: url("/Components/Common/Framework/Design/Fonts/MergePro/MergePro.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/MergePro/MergePro.woff") format("woff");
  font-display: swap;
}
/* open-sans-latin-300-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-300-normal.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-300-normal.woff) format('woff');
}
/* open-sans-latin-300-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-300-italic.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-300-italic.woff) format('woff');
}
/* open-sans-latin-400-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-400-normal.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-400-normal.woff) format('woff');
}
/* open-sans-latin-400-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-400-italic.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-400-italic.woff) format('woff');
}
/* open-sans-latin-500-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-500-normal.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-500-normal.woff) format('woff');
}
/* open-sans-latin-500-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-500-italic.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-500-italic.woff) format('woff');
}
/* open-sans-latin-600-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-600-normal.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-600-normal.woff) format('woff');
}
/* open-sans-latin-600-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-600-italic.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-600-italic.woff) format('woff');
}
/* open-sans-latin-700-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-700-normal.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-700-normal.woff) format('woff');
}
/* open-sans-latin-700-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-700-italic.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-700-italic.woff) format('woff');
}
/* open-sans-latin-800-normal */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-800-normal.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-800-normal.woff) format('woff');
}
/* open-sans-latin-800-italic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-800-italic.woff2) format('woff2'), url(/Components/Common/Framework/Design/Fonts/OpenSans/open-sans-latin-800-italic.woff) format('woff');
}
@font-face {
  font-family: "OliveVillage";
  src: url("/Components/Common/Framework/Design/Fonts/OliveVillage/OliveVillage-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/OliveVillage/OliveVillage-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "OliveVillage";
  src: url("/Components/Common/Framework/Design/Fonts/OliveVillage/OliveVillage-Italic.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/OliveVillage/OliveVillage-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
/* raleway-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('/Components/Common/Framework/Design/Fonts/Raleway/raleway-v28-latin-500.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Raleway/raleway-v28-latin-500.woff') format('woff');
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Note: Font was added for the casino project and may need to be added to danske spil as well */
/* raleway-500 italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('/Components/Common/Framework/Design/Fonts/Raleway/Raleway-MediumItalic.woff2') format('woff2');
}
/* raleway-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/Components/Common/Framework/Design/Fonts/Raleway/raleway-v28-latin-700.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Raleway/raleway-v28-latin-700.woff') format('woff');
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Note: Font was added for the casino project and may need to be added to danske spil as well */
/* raleway-700 italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('/Components/Common/Framework/Design/Fonts/Raleway/Raleway-BoldItalic.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Raleway/Raleway-BoldItalic.woff') format('woff');
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Note: Font was added for the casino project and may need to be added to danske spil as well */
/* raleway-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('/Components/Common/Framework/Design/Fonts/Raleway/Raleway-ExtraBold.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Raleway/Raleway-ExtraBold.woff') format('woff');
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Note: Font was added for the casino project and may need to be added to danske spil as well */
/* raleway-800 italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('/Components/Common/Framework/Design/Fonts/Raleway/Raleway-ExtraBoldItalic.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Raleway/Raleway-ExtraBoldItalic.woff') format('woff');
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('/Components/Common/Framework/Design/Fonts/Raleway/raleway-v28-latin-900italic.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Raleway/raleway-v28-latin-900italic.woff') format('woff');
  /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Helium";
  src: url('/Components/Common/Framework/Design/Fonts/Helium/helium-bold.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Helium/helium-bold.woff') format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HeliumRR Bold";
  src: url('/Components/Common/Framework/Design/Fonts/Helium/helium-bold.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/Helium/helium-bold.woff') format('woff');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DS Casino Multima';
  src: url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'DS Casino Multima';
  src: url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Medium.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'DS Casino Multima';
  src: url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Bold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'DS Casino Multima';
  src: url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Black.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/DSCasinoMultima/DSCasinoMultima-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "VikinglottoDisplay";
  src: url('/Components/Common/Framework/Design/Fonts/VikingLottoDisplayBasic/VikinglottoDisplay-Basic.woff2') format('woff2'), url('/Components/Common/Framework/Design/Fonts/VikingLottoDisplayBasic/VikinglottoDisplay-Basic.woff') format('woff');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-Black.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-MediumItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-BoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 800;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-ExtraBoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(/Components/Common/Framework/Design/Fonts/BarlowCondensed/BarlowCondensed-BlackItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Gochi Hand';
  src: url("/Components/Common/Framework/Design/Fonts/GochiHand/GochiHand-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/GochiHand/GochiHand-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Regular.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Regular.woff") format("woff");
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Italic.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Italic.woff") format("woff");
  font-display: swap;
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-DemiBold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-DemiBold.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-DemiBoldItalic.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-DemiBoldItalic.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Bold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Bold.woff") format("woff");
  font-display: swap;
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-BoldItalic.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-BoldItalic.woff") format("woff");
  font-display: swap;
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-ExtraBold.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-ExtraBold.woff") format("woff");
  font-display: swap;
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-ExtraBoldItalic.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-ExtraBoldItalic.woff") format("woff");
  font-display: swap;
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Lotto";
  src: url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Black.woff2") format("woff2"), url("/Components/Common/Framework/Design/Fonts/Lotto/Lotto-Black.woff") format("woff");
  font-display: swap;
  font-weight: 900;
  font-style: normal;
}
:root {
  --font-family-danskespil: DanskeSpil, "Open Sans", Helvetica, Arial, sans-serif;
  --font-family-raleway: Raleway, "Open Sans", Helvetica, Arial, sans-serif;
  --font-family-degular: Degular, Arial, sans-serif;
  --font-family-ds-casino-multima: "DS Casino Multima", Arial, sans-serif;
  --font-family-Lotto: "Lotto", "Open Sans", Helvetica, Arial, sans-serif;
  --font-family-klasselotteriet: Klasselotteriet, sans-serif;
}



.browser-requirements {
  display: none;
  position: relative;
  top: 0;
  height: auto;
  z-index: 1000;
  border-bottom: 1px solid #F7B506;
  padding: 20px 50px 38px 50px;
  background: #febc0e;
  -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
}
.browser-requirements .browser-icon {
  display: inline-block;
}
.browser-requirements .browser-icon-image {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
  margin-left: 3px;
  margin-right: 5px;
  background-size: 25px;
  background-position: center;
}
.browser-requirements .browser-icon[data-browser="Firefox"] .browser-icon-image {
  background-image: url('/Components/DanskeSpil/Project/Design/Graphics/firefox-color_50x51.png');
}
.browser-requirements .browser-icon[data-browser="Safari"] .browser-icon-image {
  background-image: url('/Components/DanskeSpil/Project/Design/Graphics/safari-color_50x50.png');
}
.browser-requirements .browser-icon[data-browser="Chrome"] .browser-icon-image {
  background-image: url('/Components/DanskeSpil/Project/Design/Graphics/chrome-color_50x50.png');
}
.browser-requirements .browser-icon[data-browser="Internet Explorer"] .browser-icon-image {
  background-image: url('/Components/DanskeSpil/Project/Design/Graphics/ie-color_50x55.png');
}
.browser-requirements:hover {
  background: rgba(254, 188, 14, 0.95);
}
.browser-requirements .info-content {
  position: relative;
  text-align: left;
  min-width: 980px;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 12px;
  padding-right: 12px;
}
.browser-requirements .info-content:before,
.browser-requirements .info-content:after {
  content: " ";
  display: table;
}
.browser-requirements .info-content:after {
  clear: both;
}
.browser-requirements .info-content:after {
  content: "";
  display: table;
  clear: both;
}
.browser-requirements .info-content:before,
.browser-requirements .info-content:after {
  content: "";
  display: table;
}
.browser-requirements .info-content:after {
  clear: both;
}
.browser-requirements .info-content .browser-data {
  display: inline-block;
  font-size: 1.5rem;
  margin-right: 5px;
}
.browser-requirements .info-content .icon-wrapper {
  display: block;
  position: relative;
  top: -4px;
}
.browser-requirements .info-content .icon-wrapper a {
  color: #0d68b0;
  font-weight: bold;
  font-size: 1.5rem;
}
.browser-requirements .info-content p {
  text-align: left;
  margin: 0;
  display: inline;
  font-size: 1.5rem;
}
.browser-requirements .info-content p a {
  color: #0d68b0;
  font-weight: bold;
}
.browser-requirements .icon-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 31%;
  right: 43px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.browser-requirements .icon-close .icon-close-inner {
  height: 30px;
  width: 30px;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 30px;
  display: inline-block;
}
.browser-requirements .icon-close .icon-close-inner:before,
.browser-requirements .icon-close .icon-close-inner:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.5px;
  margin-left: -15px;
  display: block;
  height: 3px;
  width: 30px;
  background-color: #1b3727;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.browser-requirements .icon-close .icon-close-inner:after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.browser-requirements .icon-close .icon-close-inner:hover:before,
.browser-requirements .icon-close .icon-close-inner:hover:after {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}



.ds-cube-loader-wrapper--halfsize {
  transform: scale(0.5, 0.5);
}
.ds-cube-loader-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition: 300ms ease-in-out all;
}
.ds-cube-loader-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
@keyframes giro {
  0% {
    transform: rotateX(-45deg) rotateY(-20deg);
  }
  50% {
    transform: rotateX(45deg) rotateY(360deg);
  }
  100% {
    transform: rotateX(-45deg) rotateY(700deg);
  }
}
@keyframes cubeRotationStop {
  0% {
    transform: rotateX(-45deg) rotateY(700deg);
  }
  100% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(-10deg) scale(0.8);
  }
}
.ds-cube-loader-wrapper .ds-cube-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  perspective: 1000px;
  perspective-origin: 50% 50%;
  transform: translateY(-50%) scale(0.25);
  z-index: 1;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube,
.ds-cube-loader-wrapper .ds-cube-wrapper .cube-face,
.ds-cube-loader-wrapper .ds-cube-wrapper .cube-inner-face {
  height: 29rem;
  width: 29rem;
  box-sizing: content-box;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube {
  transform-style: preserve-3d;
  transform: rotateX(-45deg) rotateY(-20deg);
  margin: 15rem auto;
  animation: giro 5s 0s infinite linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face,
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face {
  border: 5px solid #feb700;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face {
  position: absolute;
  border-radius: 30px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face {
    background: #feb700;
  }
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face:nth-child(1) {
  transform: translateZ(15rem);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face:nth-child(1) {
    z-index: 1;
  }
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face:nth-child(2) {
  transform: rotateY(180deg) translateZ(15rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face:nth-child(3) {
  transform: rotateY(-90deg) translateZ(15rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face:nth-child(4) {
  transform: rotateY(90deg) translateZ(15rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face:nth-child(5) {
  transform: rotateX(90deg) translateZ(15rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face:nth-child(6) {
  transform: rotateX(-90deg) translateZ(15rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .square,
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .diamond,
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .circle,
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .triangle {
  position: absolute;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .square {
  width: 5.8rem;
  height: 5.8rem;
  left: 2.5rem;
  bottom: 2.5rem;
  background-color: #004b32;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .diamond {
  width: 5.8rem;
  height: 10rem;
  left: 5.8rem;
  bottom: 10rem;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .diamond:before,
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .diamond:after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 2.9rem solid transparent;
  border-right: 2.9rem solid transparent;
  position: absolute;
  left: 0;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .diamond:before {
  border-bottom: 5rem solid #004b32;
  top: 0;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .diamond:after {
  border-top: 5rem solid #004b32;
  top: 50%;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .circle {
  width: 6.7rem;
  height: 6.7rem;
  background-color: #004b32;
  border-radius: 50%;
  bottom: 17.7rem;
  left: 12rem;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-face .triangle {
  width: 0;
  height: 0;
  border-left: 3.5rem solid transparent;
  border-right: 3.5rem solid transparent;
  border-top: 6rem solid #004b32;
  top: 2.5rem;
  right: 2.5rem;
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face {
  background: #feb700;
  position: absolute;
  border-radius: 19px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face {
    background: transparent;
  }
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(7) {
  transform: translateZ(14.9rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(8) {
  transform: rotateY(180deg) translateZ(14.9rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(9) {
  transform: rotateY(-90deg) translateZ(14.9rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(10) {
  transform: rotateY(90deg) translateZ(14.9rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(11) {
  transform: rotateX(90deg) translateZ(14.9rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(12) {
  transform: rotateX(-90deg) translateZ(14.9rem);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(13) {
  transform: rotateX(180deg);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(14) {
  transform: rotateY(90deg);
}
.ds-cube-loader-wrapper .ds-cube-wrapper .ds-cube .cube-inner-face:nth-child(15) {
  transform: rotateX(90deg);
}
@keyframes loaderFacesFadeAnimation {
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes loaderSadCubeShake {
  0% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(-10deg) scale(0.8);
  }
  10% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(-10deg) scale(0.8);
  }
  11% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(-10deg) scale(0.8);
  }
  30% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(30deg) scale(0.8);
  }
  32% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(33deg) scale(0.8);
  }
  60% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(-30deg) scale(0.8);
  }
  62% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(-33deg) scale(0.8);
  }
  68% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(-13deg) scale(0.8);
  }
  70% {
    transform: translateY(-50%) rotateX(-35deg) rotateY(-10deg) scale(0.8);
  }
  80% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(-10deg) scale(0.8);
  }
  85% {
    transform: translateY(-50%) rotateX(-10deg) rotateY(-10deg) scale(0.8);
  }
  100% {
    transform: translateY(-50%) rotateX(-15deg) rotateY(-10deg) scale(0.8);
  }
}
@keyframes emojiEyesBlink {
  10% {
    transform: scaleY(1);
  }
  11% {
    transform: scaleY(0.2);
  }
  12% {
    transform: scaleY(1);
  }
  13% {
    transform: scaleY(0.2);
  }
  14% {
    transform: scaleY(1);
  }
  30% {
    transform: scaleY(1);
  }
  31% {
    transform: scaleY(0.2);
  }
  32% {
    transform: scaleY(1);
  }
  70% {
    transform: scaleY(1);
  }
  71% {
    transform: scaleY(0.2);
  }
  72% {
    transform: scaleY(1);
  }
  90% {
    transform: scaleY(1);
  }
  91% {
    transform: scaleY(0.2);
  }
  92% {
    transform: scaleY(1);
  }
}
@keyframes loadeEmojiFadeIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes sadEmojiMouthUpperLip {
  0% {
    border-radius: 50%;
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    border-radius: 0%;
    opacity: 0;
  }
}
@keyframes sadEmojiMouthLowerLip {
  0% {
    border-radius: 0%;
    opacity: 0;
  }
  0.1% {
    opacity: 1;
  }
  100% {
    border-radius: 50%;
    opacity: 1;
  }
}
@keyframes sadEmojiMouthLowerLipPulse {
  5% {
    padding-top: 100%;
  }
  7% {
    padding-top: 300%;
  }
  15% {
    padding-top: 300%;
  }
  17% {
    padding-top: 100%;
  }
  20% {
    padding-top: 100%;
  }
  22% {
    padding-top: 300%;
  }
  28% {
    padding-top: 300%;
  }
  30% {
    padding-top: 100%;
  }
  50% {
    padding-top: 100%;
  }
  52% {
    padding-top: 200%;
  }
  72% {
    padding-top: 200%;
  }
  74% {
    padding-top: 100%;
  }
}
@keyframes sadEmojiEyes {
  100% {
    transform: translateY(50%);
  }
}
@keyframes sadLeftEyebrow {
  100% {
    width: 5rem;
    transform: rotate(15deg) translate(30%, -50%);
  }
}
@keyframes sadRightEyebrow {
  100% {
    width: 5rem;
    transform: rotate(-15deg) translate(-30%, -50%);
  }
}
@keyframes sadEmojiEyebrowsPulse {
  9% {
    transform: translateY(0);
  }
  11% {
    transform: translateY(200%);
  }
  12% {
    transform: translateY(100%);
  }
  13% {
    transform: translateY(200%);
  }
  15% {
    transform: translateY(0);
  }
  28% {
    transform: translateY(0);
  }
  31% {
    transform: translateY(200%);
  }
  33% {
    transform: translateY(0);
  }
  68% {
    transform: translateY(0);
  }
  71% {
    transform: translateY(200%);
  }
  73% {
    transform: translateY(0);
  }
  89% {
    transform: translateY(0);
  }
  91% {
    transform: translateY(200%);
  }
  93% {
    transform: translateY(0);
  }
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube {
  transform: translateY(-50%) rotateX(-15deg) rotateY(-10deg) scale(0.8);
  animation: cubeRotationStop 0.25s forwards ease-out, loaderSadCubeShake 3s 0.5s infinite linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face:nth-child(1) .square,
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face:nth-child(1) .diamond,
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face:nth-child(1) .circle,
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face:nth-child(1) .triangle {
  animation: loaderFacesFadeAnimation 0.25s forwards linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face {
  animation: loadeEmojiFadeIn 0.15s 0.15s forwards linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .eyes {
  animation: sadEmojiEyes 0.1s 0.5s forwards linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .eyes:before,
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .eyes:after {
  animation: emojiEyesBlink 20s 0.6s infinite linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .eyes .eyebrows {
  animation: sadEmojiEyebrowsPulse 20s 0.6s infinite linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .eyes .eyebrows:before {
  animation: sadRightEyebrow 0.15s 0.65s forwards linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .eyes .eyebrows:after {
  animation: sadLeftEyebrow 0.15s 0.65s forwards linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .mouth:before {
  animation: sadEmojiMouthLowerLip 0.15s 0.55s forwards linear, sadEmojiMouthLowerLipPulse 15s 0.6s infinite linear;
}
.ds-cube-loader-wrapper .ds-cube-wrapper.error .ds-cube .cube-face .emoji-face .mouth:after {
  animation: sadEmojiMouthUpperLip 0.1s 0.45s forwards linear;
}
.ds-cube-loader-wrapper .ds-cube-loader-text {
  width: 80%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  margin: auto;
  margin-top: 1.5rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 70%;
  opacity: 0;
}
.ds-cube-loader-wrapper .ds-cube-loader-text .ds-cube-loader-text-headline {
  font-size: 2rem;
  font-weight: bold;
}
.ds-cube-loader-wrapper .ds-cube-loader-text .ds-cube-loader-text-description {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: normal;
}
.ds-cube-loader-wrapper .ds-cube-loader-text.error {
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}
.ds-cube-loader-wrapper .emoji-face {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.ds-cube-loader-wrapper .emoji-face .eyes {
  width: 60%;
  height: 5rem;
  position: absolute;
  top: 25%;
  left: 20%;
}
.ds-cube-loader-wrapper .emoji-face .eyes:before,
.ds-cube-loader-wrapper .emoji-face .eyes:after {
  content: '';
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #004b32;
  position: absolute;
  top: 0;
}
.ds-cube-loader-wrapper .emoji-face .eyes:before {
  left: 0;
}
.ds-cube-loader-wrapper .emoji-face .eyes:after {
  right: 0;
}
.ds-cube-loader-wrapper .emoji-face .eyes .eyebrows {
  width: 100%;
  height: 1rem;
  position: absolute;
  top: -60%;
  left: 0;
}
.ds-cube-loader-wrapper .emoji-face .eyes .eyebrows:before,
.ds-cube-loader-wrapper .emoji-face .eyes .eyebrows:after {
  content: '';
  width: 4rem;
  height: 1rem;
  border-radius: 1rem;
  background-color: #004b32;
  position: absolute;
  top: 0;
}
.ds-cube-loader-wrapper .emoji-face .eyes .eyebrows:before {
  left: 0.5rem;
}
.ds-cube-loader-wrapper .emoji-face .eyes .eyebrows:after {
  right: 0.5rem;
}
.ds-cube-loader-wrapper .emoji-face .mouth {
  width: 40%;
  padding-top: 40%;
  position: absolute;
  bottom: 5%;
  left: 30%;
  overflow: hidden;
}
.ds-cube-loader-wrapper .emoji-face .mouth:before,
.ds-cube-loader-wrapper .emoji-face .mouth:after {
  content: ' ';
  width: 200%;
  padding-top: 100%;
  border-radius: 0;
  border-width: 1.5rem;
  border-style: solid;
  border-color: #004b32;
  position: absolute;
  left: 50%;
}
.ds-cube-loader-wrapper .emoji-face .mouth:before {
  top: 50%;
  transform: translateX(-50%) translateY(-0.75rem);
  opacity: 0;
}
.ds-cube-loader-wrapper .emoji-face .mouth:after {
  border-radius: 50%;
  bottom: 50%;
  transform: translateX(-50%) translateY(0.75rem);
}



.back-to-parent-link {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 17px;
  display: inline-block;
}
.back-to-parent-link:before {
  content: "‹ ";
}
.back-to-parent-link:hover {
  text-decoration: none;
}



/* When overlay enabled, disable the vertical scrollbar on body, and let overlay_wrapper scrollbar take over */
body.overlay-enabled .overlay-wrapper {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 5001;
}
body.overlay-enabled .overlay-container {
  position: absolute;
  left: 50%;
}
body.overlay-enabled .overlay {
  position: relative;
  left: -50%;
}
/* When overlay disabled */
body {
  padding-right: 0;
}
body .overlay-wrapper {
  display: none;
}



.global-campaign-spot-button {
  display: block;
  min-width: 35%;
  height: 40px;
  padding-top: 11px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  width: auto;
  margin: auto;
  padding-right: 20px;
  padding-left: 20px;
  -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (-moz-images-in-menus: 0) {
  .global-campaign-spot-button {
    padding-top: 11px;
  }
}
.global-campaign-spot-button:hover {
  text-decoration: none;
}
.global-campaign-spot-button.corporate-yellow {
  border-top: 1px solid #ffdb80;
  background-color: #feb700;
  box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px, #5e2767 0 0 0 1px;
  color: #004b32;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.global-campaign-spot-button.corporate-yellow:hover {
  border-top-color: #ffe297;
  background-color: #ffc52e;
}
.global-campaign-spot-button.bingo-green {
  border-top: 1px solid #9acb22;
  background-color: #80a91c;
  box-shadow: rgba(0, 0, 0, 0.4) 0 3px 2px, #607f15 0 0 0 1px;
  color: #ffffff;
  text-shadow: 0 1px 0 #607f15;
}
.global-campaign-spot-button.bingo-green:hover {
  border-top-color: #9ed023;
  background-color: #95c323;
}
.global-campaign-spot-button.bingo-dark-green {
  background-color: #3a5006;
  color: #ffffff;
}
.global-campaign-spot-button.bingo-dark-green:hover {
  background-color: #607f15;
}
.global-campaign-spot-button.casino-brown {
  background: #503e23;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
.global-campaign-spot-button.casino-brown:hover {
  background: #5a482d;
}
.global-campaign-spot-button.casino-purple {
  border-top: 1px solid #9e71a5;
  background-color: #652044;
  box-shadow: #5f2768 0 0 0 1px, rgba(0, 0, 0, 0.4) 0 3px 2px;
  color: #fff;
  text-shadow: 0 1px 0 #7c643b;
}
.global-campaign-spot-button.casino-purple:hover {
  border-top-color: #a276a9;
  background-color: #973066;
}
.global-campaign-spot-button.eurojackpot-black {
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #363636;
  /* Old browsers */
  background: -moz-linear-gradient(top, #363636 0%, #000000 100%);
  /* FF3.6+ */
  background: -webkit-linear-gradient(top, #363636 0%, #000000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #363636 0%, #000000 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #363636 0%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.25);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #fec115;
}
.global-campaign-spot-button.eurojackpot-black:after {
  font-family: 'DanskeSpil-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601";
  padding-left: 5px;
}
.global-campaign-spot-button.eurojackpot-yellow {
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #cf8c1a;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmOGMxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2RhYTUzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2JhOGMyYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMDc3MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #cf8c1a 0%, #daa533 49%, #ba8c2b 50%, #b07716 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf8c1a), color-stop(49%, #daa533), color-stop(50%, #ba8c2b), color-stop(100%, #b07716));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #cf8c1a 0%, #daa533 49%, #ba8c2b 50%, #b07716 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #cf8c1a 0%, #daa533 49%, #ba8c2b 50%, #b07716 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #cf8c1a 0%, #daa533 49%, #ba8c2b 50%, #b07716 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #cf8c1a 0%, #daa533 49%, #ba8c2b 50%, #b07716 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf8c1a', endColorstr='#b07716', GradientType=0);
  /* IE6-8 */
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.25);
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
.global-campaign-spot-button.eurojackpot-yellow:hover {
  background: #d08f1d;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2QwOGYxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2U3YzE1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M0YTM0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMTdhMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #d08f1d 1%, #e7c150 49%, #c4a342 50%, #b17a19 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #d08f1d), color-stop(49%, #e7c150), color-stop(50%, #c4a342), color-stop(100%, #b17a19));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #d08f1d 1%, #e7c150 49%, #c4a342 50%, #b17a19 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #d08f1d 1%, #e7c150 49%, #c4a342 50%, #b17a19 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #d08f1d 1%, #e7c150 49%, #c4a342 50%, #b17a19 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #d08f1d 1%, #e7c150 49%, #c4a342 50%, #b17a19 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d08f1d', endColorstr='#b17a19', GradientType=0);
  /* IE6-8 */
}
.global-campaign-spot-button.lotto-yellow {
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #feb804;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #fff;
}
.global-campaign-spot-button.lotto-yellow:hover {
  text-decoration: none;
}
.global-campaign-spot-button.lotto-yellow:after {
  font-family: 'DanskeSpil-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e601";
  line-height: 20px;
  padding-left: 8px;
  vertical-align: top;
}
.global-campaign-spot-button.quick-purple {
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-top: 1px solid #9e71a5;
  background-color: #7f4488;
  box-shadow: #5e2767 0 0 0 1px, rgba(0, 0, 0, 0.4) 0 3px 2px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-shadow: 0 1px 0 #7f4488;
}
.global-campaign-spot-button.quick-purple:hover {
  border-top-color: #a276a9;
  background-color: #8e5d95;
  color: #ffffff;
}
.global-campaign-spot-button.quick-dark-purple {
  background-color: #43154b;
  color: #ffffff;
}
.global-campaign-spot-button.quick-dark-purple:hover {
  background-color: #b28db8;
}
.global-campaign-spot-button.oddset-blue {
  background: #003e99;
  background: linear-gradient(to top, #002f71, #003e99);
  color: #ffffff;
}
.global-campaign-spot-button.oddset-blue:hover {
  background: linear-gradient(to top, #0f3e80, #0f4da8);
}
.campaign-spot {
  overflow: hidden;
  position: relative;
  float: left;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -moz-box-shadow: 0 15px 35px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 15px 35px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 15px 35px 2px rgba(0, 0, 0, 0.5);
  min-height: 44px;
}
.aside-column .campaign-spot {
  margin-right: 0;
}
.campaign-spot.style-campaign {
  width: 232px;
  height: 310px;
  background-color: transparent;
  background-repeat: no-repeat;
}
.campaign-spot.style-campaign .footer {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.campaign-spot.style-campaign .title {
  font-size: 2.5rem;
  line-height: 28px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50px;
  margin: 0;
}
.campaign-spot.style-campaign .text {
  font-size: 1.3rem;
  line-height: 17px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  padding: 0 20px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 165px;
  margin: 0;
}
.campaign-spot.style-campaign .text.size-small {
  font-size: 1.3rem;
  line-height: 17px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.campaign-spot.style-campaign .text.size-large {
  font-size: 1.5rem;
  line-height: 18px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.campaign-spot.style-campaign .title.color-light,
.campaign-spot.style-campaign .text.color-light {
  color: #fff;
}
.campaign-spot.style-campaign .title.color-quick,
.campaign-spot.style-campaign .text.color-quick {
  color: #43154b;
}
.campaign-spot.style-campaign .title.color-dark,
.campaign-spot.style-campaign .text.color-dark {
  color: #333333;
}



@media only print {
  #printable * {
    background: transparent !important;
    color: #000;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  #printable a,
  #printable a:visited {
    text-decoration: underline;
  }
  #printable a[href]:after {
    content: " (" attr(href) ")";
  }
  #printable abbr[title]:after {
    content: " (" attr(title) ")";
  }
  #printable a[href^="javascript:"]:after,
  #printable a[href^="#"]:after {
    content: "";
  }
  #printable pre,
  #printable blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  #printable thead {
    display: table-header-group;
  }
  #printable tr,
  #printable img {
    page-break-inside: avoid;
  }
  #printable img {
    max-width: 100% !important;
  }
  #printable p,
  #printable h2,
  #printable h3 {
    orphans: 3;
    widows: 3;
  }
  #printable h2,
  #printable h3 {
    page-break-after: avoid;
  }
  #printable .aside-column,
  #printable .social-plugin,
  #printable .quick-button {
    display: none !important;
  }
  #printable .primary-column {
    width: 100%;
  }
  #printable .article .date-label,
  #printable .article .date {
    bottom: -40px;
    right: 0;
    height: auto;
    width: auto;
  }
  #printable .article .date-label span,
  #printable .article .date span {
    display: inline;
  }
  #printable .article .date-label span:last-child,
  #printable .article .date span:last-child {
    padding-left: 10px;
  }
  #printable .overlay-enabled {
    padding: 0;
    overflow: visible;
  }
  #printable .overlay-enabled form .page {
    display: none;
  }
  #printable .overlay-enabled .overlay-wrapper {
    overflow: visible;
    position: relative;
    width: 100%;
  }
  #printable .overlay-enabled .overlay {
    margin-top: 0;
    width: 100% !important;
    overflow: hidden;
    position: relative;
    top: 15mm;
    left: 10mm;
  }
  #printable .overlay-enabled .overlay:after {
    content: "";
    display: inherit;
    border-top: 900mm solid white;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
  }
  #printable .overlay-enabled .overlay .header {
    height: auto;
    width: 100%;
    border-bottom: 2px solid #999;
    margin-bottom: 6mm;
  }
  #printable .overlay-enabled .overlay .header .title {
    position: relative;
    top: 0;
    margin-bottom: 3mm;
    color: #999;
  }
  #printable .overlay-enabled .overlay .article {
    padding: 0 0 10mm 0;
  }
  #printable .overlay-enabled .overlay .close,
  #printable .overlay-enabled .overlay .footer {
    display: none;
  }
}



.generic-overlay .genovl-article {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);
  border-radius: 0 0 3px 3px;
}
.generic-overlay .genovl-article .genovl-content {
  padding: 30px;
}
.generic-overlay .genovl-article .genovl-headline {
  margin: 5px 0 21px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 3rem;
}
.generic-overlay .genovl-article .genovl-text {
  font-size: 1.4rem;
}
.generic-overlay .genovl-article .genovl-text p {
  margin: 0;
}
.generic-overlay .genovl-article .genovl-text h1,
.generic-overlay .genovl-article .genovl-text h2,
.generic-overlay .genovl-article .genovl-text h3,
.generic-overlay .genovl-article .genovl-text h4 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: normal;
}
.generic-overlay .genovl-article .genovl-text h1 {
  line-height: 2;
}
.generic-overlay .genovl-article .genovl-text h2 {
  line-height: 1;
}
.generic-overlay .genovl-article .genovl-text h3 {
  line-height: 0.8;
}
.generic-overlay .genovl-article .genovl-text h4 {
  line-height: 0.6;
}
.generic-overlay .genovl-article .genovl-text p {
  margin: 0 0 0.8em;
}
.generic-overlay .genovl-article .genovl-text h1,
.generic-overlay .genovl-article .genovl-text h2,
.generic-overlay .genovl-article .genovl-text h3,
.generic-overlay .genovl-article .genovl-text h4 {
  margin: 0;
}
.generic-overlay .genovl-article .genovl-text h1 {
  font-size: 2rem;
  margin-bottom: 1em;
}
.generic-overlay .genovl-article .genovl-text h2 {
  font-size: 1.8rem;
  margin-bottom: 0.5em;
}
.generic-overlay .genovl-article .genovl-text h3 {
  font-size: 1.5rem;
}
.generic-overlay .genovl-article .genovl-text h4 {
  font-size: 1.5rem;
  font-style: italic;
}
.generic-overlay .genovl-article .genovl-text a {
  color: #333;
  text-decoration: underline;
  /*  .cm-tips-button() {
    .cm-brand-buttons-style-three(@topColor: rgba(224,118,51,1), @bottomColor: rgba(188,82,15,1));
    box-shadow: 0 1px 2px rgba(0,0,0,0.75), inset 0 0 0 1px rgba(255,255,255,0.20);
    text-shadow: 0 1px 1px rgba(156,60,0,0.50);
  }
  .cm-tips-button-large() {
    .cm-brand-buttons-style-three(@height: 60px, @minWidth: 220px, @fontSize: 2, @topColor: rgba(224,118,51,1), @bottomColor: rgba(188,82,15,1));
    box-shadow: 0 1px 2px rgba(0,0,0,0.75), inset 0 0 0 1px rgba(255,255,255,0.20);
    text-shadow: 0 1px 1px rgba(156,60,0,0.50);
  }*/
}
.generic-overlay .genovl-article .genovl-text a.bingo-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #80a91c;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #607f0b, inset 0 1px 0 0 rgba(160, 211, 35, 0.8);
  text-shadow: 0 1px 0 #607f15;
}
.generic-overlay .genovl-article .genovl-text a.bingo-button:hover {
  background-color: #8fb82b;
}
.generic-overlay .genovl-article .genovl-text a.bingo-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #80a91c;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #607f0b, inset 0 1px 0 0 rgba(160, 211, 35, 0.8);
  text-shadow: 0 1px 0 #607f15;
}
.generic-overlay .genovl-article .genovl-text a.bingo-button-large:hover {
  background-color: #8fb82b;
}
.generic-overlay .genovl-article .genovl-text a.casino-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #652044;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #430d29, inset 0 1px 0 0 rgba(151, 48, 102, 0.8);
  text-shadow: 0 1px 0 #7c643b;
}
.generic-overlay .genovl-article .genovl-text a.casino-button:hover {
  background-color: #742f53;
}
.generic-overlay .genovl-article .genovl-text a.casino-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #652044;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #430d29, inset 0 1px 0 0 rgba(151, 48, 102, 0.8);
  text-shadow: 0 1px 0 #7c643b;
}
.generic-overlay .genovl-article .genovl-text a.casino-button-large:hover {
  background-color: #742f53;
}
.generic-overlay .genovl-article .genovl-text a.quick-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #7f4488;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(166, 124, 172, 0.8);
  text-shadow: 0 1px 0 #7f4488;
}
.generic-overlay .genovl-article .genovl-text a.quick-button:hover {
  background-color: #8e5397;
}
.generic-overlay .genovl-article .genovl-text a.quick-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #7f4488;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(166, 124, 172, 0.8);
  text-shadow: 0 1px 0 #7f4488;
}
.generic-overlay .genovl-article .genovl-text a.quick-button-large:hover {
  background-color: #8e5397;
}
.generic-overlay .genovl-article .genovl-text a.cross-sales-button {
  display: table-cell;
  height: 30px;
  min-width: 100px;
  padding: 0 25px 5px;
  background-color: #feb700;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: #004b32;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.generic-overlay .genovl-article .genovl-text a.cross-sales-button:hover {
  background-color: #ffc60f;
}
.generic-overlay .genovl-article .genovl-text a.cross-sales-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 25px 5px;
  background-color: #feb700;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: #004b32;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 1px #5e2767, inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.generic-overlay .genovl-article .genovl-text a.cross-sales-button-large:hover {
  background-color: #ffc60f;
}
.generic-overlay .genovl-article .genovl-text a.eurojackpot-button {
  display: table-cell;
  height: 34px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #000000;
  background: #000000 radial-gradient(circle at 28% top, #323232, #000000) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.4rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  padding-bottom: 0px;
  font-family: 'Anton', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fec115;
}
.generic-overlay .genovl-article .genovl-text a.eurojackpot-button:hover {
  background: #0f0f0f radial-gradient(circle at 28% top, #414141, #0f0f0f) no-repeat;
}
.generic-overlay .genovl-article .genovl-text a.eurojackpot-button-large {
  display: table-cell;
  height: 69px;
  min-width: 200px;
  padding: 0 12px 5px;
  background: #000000;
  background: #000000 radial-gradient(circle at 28% top, #323232, #000000) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  padding-bottom: 0px;
  font-family: 'Anton', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fec115;
}
.generic-overlay .genovl-article .genovl-text a.eurojackpot-button-large:hover {
  background: #0f0f0f radial-gradient(circle at 28% top, #414141, #0f0f0f) no-repeat;
}
.generic-overlay .genovl-article .genovl-text a.lotto-button {
  display: table-cell;
  height: 34px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #feb700;
  background: #feb700 radial-gradient(circle at 28% top, #fecd40, #feb700) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.3rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 #dfa100;
  text-shadow: 0 1px 1px rgba(223, 161, 0, 0.8);
}
.generic-overlay .genovl-article .genovl-text a.lotto-button:hover {
  background: #ffc60f radial-gradient(circle at 28% top, #ffdc4f, #ffc60f) no-repeat;
}
.generic-overlay .genovl-article .genovl-text a.lotto-button-large {
  display: table-cell;
  height: 69px;
  min-width: 200px;
  padding: 0 12px 5px;
  background: #feb700;
  background: #feb700 radial-gradient(circle at 28% top, #fecd40, #feb700) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.7rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 #dfa100;
  text-shadow: 0 1px 1px rgba(223, 161, 0, 0.8);
}
.generic-overlay .genovl-article .genovl-text a.lotto-button-large:hover {
  background: #ffc60f radial-gradient(circle at 28% top, #ffdc4f, #ffc60f) no-repeat;
}
.generic-overlay .genovl-article .genovl-text a.danskespil-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #ffc425;
  background: linear-gradient(to top, #feb700, #ffc425);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.4rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.generic-overlay .genovl-article .genovl-text a.danskespil-button:hover {
  background: linear-gradient(to top, #ffc60f, #ffd334);
}
.generic-overlay .genovl-article .genovl-text a.danskespil-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #ffc425;
  background: linear-gradient(to top, #feb700, #ffc425);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.generic-overlay .genovl-article .genovl-text a.danskespil-button-large:hover {
  background: linear-gradient(to top, #ffc60f, #ffd334);
}
.generic-overlay .genovl-article .genovl-text a.oddset-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #003e99;
  background: linear-gradient(to top, #002f71, #003e99);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.generic-overlay .genovl-article .genovl-text a.oddset-button:hover {
  background: linear-gradient(to top, #0f3e80, #0f4da8);
}
.generic-overlay .genovl-article .genovl-text a.oddset-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #003e99;
  background: linear-gradient(to top, #002f71, #003e99);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.generic-overlay .genovl-article .genovl-text a.oddset-button-large:hover {
  background: linear-gradient(to top, #0f3e80, #0f4da8);
}
.generic-overlay .genovl-article .genovl-text a.oddset-button-orange {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #dc5f11;
  background: linear-gradient(to top, #ae4a0c, #dc5f11);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(156, 60, 0, 0.5);
}
.generic-overlay .genovl-article .genovl-text a.oddset-button-orange:hover {
  background: linear-gradient(to top, #bd591b, #eb6e20);
}
.generic-overlay .genovl-article .genovl-text a.oddset-button-large-orange {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #dc5f11;
  background: linear-gradient(to top, #ae4a0c, #dc5f11);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(156, 60, 0, 0.5);
}
.generic-overlay .genovl-article .genovl-text a.oddset-button-large-orange:hover {
  background: linear-gradient(to top, #bd591b, #eb6e20);
}
.generic-overlay .genovl-article .genovl-text a.poker-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #feb804;
  background: linear-gradient(to top, #d9a00e, #feb804);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #000000;
}
.generic-overlay .genovl-article .genovl-text a.poker-button:hover {
  background: linear-gradient(to top, #e8af1d, #ffc713);
}
.generic-overlay .genovl-article .genovl-text a.poker-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #feb804;
  background: linear-gradient(to top, #d9a00e, #feb804);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #000000;
}
.generic-overlay .genovl-article .genovl-text a.poker-button-large:hover {
  background: linear-gradient(to top, #e8af1d, #ffc713);
}
.generic-overlay .genovl-article .genovl-text a.tips-button {
  display: table-cell;
  height: 34px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #00985f;
  background: #00985f radial-gradient(circle at 28% top, #56ba75, #00985f) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.3rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.generic-overlay .genovl-article .genovl-text a.tips-button:hover {
  background: #0fa76e radial-gradient(circle at 28% top, #65c984, #0fa76e) no-repeat;
}
.generic-overlay .genovl-article .genovl-text a.tips-button-large {
  display: table-cell;
  height: 69px;
  min-width: 200px;
  padding: 0 12px 5px;
  background: #00985f;
  background: #00985f radial-gradient(circle at 28% top, #56ba75, #00985f) no-repeat;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 1.7rem;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.generic-overlay .genovl-article .genovl-text a.tips-button-large:hover {
  background: #0fa76e radial-gradient(circle at 28% top, #65c984, #0fa76e) no-repeat;
}
.generic-overlay .genovl-article .genovl-text a.spillehjoernet-button {
  display: table-cell;
  height: 36px;
  min-width: 100px;
  padding: 0 12px 5px;
  background: #d5549d;
  background: linear-gradient(to top, #702765, #d5549d);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.generic-overlay .genovl-article .genovl-text a.spillehjoernet-button:hover {
  background: linear-gradient(to top, #7f3674, #e463ac);
}
.generic-overlay .genovl-article .genovl-text a.spillehjoernet-button-large {
  display: table-cell;
  height: 60px;
  min-width: 220px;
  padding: 0 12px 5px;
  background: #d5549d;
  background: linear-gradient(to top, #702765, #d5549d);
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-weight: normal;
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.generic-overlay .genovl-article .genovl-text a.spillehjoernet-button-large:hover {
  background: linear-gradient(to top, #7f3674, #e463ac);
}
.generic-overlay .genovl-article:first-child {
  min-height: 400px;
  border-radius: 3px;
}



.generic-overlay .genovl-footer {
  position: relative;
  z-index: 20;
  height: 98px;
  padding: 40px 23px 0 30px;
}
.generic-overlay .genovl-footer .genovl-left-logo {
  width: 145px;
  height: 23px;
  margin-top: 15px;
}
.generic-overlay .genovl-footer:after {
  display: block;
  float: right;
  content: "";
}
.generic-overlay .genovl-footer .genovl-logo-box {
  position: absolute;
  bottom: 20px;
  right: 22px;
  text-align: right;
}
.generic-overlay .genovl-footer .genovl-logo-box img {
  max-width: 107px;
  max-height: 25px;
}
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="casino-white3"],
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="casino-gold"] {
  margin-bottom: 4px;
}
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="keno-white2"],
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="keno-blue"] {
  max-width: 71px;
}
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="live-casino-white"],
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="live-casino-gold"] {
  max-width: 130px;
  margin-bottom: 6px;
}
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="lotto-white"],
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="lotto-red"] {
  max-width: 78px;
  margin-bottom: 2px;
}
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="oddset-white"],
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="oddset-blue"] {
  max-width: 90px;
  margin-bottom: 5px;
}
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="tips-white"],
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="tips-green"] {
  max-width: 77px;
  margin-bottom: 4px;
}
.generic-overlay .genovl-footer .genovl-logo-box img[alt~="spillehjoernet-logo"] {
  max-width: 170px;
  margin-bottom: -3px;
}
.generic-overlay .genovl-footer .genovl-logo-box .genovl-logo-text {
  padding: 5px 6px 0 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 1rem;
  color: #fff;
}



body.overlay-enabled .generic-overlay {
  height: 100%;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  overflow: auto;
}
.generic-overlay {
  width: 980px;
  min-height: 500px;
  max-height: calc(100vh - 120px);
  margin: 100px auto 60px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
.color-bingo-lime .generic-overlay {
  background-color: #a0d323;
}
.color-blitz-bordeaux .generic-overlay {
  background-color: #6b0000;
}
.color-blitz-white .generic-overlay {
  background-color: #ffffff;
}
.color-casino-gold .generic-overlay {
  background-color: #a78952;
}
.color-ds-green .generic-overlay {
  background-color: #004b32;
}
.color-ds-yellow .generic-overlay {
  background-color: #feb700;
}
.color-eurojackpot-gold .generic-overlay {
  background-color: #e8a332;
}
.color-keno-lightblue .generic-overlay {
  background-color: #00a5eb;
}
.color-lotto-red .generic-overlay {
  background-color: #c50005;
}
.color-oddset-darkblue .generic-overlay {
  background-color: #003e99;
}
.color-oddset-grey .generic-overlay {
  background-color: #2b2b2b;
}
.color-oddset-orange .generic-overlay {
  background-color: #dc5f11;
}
.color-onsdagslotto-blue .generic-overlay {
  background-color: #0072ba;
}
.color-poker-black .generic-overlay {
  background-color: #000000;
}
.color-quick-violet .generic-overlay {
  background-color: #7f4488;
}
.color-tips-green .generic-overlay {
  background-color: #009a60;
}
.color-cego-greyblue .generic-overlay {
  background-color: #7d96b4;
}
.color-spillehjoernet-greyblue .generic-overlay {
  background-color: #7d96b4;
}
.generic-overlay.color-bingo-lime {
  background-color: #a0d323;
}
.generic-overlay.color-blitz-bordeaux {
  background-color: #6b0000;
}
.generic-overlay.color-blitz-white {
  background-color: #ffffff;
}
.generic-overlay.color-casino-gold {
  background-color: #a78952;
}
.generic-overlay.color-ds-green {
  background-color: #004b32;
}
.generic-overlay.color-ds-yellow {
  background-color: #feb700;
}
.generic-overlay.color-eurojackpot-gold {
  background-color: #e8a332;
}
.generic-overlay.color-keno-lightblue {
  background-color: #00a5eb;
}
.generic-overlay.color-live-casino-gold {
  background-color: #876839;
}
.generic-overlay.color-lotto-red {
  background-color: #c50005;
}
.generic-overlay.color-oddset-darkblue {
  background-color: #003e99;
}
.generic-overlay.color-oddset-grey {
  background-color: #2b2b2b;
}
.generic-overlay.color-oddset-orange {
  background-color: #dc5f11;
}
.generic-overlay.color-onsdagslotto-blue {
  background-color: #0072ba;
}
.generic-overlay.color-poker-black {
  background-color: #000000;
}
.generic-overlay.color-quick-violet {
  background-color: #7f4488;
}
.generic-overlay.color-tips-green {
  background-color: #009a60;
}
.generic-overlay.color-cego-greyblue {
  background-color: #7d96b4;
}
.generic-overlay.color-spillehjoernet-greyblue {
  background-color: #7d96b4;
}
.generic-overlay .genovl-header {
  position: relative;
  z-index: 10;
  height: 80px;
  padding: 13px 30px 0 31px;
}
.generic-overlay .genovl-header .genovl-title {
  float: left;
  margin: 0;
  padding-top: 12px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 2.7rem;
  color: #fff;
}
.generic-overlay .genovl-header .genovl-close {
  float: right;
  display: block;
  width: 42px;
  height: 43px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  cursor: pointer;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.generic-overlay .genovl-header .genovl-close:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 18px inset;
}
.generic-overlay .genovl-header .genovl-close:before {
  display: block;
  position: absolute;
  width: 42px;
  height: 43px;
  margin: 0;
  content: "";
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.generic-overlay .genovl-header .genovl-close:after {
  display: block;
  width: 18px;
  height: 19px;
  margin: 11px auto 0;
  content: "";
  background: url(/Components/DanskeSpil/Project/Design/Graphics/regions/all-regions/sprite-global.png) no-repeat -300px -100px;
}
.generic-overlay .genovl-column-wrapper {
  padding: 0 30px;
}
.generic-overlay .genovl-column-wrapper:before,
.generic-overlay .genovl-column-wrapper:after {
  content: "";
  display: table;
}
.generic-overlay .genovl-column-wrapper:after {
  clear: both;
}
.generic-overlay .genovl-primary-column {
  float: right;
  position: relative;
  z-index: 20;
  width: 72.17391304%;
}
.generic-overlay .genovl-primary-column.full-size {
  width: 100%;
}
.generic-overlay .genovl-primary-column.full-size .genovl-video {
  height: 517px;
}
.generic-overlay .genovl-video {
  background: #808080;
  padding: 0;
  margin: 0;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 374px;
}
.generic-overlay .genovl-video iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.generic-overlay .genovl-image {
  background: #808080;
  padding: 0;
  margin: 0;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);
  width: 100%;
}
.generic-overlay .genovl-image img {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}
.generic-overlay.marketing-overlay .genovl-column-wrapper {
  padding: 0;
}
.generic-overlay.marketing-overlay .genovl-article {
  box-shadow: none;
}
.generic-overlay.marketing-overlay .genovl-headline {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 6rem;
  line-height: 6.5rem;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
  color: #000;
  margin-top: 0.4em;
  text-align: center;
  text-transform: uppercase;
}
.generic-overlay.marketing-overlay .genovl-image {
  box-shadow: none;
}
.generic-overlay.marketing-overlay.color-bingo-lime {
  background-color: #a0d323;
}
.generic-overlay.marketing-overlay.color-bingo-lime .genovl-headline {
  color: #a0d323;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-blitz-bordeaux {
  background-color: #6b0000;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-blitz-bordeaux .genovl-headline {
  color: #6b0000;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-blitz-white {
  background-color: #ffffff;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-blitz-white .genovl-headline {
  color: #ffffff;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-casino-gold {
  background-color: #a78952;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-casino-gold .genovl-headline {
  color: #a78952;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-ds-green {
  background-color: #004b32;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-ds-green .genovl-headline {
  color: #004b32;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-ds-yellow {
  background-color: #feb700;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-ds-yellow .genovl-headline {
  color: #feb700;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-eurojackpot-gold {
  background-color: #e8a332;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-eurojackpot-gold .genovl-headline {
  color: #e8a332;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-keno-lightblue {
  background-color: #00a5eb;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-keno-lightblue .genovl-headline {
  color: #00a5eb;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-lotto-red {
  background-color: #c50005;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-lotto-red .genovl-headline {
  color: #c50005;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-oddset-darkblue {
  background-color: #003e99;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-oddset-darkblue .genovl-headline {
  color: #003e99;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-oddset-grey {
  background-color: #2b2b2b;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-oddset-grey .genovl-headline {
  color: #2b2b2b;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-oddset-orange {
  background-color: #dc5f11;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-oddset-orange .genovl-headline {
  color: #dc5f11;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-onsdagslotto-blue {
  background-color: #0072ba;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-onsdagslotto-blue .genovl-headline {
  color: #0072ba;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-poker-black {
  background-color: #000000;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-poker-black .genovl-headline {
  color: #000000;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-quick-violet {
  background-color: #7f4488;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-quick-violet .genovl-headline {
  color: #7f4488;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-tips-green {
  background-color: #009a60;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-tips-green .genovl-headline {
  color: #009a60;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-cego-greyblue {
  background-color: #7d96b4;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-cego-greyblue .genovl-headline {
  color: #7d96b4;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-spillehjoernet-greyblue {
  background-color: #7d96b4;
}
.generic-overlay.marketing-overlay.color-bingo-lime.color-spillehjoernet-greyblue .genovl-headline {
  color: #7d96b4;
}



.generic-overlay .genovl-aside-column {
  float: left;
  position: relative;
  z-index: 20;
  width: 23.47826087%;
}
.generic-overlay .aside-navigation {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.generic-overlay .aside-navigation .item {
  border-top: 1px solid #d6d6d6;
}
.generic-overlay .aside-navigation .item:first-child {
  border-top: none;
  border-radius: 3px 3px 0 0;
}
.generic-overlay .aside-navigation .item:last-child {
  border-radius: 0 0 3px 3px;
}
.generic-overlay .aside-navigation .item:nth-child(odd) {
  background-color: white;
}
.generic-overlay .aside-navigation .item:nth-child(even) {
  background-color: white;
}
.generic-overlay .aside-navigation .item .link {
  position: relative;
  display: block;
  padding: 13px 32px 14px 20px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: black;
}
.generic-overlay .aside-navigation .item .link:hover {
  text-decoration: none;
}
.generic-overlay .aside-navigation .item .link:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 12px;
  height: 21px;
  margin-top: -11px;
  background-image: url(/Components/DanskeSpil/Project/Design/Graphics/regions/all-regions/sprite-global.png);
  background-repeat: no-repeat;
  background-position: -300px -200px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}
.generic-overlay .aside-navigation .item .link.selected {
  color: white;
}
.generic-overlay.color-bingo-lime .aside-navigation .item:hover {
  background-color: #e8f8c2;
}
.generic-overlay.color-bingo-lime .aside-navigation .item.selected {
  background-color: #3a500d;
}
.generic-overlay.color-casino-gold .aside-navigation .item:hover {
  background-color: #e6dac4;
}
.generic-overlay.color-casino-gold .aside-navigation .item.selected {
  background-color: #4f3f26;
}
.generic-overlay.color-ds-green .header .close {
  background-color: #feb700;
}
.generic-overlay.color-ds-green .aside-navigation .item:hover {
  background-color: #c7e3d9;
}
.generic-overlay.color-ds-green .aside-navigation .item.selected {
  background-color: #feb700;
}
.generic-overlay.color-eurojackpot-gold .aside-navigation .item:hover {
  background-color: #e3c7c8;
}
.generic-overlay.color-eurojackpot-gold .aside-navigation .item.selected {
  background-color: #430003;
}
.generic-overlay.color-keno-lightblue .aside-navigation .item:hover {
  background-color: #bcddeb;
}
.generic-overlay.color-keno-lightblue .aside-navigation .item.selected {
  background-color: #004d8f;
}
.generic-overlay.color-live-casino-gold .aside-navigation .item {
  background-color: #a78952;
  border-top: 1px solid #846b3f;
}
.generic-overlay.color-live-casino-gold .aside-navigation .item:hover {
  background-color: #bea069;
}
.generic-overlay.color-live-casino-gold .aside-navigation .item.selected {
  background-color: #503e23;
}
.generic-overlay.color-lotto-red .aside-navigation .item:hover {
  background-color: #f1b6b7;
}
.generic-overlay.color-lotto-red .aside-navigation .item.selected {
  background-color: #640003;
}
.generic-overlay.color-oddset-darkblue .aside-navigation .item:hover {
  background-color: #b2c9eb;
}
.generic-overlay.color-oddset-darkblue .aside-navigation .item.selected {
  background-color: #001c47;
}
.generic-overlay.color-poker-black .aside-navigation .item:hover {
  background-color: #d2d2d2;
}
.generic-overlay.color-poker-black .aside-navigation .item.selected {
  background-color: #4d4d4d;
}
.generic-overlay.color-quick-violet .aside-navigation .item:hover {
  background-color: #dcc0e0;
}
.generic-overlay.color-quick-violet .aside-navigation .item.selected {
  background-color: #3a1f3f;
}
.generic-overlay.color-tips-green .aside-navigation .item:hover {
  background-color: #ade6d0;
}
.generic-overlay.color-tips-green .aside-navigation .item.selected {
  background-color: #00472c;
}
.generic-overlay.color-cego-greyblue .aside-navigation .item:hover {
  background-color: #c4d2e3;
}
.generic-overlay.color-cego-greyblue .aside-navigation .item.selected {
  background-color: #3a4657;
}
.generic-overlay.color-spillehjoernet-greyblue .aside-navigation .item:hover {
  background-color: #c4d2e3;
}
.generic-overlay.color-spillehjoernet-greyblue .aside-navigation .item.selected {
  background-color: #3a4657;
}
.generic-overlay.color-onsdagslotto-blue .aside-navigation .item:hover {
  background-color: #b2c9eb;
}
.generic-overlay.color-onsdagslotto-blue .aside-navigation .item.selected {
  background-color: #001c47;
}



.modal-wrapper {
  transition: all 0.3s;
  overflow: hidden;
}
.modal-wrapper:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 21;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.modal-wrapper.overlay-active {
  transition: all 0.3s;
}
.modal-wrapper.overlay-active:before {
  opacity: 0.7;
  pointer-events: all;
}
.is--hidden {
  display: none;
}
.ds-modal-frame {
  position: fixed;
  top: 50%;
  left: 50vw;
  width: 50%;
  max-width: 80vw;
  min-width: 80vw;
  height: auto;
  z-index: 2000;
  backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.3s ease;
  border-radius: 0.4rem;
  animation: modalIn;
  animation-duration: 0.3s;
  overflow-y: auto;
  max-height: 90vh;
  /* Fix IE bug (https://connect.microsoft.com/IE/feedback/details/796745/mouse-events-are-not-delivered-at-all-anymore-when-inside-an-svg-a-use-is-removed-from-the-dom) */
}
.ds-modal-frame--ios-position-fix {
  position: absolute;
}
@media (min-width: 768px) {
  .ds-modal-frame {
    max-width: 63rem;
    min-width: 31rem;
  }
}
@media (orientation: landscape) {
  .ds-modal-frame {
    max-height: 80%;
  }
}
.ds-modal-frame svg use {
  pointer-events: none;
}
.ds-modal-frame.remove-overlay {
  transform: translateX(-50%) translateY(-50%) scale(0);
}
.ds-modal-frame .ds-modal-wrap {
  background: #f5f5f5;
  border-radius: 1.2rem;
  transition: all 0.3s;
  transform: translateY(-6%);
  opacity: 0;
}
.is--shown.ds-modal-frame .ds-modal-wrap {
  transform: translateY(0);
  opacity: 1;
}
.is--behind-other-modal.ds-modal-frame .ds-modal-wrap {
  pointer-events: none;
  filter: blur(2px);
}
.is--behind-other-modal.ds-modal-frame .ds-modal-wrap:before {
  background: #000000;
  content: " ";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  opacity: 0.3;
  border-radius: 0.6rem;
}
@media (min-width: 768px) {
  .ds-modal-frame {
    min-width: 52rem;
  }
}
.ds-modal-frame .ds-modal-html {
  padding-bottom: 3vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-html {
    padding-bottom: 3rem;
  }
}
.ds-modal-frame .ds-modal-content {
  padding: 6vw 6vw 6vw;
  text-align: left;
  box-shadow: 0 0 1.3rem rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (orientation: landscape) {
  .ds-modal-frame .ds-modal-content {
    max-height: 90%;
    overflow-y: auto;
  }
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content {
    padding: 2rem 2rem 2rem;
  }
}
.ds-modal-frame .ds-modal-content .sprite-symbol {
  width: 12vw;
  height: 12vw;
  margin: -1rem 1rem 0 0;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content .sprite-symbol {
    width: 5rem;
    height: 5rem;
  }
}
.ds-modal-frame .ds-modal-content .sprite-symbol--center {
  display: block;
  margin: 0 auto;
}
.ds-modal-frame .ds-modal-content .modal-header-icon {
  background-color: white;
  border-radius: 50%;
  padding: 1rem;
  border: 1px solid #cfcfcf;
}
.ds-modal-frame .ds-modal-content h1 {
  display: inline;
  font-size: 5.9vw;
  line-height: 1.2;
  font-weight: bold;
  color: #323232;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content h1 {
    font-size: 2.8rem;
  }
}
.ds-modal-frame .ds-modal-content .center {
  text-align: center;
  display: block;
  margin: 2rem 0 1rem;
}
.ds-modal-frame .ds-modal-content p {
  text-align: center;
  color: currentColor;
  font-size: 3.8vw;
  line-height: 1.4;
  font-weight: normal;
}
.ds-modal-frame .ds-modal-content p:not(:last-of-type) {
  margin: 0 0 4vw;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content p {
    margin: 1.5rem 0;
  }
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content p {
    font-size: 1.5rem;
  }
}
.is-desktop-detected .ds-modal-frame .ds-modal-content p {
  font-size: 1.5rem;
}
.ds-modal-frame .ds-modal-content small {
  display: block;
  margin-top: 1rem;
  font-size: 2.9vw;
  line-height: 1.4;
  font-weight: bold;
  font-weight: normal;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content small {
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content {
    padding: 4rem 2.4rem;
  }
}
.ds-modal-frame .ds-modal-content .custom-input input {
  border: 0.1rem solid #8C8C8C;
  border-radius: 0.7rem;
  background: #fff;
}
.ds-modal-frame .ds-modal-content .custom-input label {
  visibility: hidden;
}
.ds-modal-frame .ds-modal-content .button-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.ds-modal-frame .ds-modal-content .button-row--stack {
  flex-direction: column !important;
}
.ds-modal-frame .ds-modal-content .button-row--stack .pam__button {
  width: 100%;
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content .button-row {
    flex-direction: row;
  }
}
.ds-modal-frame .ds-modal-content .button-row .pam__button {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  border-radius: 5rem;
  padding: 0 4vw;
  min-height: 12vw;
}
@media (min-width: 768px) {
  .ds-modal-frame .ds-modal-content .button-row .pam__button {
    padding: 0 3rem;
    min-height: 5rem;
  }
  .ds-modal-frame .ds-modal-content .button-row .pam__button + .pam__button {
    margin-left: 0;
  }
  .ds-modal-frame .ds-modal-content .button-row .pam__button--round {
    border-radius: 5rem !important;
  }
  .ds-modal-frame .ds-modal-content .button-row .pam__button__text {
    white-space: normal;
  }
}
.ds-modal-frame .ds-modal-content .button-row .pam__button.pam__button--secondary {
  background-color: transparent;
  border: 0.1rem solid #323232;
  color: #323232;
}
.ds-modal-frame .ds-modal-content .button-row .pam__button.pam__button--secondary:hover {
  background-color: #323232;
  color: #fff;
}
.ds-modal-frame .ds-modal-subtext {
  text-align: center;
}
.ds-modal-frame .ds-modal-subtext:before {
  content: '';
  width: 100%;
  height: 0.1rem;
  background: #d5d5d5;
  display: block;
  margin-bottom: 1rem;
}
.ds-modal-link {
  font-size: 3.8vw;
  color: #2f80ed;
  display: block;
  margin: 1.5rem 0 0 0;
  padding: 0.5rem;
  text-align: center;
  outline: none;
}
@media (min-width: 768px) {
  .ds-modal-link {
    font-size: 1.5rem;
  }
}
.ds-modal-link:hover,
.ds-modal-link:focus {
  text-decoration: none;
}
.ds-modal--close {
  position: absolute;
  right: 0;
  margin: 4vw;
}
@media (min-width: 768px) {
  .ds-modal--close {
    margin: 2rem;
  }
}
.ds-modal--close .sprite-symbol {
  width: 4vw;
  height: 4vw;
}
@media (min-width: 768px) {
  .ds-modal--close .sprite-symbol {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.ds-modal--close:hover {
  cursor: pointer;
}
.ds-modal {
  margin: 0 auto;
}
.ds-modal-frame.is--shown ~ .ds-modal-overlay {
  opacity: 1;
  visibility: visible;
}
.ds-modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}
@keyframes modalIn {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(0);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}



.header.top-navigation {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  font-size: 1.4rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
@media print {
  .header.top-navigation {
    display: none;
  }
}
.header.top-navigation.header--not-fixed {
  position: absolute;
}
.mode-edit .header.top-navigation {
  position: relative;
}
.header.top-navigation * {
  box-sizing: border-box;
}
.header.top-navigation a:hover {
  text-decoration: none;
}
/* OVERLAY */
.header__cta-component__read-more-overlay {
  background: #fff;
  top: 10%;
  margin-top: 40%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding: 1em 4em;
  border-radius: 0.7em;
  text-align: center;
  width: 90%;
  max-width: calc(1440px / 3);
}
@media screen and (max-width: 950px) {
  .header__cta-component__read-more-overlay {
    margin-top: 10%;
  }
}
.header__cta-component__read-more-overlay__title {
  font-size: 22px;
  font-size: 2.2rem;
}
.header__cta-component__read-more-overlay__paragraph {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.header__cta-component__read-more-overlay__close-btn {
  background: #156a5f;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  padding: 13px 16px 16px 16px;
  margin-bottom: 8px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  /*&:active {
    background: @color-white-100;
    color: @color-gray-100;
  }

  &--inactive {
    background: @color-gray-400;
    color: @color-gray-300;
  }

  &--medium {
  }

  &-small {
  }

  @media screen and (min-width: @medium) {
    .font-size(14);
  }*/
  min-width: 100px;
  margin: 2em 0;
}
.header__cta-component__read-more-overlay__close-btn:hover {
  background: #004b32;
  text-decoration: none;
}
.header__cta-component__read-more-overlay__close-icon {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0;
  margin: 20px 20px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 400;
  cursor: pointer;
}
.header-static-fix {
  height: 6.6rem;
}
@media (min-width: 950px) {
  .header-static-fix {
    height: 11.6rem;
  }
}
.is-logged-in:not(.is-context-neutral) .header-static-fix {
  height: 8.4rem;
}
@media (min-width: 768px) {
  .is-logged-in:not(.is-context-neutral) .header-static-fix {
    height: 8.8rem;
  }
}
@media (min-width: 950px) {
  .is-logged-in:not(.is-context-neutral) .header-static-fix {
    height: 11.6rem;
  }
}
.region-kundecenter .header-static-fix {
  height: 8.6rem;
}
@media (min-width: 950px) {
  .region-kundecenter .header-static-fix {
    height: 13.6rem;
  }
}
@media (min-width: 950px) {
  .region-avalon-kundecenter .header-static-fix {
    height: 2.6rem;
  }
}
@media (min-width: 1440px) {
  .region-avalon-kundecenter .header-static-fix {
    height: 4rem;
  }
}
.region-frontpage .header-static-fix {
  height: 6.6rem;
}
@media (min-width: 950px) {
  .region-frontpage .header-static-fix {
    height: 28.6rem;
  }
}
.region-avalon-frontpage .header-static-fix {
  height: 6.6rem;
}
@media (min-width: 950px) {
  .region-avalon-frontpage .header-static-fix {
    height: 4.2rem;
  }
}
@media (min-width: 950px) {
  .region-retail-account.PlayerAccountManagementContentPage .header-static-fix {
    height: 12rem;
  }
}
.region-retail-account.RetailAccountHiddenMenu .header-static-fix {
  display: none;
}
.region-retail-account .is-logged-in:not(.is-context-neutral) .header-static-fix {
  height: 6.6rem;
}
@media (min-width: 950px) {
  .region-retail-account .is-logged-in:not(.is-context-neutral) .header-static-fix {
    height: 7.6rem;
  }
}
.region-retail-account .header-static-fix {
  height: 6.6rem;
}
@media (min-width: 950px) {
  .region-retail-account .header-static-fix {
    height: 7.6rem !important;
  }
}
.corporate-nav {
  position: relative;
  transition: transform 0.4s ease;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media all and (min-width: 950px) {
  .corporate-nav {
    height: 4rem;
  }
}
.corporate-nav .js-prevlogintime span:not(:empty):before {
  content: 'Seneste login: ';
}
.corporate-nav__container {
  height: 6.6rem;
}
@media all and (min-width: 950px) {
  .corporate-nav__container {
    max-width: 1440px;
    margin: 0 auto;
    min-width: 923px;
    overflow: hidden;
    height: auto;
  }
  .is-logged-in .corporate-nav__container {
    min-width: 950px;
  }
}
.corporate-nav__logo {
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  display: block;
}
@media all and (min-width: 950px) {
  .corporate-nav__logo {
    transform: none;
    left: auto;
    top: 1.2rem;
    margin-left: 0;
    display: inline-block;
  }
  .corporate-nav__logo-img {
    height: 1.7rem;
    width: 10.6rem;
  }
  .corporate-nav__logo.mobile {
    display: none;
  }
}
.corporate-nav__navigation {
  width: auto;
  height: 100%;
  -ms-transform: none;
  transform: none;
  background-color: transparent;
  display: inline-block;
  margin-left: 180px;
  box-shadow: none;
}
.corporate-nav__list {
  margin: 0;
  padding: 0;
  max-height: 100%;
  width: 100%;
}
.corporate-nav__list-item {
  list-style: none;
  font-size: 4vw;
  float: left;
}
.is-mobile-detected .corporate-nav__list-item.desktop-only,
.is-tablet-detected .corporate-nav__list-item.desktop-only {
  display: none;
}
.corporate-nav__list-item:not(.js-has-subnav) .corporate-nav__list-link:hover {
  color: white;
  opacity: 0.7;
}
@media all and (min-width: 950px) {
  .corporate-nav__list-item.has-shown-subnav .sub-navigation {
    transform: translateY(100%) scaleY(1);
    z-index: 1;
  }
}
@media all and (min-width: 950px) {
  .corporate-nav__list-item.has-shown-subnav .corporate-nav__list-link:after {
    transform: translateY(0) rotate(225deg);
    transform: translateY(0);
    border-bottom-color: #fff;
  }
}
.corporate-nav__list-item.has-shown-subnav svg.corporate-nav__link-icon {
  transform: rotate(0.5turn);
}
.corporate-nav__list-link {
  font-size: 1.4rem;
  padding: 2.3rem 1.8rem;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  position: relative;
  display: block;
}
@media all and (min-width: 950px) {
  .corporate-nav__list-link {
    padding: 1.3rem 1.8rem 1.1rem;
  }
}
.corporate-nav__list-link svg.corporate-nav__link-icon {
  fill: white;
  height: 1.1rem;
  width: 1.1rem;
  margin-left: 0.6rem;
  display: none;
  transition: transform 150ms ease-out;
}
@media all and (min-width: 950px) {
  .corporate-nav__list-link svg.corporate-nav__link-icon {
    display: inline-block;
  }
}
@media all and (min-width: 950px) {
  .corporate-nav__list-link:after {
    height: 0;
    width: 0;
    content: ' ';
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -8px;
    -ms-transform: translateY(1000%);
    transform: translateY(1000%);
    z-index: 0;
    transition: transform 200ms ease;
  }
}
@media all and (min-width: 950px) {
  .corporate-nav .sub-navigation {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    max-height: none;
    transition: all 200ms ease;
    background-color: #FFF;
    overflow: hidden;
    transform-origin: top;
    transform: translateY(100%) scaleY(0);
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
    z-index: 0;
  }
}
.corporate-nav .sub-navigation__inner {
  max-width: 1440px;
  margin: 0 auto;
}
.corporate-nav .sub-navigation__list {
  padding: 0;
  margin: 0;
  box-sizing: content-box !important;
  display: inline-block;
  padding-left: 235px;
}
.corporate-nav .sub-navigation__item {
  font-size: 14px;
  display: inline-block;
  list-style: none;
  float: left;
}
.corporate-nav .sub-navigation__link {
  padding: 15px 25px;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  min-height: 0;
}
.corporate-nav .sub-navigation__link:hover {
  opacity: 0.5;
}
.user-bar {
  float: right;
  display: inline-block;
}
.user-bar__navigation {
  width: auto;
  height: 100%;
  display: inline-block;
}
.user-bar__list {
  margin: 0;
  padding: 0;
  max-height: 100%;
  list-style-type: none;
}
.accountmenu__item {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 12.5px 10px 9px;
  line-height: 1.3;
  cursor: pointer;
  transition: 0.2s;
  color: #fff;
  text-decoration: none;
}
.accountmenu__item:hover {
  opacity: 0.7;
  cursor: pointer;
}
.accountmenu .signup-btn {
  position: relative;
}
.accountmenu .login-btn.mobile-only {
  display: none;
}
.accountmenu .info-bar-item--ballance,
.accountmenu .info-bar-item--username {
  display: none;
}
.accountmenu .profile-btn {
  position: relative;
  float: right;
  height: 40px;
  width: 40px;
  padding: 0;
  display: none;
}
.accountmenu .profile-btn.mobile-only {
  display: none;
  color: transparent;
  width: 16vw;
  height: 16vw;
  margin-right: 3vw;
  top: -1.7rem;
}
.accountmenu .profile-btn:before {
  content: ' ';
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMC43IDEwLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwLjcgMTAuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkYiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAsOC42QzkuOSw4LjUsNy4zLDcuMiw1LjMsNy4yUzAuOCw4LjUsMC43LDguNkMwLjUsOC43LDAuMyw4LjksMC4zLDkuMXYwLjZjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDguOGMwLjMsMCwwLjYtMC4zLDAuNi0wLjZWOS4xQzEwLjMsOC45LDEwLjIsOC43LDEwLDguNnogTTIuOCw0LjFWMi45YzAtMS40LDEuMS0yLjUsMi41LTIuNXMyLjUsMS4xLDIuNSwyLjV2MS4yYzAsMS40LTEuMSwyLjUtMi41LDIuNVMyLjgsNS41LDIuOCw0LjF6Ii8+PC9zdmc+DQo=');
}
.has-shown-subnav .accountmenu .mega-menu {
  transform: translateY(100%) scaleY(1);
  z-index: 1;
}
@media all and (min-width: 950px) {
  .is-logged-in .profile-btn,
  .is-logged-in .info-bar-item--ballance,
  .is-logged-in .info-bar-item--username {
    display: inline-block;
  }
}
.is-logged-in .login-btn,
.is-logged-in .signup-btn {
  display: none;
}
.is-logged-in .accountmenu:hover .accountmenu__item {
  opacity: 0.7;
  cursor: pointer;
}
.top-navigation .sub-sub-sub-navigation {
  max-height: none;
  transition: max-height 0.4s ease;
}
.top-navigation .corporate-nav__list-item.notification-item a {
  padding-right: 2.5rem;
  position: relative;
  display: inline-block;
}
@media all and (min-width: 768px) {
  .top-navigation .corporate-nav__list-item.notification-item a {
    display: block;
    padding-right: 5rem;
  }
}
@media all and (min-width: 950px) {
  .top-navigation .corporate-nav__list-item.notification-item a {
    display: block;
    padding-right: 2rem;
  }
}
.top-navigation .corporate-nav__list-item.notification-item a:before {
  pointer-events: none;
  position: absolute;
  top: 0.6rem;
  right: 0;
  width: 1.8rem;
  height: 1.8rem;
  content: ' ';
  display: block;
  vertical-align: middle;
  font-size: 1.4rem;
  border-radius: 50%;
  background: #feb700 url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/icon_pam_exclamation-black.svg') center center no-repeat;
  background-size: 0.8rem;
}
@media all and (min-width: 768px) and (max-width: 949px) {
  .top-navigation .corporate-nav__list-item.notification-item a:before {
    top: 1rem;
    width: 4rem;
    height: 4rem;
    background-size: 2rem;
  }
}
@media all and (min-width: 950px) {
  .top-navigation .corporate-nav__list-item.notification-item a:before {
    top: 0.6rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 0.75rem;
  }
}
.brand-nav {
  position: relative;
  transition: transform 200ms ease;
  overflow: visible;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media all and (min-width: 950px) {
  .brand-nav .user-bar {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .brand-nav .desktop-only {
    display: none;
  }
}
@media (min-width: 950px) {
  .brand-nav .mobile-only {
    display: none;
  }
}
.brand-nav__container {
  white-space: nowrap;
  height: 6.6rem;
}
@media all and (min-width: 950px) {
  .brand-nav__container {
    max-width: 1440px;
    margin: 0 auto;
    height: 7.6rem;
  }
}
.brand-nav__container .pam-return-to-site-close {
  width: 3rem;
  height: 3rem;
  margin-left: 1rem;
  border: 2px solid white;
  border-radius: 50%;
  position: absolute;
  right: 2rem;
  top: 2.2rem;
  cursor: pointer;
  display: none;
}
.brand-nav__container .pam-return-to-site-close__icon {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.brand-nav__logo {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 21rem);
  height: 6.5rem;
  margin: 0 10rem 0 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.is-logged-in .brand-nav__logo {
  width: calc(100% - 13rem);
}
@media all and (min-width: 950px) {
  .brand-nav__logo {
    width: 17rem;
    margin: 0;
    height: 7.5rem;
    left: auto;
  }
}
.brand-nav__logo .pam-return-to-site-back {
  display: none;
  cursor: pointer;
}
.brand-nav__logo .pam-return-to-site-back:before,
.brand-nav__logo .pam-return-to-site-back:after {
  content: "";
  display: table;
}
.brand-nav__logo .pam-return-to-site-back:after {
  clear: both;
}
.brand-nav__logo .pam-return-to-site-back__brand {
  float: left;
  margin-left: 1.5rem;
  color: white;
  font-weight: 600;
  font-size: 1.6rem;
  transform: translateY(0.3rem);
}
.brand-nav__logo .pam-return-to-site-back__brand:hover {
  text-decoration: underline;
}
.brand-nav__logo .pam-return-to-site-back__logo-img {
  display: none;
  max-height: 2rem;
  max-width: 13rem;
  width: auto;
  height: auto;
}
@media all and (min-width: 950px) {
  .brand-nav__logo .pam-return-to-site-back__logo-img {
    display: inline-block;
  }
}
.brand-nav__logo .pam-return-to-site-back .brand-nav__logo-text {
  display: block;
  font-size: 0.9rem;
  color: white;
  margin: -0.5rem 0 0.5rem;
  font-style: italic;
  font-weight: normal;
}
.brand-nav__logo .pam-return-to-site-back__icon {
  width: 1.1rem;
  height: 1.1rem;
  float: left;
  position: relative;
  top: 1rem;
}
.brand-nav__logo a {
  text-decoration: none;
}
.brand-nav__logo-cube {
  width: 4vw;
  height: 4vw;
  display: inline-block;
}
@media all and (min-width: 950px) {
  .brand-nav__logo-cube {
    display: none;
  }
}
.brand-nav__logo-img {
  padding-left: 1rem;
  display: inline-block;
  margin: 0;
  max-height: 2.5rem;
  max-width: 17rem;
  height: 100%;
}
@media (max-width: 440px) {
  .brand-nav__logo-img {
    max-height: 1.7rem;
    max-width: calc(100% - 1.8rem);
  }
}
@media all and (min-width: 950px) {
  .brand-nav__logo-img {
    border: 0;
    margin: 0;
    text-align: left;
    padding-left: 0;
  }
}
.brand-nav__logo-text {
  display: block;
  font-size: 0.8rem;
  color: white;
  margin: 0.5rem 0;
  font-style: italic;
}
.brand-nav__navigation {
  margin-left: 180px;
  width: auto;
  height: 100%;
  transform: none;
  background-color: transparent;
  display: inline-block;
}
.brand-nav__list {
  margin: 0;
  padding: 0;
  overflow: hidden;
  max-height: 100%;
  height: 100%;
}
.brand-nav__item {
  font-size: 2.1rem;
  display: inline-block;
  list-style: none;
  float: left;
}
.brand-nav__item:not(.js-has-subnav) .brand-nav__link:hover {
  opacity: 0.7;
}
@media all and (min-width: 950px) {
  .brand-nav__item.has-shown-subnav .sub-navigation {
    transform: translateY(100%) scaleY(1);
    transition-timing-function: ease-out;
    z-index: 1;
  }
}
.brand-nav__item.has-shown-subnav svg.brand-nav__link-icon {
  transform: rotate(0.5turn);
}
.brand-nav__link {
  padding: 2.9rem 1.8rem 2.8rem;
  font-weight: 600;
  font-size: 1.6rem;
  display: inline-block;
  border-bottom: 0;
  color: white;
  position: relative;
  text-decoration: none;
  transition: all 0.2s ease;
}
.brand-nav__link:hover {
  text-decoration: none;
}
.brand-nav__link svg.brand-nav__link-icon {
  fill: white;
  height: 1.1rem;
  width: 1.1rem;
  margin-left: 0.6rem;
  display: none;
  transition: transform 150ms ease-out;
}
@media all and (min-width: 950px) {
  .brand-nav__link svg.brand-nav__link-icon {
    display: inline-block;
  }
}
@media all and (min-width: 950px) {
  .js-has-subnav .brand-nav__link:after {
    height: 0;
    width: 0;
    content: ' ';
    display: block;
    border-left: 0.8rem solid transparent;
    border-right: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.8rem;
    transform: translateY(1000%);
    z-index: 0;
    transition: transform 200ms ease;
  }
}
.has-shown-subnav .brand-nav__link:after {
  transform: translateY(0) rotate(225deg);
}
@media all and (min-width: 768px) and (max-width: 949px) {
  .has-shown-subnav .brand-nav__link:after {
    transform: translateY(0.25rem) rotate(225deg);
  }
}
@media all and (min-width: 950px) {
  .has-shown-subnav .brand-nav__link:after {
    transform: translateY(0);
    border-bottom-color: white;
  }
}
@media all and (min-width: 950px) {
  .brand-nav .sub-navigation {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-width: 950px;
    background-color: white;
    transform-origin: top;
    transform: translateY(100%) scaleY(0);
    max-height: none !important;
    transition: all 200ms ease;
    z-index: 0;
  }
}
.brand-nav .sub-navigation__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 17rem;
}
.brand-nav .sub-navigation__list {
  padding: 0;
  display: inline-block;
}
.brand-nav .sub-navigation__item {
  font-size: 1.6rem;
  display: inline-block;
  list-style: none;
  float: left;
}
.brand-nav .sub-navigation__link {
  color: #000000;
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
}
@media all and (min-width: 950px) {
  .brand-nav .sub-navigation__link {
    padding: 1.9rem 1.8rem 1.1rem;
    min-height: 0;
  }
}
.brand-nav .sub-navigation__link:hover {
  opacity: 0.5;
}
@media all and (min-width: 950px) {
  .region-player-account-management.Register .brand-nav,
  .region-player-account-management.ChangePasswordPage .brand-nav,
  .region-retail-account.page-retail-upgrade .brand-nav {
    display: none;
  }
}
.mobile-nav-right {
  display: none;
}
@media all and (max-width: 949px) {
  .is-logged-in .mobile-nav-right {
    display: block;
  }
}
.mobile-navigation-header {
  color: #FFF;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 0;
  justify-content: center;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  height: 6.6rem;
}
@media (min-width: 950px) {
  .mobile-navigation-header {
    display: none;
  }
}
.mobile-navigation-header__logo {
  width: 100%;
  display: block;
}
.mobile-navigation-header .mobile-navigation-header__logo-link {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-navigation-header .mobile-navigation-header__logo-cube {
  width: 3rem;
  height: 3rem;
}
.mobile-navigation-header .mobile-navigation-header__brand-logo {
  height: 2.45rem;
}
.mobile-navigation-header__logo-img {
  padding-left: 1.5rem;
  max-height: 2.5rem;
}
@media (min-width: 768px) {
  .mobile-navigation-header__logo-img {
    height: 3rem;
  }
}
.mobile-navigation-header__logo-text {
  display: none;
}
.menu-toggle {
  float: left;
}
@media all and (min-width: 950px) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 30em), (-ms-high-contrast: none) and (max-width: 30em) {
  .menu-toggle {
    z-index: 1;
    position: relative;
  }
}
.menu-toggle-right {
  position: fixed;
  right: 0;
  top: 0;
  display: none;
}
.menu-toggle-right .menu-toggle-btn div:nth-child(2) {
  transform: translateX(200%);
  -webkit-transform: translateX(200%);
  z-index: -1;
  opacity: 0;
}
.menu-toggle-btn {
  width: 16.2vw;
  height: 16.2vw;
  display: block;
  box-sizing: border-box;
  padding: 4vw 4vw;
  position: relative;
  overflow: visible;
}
.menu-toggle-btn div {
  width: 6vw;
  height: 3px;
  background-color: #FFF;
  display: inline-block;
  transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  border-radius: 0.4vw;
  position: absolute;
  top: calc(50%);
  left: 50%;
  margin-left: -3vw;
  transform: translate(0, 0) rotate(0);
  -webkit-transform: translate(0, 0) rotate(0);
}
.menu-toggle-btn div:nth-child(1) {
  margin-top: -2vw;
}
.menu-toggle-btn div:nth-child(3) {
  margin-top: 2vw;
}
.menu-toggle-btn.active div:nth-child(1) {
  transform: translate(-0.3vw, 2.25vw) rotate(45deg);
  -webkit-transform: translate(-0.3vw, 2.25vw) rotate(45deg);
}
.menu-toggle-btn.active div:nth-child(2) {
  transform: translateX(-300%);
  -webkit-transform: translateX(-300%);
}
.menu-toggle-btn.active div:nth-child(3) {
  transform: translate(-0.3vw, -1.76vw) rotate(-45deg);
  -webkit-transform: translate(-0.3vw, -1.76vw) rotate(-45deg);
}
.mobile-user-info {
  clear: both;
  width: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 0.1vw 2vw;
  box-sizing: border-box;
}
.is-logged-in .mobile-user-info {
  display: block;
}
@media all and (min-width: 950px) {
  .is-logged-in .mobile-user-info {
    display: none;
  }
}
.mobile-user-info.modal-wrapper.overlay-active:before {
  pointer-events: none;
  background-color: initial;
}
.mobile-user-info:after {
  display: table;
  content: ' ';
  clear: both;
}
.mobile-user-info .js-balance-total {
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
.mobile-user-info .js-balance-total:not(:empty):before {
  font-weight: normal;
  content: 'Saldo: ';
}
.mobile-user-info__left,
.mobile-user-info__right {
  display: inline-block;
  vertical-align: middle;
}
.mobile-user-info__left p,
.mobile-user-info__right p,
.mobile-user-info__left a,
.mobile-user-info__right a {
  margin: 0;
  padding: 0.5vw 0;
  color: #FFF;
  font-size: 2.7vw;
  line-height: 1;
}
@media all and (min-width: 768px) and (max-width: 949px) {
  .mobile-user-info__left p,
  .mobile-user-info__right p,
  .mobile-user-info__left a,
  .mobile-user-info__right a {
    font-size: 14px;
  }
}
.mobile-user-info__left {
  float: left;
}
.mobile-user-info__right {
  float: right;
}
.games-mobile-nav {
  position: fixed;
  background-color: #014B32;
  z-index: 20;
}
.games-mobile-nav .corporate-nav__list-link:before {
  display: none !important;
}
@media all and (min-width: 950px) {
  .games-mobile-nav {
    display: none;
  }
}
.games-mobile-nav a {
  color: #fff;
}
.games-mobile-nav a:after {
  border-color: #fff !important;
  border-width: 2px !important;
}
.games-mobile-nav a[class*=-link] {
  z-index: 90;
}
.games-mobile-nav .sub-navigation {
  background-color: #fff !important;
  max-height: none !important;
  height: 0;
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch;
  transition: height 0.4s ease !important;
}
.games-mobile-nav .sub-navigation .games-left,
.games-mobile-nav .sub-navigation .games-center,
.games-mobile-nav .sub-navigation .games-right {
  width: 100% !important;
  max-width: 100% !important;
  float: none;
  padding: 1rem 2% 4vw;
}
.games-mobile-nav .sub-navigation .games-left p,
.games-mobile-nav .sub-navigation .games-center p,
.games-mobile-nav .sub-navigation .games-right p {
  font-size: 2.5vw;
}
.games-mobile-nav .sub-navigation .games-left .games-list,
.games-mobile-nav .sub-navigation .games-center .games-list,
.games-mobile-nav .sub-navigation .games-right .games-list {
  margin-top: 0;
}
.games-mobile-nav .sub-navigation .games-left .games-list-item,
.games-mobile-nav .sub-navigation .games-center .games-list-item,
.games-mobile-nav .sub-navigation .games-right .games-list-item {
  width: calc(50% - 1rem);
  max-height: none;
  height: 12vw;
}
.games-mobile-nav .sub-navigation .games-left .header__cta-component__description,
.games-mobile-nav .sub-navigation .games-center .header__cta-component__description,
.games-mobile-nav .sub-navigation .games-right .header__cta-component__description {
  white-space: pre-line;
  font-size: 4vw;
}
.games-mobile-nav .sub-navigation .games-left .header__cta-component__cta-home,
.games-mobile-nav .sub-navigation .games-center .header__cta-component__cta-home,
.games-mobile-nav .sub-navigation .games-right .header__cta-component__cta-home {
  padding: 3.6vw 5vw 2.5vw;
  font-size: 4vw;
}
.games-mobile-nav .sub-navigation .games-right {
  padding-top: 4vw !important;
}
@media all and (max-width: 949px) {
  .header.is-showing-left-menu {
    transform: translateX(84.6vw) !important;
    -webkit-transform: translateX(84.6vw) !important;
  }
  .header.is-showing-right-menu {
    transform: translateX(-100vw) !important;
    -webkit-transform: translateX(-100vw) !important;
  }
  .header.is-showing-right-menu:before {
    transform: translateX(15.4vw);
    -webkit-transform: translateX(15.4vw);
  }
  .header.is-showing-right-menu .menu-toggle-right {
    position: fixed;
    display: block;
    margin-top: 0;
    right: -15.4vw;
  }
  .header.is-showing-right-menu .profile-btn .mobile-only {
    display: none;
  }
  .header {
    pointer-events: all;
  }
  nav:first-of-type {
    display: none;
  }
  nav:last-of-type {
    display: block;
    max-width: 100vw;
  }
  .corporate-nav__list-item.js-has-subnav:first-child {
    display: none;
  }
  .brand-nav,
  .corporate-nav {
    overflow: hidden;
    padding: 0;
  }
  .brand-nav .user-bar,
  .corporate-nav .user-bar {
    display: block;
  }
  .brand-nav .user-bar .desktop-only,
  .corporate-nav .user-bar .desktop-only {
    display: none;
  }
  .brand-nav .user-bar__item,
  .corporate-nav .user-bar__item {
    position: relative;
    line-height: 1;
    color: #FFF;
    font-size: 1.1rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    padding: 0;
    margin-right: 3vw;
    float: right;
  }
  .brand-nav .user-bar__login-icon,
  .corporate-nav .user-bar__login-icon {
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: 1.4rem;
    left: calc(50% - 1rem);
  }
  .brand-nav .user-bar .login-btn.mobile-only,
  .corporate-nav .user-bar .login-btn.mobile-only {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding: 0;
    margin-right: 3vw;
    float: right;
  }
  .brand-nav .user-bar .login-btn.mobile-only:before,
  .corporate-nav .user-bar .login-btn.mobile-only:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    white-space: nowrap;
    line-height: 1;
  }
  .is-logged-in .brand-nav .user-bar .login-btn.mobile-only,
  .is-logged-in .corporate-nav .user-bar .login-btn.mobile-only {
    display: none;
  }
  .is-logged-in .brand-nav .user-bar .create-btn.mobile-only,
  .is-logged-in .corporate-nav .user-bar .create-btn.mobile-only {
    display: none;
  }
  .brand-nav .user-bar .profile-btn.mobile-only,
  .corporate-nav .user-bar .profile-btn.mobile-only {
    display: none;
    background: #fff;
    border-radius: 50%;
    position: relative;
  }
  .brand-nav .user-bar .profile-btn.mobile-only:before,
  .corporate-nav .user-bar .profile-btn.mobile-only:before {
    content: " ";
    width: 4vw;
    height: 4.5vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -56%);
    -ms-transform: translate(-50%, -56%);
    transform: translate(-50%, -56%);
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .is-logged-in .brand-nav .user-bar .profile-btn.mobile-only,
  .is-logged-in .corporate-nav .user-bar .profile-btn.mobile-only {
    display: block;
  }
  .brand-nav__logo-text,
  .corporate-nav__logo-text {
    display: none;
    text-decoration: none;
  }
  .brand-nav .corporate-nav__logo,
  .corporate-nav .corporate-nav__logo {
    text-align: center;
  }
  .brand-nav .corporate-nav__logo img,
  .corporate-nav .corporate-nav__logo img {
    max-height: 2.5rem;
  }
  .brand-nav__navigation,
  .corporate-nav__navigation {
    position: fixed;
    margin-left: 0;
    width: 84.6vw;
    height: 100vh;
    left: 0;
    top: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
  }
  .brand-nav__navigation.mobile-nav-left,
  .corporate-nav__navigation.mobile-nav-left {
    transform: translateX(-84.6vw);
    -webkit-transform: translateX(-84.6vw);
  }
  .brand-nav__navigation.mobile-nav-right,
  .corporate-nav__navigation.mobile-nav-right {
    transform: translateX(115.4vw);
    -webkit-transform: translateX(115.4vw);
  }
  .is-tablet-detected .brand-nav__navigation,
  .is-tablet-detected .corporate-nav__navigation {
    width: 50vw;
  }
  .is-tablet-detected .brand-nav__navigation.mobile-nav-left,
  .is-tablet-detected .corporate-nav__navigation.mobile-nav-left {
    transform: translateX(-50vw);
    -webkit-transform: translateX(-50vw);
  }
  .is-tablet-detected .brand-nav__navigation.mobile-nav-right,
  .is-tablet-detected .corporate-nav__navigation.mobile-nav-right {
    transform: translateX(100vw);
    -webkit-transform: translateX(100vw);
  }
  .brand-nav__list,
  .corporate-nav__list {
    background-color: #FFF;
    max-height: 100vh;
    min-height: 100vh;
    padding-bottom: 80vw;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    z-index: 1;
  }
  .brand-nav__item,
  .corporate-nav__item,
  .brand-nav__list-item,
  .corporate-nav__list-item {
    font-size: 1.6rem;
    width: 100%;
  }
  .brand-nav__link,
  .corporate-nav__link,
  .brand-nav__list-link,
  .corporate-nav__list-link {
    display: block;
    border-bottom: 1px solid #eee;
    color: #323232;
    font-size: inherit;
  }
  .user-bar .brand-nav__link,
  .user-bar .corporate-nav__link,
  .user-bar .brand-nav__list-link,
  .user-bar .corporate-nav__list-link {
    color: #fff;
    border-bottom: none;
  }
  .js-has-subnav .brand-nav__link:after,
  .js-has-subnav .corporate-nav__link:after,
  .js-has-subnav .brand-nav__list-link:after,
  .js-has-subnav .corporate-nav__list-link:after {
    position: absolute;
    display: block;
    z-index: 100;
    content: ' ';
    width: 1rem;
    height: 1rem;
    top: 3.7rem;
    left: auto;
    right: 3rem;
    border-right: 2px solid #323232;
    border-bottom: 2px solid #323232;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.4s ease;
  }
  .js-has-subnav.has-shown-subnav .brand-nav__link:after,
  .js-has-subnav.has-shown-subnav .corporate-nav__link:after,
  .js-has-subnav.has-shown-subnav .brand-nav__list-link:after,
  .js-has-subnav.has-shown-subnav .corporate-nav__list-link:after,
  .js-has-subnav.active .brand-nav__link:after,
  .js-has-subnav.active .corporate-nav__link:after,
  .js-has-subnav.active .brand-nav__list-link:after,
  .js-has-subnav.active .corporate-nav__list-link:after {
    transform: translateY(0) rotate(225deg);
  }
  .brand-nav .sub-navigation,
  .corporate-nav .sub-navigation {
    max-height: 0;
    transition: max-height 0.4s ease;
    background-color: #f0f0f0;
    overflow: hidden;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
  }
  .brand-nav .sub-navigation__inner,
  .corporate-nav .sub-navigation__inner {
    padding-left: 0;
  }
  .brand-nav .sub-navigation__list,
  .corporate-nav .sub-navigation__list {
    width: 100%;
  }
  .brand-nav .sub-navigation__item,
  .corporate-nav .sub-navigation__item {
    display: block;
    width: 100%;
    padding-left: 3rem;
  }
  .brand-nav .sub-navigation__link,
  .corporate-nav .sub-navigation__link {
    padding: 2rem 1.8rem;
    color: #000;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details:last-of-type,
  .corporate-nav .mobile-nav-right .mega-menu__account-details:last-of-type,
  .brand-nav .mobile-nav-right .mega-menu__account-details__divider,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__divider,
  .brand-nav .mobile-nav-right .last-login,
  .corporate-nav .mobile-nav-right .last-login,
  .brand-nav .mobile-nav-right .desktop-only,
  .corporate-nav .mobile-nav-right .desktop-only,
  .brand-nav .mobile-nav-right .welcome-text,
  .corporate-nav .mobile-nav-right .welcome-text {
    display: none;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__row--right,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__row--right {
    float: right;
  }
  .brand-nav .mobile-nav-right .mobile-navigation-header .corporate-nav__logo-img,
  .corporate-nav .mobile-nav-right .mobile-navigation-header .corporate-nav__logo-img {
    height: 2.2rem;
  }
  .brand-nav .mobile-nav-right .mobile-navigation-header .profile-btn,
  .corporate-nav .mobile-nav-right .mobile-navigation-header .profile-btn {
    background: #fff;
    border-radius: 50%;
    height: 9vw;
    width: 9vw;
    position: relative;
    top: 3.5vw;
  }
  .brand-nav .mobile-nav-right .mobile-navigation-header .profile-btn:before,
  .corporate-nav .mobile-nav-right .mobile-navigation-header .profile-btn:before {
    content: " ";
    width: 4vw;
    height: 4vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .brand-nav .mobile-nav-right .mobile-navigation-header .profile-btn:after,
  .corporate-nav .mobile-nav-right .mobile-navigation-header .profile-btn:after {
    position: absolute;
    content: ' ';
    left: 0;
    bottom: -3.5vw;
    width: 100%;
    height: 0.4rem;
    background-color: #FFF;
  }
  .brand-nav .mobile-nav-right .mega-menu__account,
  .corporate-nav .mobile-nav-right .mega-menu__account {
    padding: 0 6vw;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__title,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__title {
    margin-bottom: 0;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__title__inner,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__title__inner {
    font-size: 4vw;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__large-text,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__large-text {
    font-size: 5vw;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__right,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__right {
    float: right;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__logout-btn,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__logout-btn {
    font-size: 3.5vw;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__details-btn,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__details-btn {
    font-size: 3.5vw;
    line-height: 1.5;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-details__button,
  .corporate-nav .mobile-nav-right .mega-menu__account-details__button {
    width: 100%;
    font-size: 4vw;
    display: block;
    margin-left: 0;
    text-align: center;
  }
  .brand-nav .mobile-nav-right .mega-menu__account-meta,
  .corporate-nav .mobile-nav-right .mega-menu__account-meta {
    white-space: initial;
  }
  .brand-nav .mobile-nav-right .sub-navigation-inner,
  .corporate-nav .mobile-nav-right .sub-navigation-inner {
    background: #FFF;
    max-height: 100vh;
    min-height: 100vh;
    padding-bottom: 50vw;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .brand-nav .mobile-nav-right .sub-navigation-inner ul,
  .corporate-nav .mobile-nav-right .sub-navigation-inner ul,
  .brand-nav .mobile-nav-right .sub-navigation-inner li,
  .corporate-nav .mobile-nav-right .sub-navigation-inner li {
    margin: 0;
    padding: 0;
  }
  .brand-nav .mobile-nav-right .mega-menu__section:first-of-type,
  .corporate-nav .mobile-nav-right .mega-menu__section:first-of-type {
    margin-top: 4vw;
    border-top: 1px solid #ccc;
  }
  .brand-nav .mobile-nav-right .mega-menu__section__title > .navigation-item-link,
  .corporate-nav .mobile-nav-right .mega-menu__section__title > .navigation-item-link {
    display: block;
    color: inherit;
    padding: 6vw 6vw 4vw;
    cursor: default;
    outline: none;
    text-decoration: none;
    font-size: 5vw;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  .brand-nav .mobile-nav-right .mega-menu__link-list__item__link,
  .corporate-nav .mobile-nav-right .mega-menu__link-list__item__link {
    display: block;
    padding: 4vw 6vw;
    border-bottom: 1px solid #ccc;
    font-size: 4vw;
    font-weight: 600;
    text-decoration: none;
    color: #333333;
  }
}
@media all and (max-width: 949px) and (min-width: 950px) {
  .js-has-subnav .brand-nav__link:after,
  .js-has-subnav .corporate-nav__link:after,
  .js-has-subnav .brand-nav__list-link:after,
  .js-has-subnav .corporate-nav__list-link:after {
    display: none;
  }
}
.menu-toggle-right .menu-toggle-btn.active div {
  margin-left: 0.4rem;
}
.menu-toggle-btn {
  width: 3rem;
  height: 3rem;
  padding: 3.3rem 2.7rem;
}
.menu-toggle-btn div {
  width: 22px;
  height: 3px;
  margin-left: -10px;
}
@media (min-width: 768px) {
  .menu-toggle-btn div {
    width: 35px;
  }
}
.menu-toggle-btn div:nth-child(1) {
  margin-top: -10px;
}
.menu-toggle-btn div:nth-child(3) {
  margin-top: 10px;
}
.menu-toggle-btn.active div:nth-child(1) {
  transform: translate(-8px, 10px) rotate(45deg);
  -webkit-transform: translate(-8px, 10px) rotate(45deg);
}
.menu-toggle-btn.active div:nth-child(3) {
  transform: translate(-8px, -10px) rotate(-45deg);
  -webkit-transform: translate(-8px, -10px) rotate(-45deg);
}
.brand-nav__logo-link,
.corporate-nav__logo-link {
  width: 100%;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .brand-nav__logo-link,
  .corporate-nav__logo-link {
    justify-content: center;
  }
}
@media (min-width: 950px) {
  .brand-nav__logo-link,
  .corporate-nav__logo-link {
    display: block;
  }
}
.is-logged-in .brand-nav__logo-link,
.is-logged-in .corporate-nav__logo-link {
  justify-content: center;
}
.top-navigation.is-showing-left-menu .brand-nav__logo,
.top-navigation.is-showing-left-menu .corporate-nav__logo {
  display: none;
}
.top-navigation.is-showing-right-menu .brand-nav__logo,
.top-navigation.is-showing-right-menu .corporate-nav__logo {
  display: none;
}
.brand-nav__logo-cube,
.corporate-nav__logo-cube {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 375px) {
  .brand-nav__logo-cube,
  .corporate-nav__logo-cube {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.brand-nav__item,
.corporate-nav__item {
  font-size: 1.6rem;
}
.brand-nav .user-bar__item,
.corporate-nav .user-bar__item {
  font-size: 1.1rem;
  height: 6.7rem;
  line-height: 9.1rem;
}
.brand-nav .user-bar .login-btn.mobile-only,
.corporate-nav .user-bar .login-btn.mobile-only {
  font-size: 1.1rem;
  line-height: 9.1rem;
}
@media (min-width: 950px) {
  .brand-nav .user-bar .login-btn.mobile-only,
  .corporate-nav .user-bar .login-btn.mobile-only {
    font-size: 1.8rem;
  }
}
.dli .brand-nav .user-bar .profile-btn.mobile-only,
.dli .corporate-nav .user-bar .profile-btn.mobile-only,
.dlo .brand-nav .user-bar .profile-btn.mobile-only,
.dlo .corporate-nav .user-bar .profile-btn.mobile-only {
  height: 4.4rem;
  width: 4.4rem;
  top: 1rem;
}
.dli .brand-nav .user-bar .profile-btn.mobile-only:before,
.dli .corporate-nav .user-bar .profile-btn.mobile-only:before,
.dlo .brand-nav .user-bar .profile-btn.mobile-only:before,
.dlo .corporate-nav .user-bar .profile-btn.mobile-only:before {
  width: 2.3rem;
  height: 2.3rem;
  margin: 0;
}
.top-navigation.is-showing-right-menu .dli .brand-nav .user-bar .profile-btn.mobile-only,
.top-navigation.is-showing-right-menu .dli .corporate-nav .user-bar .profile-btn.mobile-only,
.top-navigation.is-showing-right-menu .dlo .brand-nav .user-bar .profile-btn.mobile-only,
.top-navigation.is-showing-right-menu .dlo .corporate-nav .user-bar .profile-btn.mobile-only {
  display: none;
}
.brand-nav .games-mobile-nav .corporate-nav__list-link,
.corporate-nav .games-mobile-nav .corporate-nav__list-link {
  font-size: 2rem;
  padding: 2rem 5rem;
}
.brand-nav .games-mobile-nav .sub-navigation .games-list-item,
.corporate-nav .games-mobile-nav .sub-navigation .games-list-item {
  height: 4.5rem;
}
.brand-nav .games-mobile-nav .sub-navigation .header__cta-component__description,
.corporate-nav .games-mobile-nav .sub-navigation .header__cta-component__description {
  font-size: 1.8rem;
}
.brand-nav .games-mobile-nav .sub-navigation .header__cta-component__cta-home,
.corporate-nav .games-mobile-nav .sub-navigation .header__cta-component__cta-home {
  font-size: 2rem;
  padding: 2rem 5rem;
}
.brand-nav .mobile-nav-right .profile-btn.mobile-only,
.corporate-nav .mobile-nav-right .profile-btn.mobile-only {
  height: 4.4rem;
  width: 4.4rem;
  top: 1.4rem;
}
.brand-nav .mobile-nav-right .profile-btn.mobile-only:before,
.corporate-nav .mobile-nav-right .profile-btn.mobile-only:before {
  width: 2.3rem;
  height: 2.3rem;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 949px) {
  .brand-nav__navigation.mobile-nav-right,
  .corporate-nav__navigation.mobile-nav-right {
    transform: translateX(100vw);
    -webkit-transform: translateX(100vw);
  }
  .brand-nav__navigation.mobile-nav-right .mega-menu__account-details__title,
  .corporate-nav__navigation.mobile-nav-right .mega-menu__account-details__title {
    margin-bottom: 0;
  }
  .brand-nav__navigation.mobile-nav-right .mega-menu__account-details__logout-btn,
  .corporate-nav__navigation.mobile-nav-right .mega-menu__account-details__logout-btn {
    font-size: inherit;
    padding-top: 0.2rem;
  }
  .is-tablet-detected .brand-nav__navigation.mobile-nav-right .mega-menu__account-details__logout-btn,
  .is-tablet-detected .corporate-nav__navigation.mobile-nav-right .mega-menu__account-details__logout-btn {
    padding-top: 0.5rem;
  }
  .brand-nav__navigation.mobile-nav-right .mega-menu__account-details__button,
  .corporate-nav__navigation.mobile-nav-right .mega-menu__account-details__button,
  .brand-nav__navigation.mobile-nav-right .mega-menu__account-details__details-btn,
  .corporate-nav__navigation.mobile-nav-right .mega-menu__account-details__details-btn {
    font-size: inherit;
  }
  .brand-nav__navigation.mobile-nav-right .navigation-list .navigation-item .navigation-item-link,
  .corporate-nav__navigation.mobile-nav-right .navigation-list .navigation-item .navigation-item-link {
    font-size: inherit;
  }
  .brand-nav .mobile-nav-right .profile-btn.mobile-only,
  .corporate-nav .mobile-nav-right .profile-btn.mobile-only {
    display: none !important;
  }
  .is-tablet-detected .brand-nav__container .pam-return-to-site-close,
  .is-tablet-detected .corporate-nav__container .pam-return-to-site-close {
    left: 0 !important;
    width: 6vw !important;
    height: 6vw !important;
    top: 2vw !important;
  }
  .header.is-showing-right-menu {
    padding: 0;
    transform: translateX(-84.6vw) !important;
  }
  .header.is-showing-right-menu .menu-toggle-right {
    right: 0;
    transform: none !important;
  }
  .is-tablet-detected .header.is-showing-right-menu {
    transform: translateX(-50vw) !important;
  }
  .header.is-showing-left-menu {
    padding: 0;
    transform: translateX(84.6vw) !important;
  }
  .is-tablet-detected .header.is-showing-left-menu {
    transform: translateX(50vw) !important;
  }
  .header {
    margin-top: -1px;
  }
}
@media screen and (-ms-high-contrast: active) and (max-device-width: 30em), (-ms-high-contrast: none) and (max-device-width: 30em) {
  .mobile-navigation-header__logo-img {
    max-width: 30vw;
  }
  .header.is-showing-left-menu .mobile-nav-left {
    transform: translateX(0px);
  }
  .header .brand-nav {
    transition: transform 0.4s ease;
  }
  .header .brand-nav__logo {
    text-align: center;
    z-index: 0;
  }
  .header .brand-nav__logo-img {
    max-width: 30vw;
  }
  .header .brand-nav__logo a {
    display: inline-block;
    z-index: 0;
  }
}
body.is-context-neutral .user-bar {
  display: none !important;
}
.header.top-navigation .user-bar {
  float: right;
  display: inline-block;
}
@media all and (min-width: 950px) {
  .is-logged-in .header.top-navigation .user-bar .has-shown-subnav .mega-menu {
    transform: translateY(100%) scaleY(1);
    z-index: 1;
  }
}
.header.top-navigation .user-bar__navigation {
  width: auto;
  height: 100%;
  display: inline-block;
}
.header.top-navigation .user-bar__list {
  margin: 0;
  padding: 0;
  max-height: 100%;
}
.header.top-navigation .user-bar .choose-account {
  display: none;
}
@media all and (min-width: 950px) {
  .header.top-navigation .accountmenu .mobile-only {
    display: none;
  }
}
.header.top-navigation .accountmenu__group {
  display: inline-block;
}
.header.top-navigation .accountmenu__item {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1.25rem 1rem 0.9rem;
  line-height: 1.3;
  transition: 0.2s;
  color: #fff;
  text-decoration: none;
}
.header.top-navigation .accountmenu a.accountmenu__item {
  cursor: pointer;
}
.header.top-navigation .accountmenu .choose-account-btn {
  cursor: pointer;
  display: none;
}
@media all and (max-width: 949px) {
  .header.top-navigation .accountmenu .choose-account-btn {
    float: right;
    font-size: 3vw;
    padding-top: 6vw;
    padding-right: 3.5vw;
  }
}
.header.top-navigation .accountmenu .info-bar-item--username {
  display: block;
  font-size: 1.2rem;
  padding: 0 1rem 0;
}
.header.top-navigation .accountmenu .info-bar-item--account {
  display: none;
  font-size: 1.2rem;
  padding: 0.45rem 1rem 0;
}
.header.top-navigation .accountmenu .info-bar-item--ballance {
  position: relative;
}
.header.top-navigation .accountmenu .info-bar-item--ballance:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 2.5rem;
  background: #fff;
  opacity: 0.1;
  display: none;
}
.is-logged-in .header.top-navigation .accountmenu .info-bar-item--ballance:before {
  display: block;
}
.header.top-navigation .accountmenu .signup-btn {
  position: relative;
  background-color: #feb701;
  color: black;
  border-radius: 0.3rem;
  margin-right: 1rem;
  padding: 0.5rem 1rem;
  margin-top: 0.6rem;
}
.header.top-navigation .accountmenu .login-btn {
  color: white;
  border: 0.2rem solid white;
  border-radius: 0.3rem;
  padding: 0.3rem 0.8rem;
  margin-top: 0.6rem;
}
.header.top-navigation .accountmenu .profile-btn {
  position: relative;
  top: 0.6rem;
  float: left;
  height: 2.8rem;
  width: 2.8rem;
  padding: 0;
  display: none;
  background: #fff;
  border-radius: 50%;
  padding-top: 1rem;
}
.header.top-navigation .accountmenu .profile-btn.mobile-only {
  display: none;
}
.header.top-navigation .accountmenu .profile-btn:before {
  content: ' ';
  cursor: pointer;
  width: 1.3rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  left: 49.5%;
  transform: translate(-50%, -50%);
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}
.is-logged-in .header.top-navigation .profile-btn {
  display: inline-block;
}
.is-logged-in .header.top-navigation .login-btn,
.is-logged-in .header.top-navigation .signup-btn,
.is-logged-in .header.top-navigation .choose-account-btn {
  display: none;
}
.mobile-user-info .account-name {
  font-weight: bold;
  display: none;
}
.dli .mobile-user-info .account-name.dli {
  color: #263863;
  display: inline-block;
}
.dlo .mobile-user-info .account-name.dlo {
  color: #8f0b0f;
  display: block;
}
.mobile-user-info {
  clear: both;
  width: 100%;
  display: none;
  background-color: #fff;
  padding: 0 0.8rem;
  position: relative;
}
@media all and (min-width: 768px) and (max-width: 949px) {
  .mobile-user-info {
    padding: 0 1rem;
  }
}
.is-logged-in .mobile-user-info {
  display: block;
}
@media all and (min-width: 950px) {
  .is-logged-in .mobile-user-info {
    display: none;
  }
}
body.is-context-neutral .mobile-user-info {
  display: none !important;
}
.mobile-user-info:after {
  display: table;
  content: ' ';
  clear: both;
}
.mobile-user-info .js-balance-user {
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
.mobile-user-info__center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mobile-user-info__left,
.mobile-user-info__right,
.mobile-user-info__center {
  display: inline-block;
  vertical-align: middle;
}
.mobile-user-info__left p,
.mobile-user-info__right p,
.mobile-user-info__center p,
.mobile-user-info__left a,
.mobile-user-info__right a,
.mobile-user-info__center a {
  margin: 0;
  padding: 0.4rem 0;
  color: #000;
  font-size: 1rem;
  line-height: 1;
}
@media all and (min-width: 768px) and (max-width: 949px) {
  .mobile-user-info__left p,
  .mobile-user-info__right p,
  .mobile-user-info__center p,
  .mobile-user-info__left a,
  .mobile-user-info__right a,
  .mobile-user-info__center a {
    font-size: 14px;
  }
}
.mobile-user-info__left {
  float: left;
}
@media all and (max-width: 767px) {
  .mobile-user-info__left {
    line-height: 0.8;
  }
}
.mobile-user-info__right {
  float: right;
}
body.region-retail-account.is-logged-in .user-bar {
  display: none !important;
}
body.region-retail-account .create-btn {
  display: none;
}
.is-logged-in.accountmenu .choose-account-btn {
  display: none;
}
.top-navigation-theme-playeraccountmanagement .brand-nav__logo .pam-return-to-site-back {
  display: flex;
}
@media all and (max-width: 950px) {
  .top-navigation-theme-playeraccountmanagement .brand-nav__logo .pam-return-to-site-back {
    display: none;
  }
}
.top-navigation-theme-playeraccountmanagement .brand-nav__logo-cube {
  display: none;
}
.top-navigation-theme-playeraccountmanagement .brand-nav__logo .brand-nav__logo-img,
.top-navigation-theme-playeraccountmanagement .brand-nav__container .pam-return-to-site-close .brand-nav__logo-img {
  display: none;
}
@media all and (max-width: 950px) {
  .top-navigation-theme-playeraccountmanagement .brand-nav__logo .brand-nav__logo-img,
  .top-navigation-theme-playeraccountmanagement .brand-nav__container .pam-return-to-site-close .brand-nav__logo-img {
    display: inline-block;
    padding-left: 0;
  }
}
.top-navigation-theme-playeraccountmanagement .brand-nav__container .pam-return-to-site-close {
  display: block;
}
@media all and (max-width: 950px) {
  .top-navigation-theme-playeraccountmanagement .brand-nav__container .menu-toggle-left {
    display: none;
  }
  .top-navigation-theme-playeraccountmanagement .brand-nav__container .pam-return-to-site-close {
    left: 0vw;
    height: 4.4rem;
    width: 4.4rem;
    top: 1rem;
  }
}
.dli .top-navigation-theme-playeraccountmanagement .corporate-nav {
  background-color: #1c2d56;
}
.dli .top-navigation-theme-playeraccountmanagement .corporate-nav__list-item:not(.js-has-subnav) .corporate-nav__list-link:hover {
  color: #fff;
  opacity: 0.6;
}
.dli .top-navigation-theme-playeraccountmanagement .menu-toggle-right {
  background-color: #263863;
}
.dli .top-navigation-theme-playeraccountmanagement .brand-nav {
  background-color: #263863;
}
.dli .top-navigation-theme-playeraccountmanagement .brand-nav__item:not(.js-has-subnav) .brand-nav__link:hover {
  color: #fff;
  opacity: 0.6;
}
.dli .top-navigation-theme-playeraccountmanagement .brand-nav__logo-text.dlo {
  display: none;
}
.dli .top-navigation-theme-playeraccountmanagement .brand-nav .mobile-navigation-header {
  background-color: #263863;
}
.dli.is-logged-in .accountmenu__item.dli {
  display: block !important;
}
.dli .header .user-bar .profile-btn:before,
.dli .header .mobile-nav-right .profile-btn:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/icon_pam_user-dli.svg') center center no-repeat;
}
.dlo .top-navigation-theme-playeraccountmanagement .corporate-nav {
  background-color: #8f0b0f;
}
.dlo .top-navigation-theme-playeraccountmanagement .corporate-nav__list-item:not(.js-has-subnav) .corporate-nav__list-link:hover {
  color: #fff;
  opacity: 0.6;
}
.dlo .top-navigation-theme-playeraccountmanagement .menu-toggle-right {
  background-color: #9a0000;
}
.dlo .top-navigation-theme-playeraccountmanagement .brand-nav {
  background-color: #9a0000;
}
.dlo .top-navigation-theme-playeraccountmanagement .brand-nav__item:not(.js-has-subnav) .brand-nav__link:hover {
  color: #fff;
  opacity: 0.6;
}
.dlo .top-navigation-theme-playeraccountmanagement .brand-nav__logo-text.dli {
  display: none;
}
.dlo .top-navigation-theme-playeraccountmanagement .brand-nav .mobile-navigation-header {
  background-color: #9a0000;
}
.dlo.is-logged-in .accountmenu__item.dlo {
  display: block !important;
}
.dlo .header .user-bar .profile-btn:before,
.dlo .header .mobile-nav-right .profile-btn:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/icon_pam_user-dlo.svg') center center no-repeat;
}
.mega-menu__account {
  padding-left: 2rem;
}
.dli .mega-menu__account-name.dlo,
.dli .mega-menu__account-meta.dlo,
.dli .mega-menu__account-details__left.dlo {
  display: none;
}
.dlo .mega-menu__account-name.dli,
.dlo .mega-menu__account-meta.dli,
.dlo .mega-menu__account-details__left.dli {
  display: none;
}
.mega-menu__account-name {
  margin-bottom: 0;
}
.mega-menu__account-name.dli {
  color: #1c2d56;
}
.mega-menu__account-name.dlo {
  color: #9a0000;
}
.mega-menu__account-meta {
  margin: 0;
  font-size: 1.2rem;
}
.mega-menu__inner {
  max-width: 1440px;
  margin: 0 auto;
}
.mega-menu .sub-sub-navigation__section-link {
  font-weight: bold;
}
@media all and (max-width: 949px) {
  .mega-menu .navigation-list {
    display: block !important;
  }
  .mega-menu .sub-sub-navigation {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .mega-menu .sub-sub-sub-navigation {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background: #e3e3e3 !important;
  }
  .mega-menu .sub-sub-sub-navigation li a {
    border-bottom: none !important;
    font-weight: 100;
  }
}
@media all and (min-width: 950px) {
  .mega-menu {
    padding: 0 !important;
    width: 100% !important;
    min-width: 950px;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
  }
  .mega-menu .navigation-list {
    padding-left: 0 !important;
  }
  .mega-menu__inner {
    padding: 0 0 15px 0 !important;
    width: 100% !important;
    overflow: hidden;
  }
  .mega-menu__inner:after {
    content: "";
    display: table !important;
    clear: both;
  }
}
@media all and (min-width: 950px) {
  .mega-menu__account-details {
    margin-top: -55px;
    padding-top: 0 !important;
  }
}
@media all and (min-width: 950px) {
  .mega-menu__section {
    float: left;
    padding-top: 22px !important;
    padding-right: 20px !important;
    padding-bottom: 10px;
    position: relative;
    overflow: visible !important;
    box-sizing: border-box;
    list-style: none;
  }
  html[class] .mega-menu__section {
    padding-left: 2rem !important;
  }
  .mega-menu__section:last-child:after {
    display: none;
  }
  .mega-menu__section.navigation-list.account-section:first-child:after {
    display: none;
  }
  .mega-menu__section:first-child:nth-last-child(1) {
    width: 100%;
  }
  .mega-menu__section:first-child:nth-last-child(2),
  .mega-menu__section:first-child:nth-last-child(2) ~ .mega-menu__section {
    width: 50%;
  }
  .mega-menu__section:first-child:nth-last-child(3),
  .mega-menu__section:first-child:nth-last-child(3) ~ .mega-menu__section {
    width: 33.3333%;
  }
  .mega-menu__section:first-child:nth-last-child(4),
  .mega-menu__section:first-child:nth-last-child(4) ~ .mega-menu__section {
    width: 25%;
  }
  .mega-menu__section:first-child:nth-last-child(5),
  .mega-menu__section:first-child:nth-last-child(5) ~ .mega-menu__section {
    width: 25%;
  }
}
@media all and (min-width: 950px) {
  .mega-menu__section__title {
    color: #323232;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .mega-menu__section__title > a,
  .mega-menu__section__title__inner {
    display: block;
    color: inherit;
    padding: 0;
    margin-bottom: 15px;
    cursor: default;
    outline: none;
    text-decoration: none;
    font-weight: 500;
  }
}
.header .games-frontpage {
  max-width: 144rem;
}
.header .games-frontpage .games-frontpage__section {
  display: inline-flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: 0.8rem;
}
.header .games-frontpage .games-frontpage__section .games-frontpage__section-header {
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.header .games-frontpage .games-frontpage__section .games-frontpage__section-sublist {
  font-size: 1.2rem;
  font-weight: normal;
  font-style: italic;
  color: #6f6f6f;
  margin: 1.1rem 0;
  padding: 0 0.5rem;
}
.header .games-frontpage .games-frontpage__section .games-frontpage__section-create-account {
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.header .games-frontpage .games-frontpage__section .games-frontpage__section-create-account .games-frontpage__section-create-account-text,
.header .games-frontpage .games-frontpage__section .games-frontpage__section-create-account .games-frontpage__section-create-account-cta {
  display: inline-block;
}
.header .games-frontpage .games-frontpage__section .games-frontpage__section-create-account .games-frontpage__section-create-account-cta {
  color: #2f80ed;
}
.header .games-frontpage .games-frontpage__section .games-frontpage__section-bottom-text {
  font-size: 1.1rem;
  padding: 0 0.5rem;
}
.header .games-frontpage .games-frontpage__section .games-frontpage__section-sikkert-spil {
  display: none;
}
.header .games-frontpage .games-frontpage__section--1 {
  width: calc(50% - 1.5rem);
  background-color: rgba(15, 64, 150, 0.05);
  margin: 1rem;
}
.header .games-frontpage .games-frontpage__section--1 .games-frontpage__section-header {
  color: #0f4096;
}
.header .games-frontpage .games-frontpage__section--2 {
  width: calc(50% - 1.5rem);
  background-color: rgba(194, 22, 23, 0.05);
  margin: 1rem 1rem 1rem 0;
}
.header .games-frontpage .games-frontpage__section--2 .games-frontpage__section-header {
  color: #c21617;
}
.header .games-frontpage .games-frontpage__section--3 {
  width: calc(100% - 2rem);
  background-color: rgba(1, 75, 50, 0.05);
  margin: 0 1rem 1rem 1rem;
  flex-direction: row;
  flex-wrap: nowrap;
}
.header .games-frontpage .games-frontpage__section--3 .games-frontpage__section-header {
  display: none;
}
.header .games-frontpage .games-frontpage__section--3 .games-frontpage__section-sublist {
  display: none;
}
.header .games-frontpage .games-frontpage__section--3 .games-frontpage__section-create-account {
  display: none;
}
.header .games-frontpage .games-frontpage__section--3 .games-frontpage__section-bottom-text {
  display: none;
}
.header .games-frontpage .games-frontpage__section--3 .games-frontpage__section-sikkert-spil {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0.5rem 1rem;
  font-size: 1.4rem;
}
.header .games-frontpage .games-frontpage__section--3 .games-frontpage__section-sikkert-spil-text {
  color: #014c34;
}
.header .games-frontpage .games-frontpage__section--3 .games-frontpage__section-sikkert-spil-cta {
  font-weight: 700;
  color: #2f80ed;
}
.header .games-frontpage .games-frontpage__list {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0;
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item {
  list-style: none;
  display: block;
  border-radius: 0.5rem;
  margin: 0.5rem;
  width: calc(20% - 1rem);
  height: 3.5rem;
  transition: transform 0.2s ease;
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item:hover {
  transform: scale(1.1);
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.9rem 1rem;
  position: relative;
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item a:focus {
  outline: none;
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item.altellerintet a {
  padding: 0 1rem 0.5rem 1rem;
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item.bingo a {
  padding: 0.5rem 1rem;
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item.virtuel a,
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item.Virtuel a {
  padding: 0 1rem 0.9rem;
}
.header .games-frontpage .games-frontpage__list .games-frontpage__list-item img {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header .games-frontpage .games-frontpage__list .games-frontpage__list-item img {
    height: 3rem;
  }
}
.header .games {
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 950px) {
  .header .games {
    flex-direction: row;
  }
}
.header .games__group {
  position: relative;
  padding: 1rem;
  width: 100%;
}
@media all and (min-width: 950px) {
  .header .games__group {
    width: var(--games__group_width-desktop, auto);
  }
}
.header .games__group--xxxlarge {
  --games__group_width-desktop: 100%;
}
.header .games__group--xxlarge {
  --games__group_width-desktop: 50%;
}
.header .games__group--xlarge {
  --games__group_width-desktop: 40%;
}
.header .games__group--large {
  --games__group_width-desktop: 30%;
}
.header .games__group--medium {
  --games__group_width-desktop: 20%;
}
.header .games__group--4sec-3col {
  --games__list-item--manually-sized: 51%;
}
.header .games__group--3sec-3col {
  --games__list-item--manually-sized: 69%;
}
.header .games__group--3sec-5col {
  --games__list-item--manually-sized: 52%;
}
.header .games__group:nth-child(n+2):before {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background: #dbdbdb;
  position: absolute;
  left: -0.1rem;
  bottom: 0;
  top: 0;
}
@media (min-width: 950px) {
  .header .games__group:nth-child(n+2):before {
    width: 0.1rem;
    height: 100%;
  }
}
.header .games__headline {
  font-family: var(--font-family-danskespil);
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.2;
  font-style: italic;
  text-align: left;
  color: #6f6f6f;
  margin: 0.7rem 0;
  padding: 0 0.5rem;
}
@media all and (min-width: 768px) {
  .header .games__headline {
    min-height: calc(1.2rem * 1.2 * 2);
  }
}
.header .games__list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0;
  padding: 0;
  --games__list-item_width: 33.333%;
}
@media (min-width: 950px) {
  .header .games__list {
    flex-direction: row;
  }
  .header .games__list--wide {
    --games__list-item_width: 20%;
  }
  .header .games__list--narrow {
    --games__list-item_width: 33.333%;
  }
}
.header .games__list-item {
  list-style: none;
  margin: 0;
  padding: 0.5rem;
  width: var(--games__list-item_width, auto);
  transition: transform 0.2s ease;
  -webkit-backface-visibility: hidden;
}
.header .games__list-item:hover {
  transform: scale(1.1);
}
@media (min-width: 950px) {
  .header .games__list-item.sikkertspil,
  .header .games__list-item.klasselotteriet {
    width: var(--games__list-item--manually-sized, 55%);
  }
}
.header .games__list-item.virtuel,
.header .games__list-item.Virtuel {
  --games__list-item-link_padding: 0 1rem 0.9rem;
}
.header .games__list-item-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  height: 5rem;
  padding: var(--games__list-item-link_padding, 0.9rem 1rem);
  position: relative;
  border-radius: 0.5rem;
}
.header .games__list-item-link:focus {
  outline: none;
}
.header .games__list-item-image {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  font-size: 1rem;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header .games__list-item-image {
    height: 3rem;
  }
}
@media (min-width: 768px) {
  .header .games[data-games-section-count="1"] .games__list-item {
    width: 10%;
  }
}
@media all and (min-width: 1440px) {
  .header .games[data-games-section-count="1"] .games__list-item {
    margin-bottom: 3.1rem;
  }
}
.header.has-cta-component .no-readmore-link {
  width: 100%;
}
@media all and (min-width: 950px) {
  .header.has-cta-component .no-readmore-link {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
.header__cta-component {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
.games__group .header__cta-component {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}
@media (min-width: 950px) {
  .games__group .header__cta-component {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
}
.header__cta-component__description {
  padding: 0 2em;
  text-align: center;
  color: #000000;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  font-style: normal;
  margin: 0 auto 2rem;
  white-space: normal;
}
.header__cta-component__read-more-link {
  display: block;
  text-decoration: underline;
  color: #000000;
}
.header__cta-component__cta-home {
  background: #156a5f;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  padding: 13px 16px 16px 16px;
  margin-bottom: 8px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  /*&:active {
    background: @color-white-100;
    color: @color-gray-100;
  }

  &--inactive {
    background: @color-gray-400;
    color: @color-gray-300;
  }

  &--medium {
  }

  &-small {
  }

  @media screen and (min-width: @medium) {
    .font-size(14);
  }*/
}
.header__cta-component__cta-home:hover {
  background: #004b32;
  text-decoration: none;
}
@media all and (min-width: 950px) {
  .simple-menu {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
    padding-left: 20px;
    box-sizing: border-box !important;
  }
  html[class] .simple-menu .sub-navigation-inner {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box !important;
  }
  html[class] .simple-menu .navigation-list {
    padding-left: 0;
  }
}
@media all and (min-width: 950px) and (max-width: 1439px) {
  html[class] .simple-menu .sub-navigation-inner {
    padding-left: 172px;
  }
}
@media all and (min-width: 950px) and (min-width: 1440px) {
  html[class] .simple-menu .sub-navigation-inner {
    padding-left: 166px;
  }
}
.mega-menu__account-details {
  display: block;
  color: #323232;
}
@media all and (max-width: 949px) {
  .mega-menu__account-details {
    display: none;
  }
}
.mega-menu__account-details__title__inner {
  margin-bottom: 0;
  font-weight: 300;
}
.mega-menu__account-details__logout-btn {
  float: right;
  color: inherit;
  font-weight: 300;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  position: relative;
  z-index: 0;
  text-decoration: none;
  border-bottom: 1px solid black;
  border-color: lightgray;
  padding-top: 0.4rem;
}
.mega-menu__account-details__logout-btn:hover {
  text-decoration: none;
}
.mega-menu__account-details__logout-btn:hover:after {
  background: #323232;
}
.mega-menu__account-details__details-btn {
  float: right;
  color: inherit;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  position: relative;
  z-index: 0;
  text-decoration: none;
  border-bottom: 1px solid black;
  border-color: lightgray;
}
.mega-menu__account-details__details-btn:hover {
  text-decoration: none;
}
.mega-menu__account-details__details-btn:hover:after {
  background: #323232;
}
.mega-menu__account-details__row {
  margin-top: 0.4rem;
}
.mega-menu__account-details__row--button-container {
  clear: both;
}
.mega-menu__account-details__row:after {
  content: "";
  display: table;
  clear: both;
}
.mega-menu__account-details--dli-only {
  display: none;
}
.mega-menu__account-details__row-buttons {
  display: flex;
  width: 100%;
}
.mega-menu__account-details__divider {
  border: none;
  border-top: 1px solid #cacaca;
  margin: 2rem 0;
}
.mega-menu__account-details__small-text {
  font-size: 1.3rem;
}
.mega-menu__account-details__large-text {
  font-size: 1.6rem;
  font-weight: 600;
}
.mega-menu__account-details__larger-text {
  font-size: 2rem;
  font-weight: bold;
}
.is-tablet-detected .mega-menu__account-details__larger-text {
  font-size: 2rem;
}
.mega-menu__account-details--margin-bottom {
  margin-bottom: 1.3rem;
}
.mega-menu__account-details__left {
  float: left;
}
.mega-menu__account-details__right {
  float: right;
}
.mega-menu__account-details__button {
  display: inline-block;
  color: #323232;
  background: #fcb40f;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0.8em 1em;
  line-height: 1.2;
  text-decoration: none;
  margin: 2.5rem 2rem 0 0;
  transition: 0.3s;
}
.mega-menu__account-details__button:last-child {
  margin-right: 0;
}
.mega-menu__account-details__button:hover {
  text-decoration: none;
  background: #fdc137;
}
.mega-menu .mega-menu__image-list {
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 950px) {
  .mega-menu .mega-menu__image-list {
    flex-direction: column;
  }
}
.mega-menu .mega-menu__image-list__item {
  color: #323232;
  padding: 1.2rem 5rem;
  font-size: 21px;
  display: inline-block;
}
@media all and (min-width: 950px) {
  .mega-menu .mega-menu__image-list__item {
    padding: 0 1.5rem 2.2rem 1.5rem;
  }
}
.mega-menu .mega-menu__image-list__item__link {
  font-weight: 100;
  color: inherit;
  font-size: inherit;
  display: block;
  width: 100%;
}
html[class] .mega-menu .mega-menu__image-list__item__link {
  padding: 0 0 5px;
}
.mega-menu .mega-menu__image-list__item__link img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 2px;
  transition: 0.25s ease-out;
}
.mega-menu .mega-menu__image-list__item__link p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  overflow: hidden;
  transition: 0.25s ease-out;
}
@media all and (max-width: 950px) {
  .mega-menu .mega-menu__image-list__item__link p {
    font-size: 1.4rem;
  }
}
.mega-menu .mega-menu__image-list__item__link:hover {
  opacity: 1;
}
.mega-menu .mega-menu__image-list__item__link:hover img {
  transform: scale(1.1);
}
@media all and (min-width: 950px) {
  .mega-menu .mega-menu__image-list__item {
    width: 33.3%;
  }
}
@media all and (min-width: 950px) {
  .mega-menu .mega-menu__image-list__item {
    width: 29%;
  }
  .mega-menu .mega-menu__section:first-child:last-child .mega-menu__image-list__item {
    max-width: 150px;
  }
}
@media all and (max-width: 950px) {
  .mega-menu .mega-menu__image-list__item__link {
    color: #000;
    font-weight: 600;
    display: inline-block;
  }
  .mega-menu .mega-menu__image-list__item__link p {
    display: inline;
  }
  .mega-menu .mega-menu__image-list__item__link img {
    display: none;
  }
}
@media all and (min-width: 950px) {
  .mega-menu .navigation-list {
    padding-left: 0 !important;
  }
  .mega-menu .mega-menu__link-list {
    display: block !important;
  }
  .mega-menu .mega-menu__link-list__item {
    display: block;
    float: none;
    color: #323232;
    font-size: 1.4rem;
  }
  .mega-menu .mega-menu__link-list__item__link {
    display: inline-block;
    font-weight: 400;
    color: inherit;
    font-size: inherit;
    padding: 0 0 10px 0 !important;
    text-decoration: none;
  }
}
@media all and (max-width: 949px) {
  .mega-menu .sub-sub-navigation__section-link {
    font-size: 1.6rem;
    width: 100%;
    padding: 1.6rem;
    padding-left: 3.2rem;
    color: #000;
    font-weight: 600 !important;
    display: inline-block;
  }
  .mega-menu .mega-menu__link-list {
    max-height: none !important;
    display: block;
    width: 100%;
  }
  .mega-menu .mega-menu__link-list__item {
    font-size: 1.6rem;
    display: block;
    width: 100%;
  }
  .mega-menu .mega-menu__link-list__item__link {
    padding: 1.6rem;
    padding-left: 4.8rem;
    color: #000;
    font-weight: 600 !important;
    display: inline-block;
  }
}
.mega-menu__campaign {
  display: none;
}
@media all and (min-width: 950px) {
  .mega-menu__campaign {
    display: block;
  }
  .mega-menu__campaign__link {
    display: inline-block;
    text-decoration: none;
  }
  .mega-menu__campaign__link__image {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .mega-menu__campaign__link__text {
    display: block;
    font-size: 16px;
  }
  .mega-menu__campaign__cta-button {
    font-size: 16px;
    line-height: 1.2;
    padding: 0.2em 1em 0.6em;
    border-radius: 4px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    transition: 0.3s;
    margin-top: 12px;
  }
  .mega-menu__campaign__cta-button:hover {
    text-decoration: none;
  }
}
.nav-game-overview {
  width: 100%;
}
.nav-game-overview:before,
.nav-game-overview:after {
  content: "";
  display: table;
}
.nav-game-overview:after {
  clear: both;
}
@media all and (min-width: 950px) {
  .nav-game-overview {
    padding-left: 0 !important;
    margin-left: auto !important;
    margin-right: auto;
    display: block;
    max-width: 1440px;
    padding-top: 2.2rem;
    padding-bottom: 1.7rem !important;
    min-width: 950px;
  }
}
@media all and (min-width: 950px) {
  .nav-game-overview:after {
    content: "";
    display: table;
    clear: both;
  }
}
.nav-game-overview__item {
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
}
@media all and (min-width: 950px) {
  .nav-game-overview__item {
    width: 16.6666%;
    min-width: 170px;
    height: 150px;
  }
}
.nav-game-overview__link {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1;
  outline: none;
  color: #000;
  padding: 15px 25px;
  display: inline-block;
}
@media all and (min-width: 950px) {
  .nav-game-overview__link:hover {
    opacity: 1 !important;
  }
  .nav-game-overview__link:hover img {
    transform: scale(1.1);
  }
}
.nav-game-overview__image {
  position: relative;
  transition: opacity 0.5s linear;
}
@media all and (min-width: 950px) {
  .nav-game-overview__image {
    display: block;
    margin: 0 auto 5px;
    height: 99px;
    width: auto;
    transition: 0.2s;
  }
}
.nav-game-overview__image.countdown-inactive {
  opacity: 0.4;
}
.nav-game-overview__container {
  position: relative;
}
.nav-game-overview__title {
  font-weight: 100;
}
@media all and (max-width: 949px) {
  .nav-game-overview__title.countdown-inactive {
    opacity: 0.5;
  }
}
@media all and (max-width: 949px) {
  .nav-game-overview__item {
    font-size: 4vw;
    display: block;
    width: 100%;
    text-align: left;
  }
  .nav-game-overview__link {
    padding: 4vw 4vw 4vw 6vw;
    color: #000;
    font-weight: 600;
    display: inline-block;
  }
  .nav-game-overview .nav-game-overview__title {
    font-weight: 600;
    font-size: 4vw;
  }
  .nav-game-overview__image {
    display: none;
  }
}
@media all and (min-width: 768px) and (max-width: 949px) {
  .nav-game-overview__item {
    font-size: 3vw;
  }
  .nav-game-overview__link {
    padding: 3vw 3vw 3vw 6vw;
  }
  .nav-game-overview .nav-game-overview__title {
    font-size: 3vw;
  }
}
.nav-game-overview .countdown-timer {
  position: absolute;
  top: 60%;
  right: -15%;
  transform: translateX(0) translateY(-40%);
  text-align: right;
  font-size: 0.85em;
  width: auto;
  display: block;
  font-weight: 900;
  opacity: 0.5;
}
@media all and (min-width: 950px) {
  .nav-game-overview .countdown-timer {
    left: 50%;
    top: 50%;
    right: auto;
    text-align: center;
    font-size: 1em;
    width: 100%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 1;
  }
}
.nav-game-overview .countdown-timer:empty {
  display: none;
}
.notifications {
  transition: all 0.4s ease;
  position: relative;
}
.notifications.desktop-only {
  display: none;
}
@media all and (min-width: 768px) {
  .notifications.mobile-only {
    display: none;
  }
  .notifications.desktop-only {
    display: block;
  }
}
.notifications-item {
  display: none;
  width: 100%;
  background-color: #FFF;
  text-align: center;
  padding: 2.5vw 2vw;
  box-sizing: border-box;
  animation-name: flipInX;
  animation-duration: 0.8s;
  border-top: 1px solid #eee;
}
@media all and (min-width: 768px) {
  .notifications-item {
    padding: 7px 18px;
  }
}
.notifications-item .notifications-cta {
  display: inline-block;
  background-color: #014b33;
  color: white;
  font-size: 13px;
  padding: 1rem 2rem;
  margin-top: 1rem;
  border-radius: 3px;
  text-decoration: none;
}
.notifications-item .notifications-cta:hover {
  background-color: #016444;
}
.notifications-item .notifications-cta:empty {
  display: none;
}
.notifications-item-inner {
  max-width: 1440px;
  width: 100%;
  min-height: 8vw;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  padding-right: 6vw;
  position: relative;
  box-sizing: border-box;
  font-size: 3vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media all and (min-width: 768px) {
  .notifications-item-inner {
    padding-left: 4rem;
    padding-right: 4rem;
    min-height: 2.5rem;
    font-size: 13px;
  }
}
.pam-page.new-login-page .notifications-item-inner {
  padding-right: 0;
}
.notifications-item-inner span {
  display: block;
  position: relative;
  padding: 5px;
  padding-left: 8.5vw;
}
@media all and (min-width: 768px) {
  .notifications-item-inner span {
    padding-left: 40px;
  }
}
.notifications-item-inner span a {
  color: inherit;
  text-decoration: underline;
}
.notifications-item-inner span:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50.5%);
  width: 8vw;
  height: 8vw;
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  margin-right: 3vw;
  background-position: 0;
  background-size: 8vw;
}
@media all and (min-width: 768px) {
  .notifications-item-inner span:before {
    width: 35px;
    height: 35px;
    background-size: 35px;
    margin-right: 10px;
  }
}
.notifications-item-inner span,
.notifications-item-inner button {
  vertical-align: middle;
  line-height: 1.3;
}
.notifications-item-inner button {
  width: 4vw;
  height: 4vw;
  background-color: transparent;
  background-image: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#close_use');
  background-position: center;
  background-size: 4vw;
  background-repeat: no-repeat;
  border: none;
  float: right;
  padding: 2vw;
  box-sizing: content-box;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50.5%);
}
.ios-device .notifications-item-inner button {
  background-image: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/close.svg');
}
@media all and (min-width: 768px) {
  .notifications-item-inner button {
    width: 15px;
    height: 15px;
    padding: 5px;
    background-size: 15px;
  }
}
.pam-page.new-login-page .notifications-item-inner button {
  display: none;
}
.notifications-item.error-notification {
  font-weight: bold;
  background-color: #ffb800;
}
.notifications-item.error-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#error_black_use');
}
.ios-device .notifications-item.error-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/error_black.svg');
}
.notifications-item.info-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#info_use');
}
.ios-device .notifications-item.info-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/info.svg');
}
.notifications-item.success-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#success_use');
}
.ios-device .notifications-item.success-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/success.svg');
}
.notifications-item.warning-notification {
  font-weight: bold;
  background-color: #ffb800;
}
.notifications-item.warning-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#warning_black_use');
}
.ios-device .notifications-item.warning-notification .notifications-item-inner span:before {
  background: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/warning_black.svg');
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, -100px, 0, -90deg);
  }
  50% {
    transform: perspective(400px) rotate3d(1, -20px, 0, -90deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.region-avalon-livecasino .reality-check-notification-fallback,
.spillehjoernet-gamelauncher .reality-check-notification-fallback,
.region-avalon-spillehjoernet .reality-check-notification-fallback {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 3.6rem;
}
@media (min-width: 768px) and (max-width: 949px) {
  .region-avalon-livecasino .reality-check-notification-fallback,
  .spillehjoernet-gamelauncher .reality-check-notification-fallback,
  .region-avalon-spillehjoernet .reality-check-notification-fallback {
    top: 3.2rem;
  }
}
@media all and (max-width: 767px) {
  .region-avalon-livecasino .reality-check-notification-fallback,
  .spillehjoernet-gamelauncher .reality-check-notification-fallback,
  .region-avalon-spillehjoernet .reality-check-notification-fallback {
    top: 0;
  }
}
.region-avalon-bingo .reality-check-notification-fallback,
.region-avalon-bingo-gvc .reality-check-notification-fallback,
.region-avalon-bingo-slingo .reality-check-notification-fallback {
  position: fixed;
  z-index: 1000;
  width: 100%;
  top: 3rem;
}
@media (min-width: 768px) and (max-width: 949px) {
  .region-avalon-bingo .reality-check-notification-fallback,
  .region-avalon-bingo-gvc .reality-check-notification-fallback,
  .region-avalon-bingo-slingo .reality-check-notification-fallback {
    top: 3.2rem;
  }
}
.region-frontpage .reality-check-static-fix {
  height: 0;
}
.game-overlay {
  position: relative;
}
header.top-navigation .reality-check-notification {
  transition: all 0.4s ease;
  z-index: 2;
  position: relative;
}
.reality-check-notification__content {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  background: white;
  color: black;
  justify-content: center;
  font-size: 11px;
  line-height: 1.2;
}
@media all and (min-width: 950px) {
  .reality-check-notification__content {
    flex-direction: row;
    align-items: center;
    font-size: 13px;
  }
}
.reality-check-notification__content .reality-check-notification__text {
  margin: 0.8rem 0;
  position: relative;
}
.reality-check-notification__content--normal.reality-check-notification__content .reality-check-notification__text,
.reality-check-notification__content--warning.reality-check-notification__content .reality-check-notification__text {
  padding-left: 45px;
}
.reality-check-notification__content--normal.reality-check-notification__content .reality-check-notification__text::before,
.reality-check-notification__content--warning.reality-check-notification__content .reality-check-notification__text::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  width: 40px;
  height: 100%;
  background-image: url('/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons/info.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px 40px;
}
.reality-check-notification__content .reality-check-notification__text a {
  color: #007dc5;
  text-decoration: underline;
}
.reality-check-notification__content .reality-check-notification__text a:hover {
  text-decoration: none;
}
.reality-check-notification__content .reality-check-notification__text .amount-plus {
  color: #080;
}
.reality-check-notification__content .reality-check-notification__text .amount-minus {
  color: #d81818;
}
.reality-check-notification__content .reality-check-notification__button-container {
  display: flex;
  flex-direction: row-reverse;
}
@media (min-width: 950px) {
  .reality-check-notification__content .reality-check-notification__button-container {
    flex-direction: row;
    margin-right: 10px;
  }
}
.reality-check-notification__content .reality-check-notification__button {
  box-sizing: border-box;
  min-height: 30px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0;
  font-weight: bold;
  border-radius: 0;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid transparent;
  color: black;
}
@media (min-width: 950px) {
  .reality-check-notification__content .reality-check-notification__button {
    margin-left: 1rem;
    padding: 5px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
  }
}
.reality-check-notification__content .reality-check-notification__button--continue {
  text-decoration: none;
  background: #fb0;
  border-color: #fb0;
}
@media (min-width: 950px) {
  .reality-check-notification__content .reality-check-notification__button--continue {
    font-weight: bold;
  }
}
.reality-check-notification__content--warning.reality-check-notification__content .reality-check-notification__button--continue {
  background: white;
  border-color: #222;
}
.reality-check-notification__content .reality-check-notification__button--cancel {
  background: white;
  border-color: #222;
}
@media (min-width: 950px) {
  .reality-check-notification__content .reality-check-notification__button--cancel {
    text-transform: none;
    font-weight: normal;
  }
  .reality-check-notification__content .reality-check-notification__button--cancel > div {
    white-space: nowrap;
  }
}
:has(.responsible-gaming__top) .time-consuming-notification-static-fix {
  display: none;
}
:has(.responsible-gaming__top) .time-consuming-notification {
  display: none;
}
.region-avalon-livecasino .time-consuming-notification.fallback,
.region-avalon-bingo .time-consuming-notification.fallback,
.region-avalon-bingo-gvc .time-consuming-notification.fallback,
.region-avalon-bingo-slingo .time-consuming-notification.fallback,
.spillehjoernet-gamelauncher .time-consuming-notification.fallback,
.region-avalon-spillehjoernet .time-consuming-notification.fallback {
  position: fixed;
  z-index: 1000;
  width: 100%;
}
.region-avalon-bingo-gvc.is-mobile-detected .time-consuming-notification.fallback {
  position: relative;
  display: block;
  z-index: 1000;
  width: 100%;
}
.time-consuming-notification-wrapper {
  transition: all 0.4s ease;
  z-index: 2;
  position: relative;
}
.time-consuming-notification-static-fix {
  height: 3.6rem;
}
@media (min-width: 768px) and (max-width: 949px) {
  .time-consuming-notification-static-fix {
    height: 3.2rem;
  }
}
@media all and (max-width: 767px) {
  .time-consuming-notification-static-fix {
    height: 3rem;
    font-size: 1.1rem;
  }
}
body.time-consuming-notification-channel-disabled .time-consuming-notification-static-fix,
body.time-consuming-notification-channel-disabled .time-consuming-notification {
  display: none;
}
.is-showing-left-menu .time-consuming-notification {
  display: none;
}
.time-consuming-notification {
  font-family: var(--font-family-danskespil);
  padding: 0;
  height: 3.6rem;
  background-color: white;
  transition: all 0.4s ease;
  z-index: 2;
  position: relative;
  font-size: 1.3rem;
  font-weight: 400;
  color: #222;
}
@media (min-width: 768px) and (max-width: 949px) {
  .time-consuming-notification {
    height: 3.2rem;
  }
}
@media all and (max-width: 767px) {
  .time-consuming-notification {
    height: 3rem;
    font-size: 1.1rem;
  }
}
@media all and (max-width: 374px) {
  .time-consuming-notification {
    font-size: 0.84rem;
  }
}
.time-consuming-notification__content {
  display: flex;
  justify-content: space-between;
  background: white;
  height: inherit;
}
.time-consuming-notification__link {
  margin: 0.5rem;
}
@media (min-width: 768px) and (max-width: 949px) {
  .time-consuming-notification__link {
    margin: 0.6rem;
  }
}
@media all and (max-width: 767px) {
}
.time-consuming-notification__link a {
  color: black;
  text-decoration: none;
}
.time-consuming-notification__icon {
  height: 2.6rem;
  width: 2.2rem;
}
@media (min-width: 768px) and (max-width: 949px) {
  .time-consuming-notification__icon {
    height: 2.2rem;
    width: 2.2rem;
  }
}
@media all and (max-width: 767px) {
  .time-consuming-notification__icon {
    height: 2.2rem;
    width: 2.2rem;
  }
}
.time-consuming-notification__header-text {
  font-weight: 300;
  flex: 1 1;
  text-align: center;
  margin: 1.1rem 0 0.9rem;
  line-height: 1.3rem;
  font-size: 1.3rem;
}
@media (min-width: 768px) and (max-width: 949px) {
  .time-consuming-notification__header-text {
    margin: 1.1rem 0 0.8rem;
    line-height: 1.2rem;
    font-size: 1.1rem;
  }
}
@media all and (max-width: 767px) {
  .time-consuming-notification__header-text {
    margin: 0.9rem 0.5rem;
    font-size: 1rem;
  }
}
@media all and (max-width: 374px) {
  .time-consuming-notification__header-text {
    font-size: 0.84rem;
  }
}
.time-consuming-notification__timer {
  margin: 1.1rem 0 0.9rem;
  line-height: 1.4rem;
  display: flex;
  justify-content: flex-end;
  font-size: 1.3rem;
  text-align: end;
}
.time-consuming-notification__timer--hidden {
  display: none;
}
@media (min-width: 768px) and (max-width: 949px) {
  .time-consuming-notification__timer {
    margin: 1.1rem 0 0.8rem;
    line-height: 1.2rem;
    font-size: 1.1rem;
  }
}
@media all and (max-width: 767px) {
  .time-consuming-notification__timer {
    margin: 0.8rem 0.5rem 1rem;
    font-size: 1rem;
  }
}
@media all and (max-width: 374px) {
  .time-consuming-notification__timer {
    font-size: 0.84rem;
  }
}
.time-consuming-notification__timer-item {
  width: 4.5rem;
}
.time-consuming-notification__timer-icon {
  height: 1.4rem;
  width: 2rem;
  margin: 1.1rem;
}
@media (min-width: 768px) and (max-width: 949px) {
  .time-consuming-notification__timer-icon {
    height: 1.2rem;
    margin: 0.8rem;
  }
}
@media all and (max-width: 767px) {
  .time-consuming-notification__timer-icon {
    margin: 0.8rem 0;
    height: 1.2rem;
  }
}
.time-consuming-notification__stopwatch {
  height: 1.6rem;
  margin: 0.9rem 1rem 1.1rem;
}
@media all and (max-width: 767px) {
  .time-consuming-notification__stopwatch {
    height: 1.4rem;
    margin: 0.8rem 0 0.8rem;
  }
}
.operations-messenger > .visible {
  --operations-messenger-top-adjustment: 0rem;
}
@media only screen and (max-width: 480px) {
  .operations-messenger > .visible {
    --operations-messenger-top-adjustment: calc(-1 * var(--navigation-main-menu-height, 6.8rem));
  }
}
.operations-messenger > .visible .dark-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9990;
}
.operations-messenger > .visible .operations-messenger-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9990;
  display: flex;
  align-items: center;
  justify-content: center;
}
.operations-messenger > .visible .operations-messenger-content {
  width: 100%;
  max-width: 480px;
  min-height: 30rem;
  z-index: 10000;
  background: white;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.5);
  border-radius: 0.4rem;
  margin-top: var(--operations-messenger-top-adjustment, 0);
}
@media only screen and (max-width: 480px) {
  .operations-messenger > .visible .operations-messenger-content {
    border-radius: 0;
  }
}
.operations-messenger > .visible .operations-messenger-content.slide-in {
  animation: slideIn 0.2s ease-out;
}
.operations-messenger > .visible .operations-messenger-content div.top-bar {
  width: 100%;
  height: 1.6rem;
  background-color: #fde025;
  border-radius: 0.4rem 0.4rem 0 0;
}
.operations-messenger > .visible .operations-messenger-content div.icon-circle {
  width: 4rem;
  height: 4rem;
  background: #fde025;
  margin: 2.5rem 0 1.5rem 0;
  border-radius: 50%;
}
.operations-messenger > .visible .operations-messenger-content div.icon-circle div.icon {
  width: 4rem;
  height: 4rem;
  background-image: url(/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#operation_messenger_exclamation_use);
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-heading {
  text-align: center;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 2.4rem;
}
.operations-messenger > .visible .operations-messenger-content p {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-text {
  text-align: center;
  margin: 0 auto 2rem auto;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-text .operations-messenger-text-line {
  margin: 0;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-text .operations-messenger-text-line:empty {
  display: none;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-text .operations-messenger-text-line + .operations-messenger-text-line {
  margin-top: 1.5rem;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-brand-plugin {
  box-sizing: border-box;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 1rem 0 2.5rem 0;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-brand-plugin p {
  font-weight: 700;
  margin-left: 2rem;
  margin-right: 2rem;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-brand-plugin .arrow {
  position: absolute;
  top: 35%;
  right: 2rem;
  width: 2.7rem;
  height: 2.7rem;
  background-image: url(/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#operation_messenger_arrow_use);
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-brand-plugin .brand-logo {
  max-height: 7.5rem;
  max-width: 32rem;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin {
  box-sizing: border-box;
  text-align: center;
  background: #eee;
  width: 100%;
  padding: 1rem 0;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin h3 {
  font-weight: 700;
  font-size: 1.4rem;
  min-height: 1.6rem;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin p {
  margin-bottom: 0.5rem;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin .operations-messenger-notification-plugin__content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 1.8rem 2.6rem 1.7rem;
}
@media only screen and (max-width: 480px) {
  .operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin .operations-messenger-notification-plugin__content {
    flex-direction: column;
    margin-bottom: 0.3rem;
  }
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin input {
  font-weight: 700;
  font-size: 1.4rem;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  border-radius: 0.4rem;
  width: 31.5rem;
  height: 4rem;
  padding: 0 1rem;
  flex: 0 0 auto;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin ::-webkit-input-placeholder {
  color: #999;
  font-weight: 400;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin ::-moz-placeholder {
  color: #999;
  font-weight: 400;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin :-ms-input-placeholder {
  color: #999;
  font-weight: 400;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin button {
  background: #ffb800;
  font-weight: 700;
  font-size: 1.4rem;
  height: 4rem;
  width: 9.3rem;
  border-width: 0;
  border-radius: 0.4rem;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-plugin .validation-message {
  margin: 0;
  color: #c50000;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-subscribed {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 11.7rem;
  padding: 1rem;
  background: #eee;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-notification-subscribed h3 {
  font-weight: 700;
  font-size: 1.4rem;
}
.operations-messenger > .visible .operations-messenger-content .unsubscribe-link-text {
  font-size: 1.2rem;
  margin-top: 0.6rem;
}
.operations-messenger > .visible .operations-messenger-content .unsubscribe-link-text a:link,
.operations-messenger > .visible .operations-messenger-content .unsubscribe-link-text a:visited {
  color: black;
}
.operations-messenger > .visible .operations-messenger-content .unsubscribe-link-text a:hover,
.operations-messenger > .visible .operations-messenger-content .unsubscribe-link-text a:active {
  color: grey;
}
.operations-messenger > .visible .operations-messenger-content .operations-messenger-button-close {
  text-align: center;
  padding: 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  border-radius: 0.4rem;
  cursor: pointer;
  background: white;
  margin: 1.5rem 2rem 2rem 2rem;
  font-weight: 700;
  font-size: 1.4rem;
}
.operations-messenger > .visible .operations-messenger-content-alternate {
  width: 100%;
  min-height: 4rem;
  z-index: 10000;
  background: white;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
}
.operations-messenger > .visible .operations-messenger-content-alternate.slide-in {
  animation: slideIn 0.2s ease-out;
}
.operations-messenger > .visible .operations-messenger-content-alternate div.icon-circle {
  width: 30px;
  height: 30px;
  background: #fde025;
  margin: 20px 30px 20px 20px;
  border-radius: 50%;
}
.operations-messenger > .visible .operations-messenger-content-alternate div.icon-circle div.icon {
  width: 30px;
  height: 30px;
  background-image: url(/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#operation_messenger_exclamation_use);
}
.operations-messenger > .visible .operations-messenger-content-alternate .operations-messenger-heading {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 1.4;
  margin-top: 20px;
}
.operations-messenger > .visible .operations-messenger-content-alternate .operations-messenger-button-close {
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  border-radius: 0.4rem;
  cursor: pointer;
  background: white;
  font-weight: 700;
  font-size: 1.4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
  margin: auto 2rem;
}
.operations-messenger > .visible .operations-messenger-button {
  display: none;
}
.operations-messenger > div:not(.visible) {
  /* plus button is visible when the message is hidden */
}
.operations-messenger > div:not(.visible) .operations-messenger-content,
.operations-messenger > div:not(.visible) .operations-messenger-content-alternate {
  display: none;
}
.operations-messenger > div:not(.visible) .operations-messenger-button {
  position: fixed;
  right: -1.5rem;
  top: 50%;
  width: 6rem;
  background: #fde025;
  z-index: 10000;
  font-size: 2rem;
  border-radius: 0.4rem 0 0 0.4rem;
  cursor: pointer;
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.49803922);
  transition: all 0.15s ease-out;
}
.operations-messenger > div:not(.visible) .operations-messenger-button:hover {
  right: 0;
}
.operations-messenger > div:not(.visible) .operations-messenger-button div.icon {
  width: 4.5rem;
  height: 4.5rem;
  background-image: url(/Components/DanskeSpil/Domain/Header/Graphics/SpriteSheets/Icons.svg#operation_messenger_exclamation_use);
}
.operations-messenger > div:not(.visible) .operations-messenger-button .operations-messenger-button-close-mini {
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  width: 2rem;
  height: 2rem;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #333;
  cursor: pointer;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 0, 0, 0.3);
  z-index: 10001;
}
.operations-messenger > div:not(.visible) .operations-messenger-button .operations-messenger-button-close-mini:hover {
  background: #f0f0f0;
}
.operations-messenger > div:not(.visible) .operations-messenger-button.disappearing {
  animation: disappear 0.4s ease-in-out forwards;
}
@keyframes slideIn {
  0% {
    transform: translateX(100rem);
  }
}
@keyframes disappear {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}



.u-hidden {
  display: none !important;
}
.seo-text-container {
  width: 100%;
  padding: 0.8rem 2rem 1.1rem 2rem;
  background-color: #e6e6e6;
  color: white;
}
.seo-text-container .seo-text {
  max-width: 96rem;
  margin: 0 auto;
}
.seo-text-container .seo-text a {
  color: white;
  text-decoration: underline;
}
.seo-text-container .seo-text h1,
.seo-text-container .seo-text h2,
.seo-text-container .seo-text h3 {
  text-transform: uppercase;
  text-align: center;
}
.global-footer {
  font-family: var(--font-family-danskespil);
  font-weight: 400;
  line-height: 1.4;
  color: white;
  border-top: 0.1rem solid white;
  box-sizing: border-box;
}
.region-avalon-lotto .global-footer,
.region-lotto .global-footer {
  font-family: "Open Sans";
}
@media screen and (min-width: 950px) {
  .global-footer {
    padding-bottom: 0;
  }
}
@media print {
  .global-footer {
    display: none;
  }
}
.global-footer .info-bar {
  width: 100%;
  padding: 2rem 0;
}
@media screen and (min-width: 950px) {
  .global-footer .info-bar {
    padding: 4rem 0;
  }
}
.global-footer .global-footer-container {
  border-bottom: 0.1rem solid white;
  box-sizing: border-box;
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
  padding: 0 2rem 2rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 950px) {
  .global-footer .global-footer-container {
    flex-direction: row;
    text-align: left;
    padding-bottom: 3rem;
  }
}
.global-footer *[class$="box"] {
  display: inline-block;
  vertical-align: top;
}
.global-footer .address-box,
.global-footer .contact-box,
.global-footer .navigation-box {
  flex: 1;
  order: 1;
  width: 100%;
  text-align: center;
  margin: 1rem 0;
}
@media screen and (min-width: 950px) {
  .global-footer .address-box,
  .global-footer .contact-box,
  .global-footer .navigation-box {
    text-align: left;
  }
}
@media screen and (min-width: 950px) {
  .global-footer .navigation-box {
    flex: 2;
    order: 2;
  }
  .global-footer .contact-box {
    order: 3;
  }
}
.global-footer .address-box {
  font-style: normal;
}
.global-footer .address-box .logo {
  margin-bottom: 0.2rem;
}
.global-footer .address-box .logo .logo-img {
  max-width: 15rem;
}
@media screen and (min-width: 768px) {
  .global-footer .address-box .logo .logo-img {
    max-width: 21rem;
  }
}
@media screen and (min-width: 950px) {
  .global-footer .address-box .logo .logo-img {
    max-width: 16rem;
    width: 100%;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 30em), (-ms-high-contrast: none) and (max-width: 30em) {
  .global-footer .address-box .logo .logo-img {
    max-width: 22.5rem;
    max-height: 3rem;
    width: auto;
    height: 100%;
  }
}
.global-footer .address-box p {
  margin: 0;
  font-size: 1.4rem;
  display: inline-block;
}
@media screen and (min-width: 950px) {
  .global-footer .address-box p {
    display: block;
  }
  .global-footer .address-box p::after {
    display: none;
  }
}
.global-footer .address-box p:nth-of-type(1) {
  display: block;
}
.global-footer .address-box p:nth-of-type(2)::after {
  content: ",";
  margin-right: 0.6rem;
}
.region-avalon-lotto .global-footer .address-box p,
.region-lotto .global-footer .address-box p {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.global-footer .navigation-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
}
.global-footer .navigation-box a {
  flex: 1 1 50%;
  color: white;
  text-decoration: none;
  font-size: 1.4rem;
  padding: 0.4rem 0;
  display: inline-block;
  opacity: 1;
  transition: all 0.4s ease;
}
@media screen and (min-width: 950px) {
  .global-footer .navigation-box a {
    padding: 0;
  }
}
.global-footer .navigation-box a:hover {
  color: #000000;
  opacity: 0.5;
}
.region-avalon-lotto .global-footer .navigation-box a,
.region-lotto .global-footer .navigation-box a {
  font-size: 1.2rem;
  line-height: 2rem;
}
.global-footer .navigation-box::after {
  content: " ";
  height: 0.1rem;
  width: 90%;
  display: block;
  margin: 2.6rem auto 0.8rem;
  background-color: white;
}
@media screen and (min-width: 950px) {
  .global-footer .navigation-box::after {
    display: none;
  }
}
.global-footer .contact-box p {
  max-width: 100vw;
  display: block;
  margin: 0 auto;
  font-size: 1.4rem;
}
@media screen and (min-width: 950px) {
  .global-footer .contact-box p {
    max-width: 20rem;
    margin: 0;
  }
}
.global-footer .contact-box a[role="button"] {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
  margin: 1.5rem 0;
  background-color: white;
  height: 5rem;
  line-height: 4.9rem;
  padding: 0 2rem;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0.5rem;
  display: inline-block;
  font-size: 1.4rem;
  white-space: nowrap;
}
.region-avalon-lotto .global-footer .contact-box a[role="button"],
.region-lotto .global-footer .contact-box a[role="button"] {
  border-radius: 28px;
  border: 1.4px solid #FFF;
  background: transparent;
  color: #fff;
  letter-spacing: 0.1rem;
}
.global-footer .global-footer-footer-theme-keno .info-bar {
  background-color: #00a5eb;
}
.global-footer .compliance {
  max-width: 95rem;
  margin: 0 auto;
  padding: 1.5rem 2rem 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .global-footer .compliance {
    padding: 3rem 2rem 1rem;
  }
}
.global-footer .compliance .compliance__title {
  font-size: 2.6rem;
  line-height: 1.3;
  font-weight: bold;
  max-width: 52rem;
  margin: 0 auto 0.6rem;
}
.region-avalon-lotto .global-footer .compliance .compliance__title,
.region-lotto .global-footer .compliance .compliance__title {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
@media screen and (min-width: 768px) {
  .region-avalon-lotto .global-footer .compliance .compliance__title,
  .region-lotto .global-footer .compliance .compliance__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
}
.global-footer .compliance .compliance__subtitle {
  font-size: 1.6rem;
  max-width: 52rem;
  line-height: 1.4;
  font-weight: 400;
  margin: 0 auto 0.6rem;
}
@media screen and (min-width: 768px) {
  .global-footer .compliance .compliance__subtitle {
    font-size: 2rem;
  }
}
.region-avalon-lotto .global-footer .compliance .compliance__subtitle,
.region-lotto .global-footer .compliance .compliance__subtitle {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .region-avalon-lotto .global-footer .compliance .compliance__subtitle,
  .region-lotto .global-footer .compliance .compliance__subtitle {
    font-size: 1.6rem;
  }
}
.global-footer .compliance .compliance__subtitle a {
  text-decoration: underline;
  color: white;
}
.global-footer .compliance .compliance__items {
  margin-top: 2.3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.global-footer .compliance .compliance__items .compliance__item {
  font-weight: 300;
  background: rgba(0, 0, 0, 0.15);
  text-decoration: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  flex: 0 0 auto;
  width: 100%;
  min-height: 8rem;
  margin-bottom: 2rem;
  border-radius: 0.8rem;
  box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.15);
  padding: 1rem 2rem;
}
.region-allornothing .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-allornothing .global-footer .compliance .compliance__items .compliance__item {
  background: #312f51;
}
.region-avalon-bingo .global-footer .compliance .compliance__items .compliance__item {
  background: #607f15;
}
.region-frontpage .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-frontpage .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-corporate .global-footer .compliance .compliance__items .compliance__item,
.region-kundecenter .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-kundecenter .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-danskespil .global-footer .compliance .compliance__items .compliance__item,
.region-retail-account .global-footer .compliance .compliance__items .compliance__item {
  background: #005f3f;
}
.region-eurojackpot .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-eurojackpot .global-footer .compliance .compliance__items .compliance__item {
  background: #936211;
}
.region-keno .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-keno .global-footer .compliance .compliance__items .compliance__item {
  background: #0091cf;
}
.region-avalon-livecasino .global-footer .compliance .compliance__items .compliance__item {
  background: #81693b;
}
.region-avalon-lotto .global-footer .compliance .compliance__items .compliance__item,
.region-lotto .global-footer .compliance .compliance__items .compliance__item {
  background: #E11E00;
}
.region-oddset .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-oddset .global-footer .compliance .compliance__items .compliance__item,
.region-oddsetbonus .global-footer .compliance .compliance__items .compliance__item {
  background: #042048;
}
.region-playtogether .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-playtogether .global-footer .compliance .compliance__items .compliance__item {
  background: #004b32;
}
.region-poker .global-footer .compliance .compliance__items .compliance__item {
  background: #443e4c;
}
.region-avalon-klasselotteriet .global-footer .compliance .compliance__items .compliance__item {
  background: #CC1C1F;
}
.region-avalon-quick .global-footer .compliance .compliance__items .compliance__item {
  background: #672d70;
}
.region-spillehjoernet-gamelauncher .global-footer .compliance .compliance__items .compliance__item {
  background: #376c8f;
}
.region-subscriptions .global-footer .compliance .compliance__items .compliance__item {
  background: #2e3535;
}
.region-tips .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-tips .global-footer .compliance .compliance__items .compliance__item {
  background: #006d44;
}
.region-vikinglotto .global-footer .compliance .compliance__items .compliance__item,
.region-avalon-vikinglotto .global-footer .compliance .compliance__items .compliance__item {
  background: #0000b4;
}
.region-casino .global-footer .compliance .compliance__items .compliance__item {
  background: #564523;
}
@media screen and (min-width: 480px) {
  .global-footer .compliance .compliance__items .compliance__item {
    flex-direction: column;
    text-align: center;
    width: calc(50% - 0.5rem);
    margin-bottom: 1rem;
    padding: 3rem 1rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .global-footer .compliance .compliance__items .compliance__item {
    width: calc(25% - 0.5rem);
  }
}
@media screen and (min-width: 1024px) {
  .global-footer .compliance .compliance__items .compliance__item {
    width: calc(25% - 1rem);
  }
}
.global-footer .compliance .compliance__items .compliance__item .compliance__item-logo {
  flex: 0 0 8rem;
  padding-right: 1rem;
  box-sizing: border-box;
}
@media screen and (min-width: 480px) {
  .global-footer .compliance .compliance__items .compliance__item .compliance__item-logo {
    padding: 0;
    flex: 0 0 9rem;
  }
}
.global-footer .compliance .compliance__items .compliance__item .compliance__item-logo img {
  height: auto;
  width: 6rem;
}
@media screen and (min-width: 480px) {
  .global-footer .compliance .compliance__items .compliance__item .compliance__item-logo img {
    height: 6rem;
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .global-footer .compliance .compliance__items .compliance__item .compliance__item-logo img {
    height: 7rem;
  }
}
.global-footer .compliance .compliance__items .compliance__item .compliance__item-text {
  font-size: 1.4rem;
  line-height: 1.3;
  color: white;
  text-decoration: none;
}
.region-avalon-lotto .global-footer .compliance .compliance__items .compliance__item .compliance__item-text,
.region-lotto .global-footer .compliance .compliance__items .compliance__item .compliance__item-text {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.region-avalon-lotto .global-footer .compliance .compliance__items .compliance__item,
.region-lotto .global-footer .compliance .compliance__items .compliance__item {
  background: #B51800;
  box-shadow: none;
}
.global-footer .disclaimer {
  background: white;
  padding-top: 3rem;
}
.global-footer .disclaimer__content {
  display: flex;
  justify-content: center;
  max-width: 35rem;
  margin: 0 auto;
}
.global-footer .disclaimer-item {
  font-weight: 300;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.5rem 3rem;
}
.global-footer a.disclaimer-item {
  color: inherit;
}
.global-footer .disclaimer-item--logo img {
  height: 5rem;
}
.global-footer .disclaimer-item--clock {
  position: absolute;
  color: #000000;
  font-weight: bold;
  font-size: 1.2rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.3rem solid #000000;
  border-radius: 50%;
}
.global-footer .disclaimer-item--label {
  margin-top: 1rem;
  text-align: center;
  font-size: 1.1rem;
  color: #000000;
  max-width: 100%;
}



.generic-smartbanner-static-fix {
  height: 0;
  overflow: hidden;
}
.generic-smartbanner-static-fix.is-open {
  height: 84px;
}
.generic-smartbanner {
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #f3f3f3;
  font-family: Helvetica, sans, sans-serif;
  position: relative;
  z-index: 2;
  transition: all 0.4s ease;
}
.generic-smartbanner.is-open {
  height: 84px;
}
.generic-smartbanner__content {
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  padding: 1rem;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.generic-smartbanner__content > *:not(:first-child):not(:last-child) {
  margin-left: 1rem;
}
.generic-smartbanner__button--close {
  font-size: 20px;
  display: block;
  margin: 0;
  font-family: serif;
  color: #000;
  text-decoration: none;
}
.generic-smartbanner__logo {
  width: 64px;
  height: 64px;
  border-radius: 15px;
}
.generic-smartbanner__info {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 60%;
}
.generic-smartbanner__info--app-name {
  font-size: 14px;
  font-weight: 600;
}
.generic-smartbanner__info--company-name,
.generic-smartbanner__info--description {
  font-size: 12px;
}
.generic-smartbanner__cta {
  color: #1474fc;
  margin-left: auto;
  padding: 1rem;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  display: block;
}
.generic-smartbanner__cta:hover,
.generic-smartbanner__cta:active {
  text-decoration: none;
}



/* ===========================================
   utility.loading-spinner
   ========================================= */
.loading-spinner {
  position: relative;
  width: 4rem;
  height: 4rem;
  background: transparent;
}
.loading-spinner:after {
  animation: loading-spinner-animation 750ms infinite linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9IndoaXRlIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
}
.loading-spinner--dark {
  position: relative;
  width: 4rem;
  height: 4rem;
  background: transparent;
}
.loading-spinner--dark:after {
  animation: loading-spinner-animation 750ms infinite linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9IndoaXRlIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
}
.loading-spinner--dark:after {
  animation: loading-spinner-animation 750ms infinite linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9IndoaXRlIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJ3aGl0ZSIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
}
.loading-spinner--dark:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjQuMzc1IiByPSIzLjEyNSIgZmlsbD0iYmxhY2siLz48Y2lyY2xlIGN4PSIyNy44MTQ5IiBjeT0iNi40ODM4OSIgcj0iMy4xMjUiIGZpbGw9ImJsYWNrIi8+PGNpcmNsZSBjeD0iMzMuNTI4NiIgY3k9IjEyLjIxODIiIHI9IjMuMTI1IiBmaWxsPSJibGFjayIvPjxjaXJjbGUgY3g9IjM1LjYyNSIgY3k9IjIwIiByPSIzLjEyNSIgZmlsbD0iYmxhY2siLz48L3N2Zz4=);
}
@keyframes loading-spinner-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
body {
  --survey-primary-color: #004b32;
  --survey-secondary-color: rgba(0, 75, 50, 0.1);
  --survey-tertiary-color: rgba(0, 75, 50, 0.25);
  --survey-label-font-color: white;
}
.region-lotto {
  --survey-primary-color: #E11E00;
  --survey-secondary-color: rgba(225, 30, 0, 0.1);
  --survey-tertiary-color: rgba(225, 30, 0, 0.25);
  --survey-label-font-color: white;
}
.region-player-account-management {
  --survey-primary-color: #E11E00;
  --survey-secondary-color: rgba(225, 30, 0, 0.1);
  --survey-tertiary-color: rgba(225, 30, 0, 0.25);
  --survey-label-font-color: white;
}
.region-eurojackpot {
  --survey-primary-color: #e8a332;
  --survey-secondary-color: rgba(232, 163, 50, 0.1);
  --survey-tertiary-color: rgba(232, 163, 50, 0.25);
  --survey-label-font-color: white;
}
.region-vikinglotto {
  --survey-primary-color: #0000ff;
  --survey-secondary-color: rgba(0, 0, 255, 0.1);
  --survey-tertiary-color: rgba(0, 0, 255, 0.25);
  --survey-label-font-color: white;
}
.region-avalon-quick {
  --survey-primary-color: #9B51E0;
  --survey-secondary-color: rgba(155, 81, 224, 0.1);
  --survey-tertiary-color: rgba(155, 81, 224, 0.25);
  --survey-label-font-color: white;
}
.region-allornothing {
  --survey-primary-color: #56F4AD;
  --survey-secondary-color: rgba(86, 244, 173, 0.1);
  --survey-tertiary-color: rgba(86, 244, 173, 0.25);
  --survey-label-font-color: white;
}
.region-keno {
  --survey-primary-color: #2F80ED;
  --survey-secondary-color: rgba(47, 128, 237, 0.1);
  --survey-tertiary-color: rgba(47, 128, 237, 0.25);
  --survey-label-font-color: white;
}
.survey-container {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 110;
  font-size: 1.6rem;
}
.survey-container * {
  box-sizing: border-box;
}
.survey__form {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 2.4rem 1.6rem;
  border-radius: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 42rem;
  max-width: 94%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .survey__form {
    width: 65.2rem;
    padding: 3.2rem 3.2rem;
  }
}
.survey__form h2 {
  font-size: 20px;
  line-height: 24px;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  text-align: left;
  padding-right: 4rem;
}
.survey__form h3 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin-bottom: 1.6rem;
  text-align: left;
}
.survey__close {
  position: absolute;
  right: 1.6rem;
  top: 2.4rem;
  width: 24px;
  height: 24px;
  z-index: 1;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .survey__close {
    right: 3.2rem;
    top: 3.2rem;
  }
}
.survey__container-low-text {
  order: 2;
  max-width: 22%;
  line-height: 2rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .survey__container-low-text {
    order: unset;
    max-width: unset;
    font-size: 1.6rem;
    line-height: inherit;
  }
}
.survey__container-radio {
  position: relative;
  display: flex;
  padding: 2.4rem 1.6rem;
  line-height: 4rem;
  gap: 2.4rem;
  font-weight: 600;
  margin: 2.4rem 0;
  flex-wrap: wrap;
  order: 1;
  width: 100%;
  justify-content: space-between;
  border-radius: 0.8rem;
  background-color: var(--survey-secondary-color);
}
@media screen and (min-width: 768px) {
  .survey__container-radio {
    flex-wrap: nowrap;
    order: unset;
    width: auto;
    margin: 4rem 0;
  }
}
.survey__container-hight-text {
  order: 3;
  max-width: 22%;
  line-height: 2rem;
  text-align: right;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .survey__container-hight-text {
    order: unset;
    max-width: unset;
    font-size: 1.6rem;
    line-height: inherit;
  }
}
.survey__container-radio-options {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .survey__container-radio-options {
    order: unset;
    max-width: unset;
    width: auto;
  }
}
.survey__container-radio {
  /* Ensure that all labels have the primary color initially */
}
.survey__container-radio input[type="radio"] {
  display: none;
}
.survey__container-radio input[type="radio"]:checked + label {
  background-color: var(--survey-primary-color);
  color: var(--survey-label-font-color);
}
.survey__container-radio input[type="radio"]:not(:checked) + label {
  background-color: var(--survey-tertiary-color);
}
.survey__container-radio input[type="radio"].hidden-radio:checked ~ label {
  background-color: var(--survey-primary-color);
  color: white;
}
.survey__container-radio label {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  cursor: pointer;
  font-weight: 600;
  text-align: center;
  font-size: 1.8rem;
  background-color: var(--survey-primary-color);
  color: var(--survey-label-font-color);
}
@media screen and (min-width: 768px) {
  .survey__container-radio label {
    width: 4rem;
    height: 4rem;
  }
}
#survey_comment-container {
  display: block;
}
#survey_comment-container.hidden {
  display: none;
}
.survey__comment {
  display: block;
  padding: 16px;
  width: 100%;
  border-radius: 4px;
  resize: none;
  border: 1px solid var(--Neutral-Grey---Light, #EBEBEB);
  margin-bottom: 2.4rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .survey__comment {
    margin-bottom: 4rem;
  }
}
#survey__multiselect-wrapper {
  display: none;
}
#survey__multiselect-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 4rem;
}
#survey__multiselect-container .multiselectable {
  background-color: var(--survey-secondary-color);
  padding: 10px 15px;
  border-radius: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  color: black;
  font-weight: 600;
  -webkit-user-select: none;
  user-select: none;
}
#survey__multiselect-container .multiselectable:hover {
  background-color: var(--survey-tertiary-color);
}
#survey__multiselect-container .multiselectable.selected {
  background-color: var(--survey-primary-color);
  color: white;
}
#survey__multiselect-container .hidden-checkbox {
  display: none;
}
.survey__cta-container {
  position: relative;
  text-align: center;
}
.survey__cta-button {
  position: relative;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
  user-select: none;
  text-align: center;
  padding: 0 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 1.2rem;
  line-height: 1.375;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 800;
  text-decoration: none;
  height: 4.8rem;
  max-width: 24rem;
  width: 100%;
  background: transparent;
  border: none;
}
.survey__cta-button:not(:disabled):hover::after {
  transform: scale(1.03);
}
.survey__cta-button:after {
  border-radius: 2.8rem;
  transition: transform 200ms ease-out;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 0.1rem solid transparent;
  background-color: #FEB700;
  border-color: #FEB700;
}
.survey__cta-button[disabled]:after {
  opacity: 0.25;
}
.survey__form-submitted-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
.survey__form-submitted-check-icon {
  position: relative;
  width: 4rem;
  height: 4rem;
  background-color: var(--survey-primary-color);
  border-radius: 50%;
  flex-shrink: 0;
}
.survey__form-submitted-check-icon > svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.survey__form-submitted-text {
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  flex-grow: 1;
  padding-right: 4rem;
}



/* ===========================================
   imports : 
   Import breakpoints from avalon.
   ========================================= */
/* ===========================================
   imports
   ========================================= */
/* ********* Variables ********* */
/* ===========================================
   settings.global
   ========================================= */
/**
 * High-level settings and variables,
 * that are accessible in whole Avalon project
*/
/* ===========================================
   settings.breakpoints
   ========================================= */
/* ===========================================
   settings.colors
   ========================================= */
/* New theming colors (use these in future, convert old colors along the way)
   ========================================================================== */
/* Color variables used in AvalonComponents, Poker and Casino projects
/* (Old theming colors, should be slowly removed)
   ========================================================================== */
/* Corporate colors
   ========================================================================== */
/* Poker colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Bingo colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Oddset colors
   ========================================================================== */
/* Virtuel colors
   ========================================================================== */
/* EuroJackpot colors
   ========================================================================== */
/* Set Color Variables
   ========================================================================== */
/* Components
   ========================================================================== */
/* *********** MIXINS ********** */
/* ===========================================
   tools.mixins
   ========================================= */
.onboardingspot-overlay .onboardingspot-overlay__wrapper {
  position: relative;
  justify-content: center;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__closebutton {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  height: 2rem;
  width: 2rem;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__dontshow {
  display: inline-block;
  font-weight: 600;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 2rem;
  cursor: pointer;
  user-select: none;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__dontshow input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__dontshow input:checked ~ span:after {
  display: block;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__dontshow span {
  position: absolute;
  top: 0;
  left: 0;
  height: 2rem;
  width: 2rem;
  background-color: #eee;
  transition: 0.2s;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__dontshow span:after {
  content: "";
  position: absolute;
  display: none;
  left: 0.7rem;
  top: 0.4rem;
  width: 0.4rem;
  height: 0.8rem;
  border: solid white;
  border-width: 0 0.3rem 0.3rem 0;
  transform: rotate(45deg);
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__dontshow:hover input ~ .checkmark {
  background-color: #dcdcdc;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__shadow {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  background-color: black;
  z-index: 9988;
  opacity: 0;
  display: none;
  transition: opacity 0.3s ease-in;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__shadow.fade-in {
  display: block;
  opacity: 0.4;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__content {
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 4rem;
  width: 80vw;
  height: auto;
  max-height: 99%;
  overflow: auto;
  border-radius: 0.2rem;
  text-align: center;
  font-size: 1.3rem;
  z-index: 9989;
  box-shadow: 0.3rem 0.3rem 4rem 0 rgba(0, 0, 0, 0.5);
  background: white;
  opacity: 0;
  transition: opacity 0.5s ease-in;
}
@media screen and (min-width: 480px) {
  .onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__content {
    width: 60rem;
    top: 6%;
  }
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__content.fade-in {
  opacity: 1;
  display: block;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__content .onboardingspot-overlay__list-element > img {
  height: auto;
  max-width: 100%;
  max-height: 43%;
  pointer-events: none;
  margin-top: 1rem;
}
@media screen and (min-width: 480px) {
  .onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__content .onboardingspot-overlay__list-element > img {
    max-height: 29rem;
    margin-top: 2rem;
  }
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__list-element--link {
  display: inline-block;
  margin: 3rem 0 1rem 0;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__button-container {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 1.5rem;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__button-container .onboardingspot-overlay__prev-cta {
  cursor: pointer;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__button-container .onboardingspot-overlay__prev-cta,
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__button-container .onboardingspot-overlay__flex-ghostblock {
  width: 3rem;
  height: 3rem;
  padding-bottom: 1.8rem;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__cta,
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__next-cta {
  margin: 1rem 3rem;
  padding: 1.3rem 2rem;
  border-radius: 0.4rem;
  background-color: #004b32;
  color: white;
  display: inline-block;
  width: 10rem;
  text-decoration: none;
  font-weight: 600;
}
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__cta:hover,
.onboardingspot-overlay .onboardingspot-overlay__wrapper .onboardingspot-overlay__next-cta:hover {
  text-decoration: none;
}
.onboardingspot-overlay__outer-wrapper {
  width: 100%;
  overflow: hidden;
}
.onboardingspot-overlay__outer-wrapper .onboardingspot-overlay__inner-wrapper {
  display: inline-flex;
  white-space: nowrap;
  transition: transform 0.2s linear;
}
.onboardingspot-overlay__outer-wrapper .onboardingspot-overlay__inner-wrapper .onboardingspot-overlay__list-element {
  white-space: normal;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  width: 80vw;
}
@media screen and (min-width: 480px) {
  .onboardingspot-overlay__outer-wrapper .onboardingspot-overlay__inner-wrapper .onboardingspot-overlay__list-element {
    width: 60rem;
  }
}
.onboardingspot-overlay__outer-wrapper .onboardingspot-overlay__inner-wrapper .onboardingspot-overlay__list-element > div {
  padding: 0.8rem;
}
@media screen and (min-width: 480px) {
  .onboardingspot-overlay__outer-wrapper .onboardingspot-overlay__inner-wrapper .onboardingspot-overlay__list-element > div {
    padding: 2rem;
  }
}
.dots-wrapper {
  display: flex;
  justify-content: center;
  padding: 2vw 0;
  background-color: white;
}
@media screen and (min-width: 480px) {
  .dots-wrapper {
    padding: 1rem 0;
  }
}
.dots-wrapper .dot {
  width: 2.2vw;
  height: 2.2vw;
  margin: 0.6vw;
  border-radius: 50%;
  background-color: black;
  opacity: 0.4;
  transition: opacity 0.15s linear;
}
@media screen and (min-width: 480px) {
  .dots-wrapper .dot {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.4rem;
    cursor: pointer;
  }
}
.dots-wrapper .dot.active {
  opacity: 1;
}
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.15s linear, transform 0.25s linear;
  box-sizing: border-box;
  display: none;
}
@media screen and (min-width: 480px) {
  .carousel-arrow {
    width: 2.6rem;
    height: 2.6rem;
    padding: 0.6rem;
    display: block;
    top: 15rem;
  }
}
.carousel-arrow .arrow-icon {
  width: 100%;
  height: 100%;
}
.carousel-arrow.left {
  left: 0;
  transform: translate(-150%, -50%);
}
@media screen and (min-width: 480px) {
  .carousel-arrow.left {
    left: -3.2rem;
  }
}
.carousel-arrow.left .arrow-icon {
  transform: rotate(180deg);
}
.carousel-arrow.right {
  right: 0;
  transform: translate(150%, -50%);
}
@media screen and (min-width: 480px) {
  .carousel-arrow.right {
    right: -3.2rem;
  }
}
.carousel-arrow.active {
  opacity: 1;
  transform: translate(0, -50%);
}
@media screen and (min-width: 480px) {
  .carousel-arrow.active {
    cursor: pointer;
  }
}



/* ===========================================
   imports : 
   Import colors from avalon.
   Import breakpoints from avalon.
   Import global from avalon.
   ========================================= */
/* ===========================================
   imports
   ========================================= */
/* ********* Variables ********* */
/* ===========================================
   settings.global
   ========================================= */
/**
 * High-level settings and variables,
 * that are accessible in whole Avalon project
*/
/* ===========================================
   settings.breakpoints
   ========================================= */
/* ===========================================
   settings.colors
   ========================================= */
/* New theming colors (use these in future, convert old colors along the way)
   ========================================================================== */
/* Color variables used in AvalonComponents, Poker and Casino projects
/* (Old theming colors, should be slowly removed)
   ========================================================================== */
/* Corporate colors
   ========================================================================== */
/* Poker colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Bingo colors
   ========================================================================== */
/* Casino colors
   ========================================================================== */
/* Oddset colors
   ========================================================================== */
/* Virtuel colors
   ========================================================================== */
/* EuroJackpot colors
   ========================================================================== */
/* Set Color Variables
   ========================================================================== */
/* Components
   ========================================================================== */
/* *********** MIXINS ********** */
/* ===========================================
   tools.mixins
   ========================================= */
.consent-popup .consent-popup_wrapper--hide {
  opacity: 0;
  pointer-events: none;
}
.consent-popup .consent-popup_wrapper--show {
  opacity: 1;
  pointer-events: all;
}
.consent-popup .consent-popup__wrapper {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  justify-content: center;
  /* horizontal */
  align-items: center;
  /* vertical */
  height: 100vh;
  width: 100%;
  z-index: 9988;
  transition: 1s;
  background-color: rgba(0, 0, 0, 0.4);
  /* @color-black with opacity */
}
.region-avalon-lotto .consent-popup .consent-popup__wrapper,
.region-lotto .consent-popup .consent-popup__wrapper {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.consent-popup .consent-popup__wrapper .consent-popup-container__closebutton {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 2rem;
  right: 2rem;
  height: 3rem;
  width: 3rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  cursor: pointer;
  z-index: 100;
}
.consent-popup .consent-popup__wrapper .consent-popup__closebutton {
  position: relative;
  height: 2.4rem;
  width: 2.4rem;
}
.consent-popup .consent-popup__wrapper .consent-popup__content {
  position: relative;
  width: 90vw;
  transition: 1.2s;
  transition-timing-function: ease-out;
  max-height: 96vh;
  background-color: inherit;
  padding: 2.4rem;
  font-size: 1.4rem;
  border-radius: 2.4rem;
  max-width: 80rem;
  overflow-y: auto;
}
.consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 2.4rem;
  max-width: 102.4rem;
}
@media screen and (min-width: 950px) {
  .consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image {
    flex-direction: row;
    gap: 6.4rem;
  }
}
.consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image > div {
  flex: 1;
}
.consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image .consent-popup-container__closebutton .consent-popup__closebutton {
  filter: invert(100%);
}
@media screen and (min-width: 950px) {
  .consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image .consent-popup-container__closebutton .consent-popup__closebutton {
    filter: none;
  }
}
.consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image .consent-popup__image {
  position: relative;
  min-height: 32rem;
  background-position: center top;
  background-size: cover;
}
@media screen and (min-width: 950px) {
  .consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image .consent-popup__image {
    min-height: 56.8rem;
    background-position: center top;
  }
}
.consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image .consent-popup__element {
  padding: 0 2.4rem 2.4rem 2.4rem;
}
@media screen and (min-width: 950px) {
  .consent-popup .consent-popup__wrapper .consent-popup__content.consent-popup__content-has-image .consent-popup__element {
    padding: 6.4rem 6.4rem 6.4rem 0;
  }
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__tooltip {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__tooltip:hover::before {
  content: attr(data-label);
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  width: 20rem;
  font-size: 1.1rem;
  line-height: 1.4;
  background: black;
  color: white;
  padding: 0.8rem 0.8rem;
  border-radius: 0.7rem;
  transform: translateX(-50%);
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__tooltip:hover::after {
  content: "";
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  margin-left: -0.5rem;
  border-width: 0.5rem;
  border-style: solid;
  border-color: black transparent transparent;
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__element--hide {
  display: none;
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__element {
  position: relative;
  line-height: 2.2rem;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__element h1 {
  font-size: 3rem;
  line-height: 4rem;
  margin-top: 0;
  margin-bottom: 2.4rem;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 950px) {
  .consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__element h1 {
    font-size: 4rem;
    line-height: 4.6rem;
    margin-bottom: 3.2rem;
  }
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__element h2 {
  font-size: 2.2em;
  line-height: 2.8rem;
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__element h3 {
  font-size: 1.8em;
  line-height: 2.4rem;
}
.consent-popup .consent-popup__wrapper .consent-popup__content .consent-popup__element h4 {
  font-size: 1.5em;
  line-height: 2.1rem;
}
.consent-popup .consent-popup__wrapper .consent-popup__cta {
  position: relative;
  display: flex;
  gap: 1.6rem;
  align-items: flex-start;
  align-self: stretch;
  margin-top: 2.4rem;
  flex-direction: column;
}
@media screen and (min-width: 950px) {
  .consent-popup .consent-popup__wrapper .consent-popup__cta {
    margin-top: 3.2rem;
    flex-direction: row;
  }
}
.consent-popup .consent-popup__wrapper .consent-popup__cta-button {
  position: relative;
  z-index: 1;
  cursor: pointer;
  user-select: none;
  text-align: center;
  padding: 0 2.5rem;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-size: 1.2rem;
  line-height: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 800;
  text-decoration: none;
  height: 5.6rem;
  width: 100%;
  border-radius: 2.8rem;
  border: none;
  min-width: 20rem;
}
@media screen and (min-width: 950px) {
  .consent-popup .consent-popup__wrapper .consent-popup__cta-button {
    min-width: auto;
    flex-basis: 50%;
  }
}
.consent-popup .consent-popup__wrapper .consent-popup__cta-button:not(:disabled):hover::after {
  transform: scale(1.03);
}
.consent-popup .consent-popup__wrapper .consent-popup__cta-button:disabled:after {
  opacity: 0.6;
  cursor: not-allowed;
}
.consent-popup .consent-popup__wrapper .consent-popup__cta-button:after {
  border-radius: 2.8rem;
  transition: transform 200ms ease-out;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.consent-popup .consent-popup__wrapper .consent-popup__cta-button--confirm:after {
  background-color: var(--consent-confirm-button-color);
  border: var(--consent-confirm-button-border-color);
}
.consent-popup .consent-popup__wrapper .consent-popup__cta-button--cancel:after {
  background-color: var(--consent-cancel-button-color);
  border: var(--consent-cancel-button-border-color);
}
.consent-popup .consent-popup__wrapper .consent-popup__cta-button--close:after {
  background-color: var(--consent-close-receipt-button-color);
  border: var(--consent-close-receipt-button-border-color);
}



@keyframes boostAi-loading {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes boostAi-shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.aiboost-button {
  opacity: 0;
  display: none;
}
.aiboost-button--visible {
  transition: opacity 0.55s;
  opacity: 1;
  display: block;
}
.boostAi-circle {
  position: fixed;
  z-index: 20;
  bottom: 2rem;
  right: 2rem;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.25) 0 0 1rem 0;
  height: 5rem;
  width: 5rem;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: #004b32 url('/Components/DanskeSpil/Domain/AvalonKundecenter/Graphics/SpriteSheets/Icons/kc-chat.svg') no-repeat 50% 50%;
  background-size: 3rem;
}
@media (min-width: 960px) {
  .boostAi-circle {
    height: 7.5rem;
    width: 7.5rem;
    background-size: unset;
  }
}
.boostAi-circle:active,
.boostAi-circle:hover {
  animation: boostAi-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.boostAi-circle[data-enabled="True"] {
  display: flex;
}
.boostAi-circle.loading {
  animation-name: boostAi-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}



.pam-quick-overlay {
  width: 100%;
  max-width: 116rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000;
}
.pam-quick-overlay--hidden {
  display: none;
}
.pam-quick-overlay__blurred-background {
  position: fixed;
  left: 0;
  top: 0;
  outline: 0;
  border: 0;
  width: 100vw;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4);
  backdrop-filter: blur(2px);
  z-index: -1;
}
.pam-quick-overlay__content {
  background-color: #f5f5f5;
  padding: 2rem;
  top: 0;
  width: 90vw;
  right: 0;
  max-width: 116rem;
  position: absolute;
  z-index: 5000;
  overflow: hidden;
}
@media (min-width: 480px) {
  .pam-quick-overlay__content {
    position: fixed;
    top: 10rem;
    width: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    max-height: calc(90vh - 5rem);
    overflow-y: auto;
  }
}
@media (min-width: 768px) {
  .pam-quick-overlay__content {
    border-radius: 5px;
    padding: 3rem 5rem 5rem;
    margin: 0 auto;
  }
}
.pam-quick-overlay__iframe {
  border: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.pam-quick-overlay__close-button {
  margin-bottom: 2rem;
  margin-left: auto;
  background: transparent;
  outline: none;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pam-quick-overlay__close-button svg {
  width: 2.5rem;
  height: 2.5rem;
}



.blocked-cookies-handler {
  position: fixed;
  z-index: 1000000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background-color: white;
  padding: 1.5rem 2rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.3;
  background-size: cover;
}
.blocked-cookies-handler__cta {
  cursor: pointer;
  min-height: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 2rem;
  background: #004b32;
  color: white;
  font-size: 1.3rem;
  font-weight: 700;
  border-radius: 0.4rem;
}



:root {
  --header-height: calc(var(--navigation-compliance-bar-height, 0rem) + var(--navigation-main-menu-height, 0rem) + var(--navigation-sub-menu-height, 0rem));
}
:root:has(.responsible-gaming__top) {
  --navigation-compliance-bar-height: 3.2rem;
}
@media screen and (min-width: 768px) {
  :root:has(.responsible-gaming__top) {
    --navigation-compliance-bar-height: 3.6rem;
  }
}
:root:has(.ds-navigation) {
  --navigation-main-menu-height: 6.8rem;
}
@media screen and (min-width: 768px) {
  :root:has(.ds-navigation) {
    --navigation-main-menu-height: 7.2rem;
  }
}
@media screen and (min-width: 1216px) {
  :root:has(.ds-navigation) {
    --navigation-main-menu-height: 7.6rem;
  }
}
@media screen and (min-width: 1216px) {
  :root:has(.ds-navigation-sub-menu) {
    --navigation-sub-menu-height: 5.6rem;
  }
}
:root:has(.responsible-gaming__top.hide) {
  --navigation-compliance-bar-height: 0rem;
}
:root:has(.ds-navigation.hide) {
  --navigation-main-menu-height: 0rem;
  --navigation-sub-menu-height: 0rem;
}
@media (orientation: landscape) {
  :root:has(body.is-mobile-detected):has(.ds-navigation.hide-on-mobile-landscape) {
    --navigation-main-menu-height: 0rem;
    --navigation-sub-menu-height: 0rem;
  }
}



.ds-modal-popup {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  position: fixed;
  z-index: 10010;
  bottom: 3vh;
  left: 50%;
  max-height: 85vh;
  background-color: white;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(100% - 17vw);
  max-width: 38rem;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, 1rem, 0);
  transition: all 340ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ds-modal-popup a:focus {
  outline: none;
}
.ds-modal-popup a:focus-visible,
.ds-modal-popup *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.ds-modal-popup a:active,
.ds-modal-popup *:active {
  outline: none;
}
.ds-modal-popup--open {
  pointer-events: unset;
  visibility: unset;
  opacity: unset;
  transform: translate3d(-50%, 0, 0);
}
.ds-modal-popup a:active,
.ds-modal-popup button:active {
  transform: translateY(0.1rem);
}
@media (min-width: 768px) and (min-height: 768px) {
  .ds-modal-popup {
    max-width: 52rem;
    max-height: 70vh;
    top: 15vh;
    bottom: auto;
  }
}
.ds-modal-popup__close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 2rem;
  right: 2rem;
  width: 3.6rem;
  height: 3.6rem;
  border: none;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0.4rem transparent;
}
@media screen and (min-width: 768px) {
  .ds-modal-popup__close {
    top: 3rem;
    right: 4rem;
  }
}
.ds-modal-popup__close svg {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  color: #000000;
  width: 2.4rem;
  height: 2.4rem;
}
.ds-modal-popup--hide-close-x .ds-modal-popup__close {
  display: none;
}
.ds-modal-popup__inner {
  position: relative;
  top: auto;
  bottom: auto;
  width: 100%;
  overflow-y: auto;
  margin: 1rem 0;
  padding: 6.4rem 2.4rem 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.2rem;
  color: #222222;
  text-align: center;
}
@media (min-width: 768px) and (min-height: 768px) {
  .ds-modal-popup__inner {
    padding: 6.4rem 4rem 3rem;
  }
}
.ds-modal-popup__icon {
  height: 7.2rem;
  margin-top: -4rem;
  margin-bottom: 2.4rem;
}
.ds-modal-popup__header {
  font-family: var(--font-family-danskespil);
  color: #000000;
  font-size: 2.8rem;
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-style: normal;
  font-weight: 700;
}
@media (min-width: 768px) and (min-height: 768px) {
  .ds-modal-popup__header {
    font-size: 4rem;
  }
}
.ds-modal-popup__text {
  font-size: 1.4rem;
  line-height: 1.57;
  font-style: normal;
  font-weight: 400;
}
.ds-modal-popup__text br + br:nth-of-type(2) {
  display: block;
  content: "";
  margin-top: 1.2em;
}
.ds-modal-popup__text p {
  margin: 0 0 0.5em;
}
.ds-modal-popup__text a {
  color: #000000;
  text-decoration: underline;
}
@media (min-width: 768px) and (min-height: 768px) {
  .ds-modal-popup__text {
    font-size: 1.6rem;
  }
}
.ds-modal-popup__buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.6rem;
  margin: 1rem auto 0;
  max-width: 30.8rem;
}
@media (min-width: 768px) and (min-height: 768px) {
  .ds-modal-popup__buttons {
    margin-top: 2rem;
  }
}
.ds-modal-popup__button {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 0.8ch;
  width: 100%;
  padding: 0 1.2rem 0.1rem;
  flex: 0 0 5.6rem;
  border-radius: 10rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.4);
  color: #000000;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  background-color: white;
}
.ds-modal-popup__button:hover {
  text-decoration: none;
}
.ds-modal-popup__button b {
  font-weight: inherit;
}
@media (min-width: 768px) and (min-height: 768px) {
  .ds-modal-popup__button {
    font-size: 1.4rem;
    flex: 0 0 5.4rem;
  }
}
.ds-modal-popup__button--primary {
  background-color: #FEB700;
  border-color: #FEB700;
}



:root {
  --bezierEaseInOutQuad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body {
  padding-top: var(--header-height, 0rem);
}
body.no-scroll {
  overflow: hidden;
  width: 100%;
}
.ds-navigation {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  position: fixed;
  inset: 0;
  bottom: unset;
  z-index: 100;
  overflow: visible;
  transform: unset;
  will-change: transform;
  transition-property: transform;
  transform-style: preserve-3d;
  padding-top: var(--navigation-compliance-bar-height, 0rem);
}
.ds-navigation a:focus {
  outline: none;
}
.ds-navigation a:focus-visible,
.ds-navigation *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.ds-navigation a:active,
.ds-navigation *:active {
  outline: none;
}
.ds-navigation--scroll-down {
  transition-delay: 100ms;
  transition-duration: 500ms;
  /* When scrolling down, hiding the nav bar. */
  transform: translateY(-100%);
  transition-timing-function: var(--bezierEaseInOutQuad);
}
.ds-navigation--scroll-up {
  transition-delay: 200ms;
  transition-duration: 450ms;
  /* When scrolling up, showing the nav bar. */
  transform: translateY(0);
  transition-timing-function: var(--bezierEaseInOutQuad);
}
.ds-navigation.hide {
  display: none;
}
@media (orientation: landscape) {
  body.is-mobile-detected .ds-navigation.hide-on-mobile-landscape {
    display: none;
  }
}



.ds-navigation-account-menu {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  position: fixed;
  z-index: 130;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 35rem;
  background-color: white;
  transform: translateX(35rem);
  transition: transform 250ms;
  will-change: transform;
}
.ds-navigation-account-menu a:focus {
  outline: none;
}
.ds-navigation-account-menu a:focus-visible,
.ds-navigation-account-menu *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.ds-navigation-account-menu a:active,
.ds-navigation-account-menu *:active {
  outline: none;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu {
    max-width: 52rem;
    transform: translateX(65.2rem);
  }
}
.ds-navigation-account-menu.open {
  transition-delay: 100ms;
  transform: translateX(0);
}
.ds-navigation-account-menu.close {
  transform: translateX(35rem);
  transition: transform 200ms;
  transition-delay: 0ms;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu.close {
    transform: translateX(65.2rem);
  }
}
.ds-navigation-account-menu a:active,
.ds-navigation-account-menu button:active {
  transform: translateY(0.1rem);
}
.ds-navigation-account-menu__top {
  position: absolute;
  z-index: 1;
  inset: 0;
  bottom: auto;
  height: 7.6rem;
  background: white;
}
.ds-navigation-account-menu__close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 2rem;
  right: 2rem;
  width: 3.6rem;
  height: 3.6rem;
  border: none;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0.4rem transparent;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu__close {
    top: 3rem;
    right: 4rem;
  }
}
.ds-navigation-account-menu__close svg {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  color: #000000;
  width: 2.4rem;
  height: 2.4rem;
}
.ds-navigation-account-menu__inner {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 2rem 4rem;
  margin-top: 7.6rem;
  overflow-y: auto;
  scrollbar-width: thin;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu__inner {
    padding: 0 4rem 4rem;
    margin-top: 9rem;
    scrollbar-width: unset;
  }
}
.ds-navigation-account-menu__buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}
.ds-navigation-account-menu__buttons--stacked {
  flex-direction: column;
}
.ds-navigation-account-menu__button {
  color: #000000;
  width: 100%;
  height: 5.6rem;
  border-radius: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.08em;
  border: 0.1rem solid rgba(0, 0, 0, 0.4);
}
.ds-navigation-account-menu__button:hover {
  text-decoration: none;
}
.ds-navigation-account-menu__buttons--small .ds-navigation-account-menu__button {
  height: 3.6rem;
}
.ds-navigation-account-menu__buttons--narrow .ds-navigation-account-menu__button {
  max-width: 20rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu__button {
    height: 5.4rem;
    font-size: 1.4rem;
  }
  .ds-navigation-account-menu__buttons--small .ds-navigation-account-menu__button {
    height: 5.4rem;
  }
  .ds-navigation-account-menu__buttons--narrow .ds-navigation-account-menu__button {
    max-width: 24rem;
  }
}
.ds-navigation-account-menu__button--primary {
  background-color: #FEB700;
  border: 0.1rem solid #FEB700;
  color: #000000;
}
.ds-navigation-account-menu__region--dli .ds-navigation-account-menu__button--primary {
  background-color: #003E99;
  border-color: #003E99;
  color: white;
}
.ds-navigation-account-menu__region--dlo .ds-navigation-account-menu__button--primary {
  background-color: #E11E00;
  border-color: #E11E00;
  color: white;
}



.ds-navigation-account-menu__logged-in-details {
  width: 100%;
}
body.is-logged-in .ds-navigation-account-menu__logged-in-details {
  display: block;
}
body:not(.is-logged-in) .ds-navigation-account-menu__logged-in-details {
  display: none;
}
body.is-context-neutral .ds-navigation-account-menu__logged-in-details {
  display: none;
}
.ds-navigation-account-menu__account {
  display: none;
  position: absolute;
  top: 2.5rem;
  left: 2rem;
  width: fit-content;
  margin-bottom: 0.8rem;
  padding: 0.7rem 0.8rem;
  background-color: #003E99;
  border-radius: 0.6rem;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  color: white;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu__account {
    top: 3.5rem;
    left: 4rem;
  }
}
.ds-navigation-account-menu--dli .ds-navigation-account-menu__account {
  background-color: #003E99;
}
.ds-navigation-account-menu--dlo .ds-navigation-account-menu__account {
  background-color: #E11E00;
}
body.is-logged-in .ds-navigation-account-menu__account {
  display: block;
}
body.is-context-neutral .ds-navigation-account-menu__account {
  display: none;
}
.ds-navigation-account-menu__user-info {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr;
  width: 100%;
  row-gap: 2rem;
  margin-bottom: 3.8rem;
}
.ds-navigation-account-menu__greeting {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
  color: #000000;
}
.ds-navigation-account-menu__amount-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.ds-navigation-account-menu__balance {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #000000;
  display: grid;
  width: 100%;
  padding: 2.6rem 1.8rem 2rem;
  background-color: #eeeeee;
  border-radius: 0.8rem;
  gap: 0.2rem;
  grid-template-rows: repeat(5, auto);
  grid-template-columns: repeat(2, 1fr);
}
.ds-navigation-account-menu__balance-label {
  grid-row: 1;
  grid-column: 1 / span 2;
  font-size: 1.3rem;
  font-weight: normal;
  color: #000000;
  text-align: center;
}
.ds-navigation-account-menu__balance-amount {
  grid-row: 2;
  grid-column: 1 / span 2;
  font-size: 2rem;
  font-weight: bold;
  color: #000000;
  text-align: center;
}
.ds-navigation-account-menu__balance-separator {
  grid-row: 3;
  grid-column: 1 / span 2;
  margin: 2rem 0 1.6rem;
  height: 1px;
  background-color: #000000;
  opacity: 0.2;
}
.ds-navigation-account-menu__balance-available-label {
  grid-row: 4;
  grid-column: 1;
}
.ds-navigation-account-menu__balance-available-amount {
  grid-row: 4;
  grid-column: 2;
  place-self: end;
}
.ds-navigation-account-menu__balance-reserved-label {
  grid-row: 5;
  grid-column: 1;
}
.ds-navigation-account-menu__balance-reserved-amount {
  grid-row: 5;
  grid-column: 2;
  place-self: end;
}



.ds-navigation-account-menu__logged-out-details {
  width: 100%;
  text-align: center;
}
body.is-logged-in .ds-navigation-account-menu__logged-out-details {
  display: none;
}
body:not(.is-logged-in) .ds-navigation-account-menu__logged-out-details {
  display: block;
}
body.is-context-neutral .ds-navigation-account-menu__logged-out-details {
  display: block;
}
.ds-navigation-account-menu__region {
  width: 100%;
  background-color: #eeeeee;
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 2.4rem;
  border-radius: 0.8rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu__region {
    padding: 3.4rem;
  }
}
.ds-navigation-account-menu__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
.ds-navigation-account-menu__title {
  font-family: DanskeSpil, serif;
  line-height: normal;
  color: #222222;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.01em;
}
@media screen and (min-width: 768px) {
  .ds-navigation-account-menu__title {
    font-size: 2.8rem;
  }
}
.ds-navigation-account-menu__region--dli .ds-navigation-account-menu__title {
  color: #003E99;
}
.ds-navigation-account-menu__region--dlo .ds-navigation-account-menu__title {
  color: #E11E00;
}
.ds-navigation-account-menu__text {
  color: #828282;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
.ds-navigation-account-menu__region-info {
  align-self: center;
  color: #000000;
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-decoration-line: underline;
  border: none;
  border-radius: 0.5rem;
  display: inline-flex;
  background: none;
}



.ds-navigation-burger-menu {
  position: fixed;
  z-index: 130;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 35rem;
  transform: translateX(35rem);
  transition: transform 250ms;
  will-change: transform;
}
.ds-navigation-burger-menu a:focus {
  outline: none;
}
.ds-navigation-burger-menu a:focus-visible,
.ds-navigation-burger-menu *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.ds-navigation-burger-menu a:active,
.ds-navigation-burger-menu *:active {
  outline: none;
}
.ds-navigation-burger-menu a:active,
.ds-navigation-burger-menu button:active {
  transform: translateY(0.1rem);
}
.ds-navigation-burger-menu.open {
  transition-delay: 100ms;
  transform: translateX(0);
}
.ds-navigation-burger-menu.close {
  transform: translateX(35rem);
  transition: transform 200ms;
  transition-delay: 0ms;
}
@media screen and (min-width: 768px) {
  .ds-navigation-burger-menu.close {
    transform: translateX(45rem);
  }
}
@media screen and (min-width: 768px) {
  .ds-navigation-burger-menu {
    max-width: 45rem;
    transform: translateX(45rem);
  }
}
.ds-navigation-burger-menu__top {
  position: absolute;
  z-index: 1;
  inset: 0;
  bottom: auto;
  height: 7.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ds-navigation-burger-menu__top a {
  padding: 1rem;
}
.ds-navigation-burger-menu__top img {
  height: 5rem;
  max-width: 100%;
}
.ds-navigation-burger-menu__close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 2rem;
  right: 2rem;
  width: 3.6rem;
  height: 3.6rem;
  border: none;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0.4rem transparent;
}
@media screen and (min-width: 768px) {
  .ds-navigation-burger-menu__close {
    top: 3rem;
    right: 4rem;
  }
}
.ds-navigation-burger-menu__close svg {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  color: white;
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-burger-menu__close {
    top: 2rem;
    right: 2rem;
  }
}
.ds-navigation-burger-menu__inner {
  position: absolute;
  inset: 0;
  padding: 0 2rem 6rem;
  margin-top: 7.6rem;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  scrollbar-width: thin;
}
@media screen and (min-width: 768px) {
  .ds-navigation-burger-menu__inner {
    padding: 0 4rem 4rem;
    margin-top: 9rem;
    scrollbar-width: unset;
  }
}
.ds-navigation-burger-menu__quick-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  color: white;
  display: grid;
  justify-content: center;
  grid-row-gap: 1.3rem;
  text-align: center;
}
.ds-navigation-burger-menu__quick-nav a {
  color: white;
}
.ds-navigation-burger-menu__quick-nav li:has(img) {
  margin-bottom: 1rem;
}
.ds-navigation-burger-menu__quick-nav li:has(img) img {
  height: 2rem;
}



.ds-navigation-choose-games {
  position: fixed;
  z-index: 130;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 35rem;
  background: white;
  transform: translateX(-35rem);
  transition: transform 250ms;
  will-change: transform;
}
.ds-navigation-choose-games a:focus {
  outline: none;
}
.ds-navigation-choose-games a:focus-visible,
.ds-navigation-choose-games *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.ds-navigation-choose-games a:active,
.ds-navigation-choose-games *:active {
  outline: none;
}
.ds-navigation-choose-games a:active,
.ds-navigation-choose-games button:active {
  transform: translateY(0.1rem);
}
.ds-navigation-choose-games.open {
  transition-delay: 100ms;
  transform: translateX(0);
}
.ds-navigation-choose-games.close {
  transform: translateX(-35rem);
  transition: transform 200ms;
  transition-delay: 0ms;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games.close {
    transform: translateX(-65.2rem);
  }
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games {
    max-width: 65.2rem;
    transform: translateX(-65.2rem);
  }
}
.ds-navigation-choose-games__close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 2rem;
  right: 2rem;
  width: 3.6rem;
  height: 3.6rem;
  border: none;
  border-radius: 50%;
  background-color: #dbdbdb;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0.4rem white;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__close {
    top: 3rem;
    right: 4rem;
  }
}
.ds-navigation-choose-games__close svg {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  color: #000000;
  width: 2.4rem;
  height: 2.4rem;
}
.ds-navigation-choose-games__inner {
  position: absolute;
  inset: 0;
  padding: 6.6rem 2rem 4rem;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__inner {
    padding: 8.5rem 4rem 4rem;
    scrollbar-width: unset;
  }
}
.ds-navigation-choose-games__region-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-family: DanskeSpil, serif;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.024rem;
  color: #222222;
  margin-top: 0.4rem;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__region-link {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .ds-navigation-choose-games__region-link {
    margin-bottom: 1.5rem;
  }
}
.ds-navigation-choose-games__region-link--dli {
  color: #002d70;
}
.ds-navigation-choose-games__region-link--dlo {
  color: #E11E00;
}
.ds-navigation-choose-games__region-link:hover {
  text-decoration: none;
}
.ds-navigation-choose-games__region-link-icon {
  line-height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: #FEB700;
  margin-left: 1.3rem;
  margin-bottom: 0.5rem;
}
.ds-navigation-choose-games__region-link-icon svg {
  stroke: #000000;
  width: 1.8rem;
  height: 1.8rem;
}
.ds-navigation-choose-games__brands {
  margin-right: 0.3rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.5rem;
  margin-bottom: 1.9rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__brands {
    margin-right: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 0.8rem;
    margin-bottom: 2.6rem;
  }
}
a.ds-navigation-choose-games__brand {
  aspect-ratio: 1.33333333;
  background-color: #ff3d1f;
  border-radius: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 100ms ease 0ms, box-shadow 0s ease;
}
a.ds-navigation-choose-games__brand img {
  color: white;
  width: 70%;
}
a.ds-navigation-choose-games__brand:hover {
  transform: scale(1.1);
  box-shadow: 0 0.8rem 3.2rem rgba(0, 0, 0, 0.32);
}
a.ds-navigation-choose-games__brand:active {
  transform: scale(1.1) translateY(0.1rem);
}
.ds-navigation-choose-games__region-text {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  color: #828282;
  letter-spacing: 0.01em;
  max-width: 55ch;
}
.ds-navigation-choose-games__other-region {
  background: #eeeeee;
  border-radius: 0.8rem;
  margin-top: 2.7rem;
  padding: 2.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.ds-navigation-choose-games__other-region:hover {
  text-decoration: none;
}
body.is-desktop-detected .ds-navigation-choose-games__other-region {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__other-region {
    padding: 4rem 10rem;
  }
}
.ds-navigation-choose-games__other-region-title {
  font-family: DanskeSpil, serif;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: 0.024rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__other-region-title {
    font-size: 2.8rem;
  }
}
.ds-navigation-choose-games__other-region--dli .ds-navigation-choose-games__other-region-title {
  color: #002d70;
}
.ds-navigation-choose-games__other-region--dlo .ds-navigation-choose-games__other-region-title {
  color: #E11E00;
}
.ds-navigation-choose-games__other-region-text {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  color: #828282;
  letter-spacing: 0.01em;
}
.ds-navigation-choose-games__other-region-cta {
  margin-top: 1rem;
  color: #000000;
  border-radius: 3.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.08em;
  border: 0.1rem solid rgba(0, 0, 0, 0.4);
  height: 3.6rem;
  min-width: 14rem;
  width: fit-content;
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__other-region-cta {
    font-size: 1.4rem;
    padding: 0.5rem 3rem;
    height: 5.4rem;
    min-width: 17rem;
  }
}
.ds-navigation-choose-games__other-region--dli .ds-navigation-choose-games__other-region-cta {
  background-color: #003E99;
  border-color: #003E99;
  color: white;
}
.ds-navigation-choose-games__other-region--dlo .ds-navigation-choose-games__other-region-cta {
  background-color: #E11E00;
  border-color: #E11E00;
  color: white;
}
hr.ds-navigation-choose-games__separator {
  height: 0.1rem;
  border: none;
  border-top: 0.1rem solid #000000;
  opacity: 0.12;
  margin: 2.1rem 0;
  display: none;
}
hr.ds-navigation-choose-games__separator:has(+ a),
hr.ds-navigation-choose-games__separator:has(+ div) {
  display: block;
}
@media screen and (min-width: 768px) {
  hr.ds-navigation-choose-games__separator {
    margin: 3.5rem 0;
  }
}
@media screen and (min-width: 1216px) {
  hr.ds-navigation-choose-games__separator {
    margin: 3.2rem 0;
  }
}
.ds-navigation-choose-games__more-games {
  display: grid;
  justify-content: center;
  gap: 1rem;
  padding: 3.2rem 2.4rem;
  background-color: #eeeeee;
  border-radius: 0.8rem;
  text-align: center;
}
.ds-navigation-choose-games__more-games-title {
  font-family: DanskeSpil, serif;
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__more-games-title {
    font-size: 2.8rem;
  }
}
.ds-navigation-choose-games__more-games--dli .ds-navigation-choose-games__more-games-title {
  color: #003E99;
}
.ds-navigation-choose-games__more-games--dlo .ds-navigation-choose-games__more-games-title {
  color: #E11E00;
}
.ds-navigation-choose-games__more-games-text {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
  color: #828282;
  letter-spacing: 0.01em;
  max-width: 55ch;
}
.ds-navigation-choose-games__more-games-cta {
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  height: 3.6rem;
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 1.4rem auto 0;
  padding: 0 5rem;
  border-radius: 5.4rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-choose-games__more-games-cta {
    height: 5.4rem;
    font-size: 1.4rem;
  }
}
.ds-navigation-choose-games__more-games--dli .ds-navigation-choose-games__more-games-cta {
  background-color: #003E99;
}
.ds-navigation-choose-games__more-games--dlo .ds-navigation-choose-games__more-games-cta {
  background-color: #E11E00;
}



.ds-navigation-main-menu {
  padding: 0 0.4rem;
  display: grid;
  grid-template-columns: minmax(5.5rem, auto) 1fr auto;
  grid-template-rows: var(--navigation-main-menu-height, 6.8rem);
  grid-template-areas: "games logo buttons";
  gap: 0.2rem;
  align-items: center;
}
.ds-navigation-main-menu a:focus {
  outline: none;
}
.ds-navigation-main-menu a:focus-visible,
.ds-navigation-main-menu *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.ds-navigation-main-menu a:active,
.ds-navigation-main-menu *:active {
  outline: none;
}
.ds-navigation-main-menu a:active,
.ds-navigation-main-menu button:active {
  transform: translateY(0.1rem);
}
@media screen and (min-width: 768px) {
  .ds-navigation-main-menu {
    gap: 0.4rem;
    padding: 0 1.4rem;
    grid-template-rows: var(--navigation-main-menu-height, 7.2rem);
  }
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu {
    padding: 0 1.5rem 0 1.4rem;
    grid-template-columns: 7.8rem 16.5rem 1fr minmax(calc(7.8rem + 0.4rem + 16.5rem), auto);
    grid-template-rows: var(--navigation-main-menu-height, 7.6rem);
    grid-template-areas: "games logo top-menu buttons";
  }
}
.ds-navigation-main-menu--no-choose-games {
  grid-template-areas: "logo buttons";
  grid-template-columns: 1fr auto;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu--no-choose-games {
    grid-template-areas: "logo top-menu buttons";
    grid-template-columns: 16.5rem 1fr 16.5rem;
  }
}
.ds-navigation-main-menu--no-account-menu {
  grid-template-columns: minmax(5.5rem, auto) 1fr auto;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu--no-account-menu {
    grid-template-areas: "games logo top-menu buttons";
    grid-template-columns: 7.8rem 16.5rem 1fr calc(7.8rem + 0.4rem + 16.5rem);
  }
}
.ds-navigation-main-menu--no-account-menu.ds-navigation-main-menu--no-choose-games {
  grid-template-columns: 1fr auto;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu--no-account-menu.ds-navigation-main-menu--no-choose-games {
    grid-template-areas: "logo top-menu buttons";
    grid-template-columns: 16.5rem 1fr 16.5rem;
  }
}
.ds-navigation-main-menu--account-page {
  grid-template-columns: minmax(5.5rem, auto) 1fr auto;
  grid-template-areas: "games account-brand buttons";
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu--account-page {
    grid-template-columns: 7.8rem 1fr 7.8rem;
    grid-template-areas: "games account-brand buttons";
  }
}
.ds-navigation-main-menu__account-brand {
  grid-area: account-brand;
  display: grid;
  gap: 0.5rem;
  margin: auto;
  white-space: nowrap;
}
.ds-navigation-main-menu__account-brand-title {
  padding: 0 0.8rem;
  background: white;
  border-radius: 0.6rem;
  height: 2.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
}
.ds-navigation-main-menu__account-brand-subtitle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 400;
  color: white;
}
.ds-navigation-main-menu__buttons {
  grid-area: buttons;
  display: flex;
  justify-content: flex-end;
  gap: 0.2rem;
}
@media screen and (min-width: 768px) {
  .ds-navigation-main-menu__buttons {
    gap: 0.4rem;
  }
}
.ds-navigation-main-menu__toggle {
  font-size: 1.2rem;
  line-height: 1.333;
  font-weight: 600;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  height: 6rem;
  width: 100%;
  border: none;
  border-radius: 0.6rem;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 200ms ease-out;
  white-space: nowrap;
  padding: 0 0.6rem;
}
.ds-navigation-main-menu__toggle:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .ds-navigation-main-menu__toggle {
    padding: 0.1rem 1.2rem 0;
  }
  .ds-navigation-main-menu__toggle:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu__toggle {
    font-size: 1.4rem;
    gap: 0.3rem;
  }
}
.ds-navigation-main-menu__toggle--account {
  grid-area: account;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu__toggle--account {
    width: 7.8rem;
  }
}
.ds-navigation-main-menu--no-account-menu .ds-navigation-main-menu__toggle--account {
  display: none;
}
@media screen and (min-width: 768px) {
  body.is-logged-in .ds-navigation-main-menu__toggle--account:hover {
    background-color: transparent;
  }
}
.ds-navigation-main-menu__toggle--burger {
  grid-area: burger;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu__toggle--burger {
    display: none;
  }
}
.ds-navigation-main-menu__toggle--games {
  grid-area: games;
}
@media screen and (min-width: 768px) {
  .ds-navigation-main-menu__toggle--games {
    padding: 0 0.6rem;
  }
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu__toggle--games a {
    font-size: 1.2rem;
  }
}
.ds-navigation-main-menu--no-choose-games .ds-navigation-main-menu__toggle--games {
  display: none;
}
.ds-navigation-main-menu__toggle svg {
  width: 2.4rem;
  height: 2.4rem;
  stroke: white;
}
.ds-navigation-main-menu__logo {
  grid-area: logo;
  overflow: hidden;
  display: grid;
  align-items: center;
  width: fit-content;
  padding: 0.5rem 1rem;
  height: 6rem;
  border-radius: 0.6rem;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-main-menu__logo {
    margin-left: 0;
  }
}
.ds-navigation-main-menu__logo picture,
.ds-navigation-main-menu__logo img {
  line-height: 0;
  height: 5rem;
}






.ds-navigation-side-menu {
  list-style-type: none;
  width: 100%;
  margin-bottom: 3rem;
}
.ds-navigation-side-menu a:focus {
  outline: none;
}
.ds-navigation-side-menu a:focus-visible,
.ds-navigation-side-menu *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.ds-navigation-side-menu a:active,
.ds-navigation-side-menu *:active {
  outline: none;
}
.ds-navigation-side-menu ul {
  list-style-type: none;
}
.ds-navigation-side-menu li {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
  display: grid;
  grid-template-rows: 5.4rem;
  align-items: center;
}
.ds-navigation-side-menu li:last-child {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.2);
}
.ds-navigation-side-menu img {
  position: absolute;
  left: 0;
  width: 2rem;
  height: 2rem;
}
.ds-navigation-side-menu svg {
  stroke: #000000;
  width: 2.4rem;
  height: 2.4rem;
  transition: transform 340ms var(--bezierEaseInOutQuad);
}
.ds-navigation-side-menu a,
.ds-navigation-side-menu button {
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.3;
  color: #000000;
  border: none;
  background: none;
  backface-visibility: hidden;
  /* to keep text from being blurred */
}
.ds-navigation-side-menu a:focus-visible,
.ds-navigation-side-menu button:focus-visible {
  border: none;
}
.ds-navigation-side-menu a:hover,
.ds-navigation-side-menu button:hover {
  text-decoration: none;
}
.ds-navigation-side-menu--has-icons a,
.ds-navigation-side-menu--has-icons button {
  padding-left: 3rem;
}
.ds-navigation-side-menu li.active > a,
.ds-navigation-side-menu li.active > button {
  font-weight: bold;
}
.ds-navigation-side-menu--white-theme a,
.ds-navigation-side-menu--white-theme button {
  color: white;
}
.ds-navigation-side-menu--white-theme li {
  border-color: rgba(255, 255, 255, 0.2);
}
.ds-navigation-side-menu--white-theme li:last-child {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.ds-navigation-side-menu--white-theme--sub-menu li {
  border-color: rgba(255, 255, 255, 0.2);
}
.ds-navigation-side-menu--white-theme svg {
  stroke: white;
}
.ds-navigation-side-menu--large li {
  grid-template-rows: 6rem;
}
.ds-navigation-side-menu--large a,
.ds-navigation-side-menu--large button {
  font-size: 1.8rem;
}
.ds-navigation-side-menu--sub-menu li {
  border-top: none;
  grid-template-rows: 3.4rem;
}
.ds-navigation-side-menu--sub-menu li:last-child {
  border-bottom: unset;
}
.ds-navigation-side-menu--sub-menu a,
.ds-navigation-side-menu--sub-menu button {
  font-size: 1.4rem;
}
.ds-navigation-side-menu--sub-menu svg {
  width: 1.8rem;
  height: 1.8rem;
}
.ds-navigation-side-menu__sub-items ul {
  margin-top: 0;
  margin-bottom: 0;
  transition: margin 340ms var(--bezierEaseInOutQuad);
}
.ds-navigation-side-menu__sub-items li {
  grid-template-rows: 3.4rem;
  border-top: none;
}
.ds-navigation-side-menu__sub-items li:last-child {
  border-bottom: none;
}
.ds-navigation-side-menu__sub-items a,
.ds-navigation-side-menu__sub-items button {
  font-size: 1.4rem;
  padding-left: 2rem;
}
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-items li {
  grid-template-rows: 4rem;
}
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-items a,
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-items button {
  font-size: 1.6rem;
  padding-left: 0;
}
.ds-navigation-side-menu--has-icons .ds-navigation-side-menu__sub-items a,
.ds-navigation-side-menu--has-icons .ds-navigation-side-menu__sub-items button {
  padding-left: 3rem;
}
.ds-navigation-side-menu__sub-sub-items a,
.ds-navigation-side-menu__sub-sub-items button {
  padding-left: 3.5rem;
}
.ds-navigation-side-menu--has-icons .ds-navigation-side-menu__sub-sub-items a,
.ds-navigation-side-menu--has-icons .ds-navigation-side-menu__sub-sub-items button {
  padding-left: 4.5rem;
}
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-sub-items a,
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-sub-items button {
  font-size: 1.4rem;
}
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-sub-items li {
  grid-template-rows: 3.7rem;
}
.ds-navigation-side-menu__sub-items,
.ds-navigation-side-menu__sub-sub-items {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 340ms var(--bezierEaseInOutQuad);
}
.ds-navigation-side-menu__sub-items > ul,
.ds-navigation-side-menu__sub-sub-items > ul {
  overflow: hidden;
}
.ds-navigation-side-menu > li.open > button svg {
  transform: rotateX(0.5turn);
}
.ds-navigation-side-menu > li.open .ds-navigation-side-menu__sub-items {
  grid-template-rows: 1fr;
}
.ds-navigation-side-menu > li.open .ds-navigation-side-menu__sub-items > ul {
  margin-bottom: 2rem;
}
.ds-navigation-side-menu--large > li.open .ds-navigation-side-menu__sub-items > ul {
  margin-top: 0.5rem;
  margin-bottom: 2.5rem;
}
.ds-navigation-side-menu__sub-items > ul > li.open > button svg {
  transform: rotateX(0.5turn);
}
.ds-navigation-side-menu__sub-items > ul > li.open .ds-navigation-side-menu__sub-sub-items {
  grid-template-rows: 1fr;
}
.ds-navigation-side-menu__sub-items > ul > li.open .ds-navigation-side-menu__sub-sub-items > ul {
  margin-bottom: 1rem;
}
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-items .ds-navigation-side-menu__sub-sub-items > ul {
  margin-left: 2rem;
}
.ds-navigation-side-menu--large .ds-navigation-side-menu__sub-items li.open .ds-navigation-side-menu__sub-sub-items > ul {
  margin-top: 1.5rem;
}



.ds-navigation-sub-menu {
  height: 0;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-sub-menu {
    height: var(--navigation-sub-menu-height, 0rem);
  }
}



.ds-navigation-top-menu {
  grid-area: top-menu;
  display: none;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  height: 100%;
}
.ds-navigation-top-menu ul {
  list-style-type: none;
}
.ds-navigation-top-menu > li {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
.ds-navigation-top-menu > li:hover > a,
.ds-navigation-top-menu > li.active > a,
.ds-navigation-top-menu > li:hover > button,
.ds-navigation-top-menu > li.active > button {
  background-color: rgba(0, 0, 0, 0.2);
}
.ds-navigation-top-menu > li.open > button svg {
  transform: rotateX(0.5turn);
}
.ds-navigation-top-menu svg {
  margin: 0 -0.8rem 0 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  transition: transform 340ms var(--bezierEaseInOutQuad);
}
.ds-navigation-top-menu a,
.ds-navigation-top-menu button {
  width: 100%;
  position: relative;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1.9rem;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0.6rem;
  transition: background-color 200ms ease-out;
  user-select: none;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
  color: white;
}
.ds-navigation-top-menu a:hover,
.ds-navigation-top-menu button:hover {
  text-decoration: none;
}
.ds-navigation-top-menu--sub-menu a,
.ds-navigation-top-menu--sub-menu button {
  font-size: 1.4rem;
  padding: 0.6rem 1.5rem;
}
.ds-navigation-top-menu--has-icons a,
.ds-navigation-top-menu--has-icons button {
  font-size: 1.4rem;
  padding: 3.6rem 1.8rem 0.8rem;
}
.ds-navigation-top-menu--has-icons a > img,
.ds-navigation-top-menu--has-icons button > img {
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
  height: 2.4rem;
}
@media screen and (min-width: 1216px) {
  .ds-navigation-top-menu {
    display: flex;
  }
}
.ds-navigation-top-menu__sub-items {
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translate3d(-50%, 1rem, 0);
  min-width: 25rem;
  top: 7rem;
  background-color: white;
  filter: drop-shadow(0 0.8rem 2rem rgba(0, 0, 0, 0.14));
  border-radius: 0.8rem;
  padding: 1rem;
  flex-direction: column;
  gap: 0.4rem;
  visibility: hidden;
  opacity: 0;
  display: flex;
  transition: all 200ms ease;
}
.ds-navigation-top-menu__sub-items ul {
  display: grid;
  row-gap: 0.6rem;
}
.ds-navigation-top-menu__sub-items li {
  min-height: 4rem;
  border-radius: 0.6rem;
}
.ds-navigation-top-menu__sub-items a,
.ds-navigation-top-menu__sub-items button {
  height: 4rem;
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 0.5rem 2rem 0.5rem 1.4rem;
  backface-visibility: hidden;
  /* to keep text from being blurred */
}
.ds-navigation-top-menu__sub-items > ul > li.active > a,
.ds-navigation-top-menu__sub-items > ul > li:has(a):hover > a,
.ds-navigation-top-menu__sub-items > ul > li.open > button,
.ds-navigation-top-menu__sub-items > ul > li:has(button):hover button {
  background-color: #eeeeee;
}
.ds-navigation-top-menu__sub-items > ul > li {
  background-color: transparent;
  transition: background-color 340ms var(--bezierEaseInOutQuad);
}
.ds-navigation-top-menu > li.open .ds-navigation-top-menu__sub-items {
  visibility: unset;
  opacity: unset;
  transform: translate3d(-50%, 0, 0);
}
.ds-navigation-top-menu--sub-menu .ds-navigation-top-menu__sub-items {
  top: 5rem;
  min-width: 23rem;
}
.ds-navigation-top-menu__sub-sub-items {
  position: relative;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 340ms var(--bezierEaseInOutQuad);
  will-change: grid-template-rows;
  border-radius: 0 0 0.6rem 0.6rem;
}
.ds-navigation-top-menu__sub-sub-items li {
  min-height: 3.6rem;
}
.ds-navigation-top-menu__sub-sub-items li a,
.ds-navigation-top-menu__sub-sub-items li button {
  height: 3.6rem;
}
.ds-navigation-top-menu__sub-sub-items > ul {
  overflow: hidden;
  margin: 0;
  transition: margin 340ms var(--bezierEaseInOutQuad);
}
.ds-navigation-top-menu__sub-sub-items > ul::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 1.2rem;
  right: 1.2rem;
  height: 0.1rem;
}
.ds-navigation-top-menu__sub-items > ul > li.open > button {
  border-radius: 0.6rem 0.6rem 0 0;
}
.ds-navigation-top-menu__sub-items > ul > li.open > button svg {
  transform: rotateX(0.5turn);
}
.ds-navigation-top-menu__sub-items > ul > li.open .ds-navigation-top-menu__sub-sub-items {
  grid-template-rows: 1fr;
  background-color: #eeeeee;
}
.ds-navigation-top-menu__sub-items > ul > li.open .ds-navigation-top-menu__sub-sub-items > ul {
  margin: 1.2rem 0;
}
.ds-navigation-top-menu__sub-items > ul > li.open .ds-navigation-top-menu__sub-sub-items > ul::before {
  background-color: rgba(0, 0, 0, 0.12);
}



.ds-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: opacity;
  transition-duration: 400ms;
  will-change: opacity;
}
.ds-overlay--navigation {
  z-index: 120;
}
.ds-overlay--modal {
  z-index: 9999;
}
.ds-overlay.show {
  pointer-events: unset;
  transition-delay: 0ms;
  opacity: 1;
}
.ds-overlay.hide {
  transition-delay: 0ms;
  opacity: 0;
}
.ds-overlay.hide-after-delay {
  transition-delay: 120ms;
  opacity: 0;
}



.responsible-gaming__top {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0;
  right: 0;
  height: var(--navigation-compliance-bar-height, 0rem);
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  background: white;
  border-radius: 0 0 2rem 2rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  padding: 0.1rem 0.3rem 0;
  color: #000000;
}
.responsible-gaming__top a:focus {
  outline: none;
}
.responsible-gaming__top a:focus-visible,
.responsible-gaming__top *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.responsible-gaming__top a:active,
.responsible-gaming__top *:active {
  outline: none;
}
.responsible-gaming__top.hide {
  display: none;
}
body:has(.ds-navigation.hide) .responsible-gaming__top,
body:not(:has(.ds-navigation)) .responsible-gaming__top {
  border-radius: 0;
}
@media screen and (min-width: 1024px) {
  body.is-fullscreen.is-desktop-detected .responsible-gaming__top {
    z-index: 100001;
  }
}
@media (orientation: landscape) {
  body.is-mobile-detected:has(.ds-navigation.hide-on-mobile-landscape) .responsible-gaming__top {
    border-radius: 0;
  }
}
.responsible-gaming__top-icon {
  padding: 0 0.8rem;
  height: 100%;
  display: grid;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .responsible-gaming__top-icon {
    padding: 0 0.8rem 0 1.5rem;
  }
}
.responsible-gaming__top-icon img {
  width: 2rem;
  height: 2rem;
}
.responsible-gaming__top-clock {
  line-height: 1;
  font-weight: normal;
}
.responsible-gaming__top-toggle {
  border: none;
  display: grid;
  gap: 0.8rem;
  align-items: center;
  grid-template-columns: 1fr auto;
  height: 100%;
  padding: 0.1rem 0.8rem 0;
  background: none;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  color: currentColor;
}
@media screen and (min-width: 768px) {
  .responsible-gaming__top-toggle {
    padding: 0.1rem 1.5rem 0;
  }
}
.responsible-gaming__top-toggle-icon {
  width: 2rem;
  height: 2rem;
  background: #d4d4d4;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.responsible-gaming__top-toggle-icon img,
.responsible-gaming__top-toggle-icon svg {
  color: currentColor;
  width: 1.6rem;
  height: 1.6rem;
}
.responsible-gaming__top-link {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  padding: 0 1rem;
  transform: translateX(-50%);
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1216px) {
  .responsible-gaming__top-link {
    display: flex;
  }
}
.responsible-gaming__top-link img {
  height: 2rem;
}
.responsible-gaming__menu {
  text-wrap: pretty;
  position: fixed;
  z-index: 130;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  transform: translateX(40rem);
  transition: transform 250ms;
  will-change: transform;
  background: white;
  max-width: 40rem;
}
.responsible-gaming__menu a:focus {
  outline: none;
}
.responsible-gaming__menu a:focus-visible,
.responsible-gaming__menu *:focus-visible {
  outline: #000000 dotted thin;
  outline-offset: 0.2rem;
}
.responsible-gaming__menu a:active,
.responsible-gaming__menu *:active {
  outline: none;
}
.responsible-gaming__menu a:active,
.responsible-gaming__menu button:active {
  transform: translateY(0.1rem);
}
.responsible-gaming__menu.open {
  transition-delay: 100ms;
  transform: translateX(0);
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu {
    transform: translateX(102.4rem);
    max-width: 102.4rem;
  }
}
.responsible-gaming__menu-close {
  position: absolute;
  z-index: 1;
  top: 2rem;
  right: 2rem;
  width: 3.6rem;
  height: 3.6rem;
  border: none;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
}
.responsible-gaming__menu-close svg {
  color: currentColor;
  stroke: white;
  width: 2.4rem;
  height: 2.4rem;
}
.responsible-gaming__menu-inner {
  position: absolute;
  inset: 0;
  padding: 3.8rem 2.7rem 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-inner {
    padding: 8.2rem 7.3rem 0 7.3rem;
  }
}
.responsible-gaming__menu-title {
  font-family: DanskeSpil, serif;
  font-size: 4.4rem;
  line-height: 1.15;
  color: #004b32;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-title {
    font-size: 5.6rem;
    margin-bottom: 0.8rem;
  }
}
.responsible-gaming__menu-subtitle {
  font-size: 1.4rem;
  line-height: 1.57;
  color: #004b32;
  margin-bottom: 2.4rem;
  max-width: 80ch;
}
.responsible-gaming__menu-read-more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: white;
  height: 4.2rem;
  border-radius: 10rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  background-color: #003a26;
  border: none;
  padding: 0 3.8rem;
  margin-bottom: 5rem;
}
.responsible-gaming__menu-read-more:hover {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-read-more {
    margin-bottom: 4.3rem;
  }
}
.responsible-gaming__menu-lists {
  display: grid;
  gap: 4.8rem;
  grid-template-columns: 1fr;
  margin-bottom: 4.5rem;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-lists {
    grid-template-columns: 1fr 1fr;
    gap: 7rem;
  }
}
.responsible-gaming__menu-bullets {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 3rem;
  align-self: start;
}
.responsible-gaming__menu-bullet {
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  column-gap: 1.6rem;
  color: #004b32;
}
.responsible-gaming__menu-bullet-icon {
  width: 2.4rem;
  height: 2.4rem;
}
.responsible-gaming__menu-bullet-title {
  grid-column-start: 2;
  font-family: DanskeSpil, serif;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.333;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.responsible-gaming__menu-bullet-title a {
  color: currentColor;
}
.responsible-gaming__menu-bullet-title svg {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0.2rem;
}
.responsible-gaming__menu-bullet-text {
  color: #004b32;
  grid-column-start: 2;
  font-size: 1.2rem;
  line-height: 1.666;
}
.responsible-gaming__menu-bullet-text a {
  color: currentColor;
  text-decoration: underline;
}
.responsible-gaming__menu-infos {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border-radius: 0.8rem;
  overflow: hidden;
  align-self: start;
}
.responsible-gaming__menu-info {
  position: relative;
  background: #eeeeee;
  font-size: 1.6rem;
  line-height: 1.5;
}
.responsible-gaming__menu-info:not(:last-child)::after {
  content: "";
  position: absolute;
  inset: 0;
  top: auto;
  bottom: 0.2rem;
  height: 0.1rem;
  background: rgba(0, 58, 39, 0.2);
}
.responsible-gaming__menu-info input[type="checkbox"] {
  display: none;
}
.responsible-gaming__menu-info label {
  cursor: pointer;
  padding: 1rem 5rem 1rem 2.7rem;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 7.2rem;
  font-family: DanskeSpil, serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-info label {
    min-height: 6.4rem;
    font-size: 1.8rem;
  }
}
.responsible-gaming__menu-info label svg {
  position: absolute;
  right: 2.7rem;
  width: 2rem;
  height: 2rem;
  transform: rotate(-45deg);
  transition: transform 340ms ease-out;
}
.responsible-gaming__menu-info > div {
  overflow: hidden;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 340ms ease-out;
}
.responsible-gaming__menu-info > div > div {
  transition: padding 340ms ease-out;
  padding: 0 2.7rem;
  overflow: hidden;
}
.responsible-gaming__menu-info a {
  color: currentColor;
  text-decoration: underline;
}
.responsible-gaming__menu-info input[type="checkbox"]:checked ~ label svg {
  transform: rotate(0);
}
.responsible-gaming__menu-info input[type="checkbox"]:checked ~ div {
  grid-template-rows: 1fr;
}
.responsible-gaming__menu-info input[type="checkbox"]:checked ~ div > div {
  padding-bottom: 2.5rem;
}
ul.responsible-gaming__menu-links {
  list-style-type: none;
  padding: 0;
  margin-bottom: 4.8rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  ul.responsible-gaming__menu-links {
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 6.5rem;
  }
}
.responsible-gaming__menu-link {
  background: #d4d4d4;
  border-radius: 1rem;
  transition: background 0.2s ease-in;
}
.responsible-gaming__menu-link:hover {
  background: #eeeeee;
}
.responsible-gaming__menu-link a {
  font-family: DanskeSpil, serif;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-weight: 600;
  min-height: 13.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.2rem;
  color: #004b32;
}
.responsible-gaming__menu-link a:hover {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-link a {
    min-height: 13rem;
    font-size: 2.4rem;
    gap: 1rem;
  }
}
.responsible-gaming__menu-link a svg {
  width: 3.2rem;
  height: 3.2rem;
}
.responsible-gaming__menu-footer {
  padding: 4.8rem 2.7rem;
  margin: 0 -2.7rem;
  background: #f4f4f4;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-footer {
    padding: 6.5rem 7.3rem;
    margin: 0 -7.3rem;
  }
}
.responsible-gaming__menu-sticker {
  color: #004b32;
  border-radius: 0.8rem;
  background: #FFE299;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 3rem;
  margin-bottom: 4.8rem;
}
.responsible-gaming__menu-sticker:hover {
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-sticker {
    width: 64rem;
    padding: 4.4rem;
    margin-bottom: 3.6rem;
  }
}
.responsible-gaming__menu-sticker-label {
  position: relative;
  font-family: DanskeSpil, serif;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 3rem;
}
.responsible-gaming__menu-sticker-label::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 5rem;
  height: 0.1rem;
  background: #FEB700;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-sticker-label {
    margin-bottom: 2rem;
  }
}
.responsible-gaming__menu-sticker-text {
  font-family: DanskeSpil, serif;
  font-size: 2.4rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-sticker-text {
    font-size: 4rem;
    letter-spacing: -0.03em;
    max-width: 18ch;
    line-height: 1.15;
  }
}
.responsible-gaming__menu-sticker-cta {
  pointer-events: none;
  display: none;
  height: 5.6rem;
  border-radius: 10rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #003a26;
  border: 0.1rem solid rgba(0, 58, 39, 0.4);
  transition: border-color 0.2s ease-in;
  padding: 0 4rem;
  justify-content: center;
  align-items: center;
  margin: 2rem auto 0;
}
.responsible-gaming__menu-sticker:hover .responsible-gaming__menu-sticker-cta {
  border-color: #003a26;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-sticker-cta {
    display: flex;
  }
}
.responsible-gaming__menu-footer-links {
  list-style-type: none;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem 1rem;
}
@media screen and (min-width: 1024px) {
  .responsible-gaming__menu-footer-links {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0;
  }
}
.responsible-gaming__menu-footer-link a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 0.8rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #004b32;
}
.responsible-gaming__menu-footer-link a img {
  height: 4.4rem;
  margin: 0 auto;
}



.ds-toasts {
  position: fixed;
  z-index: 99;
  bottom: 4vh;
  left: 50%;
  width: calc(100% - 4rem);
  max-width: 40rem;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
@media screen and (min-width: 1024px) {
  .ds-toasts {
    bottom: 3vh;
  }
}
.ds-toast {
  display: flex;
  align-items: center;
  color: black;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.3;
  padding: 1rem 4rem 1rem 2rem;
  min-height: 5rem;
  background-color: #FFE299;
  transition: all 340ms var(--bezierEaseInOutQuad);
  visibility: hidden;
  border-radius: 0.8rem;
  opacity: 0;
  transform: translateY(1rem);
  box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.1);
}
.ds-toast--open {
  visibility: unset;
  opacity: unset;
  transform: translateY(0);
}
.ds-toast__close {
  background: none;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  width: 5rem;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}
.ds-toast__close svg {
  width: 2.4rem;
  height: 2.4rem;
}
.ds-toast__close:active {
  transform: translateY(0.1rem);
}



/*# sourceMappingURL=Core.css.map */