/**
 * Hvad sker der nu?
 * setup files
*/
/**
* Start with normalize
**/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
/**
 * Add the correct display in IE 10.
 */
template,[hidden] {
  display: none;
}
/*
---
title:   Custom media queries
section: variables
---

To ensure consistent usage of media queries thoughout the code base, the
custom media queries is the only allowed media queries

```example:css
@media (--smartphone) {
  .selector {
    width:320px;
  }
}
@media (--desktop) {
  .selector {
    width:960px;
  }
}
```
*/
/*
* custom media query for desktop
*/
/*
* media-query for ipad
*/
/*
* Landscape media-query for ipad
*/
/*
* Portrait media-query for ipad
*/
/*
* ie11 and above media query for
*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    --distance-large: 20px;
  --distance-medium: 10px;
  --distance-small: 5px;
  --distance-standard: 10px;
  --distance-xlarge: 30px;
  --distance-xxlarge: 50px;
  }
}
/** eb-designsystem.css version 0.1.4 built on 3.6.2020 11.00.33 on branch "IE11_icon_placement_fix" at revision "c08dafab575f9d935aceebb46172d6b6f4a7bba1" */
/* Systemwide variables - default + desktop */
/*
---
title:   Custom media queries
section: variables
---

To ensure consistent usage of media queries thoughout the code base, the
custom media queries is the only allowed media queries

```example:css
@media (--smartphone) {
  .selector {
    width:320px;
  }
}
@media (--desktop) {
  .selector {
    width:960px;
  }
}
```
*/
/*
* custom media query for desktop
*/
/*
* media-query for ipad
*/
/*
* Landscape media-query for ipad
*/
/*
* Portrait media-query for ipad
*/
/*
* ie11 and above media query for
*/
.badge {
  border-radius: 5px;
  padding: 5px 7px;
  white-space: nowrap;
}
.badge:not([class*="bg--"]):not([class*="badge--"]) {
  background-color: #fff;
  border: 1px solid #efefef;
  color: #000;
}
a.badge:focus,
a.badge:hover {
  opacity: .8; /* DR.Edition 03/02/2020 */
}
.badge.badge--primary {
  background-color: #4fa8df;
  color: #fff;
}
.badge.badge--secondary {
  background-color: #999;
  color: #fff;
}
.badge.badge--success {
  background-color: #32a237;
  color: #fff;
}
.badge.badge--danger {
  background-color: #bd1118;
  color: #fff;
}
.button {
  /**
    @description: Standard button design
    @template:
    <button class="button">$1</button>
  */
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  height: 36px;
}
/* Default button coloring */
.button:not([class*="bg--"]) {
  background: #fff;
  border: 1px solid #12507b;
  color: #12507b;
}
/* Custom button - temp solution */
.button[class*="bg--"] {
  border: 1px solid transparent;
}
/* On hover */
.button[class*="bg--"]:active,
.button[class*="bg--"]:hover,
.button[class*="bg--"]:focus {
  background: #fff;
  border: 1px solid #ddd;
  color: #000;
}
.button:disabled {
  cursor: default;
  opacity: .7;

  pointer-events: none;
}
.button:active,
.button:hover,
.button:focus,
.button--solid:not([class*="bg--"]) {
  background: #12507b;
  border: 1px solid #12507b;
  color: #fff;
  outline: none;
}
/* Solid buttons */
.button--solid:not([class*="bg--"]):active,
.button--solid:not([class*="bg--"]):hover,
.button--solid:not([class*="bg--"]):focus {
  color: #12507b;
  background: #fff;
}
/* Primary button */
.button.button--primary,
.button--solid.button--primary:active,
.button--solid.button--primary:hover,
.button--solid.button--primary:focus {
  border-color: #4fa8df;
  color: #4fa8df;
}
.button--solid.button--primary,
.button--primary:active,
.button--primary:hover,
.button--primary:focus {
  background: #4fa8df;
  color: #fff;
}
/* Secondary button */
.button.button--secondary,
.button--solid.button--secondary:active,
.button--solid.button--secondary:hover,
.button--solid.button--secondary:focus {
  border-color: #999;
  color: #999;
}
.button--solid.button--secondary,
.button--secondary:active,
.button--secondary:hover,
.button--secondary:focus {
  background: #999;
  color: #fff;
}
/* Accept button */
.button.button--accept,
.button--solid.button--accept:active,
.button--solid.button--accept:hover,
.button--solid.button--accept:focus {
  border-color: #32a237;
  color: #32a237;
}
.button--solid.button--accept,
.button--accept:active,
.button--accept:hover,
.button--accept:focus {
  background: #32a237;
  color: #fff;
}
/* Cancel button */
.button.button--cancel,
.button--solid.button--cancel:active,
.button--solid.button--cancel:hover,
.button--solid.button--cancel:focus {
  border-color: #bd1118;
  color: #bd1118;
}
.button--solid.button--cancel,
.button--cancel:active,
.button--cancel:hover,
.button--cancel:focus {
  background: #bd1118;
  color: #fff;
}
.button .fa {
  font-size: 18px;
}
.button .badge:first-child,
.button .fa:first-child {
  margin-right: 10px;
}
.button .badge:last-child,
.button .fa:last-child {
  margin-left: 10px;
}
.button--icon {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  min-width: 36px;
}
.button--icon .fa:first-child,
.button--icon .fa:last-child {
  margin: 0;
}
.button.button--link,
.button.button--link:active,
.button.button--link:hover,
.button.button--link:focus {
  background: none;
  border: 0;
  color: inherit;
  outline: none;
}
.card {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px #efefef;
          box-shadow: 0 0 0 1px #efefef; /* DR.Edition 03/02/2020 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Work Sans", Arial, Helvetica, sans-serif;
  overflow: hidden;
}
/* If background is set */
.card[class*="bg--"] {
  -webkit-box-shadow: none;
          box-shadow: none; /* Remove border when filled */
}
.card:not([class*="bg--"]) {
  background: #fff;
  color: #000;
}
a.card:hover,
a.card:focus {
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, .22);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, .22);
  outline: none;
}
.card-media {
  position: relative;

  min-height: 1px; /* IE11 fix */
}
.card-image {
  display: block;
  width: 100%;
  height: auto;
}
.card-media .card-icon {
  position: absolute;
  bottom: 5px;
  left: 5px;

  width: 10%;
  min-width: 25px;
}
.card-content {
  padding: 20px;

  -webkit-box-flex: 1;

  -webkit-flex: 1 0 auto;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;
}
.card-header,
.card-footer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: -webkit-calc(20px / 2) 20px;
  padding: calc(20px / 2) 20px;
  width: 100%;
}
.card-header:not([class*="bg--"]) {
  border-bottom: 1px solid #efefef;
}
.card-footer {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.card-footer:not([class*="bg--"]) {
  border-top: 1px solid #efefef;
}
.card-meta {
  font-weight: 500;
  margin: 0 0 1px;
}
/* Legacy - remove when not used in Escenic */
.card-meta .card-badge {
  border-radius: 5px;
  padding: 3px 5px;
  text-transform: uppercase;
}
.card-title:not([class*="fs-"]):not([class*="fontsize-"]) {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
}
/**/
.card--small-media {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;
}
.card--small-media .card-content {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
}
.card--small-media .card-media {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}
.card--small-media--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.card--small-media .card-media + .card-content {
  padding: 0 20px;
}
/* Shrink font-size on small cards with media, if not explicitly set to large */
.width-1of2 > .card .card-media + .card-content .card-title:not(.card-title--large):not([class*="fs-"]):not([class*="fontsize-"]),
.width-1of3 > .card .card-media + .card-content .card-title:not(.card-title--large):not([class*="fs-"]):not([class*="fontsize-"]),
.card.width-1of2 .card-media + .card-content .card-title:not(.card-title--large):not([class*="fs-"]):not([class*="fontsize-"]),
.card.width-1of3 .card-media + .card-content .card-title:not(.card-title--large):not([class*="fs-"]):not([class*="fontsize-"]),
.card--small-media .card-title:not(.card-title--large):not([class*="fs-"]):not([class*="fontsize-"]),
.card-title--small:not([class*="fs-"]):not([class*="fontsize-"]) {
  font-size: 20px;
}
@media only screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .card-media .card-icon svg {
    max-height: 40px;
  }

  .card-media .card-icon img {
    width: 100%;
  }
}
:focus {
  outline: 5px auto #31769b;
}
.form-element {
  position: relative;

  margin-top: 15px;
}
.form-group .form-element + .form-element {
  margin-top: 25px;
}
.form-input {
  /**
  @description: Form input, dependent on the surrounding form-element
  @template:
  <div class="form-element">
    <input type="text" class="form-input form-input--text" id="formInput" placeholder="$1" />
    <label for="formInput" class="form-label">$1</label>
  </div>
  */
  border: 1px solid;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 30px;
  padding: 5px;
  height: 30px;
}
.form-input ~ .form-label {
  position: absolute;
  top: 0;
  left: 5px;

  font-size: .7em;
  -webkit-transform: translate(0, -110%);
          transform: translate(0, -110%);
}
.form-input:-moz-placeholder-shown ~ .form-label {
  opacity: 0;
}
.form-input:-ms-input-placeholder ~ .form-label {
  opacity: 0;
}
.form-input:placeholder-shown ~ .form-label {
  opacity: 0;
}
.form-input:not(:-moz-placeholder-shown) ~ .form-label {
  opacity: 1;
}
.form-input:not(:-ms-input-placeholder) ~ .form-label {
  opacity: 1;
}
.form-input:not(:placeholder-shown) ~ .form-label,
.form-input:focus ~ .form-label {
  opacity: 1;
}
.form-element--icon {
  position: relative;

  border: 1px solid;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  padding: 5px;
}
.form-input.form-input--icon {
  border: 0;
  line-height: normal;
  padding: 0;
  height: auto;
}
.form-element--icon .form-icon:first-child {
  margin-right: 5px;
}
.form-element--icon .form-icon:last-child {
  margin-left: 5px;
}
/**
* Icon checkbox
*/
.form-checkbox--icon {
  position: absolute;
  z-index: -1;
}
.form-checkbox--icon ~ .form-label {
  background: #fff;
  color: #000;
}
.form-checkbox--icon:focus ~ .form-label .form-checkbox-toggle--on,
.form-checkbox--icon:focus ~ .form-label .form-checkbox-toggle--off {
  outline: 5px auto #31769b;
}
.form-checkbox--icon ~ .form-label .form-checkbox-toggle--on,
.form-checkbox--icon:checked ~ .form-label .form-checkbox-toggle--off {
  display: none;
}
.form-checkbox--icon ~ .form-label .form-checkbox-toggle--off,
.form-checkbox--icon:checked ~ .form-label .form-checkbox-toggle--on {
  display: inline-block;
}
.nav-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}
.nav-item,
.nav-item-hover {
  color: #000;
}
.nav-item svg,
.nav-item-hover svg {
  fill: currentColor;
}
.nav-item:hover .nav-item-hover,
.nav-item-hover:hover {
  color: inherit;
}
.nav-item:hover .nav-item-hover svg,
.nav-item-hover:hover svg {
  fill: currentColor;
}
.nav-item .fa {
  font-size: 1em;
}
.nav-item .fa:first-child {
  margin-right: 5px;
}
.nav-item .fa:last-child {
  margin-left: 5px;
}
.nav-top .nav-item {
  padding: 0 10px;
}
.nav-brand {
  line-height: 0;
}
.nav-brand--left {
  margin-right: 10px;
}
.nav-top .nav-item--first {
  padding-left: 0;
}
.nav-top .nav-item:last-child {
  padding-right: 0;
}
.nav-item-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.nav-item-icon:first-child {
  margin-right: 5px;
}
.nav-item-icon:last-child {
  margin-left: 5px;
}
.nav-item--user {
  max-width: 100px;
}
@media (min-width: 1100px) {
  .nav-item--user {
    max-width: 150px;
  }
}
@media (min-width: 1200px) {
  .nav-item--user {
    max-width: 200px;
  }
}
@media (min-width: 1300px) {
  .nav-item--user {
    max-width: 300px;
  }
}
.nav-top.nav-top--sub {
  z-index: 1;

  background: #000;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
}
.nav-top--sub :first-child {
  padding-left: 0;
}
.nav-top.nav-top--sub a,
.nav-item--sub {
  color: #fff;
}
.nav-item--sub {
  border-right: 1px solid currentColor;
}
.nav-item--sub:last-child {
  border: 0;
}
.nav-top-stickybackground,.nav-top {
  height: 50px;
}
.nav-top {
  position: relative;
  z-index: 1000000;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;
  background: #fff;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 16px;
  padding: 0 20px;
  width: 100%;
  min-width: 960px;
}
.nav-top ul,
.nav-top li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-top-left {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-right: 10px;
}
.nav-top-left,.nav-top-left .nav-item,
.nav-top-left .nav-item-hover {
  font-size: 16px;
}
.nav-top-right {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.nav-top-right,.nav-top-right .nav-item,
.nav-top-right .nav-item-hover {
  font-size: 14px;
}
.nav-top-show_when_fixed {
  display: none;
}
.nav-top--fixed .nav-top-show_when_fixed {
  display: inherit;
}
.nav-top .button {
  margin-right: 10px;
}
.nav-top .button--link {
  margin: 0;
  padding: 0;
}
/* .nav-top-left .button--link:first-child {
  margin-left: 0;
}

.nav-top-right .button--link:last-child {
  margin-right: 0;
} */
.toggle-input {
  display: none;
}
.js-toggle,
.toggle-container,.toggle {
  cursor: pointer;
}
.toggle {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.toggle--icon {
  width: 20px;
}
.js-toggle[data-toggle='off'] .toggle-off,
.js-toggle[data-toggle='on'] .toggle-on,
.toggle-input ~ .toggle-off,
.toggle-input:checked ~ .toggle-on {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.js-toggle[data-toggle='on'] .toggle-off,
.js-toggle[data-toggle='off'] .toggle-on,
.toggle-input:checked ~ .toggle-off,
.toggle-input ~ .toggle-on {
  display: none;
}
.screen-reader-text {
  /**
    @description: Accessibility element; This element is hidden, and will only be shown on interaction
    @template:
    <a href="$2" class="screen-reader-text">
      $1
    </a>
  */
  position: absolute;

  border: 0;
  clip: rect(0 0 0 0);
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 1px;
  height: 1px;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  top: 5px;
  left: 5px;
  z-index: 2147483647;

  background-color: #e5e5e5;
  border-radius: 3px;
  clip: auto !important;
  color: #31769b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  outline: 5px auto #31769b;
  padding: 15px 23px 14px;
  text-decoration: none;
  width: auto;
  height: auto;
}
.flex,.flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex--center,.flex-align--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-align--stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.flex-align--start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-align--end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-wrap--wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.flex-row--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.flex-justify--end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-justify--between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-justify--around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flex-justify--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-item--grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.flex-item--noshrink {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.flex-item--start {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
.flex-item--end {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
.flex-item--stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.flex-item--center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.ff-primary {
  font-family: "Work Sans", Arial, Helvetica, sans-serif;
}
.ff-secondary {
  font-family: Arial, Helvetica, sans-serif;
}
/**
* Base font-size in browsers is 16px
*/
:root { /* 18px */ /* 16px */ /* 14px */ /* 20px */ /* 12px */ /* 30px */ /* 10px */ /* 36px */ /* 50px */
}
.fontsize-xxsmall {
  /**
  @description: Matches 10px
  */
  font-size: .625rem;
}
.fontsize-xsmall {
  /** @description: Matches 12px */
  font-size: .75rem;
}
.fontsize-small {
  /** @description: Matches 14px */
  font-size: .875rem;
}
.fontsize-medium {
  /** @description: Matches 16px */
  font-size: 1rem;
}
.fontsize-large {
  /** @description: Matches 18px */
  font-size: 1.125rem;
}
.fontsize-xlarge {
  /** @description: Matches 20px */
  font-size: 1.25rem;
}
.fontsize-xxlarge {
  /** @description: Matches 30px */
  font-size: 1.875rem;
}
.fontsize-xxxlarge {
  /** @description: Matches 36px */
  font-size: 2.25rem;
}
.fontsize-xxxxlarge {
  /** @description: Matches 50px */
  font-size: 3.125rem;
}
.fontsize-smaller {
  font-size: 80%;
}
.fontsize-larger {
  font-size: 120%;
}
.fontweight-normal {
  font-weight: normal;
}
.fontweight-bold {
  font-weight: bold;
}
.fontweight-bolder {
  font-weight: bolder;
}
.grid-width--small {
  width: 610px;
}
.grid-width--medium {
  width: 730px;
}
.grid-width--large {
  width: 910px;
}
.grid-width--xlarge {
  width: 930px;
}
.hidden {
  display: none;
}
.position-absolute {
  position: absolute;
}
.position-relative {
  position: relative;
}
.position-fixed {
  position: fixed;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear {
  clear: both;
}
.vertical-center,
.margin-auto {
  margin-right: auto;
  margin-left: auto;
}
/* margin */
.margin-none {
  margin: 0;
}
.margin-none--t {
  margin-top: 0;
}
.margin-none--r {
  margin-right: 0;
}
.margin-none--b {
  margin-bottom: 0;
}
.margin-none--l {
  margin-left: 0;
}
.margin-s {
  margin: 5px;
}
.margin-s--tb {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin-s--rl {
  margin-right: 5px;
  margin-left: 5px;
}
.margin-s--t {
  margin-top: 5px;
}
.margin-s--r {
  margin-right: 5px;
}
.margin-s--b {
  margin-bottom: 5px;
}
.margin-s--l {
  margin-left: 5px;
}
.margin-m {
  margin: 10px;
}
.margin-m--tb {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-m--rl {
  margin-right: 10px;
  margin-left: 10px;
}
.margin-m--t {
  margin-top: 10px;
}
.margin-m--r {
  margin-right: 10px;
}
.margin-m--b {
  margin-bottom: 10px;
}
.margin-m--l {
  margin-left: 10px;
}
.margin-l {
  margin: 20px;
}
.margin-l--tb {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-l--rl {
  margin-right: 20px;
  margin-left: 20px;
}
.margin-l--t {
  margin-top: 20px;
}
.margin-l--r {
  margin-right: 20px;
}
.margin-l--b {
  margin-bottom: 20px;
}
.margin-l--l {
  margin-left: 20px;
}
.margin-xl {
  margin: 30px;
}
.margin-xl--tb {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-xl--rl {
  margin-right: 30px;
  margin-left: 30px;
}
.margin-xl--t {
  margin-top: 30px;
}
.margin-xl--r {
  margin-right: 30px;
}
.margin-xl--b {
  margin-bottom: 30px;
}
.margin-xl--l {
  margin-left: 30px;
}
.margin-xxl {
  margin: 30px;
}
.margin-xxl--tb {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin-xxl--rl {
  margin-right: 50px;
  margin-left: 50px;
}
.margin-xxl--t {
  margin-top: 50px;
}
.margin-xxl--r {
  margin-right: 50px;
}
.margin-xxl--b {
  margin-bottom: 50px;
}
.margin-xxl--l {
  margin-left: 50px;
}
.margin-l--auto {
  margin-left: auto;
}
.margin-r---auto {
  margin-right: auto;
}
/* padding */
.padding-none {
  padding: 0;
}
.padding-none--t {
  padding-top: 0;
}
.padding-none--r {
  padding-right: 0;
}
.padding-none--b {
  padding-bottom: 0;
}
.padding-none--l {
  padding-left: 0;
}
.padding-s {
  padding: 5px;
}
.padding-s--tb {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-s--rl {
  padding-right: 5px;
  padding-left: 5px;
}
.padding-s--t {
  padding-top: 5px;
}
.padding-s--r {
  padding-right: 5px;
}
.padding-s--b {
  padding-bottom: 5px;
}
.padding-s--l {
  padding-left: 5px;
}
.padding-m {
  padding: 10px;
}
.padding-m--tb {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-m--rl {
  padding-right: 10px;
  padding-left: 10px;
}
.padding-m--t {
  padding-top: 10px;
}
.padding-m--r {
  padding-right: 10px;
}
.padding-m--b {
  padding-bottom: 10px;
}
.padding-m--l {
  padding-left: 10px;
}
.padding-l {
  padding: 20px;
}
.padding-l--tb {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-l--rl {
  padding-right: 20px;
  padding-left: 20px;
}
.padding-l--t {
  padding-top: 20px;
}
.padding-l--r {
  padding-right: 20px;
}
.padding-l--b {
  padding-bottom: 20px;
}
.padding-l--l {
  padding-left: 20px;
}
.padding-xl {
  padding: 30px;
}
.padding-xl--tb {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-xl--rl {
  padding-right: 30px;
  padding-left: 30px;
}
.padding-xl--t {
  padding-top: 30px;
}
.padding-xl--r {
  padding-right: 30px;
}
.padding-xl--b {
  padding-bottom: 30px;
}
.padding-xl--l {
  padding-left: 30px;
}
.padding-xxl {
  padding: 50px;
}
.padding-xxl--tb {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-xxl--rl {
  padding-right: 50px;
  padding-left: 50px;
}
.padding-xxl--t {
  padding-top: 50px;
}
.padding-xxl--r {
  padding-right: 50px;
}
.padding-xxl--b {
  padding-bottom: 50px;
}
.padding-xxl--l {
  padding-left: 50px;
}
.height-auto {
  height: auto;
}
.height-100vh {
  height: 100vh;
}
.height-1of1 {
  height: 100%;
}
.width-auto {
  width: auto;
}
.width-100vw {
  width: 100vw;
}
.width-1of1 {
  width: 100%;
}
.width-1of2 {
  width: 50%;
}
.width-1of3 {
  width: 33.333%;
}
.width-1of4 {
  width: 25%;
}
.width-1of5 {
  width: 20%;
}
.width-1of6 {
  width: 16.666%;
}
.width-2of3 {
  width: 66.666%;
}
.width-3of4 {
  width: 75%;
}
.width-5of6 {
  width: 83.333%;
}
.text-align--left {
  text-align: left;
}
.text-align--center {
  text-align: center;
}
.text-align--right {
  text-align: right;
}
.text-transform--lowercase {
  text-transform: lowercase;
}
.text-transform--uppercase {
  text-transform: uppercase;
}
/**
* START actual Ekstra Bladet scss
*/
html {
  font-family: Arial, sans-serif;
}
/** plus archive styling */
.filter-label {
  width: 100%;
  width: 110px;
}
.filter-input {
  font-size: 16px;
}
.filter-button {
  background: #fff;
  border: 1px solid transparent;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 15px;
  margin: 5px;
  padding: 5px 10px;
  white-space: nowrap;
}
.filter-radio[data-state='chosen'] ~ .filter-button {
  color: #bd1118;
}
.filter-button {
  font-size: 18px;
}
.archive-filter-button {
  display: block;
  font-weight: bold;
  text-align: center;
}
.pagenine-viewer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -9999em;
  z-index: 999999;

  background: rgba(0, 0, 0, .85);
}
.pagenine-viewer,.pagenine-viewer-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.pagenine-viewer-image {
  position: relative;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  -webkit-transition: height .2s, width .2s;
  transition: height .2s, width .2s;
  max-width: 90%;
  height: 90%;
}
.pagenine-viewer-image--landscape {
  width: 90%;
  height: auto;
  max-height: 90%;
}
.btn-pagenine {
  position: absolute;

  background: #000;
  border: 1px solid;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 15px #000;
          box-shadow: 0 0 15px #000;
  color: #fff;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  width: 30px;
  height: 30px;
}
.btn-pagenine--close-viewer {
  top: -15px;
  right: -15px;
}
.btn-pagenine--next,
.btn-pagenine--prev {
  top: 50%;
  left: -15px;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);
}
.btn-pagenine--next {
  right: -15px;
}
.pagenine-viewer-image {
    max-width: 80%;
  height: 80%;
  }
.pagenine-viewer-image--landscape {
    width: 80%;
  max-height: 80%;
  }
.btn-pagenine {
    line-height: 40px;
  width: 40px;
  height: 40px;
  }
.btn-pagenine--close-viewer {
    top: -20px;
  right: -20px;
  }
.btn-pagenine--next,
  .btn-pagenine--prev {
    left: -20px;
  }
.btn-pagenine--next {
    right: -20px;
  left: auto;
  }
.pagenine-viewer .figure {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.pagenine-viewer .figure-image {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.pagenine-viewer .archive-item-spinner {
  position: absolute;
  left: 50%;

  margin: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: auto;
}
.pagenine-viewer .archive-item-spinner .archive-item-spinner {
  position: static;

  -webkit-transform: none;

          transform: none;
}
/**
* NB! BEWARE!!! The styling of this file is reused by /components/widgets/interactive/portfolio.jsp
**/
.archive-title {
  font-weight: normal;
}
.archive-categories {
  font-size: 14px;
  padding-top: 30px;
  padding-bottom: 10px;
}
.archive-category-header {
  font-style: italic;
  padding: 0 10px 20px;
}
.archive-category-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.archive-category-wrap:nth-child(even) {
  padding-right: 5px;
}
.archive-category-wrap:nth-child(odd) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 5px;
}
.archive-category {
  background: #fff;
  color: #000;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding: 5px 20px;
  max-width: 100%;
}
.archive-category-text {
  font-size: 18px;
  line-height: -webkit-calc(18px + 1);
  line-height: calc(18px + 1);
  overflow: hidden;
  padding-right: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-category-count {
  color: #999;
  font-size: 12px;
}
.archive-category:hover,
.archive-category--active {
  color: #bd1118;
  cursor: pointer;
}
.archive-sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
}
.archive-sort-item {
  margin-right: 10px;
  padding: 0 20px 5px;
}
.archive-sort-item:hover,
.archive-sort-item--active {
  border-bottom: 1px solid #bd1118;
  cursor: pointer;
}
.archive-item-container {
  -webkit-transition: height 300ms;
  transition: height 300ms;
}
.archive-item {
  background-color: #e5e5e5;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
  height: 263px;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 263px;
}
.archive-item-background {
  background-size: 263px 263px;
  background-position: center;
  -webkit-transition: -webkit-transform 150ms;
  transition: -webkit-transform 150ms;
  transition: transform 150ms;
  transition: transform 150ms, -webkit-transform 150ms;
}
.archive-item-background,.archive-item-background::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.archive-item-background::before {
  background-image: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0.5))
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)
  );
  content: "";
  display: block;
  opacity: 0;
}
.archive-item-content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: -webkit-calc(263px - 10px);
  height: calc(263px - 10px);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 263px;
}
.archive-item-label {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  line-height: 10px;
  margin-top: 10px;
  margin-right: 10px;
  opacity: 0;
  padding: 5px;
}
.archive-item-text {
  background: #fff;
  border-radius: 5px;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 10px;
  margin-right: 20px;
  opacity: 0.9;
  width: -webkit-calc(263px - 10px);
  width: calc(263px - 10px);
}
.archive-item-text--subtitle {
  color: #999;
  max-height: 0;
  font-size: 18px;
  font-weight: normal;
  overflow: hidden;
  -webkit-transition: max-height 300ms;
  transition: max-height 300ms;
}
.archive-item-text--subtitle::before {
  display: block;
  padding-top: 5px;
}
.archive-item-text {
    font-size: 18px;
  }
.archive-item-text--subtitle {
    font-size: 12px;
  }
.archive-item-spinner {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  text-align: center;
}
.archive-title p {
  display: inline;
}
.archive-container {
  background: #fff;
  color: #000;
  padding-top: 30px;
}
.archive-pagination-item {
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.archive-pagination-item:hover,
.archive-pagination-item--active {
  border-color: #c8c8c8;
  color: #bd1118;
  cursor: pointer;
}
.archive-pagination-item--ellipsis {
  border: 0;
  color: #000;
  cursor: default;
  margin: 0 1px;
  width: auto;
}
.archive-pagination-item--inactive {
  opacity: 0;
}
.plus-archive-container {
    margin-right: auto;
    margin-left: auto;
    max-width: 870px;
    overflow: hidden;
  }
.plus-archive {
    background: #e5e5e5;
    overflow: hidden;
  }
.archive-sort-item {
    padding: 10px 50px;
  }
.archive-categories {
    padding-right: 20px;
    padding-left: 20px;
  }
.archive-category-wrap {
    padding: 0 20px;
  }
.archive-category {
    margin-bottom: 20px;
  }
.archive-item-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
.archive-container {
    margin: 0 10px 10px;
    padding-left: 20px;
    padding-right: 10px;
  }
.archive-item {
    margin-right: 10px;
  }
.archive-pagination-item {
    font-size: 12px;
  }
.archive-item:hover .archive-item-text--subtitle,
.archive-item:active .archive-item-text--subtitle,
.archive-item:focus .archive-item-text--subtitle {
  max-height: 55px;
}
.archive-item:hover .archive-item-background,
.archive-item:active .archive-item-background,
.archive-item:focus .archive-item-background {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.archive-item:hover .archive-item-background::before,
.archive-item:active .archive-item-background::before,
.archive-item:focus .archive-item-background::before {
  opacity: 1;
}
.archive-categories {
  position: relative;
}
.archive-mosaic,.archive-mosaic::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.archive-mosaic::before {
  background: #000;
  content: "";
  display: block;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}
.archive-mosaic.mosaic--loading::before {
  opacity: 1;
}
.portfolio-categories {
  background: url("//ebimg.dk/ux/data/interaktiv/interaktiv-baggrund.jpg");
}
/** main css */
/**
* Add all standard scss files
*/
.cookiedisclaimer {
  background: #fbf9c8;
  color: #000;
  font-size: 14px;
}
.cookiedisclaimer a {
  color: #049fe0;
  font-weight: bold;
}
.btn-close--disclaimer {
  line-height: 44px;
  width: 44px;
  height: 44px;
    width: 145px;
}
/*
 @pagename
 @name
 @description
 @markup
 */
html {

  -webkit-font-smoothing: antialiased;
}
html,body {
  margin: 0;
}
a {
  color: #bd1118;
  text-decoration: none;
}
div,
section {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
h1,h2 {
  line-height: normal;
  margin: 0;
}
h2 {
  font-size: 20px;
}
.eb-placement {
  background: #e5e5e5;
  color: #000;
  line-height: 0;
  text-align: center;
}
.wireframe--section .eb-placement {
  background: transparent;
}
.eb-position--intextbanner {
  background: #e5e5e5;
  color: #000;
}
.eb-position--intext .eb-placement,
.eb-position--intextbanner .eb-placement {
  margin-right: auto;
  margin-left: auto;
}
.eb-position--monster {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
  width: 940px;
  }
.eb-position--artikelbannerstor .eb-placement,
  .eb-position--monster .eb-placement {
    height: 180px;
  }
.eb-position--monster .eb-placement {
    background: transparent;
  }
.eb-position--intext {
    margin-left: -110px;
  width: 930px;
  }
.eb-iframe-container iframe {
  margin: auto;
}
.eb-placement iframe {
  border: 0;
}
.side-column {
  display: none;
}
.eb-wallpaper {
    height: 1140px;
  }
.sitecontent--desktop {
  position: relative;

    margin-top: -1140px;
  }
.eb-followwrapper {
  position: absolute;
  z-index: 997;

  opacity: 0;
  width: 320px;
    height: 615px;
  }
.eb-followwrapper:hover {
    z-index: 1001;
  }
.eb-position--follow {
    position: absolute;
  }
.eb-position--followleft {
    right: 10px;
  }
.eb-container--followleft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 10px;
  }
.eb-position--left1,
  .eb-position--right1 {
    margin-top: 180px;
  }
.side-column {
    position: relative;
  }
.side-column--left {
    float: left;
  margin-left: -320px;
  padding-right: 10px;
  width: 320px;
  }
.side-column--left,.side-column--left .eb-placement {
  text-align: right;
  }
.eb-position--followleft::before,
  .side-column--left .has-content .eb-position::before,
  .side-column--left .has-content.eb-position::before {
  right: 10px;
    left: auto;
  }
.side-column--right {
    float: right;
  margin-right: -320px;
  padding-left: 10px;
  width: 320px;
  }
.side-column--right,.side-column--right .eb-placement {
  text-align: left;
  }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /**
    * THIS BLOCK SHOULD BE HANDLED AS ONE
    */
  .eb-wallpaper {
    display: none !important;
  }

  .sitecontent--desktop {
  position: relative;

    margin-top: 0;
  }
}
.has-content {
  margin-bottom: 10px;
  opacity: 1;
  padding-top: 20px;
}
.has-content .has-content {
  margin-bottom: 0;
  padding-top: 0;
}
.eb-position--monster .gotPrebidded.has-content {
  padding: 0;
}
.eb-position--sponsor1sektions.has-content {
  margin: 0;
}
.has-content .eb-position::before,
.has-content.eb-position::before {
  position: absolute;
  left: 10px;

  content: "Annonce:";
  display: block;
  font-size: 10px;
  line-height: 10px;
  margin-top: -13px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  height: 10px;
}
.article-top .eb-position {
  overflow: hidden;
  padding: 0;
}
.article-top .eb-position::before {
  right: 10px;
  left: auto;
  z-index: 1;

  background: #000;
  color: #fff;
  margin-top: 2px;
  margin-left: 10px;
  padding: 2px 5px;
}
.sitecontent--article .eb-position--monster {
  margin-bottom: 5px;
}
.eb-position--heightmani {
  -webkit-transition: height .3s;
  transition: height .3s;
  height: 0;
}
.eb-position--livebanner {
  position: relative;
}
.eb-position--livebanner.bannercenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fnManHeight {
  overflow: hidden;
  -webkit-transition: height .25s;
  transition: height .25s;
}
.section-wrapper--frontpage .pagecolumn-element .has-content {
  margin-top: 22px;
}
/**
* Interscroller styling
*/
.interscrollerAd {
  position: relative;

  overflow: hidden;
  height: 460px;

  -webkit-clip-path: polygon(0 0, 100% 0, 100% 99%, 0 99%);

          clip-path: polygon(0 0, 100% 0, 100% 99%, 0 99%);
  height: 600px;
}
/**
* Topscroll
*/
.eb-position--topscroll.has-content {
  margin: 0;
  padding: 0;
}
.eb-position--topscroll div,
.eb-position--topscroll img,
.eb-position--topscroll iframe {
  max-width: 100%;
}
/**
* Intext / Inread
*/
.has-content .eb-position.eb-position--intext::before,
.has-content.eb-position.eb-position--intext::before {
  text-align: center;
  width: 100%;
}
.eb-position--intext .eb-placement {
  background: transparent;
}
.masthead {
  background: #fff;
  color: #000;
}
/*
 ** TODO : kan denne slettes?
*/
/* size for tablets */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .gluedtotop {
    min-width: 450px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gluedtotop {
    min-width: 450px;
  }
}
/* /size for tablets */
/*
@pagename
@name
@description
@markup
*/
.divider-after {
  border-right: 1px solid;
  padding-right: 5px;
}
.divider-before::before {
  content: " | ";
  padding: 0 5px;
}
/*
@pagename
@name
@description
@markup
*/
.footer-colophon {
  border: solid #484848;
  border-width: 1px 0;
}
/*
@pagename
@name
@description
@markup
*/
.footersearch {
  background: #fff;
  color: #000;
}
.footerwrapper {
  border-bottom: 1px solid #484848;
  padding: 20px;
}
.footertip {
  font-size: 20px;
}
.hover-info {
  position: relative;

  cursor: pointer;
  display: inline-block;
  text-decoration: underline;
}
.hover-info:focus:before,
.hover-info:hover:before {
  position: absolute;

  border-right: 5px solid transparent;
  border-bottom: 5px solid #3c3c3c;
  border-left: 5px solid transparent;
  content: " ";
  display: inline-block;
  -webkit-transform: translate(200%, 20px);
          transform: translate(200%, 20px);
  width: 0;
  height: 0;
}
.hover-info:after {
  position: absolute;
  z-index: 1;

  background: #3c3c3c;
  border-radius: 5px;
  color: #efefef;
  content: attr(data-hoverinfo);
  display: none;
  font-size: 80%;
  padding: 10px;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  width: 200px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.hover-info:focus:after,
.hover-info:hover:after {
  display: block;
}
.validate-popup {
  position: absolute;
  z-index: -1;

  background-color: #900;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  opacity: 0;
  padding: 8px 12px;
  -webkit-transition: opacity ease 400ms;
  transition: opacity ease 400ms;
}
.validate-popup.active {
  z-index: 999999;

  opacity: 1;
}
.validate-popup:after {
  position: absolute;
  right: 10px;
  bottom: 0;

  border-color: #900 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: "";
  margin-bottom: -5px;
  margin-left: 8px;
  width: 0;
  height: 0;
}
.list-item--height1,.list-item--height2 {
  min-height: 380px;
}
.sec-maincolumn .list-item--height2 {
  min-height: 230px;
}
.list-item--height2:nth-child(odd) {
  margin-right: 10px;
}
.list-item--height3 {
  min-height: 250px;
}
.sec-maincolumn .list-item--height3 {
  min-height: 210px;
}
.list-item--height3:nth-child(even) {
  margin-right: 10px;
  margin-left: 10px;
}
.list-item--height4 {
  min-height: 200px;
  margin-right: 10px;
}
.list-item--height4:last-child {
  margin-right: 0;
}
/**
* Desktop/Tablet only
**/
.section-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;
}
.sec-fullwidth {
  margin-bottom: 10px;
  width: 100%;
}
.sec-maincolumn {
  padding-right: 10px;
  width: 630px;
}
.sec-maincolumn,.sec-rightcolumn {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.sec-rightcolumn {
  position: relative;
  background: #efefef;
  color: #000;
  width: 300px;
}
.sec-rightcolumn .eb-placement {
  color: #000;
}
.sec-rightcolumn .list-head {
  color: #000;
  margin-right: 0;
  margin-left: 10px;
}
.sitecontent--section-desktop {
  width: 930px;
}
.sitecontent--tablet {
  margin: auto;
  width: 930px;
}
.section-area .bodytext-item,
.section-area .article-bodytext {
  width: auto;
}
.fs-ellipsis {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.fs-ellipsis--image {
  -webkit-line-clamp: 4;
}
.fs-ellipsis--noimage {
  -webkit-line-clamp: 7;
}
.fs-ellipsis--image4 {
  -webkit-line-clamp: 4;
}
.fs-ellipsis--noimage4 {
  -webkit-line-clamp: 7;
}
.list-lh--normal {
  line-height: 1.1em;
}
.list-item--new {
  border: none;
  padding-bottom: 0;
}
/**
* Imports all elements used to build an article
**/
/* @import "_native/_native"; */
.article-top {
  margin: 0 5px;
  margin: 0 10px;
}
.article-header {
  padding: 10px;
  padding: 20px;
}
.article-timestamp {
  padding-bottom: 10px;
}
.article-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  height: 35px;
  padding: 30px 20px 10px;
  height: 50px;
}
.article-timestamp--top {
  font-size: 12px;
}
.article-native--top {
  font-size: 14px;
  line-height: -webkit-calc(14px + 4px);
  line-height: calc(14px + 4px);
}
.article-native--top-sponsor {
  font-size: 18px;
  line-height: 18px;
}
.article-native--top {
    font-size: 16px;
  line-height: -webkit-calc(16px + 5px);
  line-height: calc(16px + 5px);
  }
.article-native--top-sponsor {
    font-size: 20px;
  line-height: -webkit-calc(20px - 1px);
  line-height: calc(20px - 1px);
  }
.article-timestamp--bottom {
  font-size: 12px;
}
.article-timestamp--top {
  font-size: 16px;
}
.article-timestamp--bottom,.article-byline--top,
.article-byline--bottom {
  font-size: 14px;
}
.byline-timestamp--top {
  font-size: 16px;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.art-title {
  font-size: 3.125rem;
  letter-spacing: -.02em;
  line-height: 3rem;
  margin: 0 0 10px;
}
.art-subtitle {
  font-weight: normal;
  letter-spacing: -.02em;
  line-height: 1.1em;
}
.art-subtitle,.art-subtitle p {
  font-size: 1.25rem;
  margin: 0;
}
.timestamp-padding {
  padding-top: 1px;
}
/*
@pagename article
@name bodytext
@description Styling of HTML elements used in bodytext
@markup
<div class="article">
  <div class="bodytext">
    <p>Paragraph tag</p>
    <ul>
      <li>Unordered list</li>
      <li>Unordered list</li>
    </ul>
    <ol>
      <li>Ordered list</li>
      <li>Ordered list</li>
    </ol>
    <table>
      <tr>
        <th>TH</th>
        <th>TH</th>
        <th>TH</th>
      </tr>
      <tr>
        <td>TH</td>
        <td>TH</td>
        <td>TH</td>
      </tr>
    </table>
  </div>
</div>
*/
.article-bodytext {
  line-height: 1.4em;
  margin-right: 20px;
  margin-left: 20px;
}
.article-bodytext,.article-bodytext p {
  font-size: 1.125rem;
}
.article-bodytext {
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  width: 730px;
}
.tv-standalone .article-bodytext,
.tv-standalone .bodytext--ekstra {
  width: auto;
}
.bodytext-item {
  width: -webkit-calc(100vw - 10px);
  width: calc(100vw - 10px);
}
.bodytext-item .grid-column--s {
  width: 96%;
}
.bodytext-item {
  margin-left: -webkit-calc(10px * (-1));
  margin-left: calc(10px * (-1));
  width: 730px;
}
.bodytext-item--s {
  margin-left: -3vw;
  width: 98vw;
}
.bodytext-item--vw {
  margin-left: -webkit-calc(20px * (-1));
  margin-left: calc(20px * (-1));
  width: 100vw;
}
.bodytext-item--s {
  margin: auto;
  width: 610px;
}
.bodytext-item--vw {
    -webkit-transform: translateX(-90px);
            transform: translateX(-90px);
  width: 930px;
  }
.bodytext-item--video {
  line-height: 0;
}
.bodytext-item--video iframe {
  width: 730px;
  height: -webkit-calc(730px * .5625);
  height: calc(730px * .5625);
}
/* fix width on embedded elements */
/* bodytext elements from CMS */
.article-bodytext h3 {
  font-weight: normal;
}
.article-bodytext li p {
  display: inline;
}
.article-bodytext table {
  background-color: transparent;
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.article-bodytext table p {
  margin: 0;
}
.article-bodytext table th {
  font-weight: normal;
  text-align: left;
}
.article-bodytext table td,
.article-bodytext table th {
  background-color: #ddd;
  border: 2px solid #fff;
  padding: 15px 10px;
}
.article-bodytext table img {
  max-width: 100%;
}
.article-bodytext ul,
.article-bodytext ol {
  margin: 10px 20px;
}
.eb-audio {
  padding-top: 20px;
}
/**
* Quotes
*/
.quotewrapper {
  color: #3c3c3c;
  display: inline-block;
  font-size: 23px;
  line-height: 29px;
  padding: 3px 0;
}
.quotewrapper::before,
.quotewrapper::after {
  background: transparent url("//ebimg.dk/ux/data/icon-quotemark.png") no-repeat 5px -30px;
  content: "\"";
  display: inline-block;
  text-indent: -9999em;
  width: 22px;
  height: 22px;
}
.quotewrapper::before {
  background-position: 0 13px;
  margin-bottom: -8px;
  width: 19px;
  height: 28px;
}
@media only screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .bodytext-item--video {
    position: relative;

  height: 430px;
  }

  .bodytext-item--video > div {
    position: absolute;
  top: 0;
  right: 0;
  left: 0;

  display: block;
  }
}
/*
@pagename article-links
@name ARTIKEL-LINKS
@description Links i br&oslash;dtekst
@markup

*/
.link-box {
  line-height: 0;
}
.link-box-text {
  font-size: 18px;
  font-weight: 700;
  line-height: -webkit-calc(18px + 1px);
  line-height: calc(18px + 1px);
  word-wrap: break-word;
}
.link-box-image {
  width: 150px;
    height: auto;
  }
.link-box-timestamp {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}
/*
* the width and height is set assuming it is used inside .image-container--landscape
* extends .image-container-img
*/
.image-container-img {
  height: auto;
}
.image-container-img--viasat {
  border: 0;
  width: 100%;
  height: 100%;
}
.viasat-loader {
  font-size: 36px;
}
/*
activation-icon
*/
.activation-overlay {
  position: absolute;
  bottom: 20px;
  left: 20px;
  /* transform: translate(-50%, -50%); */
  z-index: 1;

  display: block;
}
/*
*/
.interactive-iframe {
  border: 0;
}
.interactive-placeholder {
  height: 70vw;
}
.interactive-icon {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  padding: 20px;
  width: 61px;
  height: 61px;
}
.indicator-video--timestamp {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;

  background: rgba(0, 0, 0, .5);
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: -webkit-calc(18px - 4px);
  line-height: calc(18px - 4px);
}
.scrbbl-embed {
  width: 100%;
}
/* Media-embed styling */
.ai2html .g-artboard {
  display: none;
}
.ai2html .g-artboard[id$="-desktop"] {
  display: block;
}
.link-box-background {
  background: #000;
  color: #fff;
  display: block;
    margin-left: -webkit-calc(-1 * 10px);
    margin-left: calc(-1 * 10px);
  width: 730px;
}
.link-box_cell {
  display: table-cell;
  vertical-align: middle;
}
.link-box_cell--image {
  line-height: 0;
  width: 150px;
}
.link-box_cell--image img {
  width: 100%;
}
.link-box_imagecellDbl {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.link-box_imagecellDbl img {
  float: left;
  width: 75px;
  min-width: 75px;
  max-width: 75px;
}
.link-box_image {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.link-box_cell--text {
  padding: 10px;
}
.link-box_cell + .link-box_cell--text {
  padding-top: 0;
  padding-bottom: 0;
}
.link-box_text {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  word-wrap: break-word;
}
.link-box_timestamp {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.split-element--ekstra {
  position: relative;

  border-bottom: 1px solid #c8c8c8;
  display: block;
  margin-top: 50px;
  margin-bottom: 30px;
  text-indent: -9999em;
  height: 5px;
}
.author-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  width: 44px;
  height: 44px;
}
.author-image--opinionen {
  width: 110px;
  height: 110px;
}
.byline-bottom-fs {
  font-size: 14px;
}
.byline-center-fs {
  font-size: 16px;
}
.byline-bottom {
  line-height: 14px;
}
.byline-text {
  color: #bd1118;
}
.byline-text--by {
  color: #999;
}
.comments-smartphone {
  padding-right: 5px;
  padding-left: 5px;
}
/**
 * TALK
 */
.user-profile--wrap {
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
  padding: 3px;
  min-width: 100px;
  height: 33px;
}
.user-profile--wrap:hover {
  border-color: #e5e5e5;
}
.user-profile--wrap:hover,.user-profile--link {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.user-profile--link {
  bottom: -32px;
  left: -1px;

  border: 1px solid #e5e5e5;
  border-radius: 0 0 5px 5px;
  display: none;
  line-height: 30px;
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
}
.user-profile--link:hover {
  background-color: #efefef;
}
.user-profile--wrap:hover .user-profile--link {
  display: block;
}
.user-profile--avatar {
  margin-right: 3px;
  width: 25px;
  height: 25px;
}
.user-profile--avatar-img {
  border-radius: 13px;
  width: 25px;
}
.user-profile--name {
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*
---
title:   Article widgets
section: Widgets
---

Main styling for article widgets

```example:html
<div class="article-widget">
  <h3 class="article-widget-header">
    <i class="article-widget-icon fa fa-question"></i>
    <span class="article-widget-header--text">
      Artikel widget
    </span>
  </h3>
  <div class="article-widget-body">
    Her er der rigtig god tekst
  </div>
</div>
```
*/
.article-widget {
  position: relative;

  border-radius: 5px;
  margin-top: -webkit-calc(22px + 20px);
  margin-top: calc(22px + 20px);
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  max-width: 610px;
  margin-top: -webkit-calc(22px + 10px);
  margin-top: calc(22px + 10px);
}
.sec-maincolumn .article-widget {
  margin-right: 10px;
  margin-left: 10px;
}
.article-widget--l {
  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);
  width: 100vw;
  max-width: 100vw;
  width: 730px;
  max-width: 730px;
}
.article-widget-border {
  border: 1px solid;
  border-color: inherit;
}
.article-widget-border--bottom {
  border-color: inherit;
  border-bottom: 1px solid;
}
.border-radius--widget {
  border-radius: 5px;
}
.article-widget-border.bg--white {
  border-color: #e5e5e5;
}
.article-widget--bodytext,
.article-widget--maincolumn {
  margin-right: auto;
  margin-left: auto;
  width: 610px;
}
.article-widget-header {
  position: relative;

  background-color: #e5e5e5;
  font-size: 20px;
  line-height: 1em;
  margin: 0;
  padding: 0 10px 10px;
  text-align: center;
}
.article-widget-header--text {
  display: block;
  font-weight: normal;
  line-height: 1.25em;
  margin: 0;
  padding-top: -webkit-calc(22px + 10px);
  padding-top: calc(22px + 10px);
}
.article-widget-header--text p {
  margin: 0;
}
.article-widget-icon {
  position: absolute;
  top: -22px;
  left: 50%;

  background: #4fa8df;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
  color: #fff;
  display: block;
  font-size: 20px;
  font-style: normal;
  line-height: 44px;
  margin-left: -22px;
  text-align: center;
  width: 44px;
  height: 44px;
}
.article-widget-icon.fa-paper-plane::before {
  margin-left: -5px;
}
.article-widget-share {
  position: absolute;
  top: 10px;
  right: 10px;

  color: #999;
}
.article-widget-body {
  font-size: 18px;
  padding: 10px;
}
.article-widget-body p {
  margin: 0 0 20px;
}
.bg--eb .article-widget-body a {
  color: #fff;
  font-weight: bold;
}
.bg--black .article-widget-body a {
  color: #999;
}
.article-widget-usertext {
  font-size: 18px;
}
.article-widget-footer {
  font-size: 13px;
  margin: 0 20px 20px;
  text-align: center;
}
.article-widget-footer p:last-of-type {
  margin: 0;
}
.article-widget-footer {
  font-size: 16px;
  margin: 0 10px 10px;
}
.article-widget-submit {
  background: #e5e5e5;
  border: 0;
  color: #000;
  cursor: pointer;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
  width: 100%;
}
.article-widget-submit:hover {
  background: #bd1118;
  color: #fff;
}
.js-poll-report-view .article-widget-submit,
.js-poll-report-view .poll-label {
  cursor: default;
}
.sub-banner {
  z-index: 2047483645;
}
.close-btn {
  position: absolute;
  top: 12px;
  right: 16px;

  border-radius: 12px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.link-gallery {
  position: relative;

  border: 1px solid #ddd;
}
.link-gallery-item {
  position: relative;

  background-color: #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 10px;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
}
.link-gallery-item:hover .link-gallery-item-text--subtitle,
.link-gallery-item:active .link-gallery-item-text--subtitle,
.link-gallery-item:focus .link-gallery-item-text--subtitle {
  max-height: 55px;
}
.link-gallery-item:hover .link-gallery-item-background,
.link-gallery-item:active .link-gallery-item-background,
.link-gallery-item:focus .link-gallery-item-background {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.link-gallery-item:hover .link-gallery-item-background::before,
.link-gallery-item:active .link-gallery-item-background::before,
.link-gallery-item:focus .link-gallery-item-background::before {
  opacity: 1;
}
.link-gallery-item-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-position: center;
  background-size: cover;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}
.link-gallery-item-background::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: rgba(0, 0, 0, .5);
  content: "";
  display: block;
  opacity: 0;
}
.link-gallery-item-content {
  position: relative;

  -webkit-box-align: end;

  -webkit-align-items: flex-end;

      -ms-flex-align: end;

          align-items: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
}
.link-gallery-item-label {
  background: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  margin-top: 20px;
  margin-right: 20px;
  opacity: 0;
  padding: 5px;
  text-transform: uppercase;
}
.link-gallery-item-text {
  width: -webkit-calc(236px - 10px);
  width: calc(236px - 10px);
}
.link-gallery-item-text,.sec-maincolumn .link-gallery-item-text {
  background: #fff;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: -webkit-calc(18px + 1px);
  line-height: calc(18px + 1px);
  margin-right: 20px;
  margin-bottom: 10px;
  padding: 15px;
}
.sec-maincolumn .link-gallery-item-text {
  width: -webkit-calc(189px - 10px);
  width: calc(189px - 10px);
}
.link-gallery-item-text--small {
  font-size: 14px;
  font-weight: bold;
  line-height: -webkit-calc(14px + 1px);
  line-height: calc(14px + 1px);
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
}
.link-gallery-item-text--odd {
  font-size: 20px;
  line-height: -webkit-calc(20px + 1px);
  line-height: calc(20px + 1px);
  width: -webkit-calc(318px - 10px);
  width: calc(318px - 10px);
}
.link-gallery-item-text--subtitle {
  color: #999;
  font-size: 12px;
  font-weight: normal;
  line-height: -webkit-calc(12px + 1px);
  line-height: calc(12px + 1px);
  overflow: hidden;
  -webkit-transition: max-height 300ms;
  transition: max-height 300ms;
  max-height: 0;
}
.link-gallery-item-text--subtitle::before {
  display: block;
  padding-top: 5px;
}
.link-gallery-item .link-gallery-item-text p {
  margin: 0;
}
.link-gallery-item-text {
    width: -webkit-calc(236px - 20px);
    width: calc(236px - 20px);
  }
.link-gallery-item-width.link-gallery-item-width {
  width: 236px;
  height: 236px;
}
.sec-maincolumn .link-gallery-item-width.link-gallery-item-width {
  width: 189px;
  height: 189px;
}
.link-gallery-item-width--odd.link-gallery-item-width--odd {
  width: 334px;
  height: 334px;
}
/*
* TODO: gallery-fix should be removed, when all is corrected in articlelinkgallery.jsp
*/
.gallery-fix
  .cb-expand:checked
  ~ .article-link--gallery.transition-expand
  .link-gallery--fade {
  display: none;
}
.gallery-fix .cb-expand-shown,
.gallery-fix .cb-expand-hidden,
.gallery-fix .cb-expand {
  position: absolute;
  left: -9999em;

  opacity: 0;
}
.gallery-fix .cb-expand-hidden.active,
.gallery-fix .cb-expand-shown.active {
  position: static;

  opacity: 1;
}
/*
---
title:   Afstemning
section: Widgets
---
*/
.poll-questionnaire {
  margin-top: 10px;
  width: 610px;
}
.pagecolumn-element .poll-questionnaire {
  width: 100%;
}
.poll-answers {
  border: 1px solid #e5e5e5;
}
.poll-input {
  position: absolute;
  left: -999999em;
}
.poll-label {
  position: relative;

  cursor: pointer;
  font-size: 18px;
  overflow: hidden;
  width: 100%;
  /*
   * IE11 flexbox fix
   * https://stackoverflow.com/questions/19371626/flexbox-not-centering-vertically-in-ie
   */
  height: 0;
  min-height: 60px;
}
.poll-label--border {
  border-bottom: 1px solid #e5e5e5;
}
.poll-label--border:last-child {
  border: 0;
}
.js-poll-report-receipt .poll-label,
.js-poll-report-animate .poll-label {
  cursor: default;
}
.poll-cell {
  position: relative;

  padding: 0 10px;
}
.poll-result-placeholder {
  text-align: center;
}
.poll-input-checkmark,.poll-input-checkbox:checked + .poll-label .poll-result-placeholder {
  display: none;
}
.poll-input-checkbox:checked + .poll-label .poll-input-checkmark {
  display: block;
}
.poll-cell--result {
  width: 40px;

  -webkit-flex-shrink: 0;

      -ms-flex-negative: 0;

          flex-shrink: 0;
}
.js-poll-report-receipt .poll-cell--result,
.js-poll-report-animate .poll-cell--result {
  width: 110px;
}
.poll-result-text {
  font-size: 30px;
  letter-spacing: -1px;
  text-align: right;
}
.poll-result-text small {
  font-size: 15px;
}
.poll-result-text {
  font-size: 50px;
}
.poll-result-text small {
  font-size: 30px;
}
.poll-result {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  background-color: #bd1118;
  max-width: 0;
  height: 3px;

  /*transform: translateX(-100%);
  -webkit-transition: transform 2s 150ms;
  transition: transform 2s 150ms;*/
}
.js-poll-report-receipt .poll-result,
.js-poll-report-animate .poll-result {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  /*transform: translateX(0);*/
  -webkit-animation-name: animateBar;
          animation-name: animateBar;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes animateBar {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes animateBar {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/**
* Show / Hide poll elements
**/
.poll-report,
.poll-questionnaire {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.poll-report,.poll-error {
  display: none;
}
.poll-error {
  margin-top: 10px;
  margin-bottom: 20px;
}
.js-poll-report-view .poll-receipt,
.poll-showpoll {
  display: none;
}
.js-poll-report-view .poll-report,
.js-poll-report-view .poll-showpoll {
  display: block;
}
.js-poll-report-view .poll-questionnaire {
  display: none;
}
.js-poll-report-receipt .poll-report,
.js-poll-report-receipt .poll-receipt {
  display: block;
}
.js-poll-report-receipt .poll-questionnaire {
  display: none;
}
.js-poll-error .poll-error {
  display: block;
}
.js-poll-error .poll-questionnaire,.poll-input + label .poll-checked {
  display: none;
}
.poll-input:checked + label .poll-checked {
  color: #fff;
  display: block;
}
.poll-input:checked + label .poll-unchecked {
  display: none;
}
.poll-input:checked + label,
.poll-hover:hover {
  background: #bd1118;
  color: #fff;
}
.poll-hover:hover .poll-result-placeholder {
  color: #fff;
}
.poll-closed {
  border-bottom: 1px solid #999;
}
.rating-body {
  border: 1px solid #e5e5e5;
}
.rating-container {
  border-collapse: collapse;
  display: table;
  margin-bottom: 20px;
  table-layout: fixed;
  width: 100%;
}
.rating-cell {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.rating-eb {
  padding-right: 10px;
}
.rating-users,.rating-result {
  padding-left: 10px;
}
.rating-users-icon {
  color: #999;
  font-size: 25px;
  margin-top: 5px;
  font-size: 50px;
}
.rating-eblogo-icon {
  margin-top: 9px;
  width: 50px;
  height: 44px;
}
.rating-number {
  font-size: 18px;
  line-height: 1.1em;
  font-size: 30px;
}
.rating-stars-container {
  font-size: 15px;
  white-space: nowrap;
  font-size: 24px;
}
.rating-stars {
  top: 0;
  left: 0;
}
.rating-stars--facts {
  margin: 0;
}
.rating-widget-usertext {
  text-align: center;
}
.rating-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.rating-options {
  font-size: 20px;
}
.rating-option {
  color: rgba(255, 255, 255, .65);
  display: inline-block;
  padding: 10px;
}
.rating-heart {
  font-size: 27px;
}
.rating-circle {
  line-height: 0;
  width: 80px;
  height: 80px;
  width: 100px;
  height: 100px;
}
/**
* @description This part will be influenced by JavaScript
*/
.rating-options {
  text-align: center;
  width: 260px;
}
.rating-option {
  padding: 10px 5px;
}
.rating-open .rating-options {
  cursor: pointer;
}
.rating-open .rating-options:hover .rating-option {
  color: #fff;
}
.rating-open .rating-options .rating-option:hover ~ .rating-option {
  color: rgba(255, 255, 255, .65);
}
.rating-pre_rating {
  display: block;
}
.rating-post_rating {
  display: none;
}
.js-rating-rated1 .rating-option {
  color: #fff;
}
.js-rating-rated1 .rating-option:nth-child(n + 2) {
  color: rgba(255, 255, 255, .65);
}
.js-rating-rated2 .rating-option {
  color: #fff;
}
.js-rating-rated2 .rating-option:nth-child(n + 3) {
  color: rgba(255, 255, 255, .65);
}
.js-rating-rated3 .rating-option {
  color: #fff;
}
.js-rating-rated3 .rating-option:nth-child(n + 4) {
  color: rgba(255, 255, 255, .65);
}
.js-rating-rated4 .rating-option {
  color: #fff;
}
.js-rating-rated4 .rating-option:nth-child(n + 5) {
  color: rgba(255, 255, 255, .65);
}
.js-rating-rated5 .rating-option {
  color: #fff;
}
.js-rating-rated5 .rating-option:nth-child(n + 6) {
  color: rgba(255, 255, 255, .65);
}
.js-rating-rated6 .rating-option {
  color: #fff;
}
.js-rating-rated6 .rating-option:nth-child(n + 7) {
  color: rgba(255, 255, 255, .65);
}
.js-rating-rated .rating-pre_rating {
  display: none;
}
.js-rating-rated .rating-post_rating {
  display: block;
}
/*
---
title:   Ratings Side9
section: Widgets
---

Ratings side9 extends ratings

```example:html
<div id="side9_rating" class="rate_side9">
  <div class="article-widget rating rating-open" id="fnSideQWPti4S9">
    <h3 class="article-widget-header rating-header">
      <i class="article-widget-icon">9</i>
      <span class="article-widget-header--text">Hvor hot synes du at dagens side9 pige er?</span>
    </h3>
    <div class="article-widget-body rating--side9-body">
      <div class="rating--side9-results">
        Brugernes bed&oslash;mmelse
        <span class="rating--side9-point" id="fnSideQWPti4S9_Avg">4</span>
      </div>
      <div class="article-widget-usertext">
        <i class="article-widget-useravatar fnUserAvatar"></i>
        Man kan kun stemme p&aring; dagens side 9 pige
      </div>
    </div>
    <div class="article-widget-ratings rating-options">
      <div class="rating-option fnRatingBtn">1</div>
      <div class="rating-option fnRatingBtn">2</div>
      <div class="rating-option fnRatingBtn">3</div>
      <div class="rating-option fnRatingBtn">4</div>
      <div class="rating-option fnRatingBtn">5</div>
      <div class="rating-option fnRatingBtn">6</div>
    </div>
  </div>
</div>
*/
.rating--side9-body {
  text-align: center;
}
.rating--side9-results {
  color: #999;
  font-size: 20px;
}
.rating--side9-point {
  color: #000;
  display: block;
  font-size: 50px;
}
.widget-image {
  position: relative;

  margin-top: 10px;
}
.widget-image-pretext {
  display: block;
  font-size: 10px;
  line-height: 10px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
  height: 10px;
}
.section-wrapper--frontpage .pagecolumn-element .widget-image.has-pretext {
  margin-top: 32px;
}
.section-wrapper--frontpage .pagecolumn-element .widget-image {
  margin-top: 42px;
}
.widget-image--plus-icon::before {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;

  background: url("/assets/base/svg/ebplus_icon_sort.svg") no-repeat;
  background-size: 40px 40px;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 10px #000;
          box-shadow: 0 0 10px #000;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
}
/*
---
title:   Article widgets
section: Widgets
---

The animated svg circular graph is injected from javascript.

example:html
<div id="circleGraph-7069304"></div>
<div class="voted-container">
  <div class="eb-row-item rating-result pad-none">
    <div class="rating-stars-container p-relative">
      <div class="rating-stars-bg color--graa5">
        <i class="fas fa-heart fs-quote"></i>
        <i class="fas fa-heart fs-quote"></i>
        <i class="fas fa-heart fs-quote"></i>
        <i class="fas fa-heart fs-quote"></i>
        <i class="fas fa-heart fs-quote"></i>
        <i class="fas fa-heart fs-quote"></i>
      </div>
      <div class="rating-stars p-absolute">
        <i class="fas fa-heart fs-quote color--sex-samliv"></i>
        <i class="fas fa-heart fs-quote color--sex-samliv"></i>
        <i class="fas fa-heart fs-quote color--sex-samliv"></i>
        <i class="fas fa-heart fs-quote color--sex-samliv"></i>
        </div>
    </div>
  </div>
</div>
*/
.circle-graph--vote {
  animation: circle-graph-fill 2s reverse; /* 1 */
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg); /* 2, 3 */
  -webkit-transform-origin: center;
          transform-origin: center; /* 4 */
}
.circle-graph--animate {
  -webkit-animation: circle-graph-appear 2s forwards;
          animation: circle-graph-appear 2s forwards;
  opacity: 0;
  -webkit-transform: translateY(.3em);
          transform: translateY(.3em);
}
@-webkit-keyframes circle-graph-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@keyframes circle-graph-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-graph-appear {
  to {
    opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  }
}
@keyframes circle-graph-appear {
  to {
    opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  }
}
.voted-container {
  margin-left: 30px;
}
.native-image {
  height: 60px;
}
/**
* Imports all elements used to build lists
**/
/* link_gallery, livescore, plus_archive */
.list-head-title--ekstra {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
/* so many places */
.list-head {
  color: #484848;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 30px;
  font-weight: bold;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: -1px;
  line-height: 32px;
  margin: 10px 0 0;
}
.list-head-logo {
  display: inline-block;
  vertical-align: middle;
}
.ebplus-logo--list.list-head-logo {
  margin-top: -6px;
  margin-right: -4px;
  height: 26px;
  margin-right: -6px;
  width: 59px;
  height: 36px;
}
.list-head--rightcolumn .ebplus-logo--list.list-head-logo {
  margin-right: 4px;
}
.pagecolumn-element .list-head {
  margin-right: 0;
  margin-left: 0;
}
/* comments, factbox, link_gallery, link_gallery_free, pagenine, rsswidget, presentational */
.list-more {
  color: #bd1118;
  cursor: pointer;
  font-size: 16px;
  line-height: -webkit-calc(16px - 2px);
  line-height: calc(16px - 2px);
  padding: 5px 10px 20px;
}
.list-more--tall {
  min-height: 50px;
}
.newslist {
  list-style-type: none;
  margin: 0 0 20px;
  padding: 0;
}
.newslist li {
  border-bottom: 1px solid #c8c8c8;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1em;
}
.newslist.text-small li {
  font-size: 14px;
}
.newslist a {
  color: #000;
  display: block;
  padding: 10px 0;
}
/* link_gallery, livescore */
.ebplus-logo--list {
  width: 60px;
  height: 35px;
}
/* related_desktop|smatphone */
.list-stamp.list-stamp--large {
  font-size: 18px;
}
.list-stamp {
  line-height: 1.1;
}
.eb-list--ekstra .list-stamp--ekstra {
  color: #000;
}
.btn-social {
  color: #fff;
  margin-left: 5px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  min-width: 30px;
  height: 30px;
}
.btn-social .iconline {
  font-size: 12px;
  line-height: 20px;
}
.btn-social .fa-xl {
  font-size: 18px;
}
.btn-social .icon-set {
  line-height: -webkit-calc(20px - 5px);
  line-height: calc(20px - 5px);
  height: -webkit-calc(20px - 5px);
  height: calc(20px - 5px);
}
.btn-fb {
  background-color: #31769b;
}
.btn-twitter {
  background-color: #4fa8df;
}
.btn-mail {
  background-color: #3c3c3c;
}
.editorial strong {
  color: #900;
}
/*
---
title:   Facebook widget
section: Widgets
---

```example:html
<div class="article-widget">
    <div class="widget-facebook--like">
        <i class="article-widget-icon bg--facebook fab fa-facebook-f"></i>
    </div>
    <a class="btn-facebook border-radius--bottom" href="#" target="_blank">
        F&oslash;lg Ekstra Bladet
    </a>
</div>
*/
.btn-facebook {
  background-color: #31769b;
  color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
}
.widget-facebook--like {
  background-image: url("https://ebimg.dk/ux/data/widgets/facebook_desktop.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 145px;
}
/* Horoskoper 2016 Desktop/Tablet */
/*
* header
*/
.horoskop-container {
  background: #000
    url("//ebimg.dk/ux/data/horoskopnettet/horoskop_bg.jpg") center 0 no-repeat;
  background-size: 100% auto;
}
.mar-60px--t {
  margin-top: 60px;
}
.pad-40px--t {
  padding-top: 40px;
}
.horoskop-head {
  text-align: left;
  text-align: center;
}
.horoskop-head,.horoskop-title {
  color: #fff;
  font-weight: bold;
}
.horoskop-title {
  font-size: 30px;
  line-height: 1.2em;
  text-align: left;
  text-transform: uppercase;
}
.horoskop-image {
  top: 8px;

  background-color: #e5e5e5;
  border-radius: 50px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
.horoskop-head a {
  color: #fff;
  text-decoration: underline;
}
/*
* list
*/
.horoskop-list-item {
  position: relative;

  color: #fff;
  line-height: normal;
  margin-top: 30px;
}
.horoskop-list-item h2 {
  background-color: rgba(50, 86, 103, .75);
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: normal;
  padding: 10px;
  text-align: right;
  text-transform: uppercase;
}
.horoskop-list-item:nth-child(even) h2 {
  text-align: left;
}
.horoskop-list-item .date {
  color: rgba(255, 255, 255, .5);
  display: block;
  font-size: 12px;
}
.horoskop-list-item img {
  position: absolute;
  top: -21px;

  margin: 0 5px;
  width: auto;
  height: 100px;
}
.horoskop-list-item:nth-child(odd) img {
  left: 0;
}
.horoskop-list-item:nth-child(even) img {
  right: 0;

  -webkit-transform: scaleX(-1);

          transform: scaleX(-1);
}
.horoskop-list-item p {
  background-color: rgba(50, 86, 103, .75);
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 20px 10px;
  text-align: justify;
}
.horoskop-link--white a {
  color: #fff;
}
.widget-icon--list {
  font-size: 23px;
  line-height: 46px;
}
.widget-icon--music {
  font-size: 22px;
  text-indent: -3px;
}
.widget-music--concerts {
  background: #fff;
  border-color: #e5e5e5;
  border-top: 0;
  padding: 10px 10px 20px;
}
.widget-body--music {
  padding-top: 1px;
}
.widget-subtitle--music {
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding: 10px;
  text-align: center;
}
.widget-list {
  border-color: #e5e5e5;
  margin: 0;
  padding: 0;
}
.widget-list-item {
  border-bottom: 1px solid;
  list-style-position: inside;
  padding: 10px;
}
.widget-list-item:last-child,.no-border.no-border.no-border {
  border: 0;
}
.widget-music-column {
    max-width: 305px;
  }
.sec-rightcolumn .border-radius--widget {
  border-radius: 0;
}
.sec-rightcolumn .music-row--wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
.sec-rightcolumn .figure-round {
  top: -webkit-calc(-1 * (20px));
  top: calc(-1 * (20px));
  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);
}
.sec-rightcolumn .music-image--wrapper {
  margin-top: 10px;
  padding-bottom: 30px;
  width: auto;
}
.sec-rightcolumn .music-text--wrapper {
  width: auto;
}
.sec-rightcolumn .widget-presentation,
.widget-presentation {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
  margin-bottom: 0;
  padding: 30px 20px 20px;
}
.sec-rightcolumn .widget-presentation-text,
.widget-presentation-text {
  padding: 10px 0 0;
}
.widget-presentation p {
  margin: 0;
}
.sec-rightcolumn .widget-presentation-link,
.widget-presentation a {
  color: inherit;
}
.sec-rightcolumn .widget-presentation-img-container,
.widget-presentation-img-container {
  margin: auto;
}
.widget-presentation-img-container,
.widget-presentation-img {
  width: 100px;
}
.widget-presentation-img {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -50px;
  overflow: hidden;
  height: 100px;
}
.widget-presentation {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  }
.widget-presentation-text {
    padding-top: 0;
  padding-left: 20px;
  }
.widget-presentation-img-container {
    margin: 0;
  }
/*
---
title:   Q and A form
section: Widgets
---

Widget for posting questions via email

```example:html
```

*/
.q-and-a-thankyou {
  padding: 30px 10px;
  text-align: center;
}
.q-and-a-form-header {
  border: 1px solid #e5e5e5;
}
.q-and-a-form {
  overflow: hidden;
}
.input.q-and-a-input {
  border: 0;
  border-left: 1px solid #e5e5e5;
}
.input.q-and-a-input:last-of-type {
  border-right: 1px solid #e5e5e5;
}
.input--textarea.q-and-a-textarea {
  border: 1px solid #e5e5e5;
  padding-bottom: 8px;
  height: 180px;
  -webkit-appearance: none;
}
.btn--q-n-a:disabled,
.btn--q-n-a:disabled:hover {
  background: #e5e5e5;
  border: 0;
  color: #999;
  cursor: default;
  min-height: 44px;
  -webkit-appearance: none;
}
.btn--q-n-a {
  background: #ff0;
  border: 0;
  color: #000;
  min-height: 44px;
  -webkit-appearance: none;
}
.schooltab {
  background: #484848;
  border-radius: 10px 10px 0 0;
  color: #fff;
  margin-top: 5px;
  padding: 15px 0 10px;
}
.schooltab:hover,
.schooltab--active {
  background: #999;
  color: #fff;
  margin: 0;
  padding-top: 20px;
}
.slide-in {
  position: fixed;
  bottom: 10px;
  left: 50%;
  z-index: 999999;

  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .7);
          box-shadow: 0 0 10px rgba(0, 0, 0, .7);
  overflow: hidden;
  -webkit-transform: translate(-50%, 200%);
          transform: translate(-50%, 200%);
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 310px;
    right: 10px;
  left: auto;

  width: 350px;
}
.slide-in-title {
  color: #bd1118;
}
.slide-in-button {
  border: 1px solid #ddd;
  border-radius: 20px;
  color: #32a237;
  display: block;
  margin: auto;
  padding: 10px;
  min-width: 60%;
  max-width: 60%;
}
.slide-in-close {
  position: absolute;
  top: 10px;
  right: 10px;

  cursor: pointer;
  font-size: 24px;
}
.input--error-required {
  background: #fff3f3;
}
#progressLoader {
  display: none;
}
.transition-expand form {
  overflow: hidden;
}
.snitchform--input label {
  position: absolute;

  display: inline-block;
  line-height: 40px;
  padding-left: 10px;
  width: 50px;
  height: 40px;
}
.snitchform--input input {
  display: inline-block;
  padding-left: 60px;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  height: 40px;
}
.snitchform-message {
  height: 100px;
}
.input-file--list {
  overflow-y: auto;
}
.upload-tip.disabled i,
.upload-tip.disabled span {
  color: #484848;
}
.uploadmedia-container {
  position: relative;

  margin: 10px 0 10px 10px;
  overflow: hidden;
  min-width: 60px;
  max-width: 60px;
  height: 100px;
}
.uploadmedia-container.uploadfile--pdf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5px 10px;
  width: 100%;
  max-width: 1000px;
  height: auto;
}
.uploadmedia-container img,
.uploadmedia-container video {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.uploadmedia-delete {
  color: #fff;
  cursor: pointer;
}
.uploadmedia-delete i {
  text-shadow: 0 0 4px #999;
}
.uploadmedia-delete--img,
.uploadmedia-delete--video {
  position: absolute;
  top: 50%;
  left: 50%;

  display: block;
  font-size: 30px;
  margin: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 30px;
}
.uploadmedia-delete--pdf {
  color: #bd1118;
}
.article-widget--footer-logo {
  position: absolute;
  top: -20px;
  left: 20px;

  display: block;
}
.tag-searchcontainer {
  background: #000;
  color: #fff;
  padding: 20px 10px 0;
}
.tag-search-inner {
  padding: 0 10px;
}
.tag-searchcontainer,.tag-search-inner {
  padding-right: 50px;
  padding-left: 50px;
}
.tag-searchfield {
  position: relative;

  width: 100%;
  width: 83.3333%;
}
.tag-searchbutton {
  padding-left: 10px;
  width: 16.6666%;
}
.btn--tagsearch {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #900;
  border-radius: 5px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 42px;
  width: 100%;
  height: 42px;
}
.search-suggestions {
  position: absolute;
  z-index: 997;

  background: #fff;
  border: 1px solid #000;
  color: #484848;
  opacity: 0;
  -webkit-transition: opacity 100ms;
  transition: opacity 100ms;
  width: 100%;
}
.search-suggestions.active {
  opacity: 1;
}
.tag-item {
  padding: 5px 10px;
}
.tag-item:hover {
  cursor: pointer;
}
.tag-item:hover,.tag-item.selected {
  background: #e5e5e5;
  color: #000;
}
.tag-chosen-tag {
  border-top: 2px solid #ddd;
  font-size: 30px;
  font-weight: normal;
  line-height: 30px;
  margin-top: 20px;
  padding: 20px;
  text-align: center;
  min-height: 30px;
}
.tag-chosen-tag,
.tag-resultlist {
  opacity: 0;
  -webkit-transition: opacity 100ms;
  transition: opacity 100ms;
}
/**
* iframes in widgets
**/
.widgetiframe {
  border: 0;
  width: 100%;
}
/**
* SRT frontpage
* TODO: Dette skal udryddes
**/
.table {
  border-collapse: collapse;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.tr {
  display: table-row;
}
.td {
  display: table-cell;
}
.td.empty {
  border: 0;
  padding: 5px;
  width: 10px;
}
.ellipsis {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/** Skolefodbold??????? */
.srt-header {
  background-color: #32a237;
  border-collapse: collapse;
  color: #fff;
  display: table;
  font-size: 14px;
  table-layout: fixed;
  text-decoration: none;
  width: 100%;
  margin-bottom: 1px;
}
.srt-header .td {
  padding: 6px 10px 4px;
}
.srt-title {
  font-size: 16px;
  font-weight: normal;
}
.srt-links {
  color: #cbfe33;
  padding-right: 0;
  vertical-align: middle;
}
.srt-header .standingslink {
  float: right;
  line-height: 11px;
}
.topmatchcontainer .srt-line {
  background-color: transparent;
}
.topmatchcontainer .srt-listitem {
  background-color: #e8e8e8;
}
.srt-listitem.srt-listitem {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  display: table;
  font-size: 14px;
  table-layout: fixed;
  width: 100%;
  margin: 2px 0;
}
.srt-listitem .td {
  height: 34px;
  vertical-align: middle;
}
.matchtime {
  background-color: #c8c8c8;
  width: 52px;
}
.scorecell {
  width: 90px;
}
.btn-live {
  background: #161616;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #32a237;
  cursor: pointer;
  display: block;
  font-size: 14px;
  height: 44px;
  line-height: 23px;
  margin: 0 auto;
  padding: 10px;
  text-decoration: none;
  vertical-align: top;
  width: 80%;
}
.btn-live,.score {
  font-weight: bold;
  text-align: center;
}
.score {
  display: table;
  font-size: 20px;
  width: 100%;
}
.homescore,
.awayscore {
  background: #c8c8c8;
  color: #000;
  line-height: 34px;
  margin-right: 3px;
}
.srt-matchinfo {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
/**
* THIS SHOULD ALWAYS BE LOADED LAST
**/
/**
* @pagename logoer
* @name Ekstra Bladet Logo
* @description_multiline Logo regler og styling muligheder
*/
.eblogo {
  display: block;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-40px"></i>
      <p>.eblogo.eblogo-40px</p>
  </div>
*/
.eblogo-40px {
  height: 35px;
  width: 40px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-44px"></i>
      <p>.eblogo.eblogo-44px</p>
  </div>
*/
.eblogo-44px {
  height: 39px;
  width: 44px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-79px"></i>
      <p>.eblogo.eblogo-79px</p>
  </div>
*/
.eblogo-79px {
  height: 69px;
  width: 79px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-106px"></i>
      <p>.eblogo.eblogo-106px</p>
  </div>
*/
.eblogo-106px {
  height: 92px;
  width: 106px;
}
.medielogin-logo {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 18px;
  margin-top: -2px;
  width: 100px;
}
.medielogin-logo--icon {
  height: 18px;
  width: 13px;
}
.medielogin-logo svg {
  width: 100%;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-20px"></i>
      <p>.eblogo.eblogo-20px</p>
  </div>
*/
.ebplus-20px {
  height: 20px;
  width: 20px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-30px"></i>
      <p>.eblogo.eblogo-30px</p>
  </div>
*/
.ebplus-30px {
  height: 30px;
  width: 30px;
}
.ebplus-list {
  fill: #fff;
  height: 10px;
  width: 10px;
}
.ebplus-list--sort {
  fill: #000;
}
.ebplus-list--s {
  fill: #fff;
  height: 7px;
  width: 7px;
}
.ebplus-list--l {
  height: 18px;
  width: 18px;
}
.ebplus-list--ticker {
  fill: #000;
}
/*
* @pagename mixins
* @name aspectratio-get
* @description Get AspectRatio original height / original width x new width = new height
* @usage aspectratio-get($oHeight, $oWidth, $nWidth);
*/
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-60px"></i>
      <p>.eblogo.eblogo-60px</p>
  </div>
*/
.ebplus-logo-60px,.ebplus-logo-h36px {
  height: 36px;
  width: 60px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-61px"></i>
      <p>.eblogo.eblogo-61px</p>
  </div>
*/
.ebplus-logo-61px,.ebplus-logo-h37px {
  height: 37px;
  width: 61px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-65px"></i>
      <p>.eblogo.eblogo-65px</p>
  </div>
*/
.ebplus-logo-65px,.ebplus-logo-h39px {
  height: 39px;
  width: 65px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-80px"></i>
      <p>.eblogo.eblogo-80px</p>
  </div>
*/
.ebplus-logo-80px,.ebplus-logo-h48px {
  height: 48px;
  width: 80px;
}
/*
* @pagename logoer
* @onlyexample
  <div class="logo_example">
      <i class="eblogo eblogo-100px"></i>
      <p>.eblogo.eblogo-100px</p>
  </div>
*/
.ebplus-logo-100px,.ebplus-logo-h60px {
  height: 60px;
  width: 100px;
}
/**
* @pagename logoer
* @name Privacy logo
* @description_multiline Privacy er Jyllands-Postens site for &oslash;konomi & erhverv nyheder.
*/
.privacylogo {
  display: block;
}
/*
* @pagename logoer
* @onlyexample
    <div class="logo_example">
        <svg viewBox="0 0 14 13" class="privacylogo-13px">
            <use xlink:href="#privacy"></use>
        </svg>
    </div>
*/
.privacylogo-13px {
  height: 14px;
  width: 13px;
}
.calendar {
    background: #fff;
  border: 1px solid;
  opacity: 0;
  -webkit-transition: opacity .15s .15s;
  transition: opacity .15s .15s;
  width: 250px;
  }
.year,
  .month {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  text-align: center;
  }
.yearnav,
  .monthnav {
    font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase;
  width: 33.333%;
  }
.yearnav--btn,
  .monthnav--btn {
    cursor: pointer;
  text-align: left;
  }
.yearnav--btn:last-child,
  .monthnav--btn:last-child {
    text-align: right;
  }
.dates {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  font-size: 12px;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;
  }
.day {
    border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  color: #ccc;
  padding: 5px 0;
  text-align: center;
  width: -webkit-calc(100% / 7);
  width: calc(100% / 7);
  }
.day--label {
    border: 0;
  border-bottom: 1px solid #000;
  color: #000;
  font-weight: bold;
  }
.day:nth-child(7n + 1) {
    border-left: 0;
  }
.day.today {
    font-weight: bold;
  text-decoration: underline;
  }
.day--inmonth {
    background: #eee;
  color: #000;
  }
.day--inmonth:hover,
  .day.active {
    background: #900;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  }
.color--inherit {
  color: inherit;
}
p {
  font-size: inherit;
}
-on-tablet .wireframe--desktop {
  overflow: hidden;
}
.widget-width,
.grid-column,.section-area--narrow,
.grid-column--m {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  width: 730px;
}
.sec-maincolumn .widget-width,
.sec-rightcolumn .widget-width {
  width: auto;
}
.sec-maincolumn .widget-width--s,
.sec-rightcolumn .widget-width--s {
  width: 80%;
}
@media (min-width: 940px) {
  body {
    overflow-x: hidden;
  }
}
.section-area {
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}
.section-area--xs {
  width: 610px;
}
.section-area--article.section-area--standard,
  .wireframe--plus .section-area--standard {
    padding-right: 30px;
  padding-left: 30px;
  }
.section-area--fullwidth {
    width: 100%;
  }
.widget-width--s,
  .grid-column--s {
    width: 610px;
  }
.widget-width--l,
  .grid-column--l {
    width: 910px;
  }
.widget-width--xl,
  .grid-column--xl {
    width: 930px;
  }
/** !important hacks */
/* EBFJORTEN-633 */
#ritzaulivefeed {
  width: 100%;
}
#intext_outer {
  margin-left: -10px;
  width: 730px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  :root {
    --distance-small: 5px;
    --distance-medium: 10px;
    --distance-standard: 10px;
    --distance-large: 20px;
    --distance-xlarge: 30px;
    --distance-xxlarge: 50px;
  }
}
.border--full {
  border: 1px solid;
}
.border--t {
  border-top: 1px solid;
}
.border--b {
  border-bottom: 1px solid;
}
.border--l {
  border-left: 1px solid;
}
.border--r {
  border-right: 1px solid;
}
.border-light {
  border: 1px solid #e5e5e5;
}
.border-light--t {
  border-top: 1px solid #e5e5e5;
}
.border-light--b {
  border-bottom: 1px solid #e5e5e5;
}
.border-light--l {
  border-left: 1px solid #e5e5e5;
}
.border-light--r {
  border-right: 1px solid #e5e5e5;
}
.border-radius {
  border-radius: 5px;
}
.border-radius--top {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.border-radius--bottom {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
/*
* Fix for smartphone browsers
*/
[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
}
[type="button"].border-radius--bottom {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
[type="button"].border-radius--top {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
[type="button"].border-radius {
  border-radius: 5px;
}
/**
  * @block
  * @name Js-Stickingaround
  * @description Style for the js-stickingAround class
  * @markup
  *   <div class="js-stickingAround">markup</div>
  */
.js-stickingAround.js-stickingAround.js-stickingAround {
  position: fixed;

  top: 10px;
  right: 0;
  left: 0;

  z-index: 999999;

  -webkit-transform: translateX(0);

          transform: translateX(0);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
    top: 0;
}
.searchareacontainer.js-stickingAround.js-stickingAround {
    top: 50px;
  }
.input {
  background-image: none;
  border: 1px solid;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  padding: 10px;
  width: 100%;
  -webkit-appearance: none;
}
.input--footersearch {
  border: 0;
  text-indent: 25px;
}
.input--search {
  border: 0;
  width: auto;
}
.input-border--none {
  border: none;
}
.search--width {
  width: 740px;
}
.btn {
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
.btn--footersearch {
  position: absolute;
  top: 9px;
  left: 7px;

  background-color: transparent;
  border: 0;
  padding: 2px;
  -webkit-appearance: none;
}
.btn--standard {
  background: #4fa8df;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 40px;
  margin-left: 10px;
  text-transform: uppercase;
  width: 145px;
}
.btn--menusearch:hover {
  background-color: #e5e5e5;
}
.btn--standard {
  border-radius: 5px;
  font-size: 16px;
}
.btn--contest {
  border: 0;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  -webkit-appearance: none;
}
.btn--contest,.input-btn {
  cursor: pointer;
  padding: 10px;
}
.input-btn {
  border-radius: 5px;
  display: block;
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  text-decoration: none;
}
.input-btn:hover {
  background-color: #5d5d5d;
  color: #fff;
}
.input-btn.disabled,.input-btn.disabled:hover {
  background-color: #e5e5e5;
  color: #999;
  cursor: default;
  -webkit-appearance: none;
}
.checkbox-design {
  padding-left: 10px;
  text-align: left;
  width: 30px;
}
.checkbox-row {
  color: #999;
}
.cb-input:checked + .checkbox-row {
  color: #000;
}
.cb-input:enabled + .checkbox-row:hover,
.cb-input + .checkbox-row:hover {
  color: #000;
  cursor: pointer;
}
.cb-input {
  display: none;
}
.cb-unchecked,
.cb-input:checked + .checkbox-row .cb-checked {
  display: inline-block;
}
.cb-checked,
.cb-input--expand:checked + .checkbox-row .cb-unchecked--expand,
.cb-input:checked + .checkbox-row .cb-unchecked {
  display: none;
}
.cb-input--expand:checked + .checkbox-row .transition-expand {
  max-height: 1000px;
}
.contest-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.contest-required {
  position: relative;
}
.contest-required .input--text {
  border: 2px solid #900;
}
.contest-required::before {
  position: absolute;
  top: 0;
  right: 10px;

  background: #fff;
  color: #900;
  content: "Dette felt skal udfyldes";
  font-size: 14px;
}
.input-error {
  color: #900;
  font-size: 14px;
  opacity: 0;
}
.input--error ~ .input-error {
  opacity: 1;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.fs-italic {
  font-style: italic;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.fw-bold {
  font-weight: bold;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.fw-normal {
  font-weight: normal;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.ta-left {
  text-align: left;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.ta-center {
  text-align: center;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.ta-right {
  text-align: right;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.lh-half.lh-half.lh-half {
  line-height: 0.5em;
}
/*
 @pagename
 @name
 @description
 @markup
 */
.lh-normal.lh-normal.lh-normal {
  line-height: 1.5em;
}
/**
* @pagename helpers
* @name P-Absolute
* @description Style for the p-absolute class
* @markup
<div class="p-absolute">markup</div>
*/
.absolute,
.p-absolute {
  position: absolute;
}
.p-absolute--fill {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.p-right {
  left: auto;
  right: 0;
}
/**
* @pagename helpers
* @name P-Relative
* @description Style for the p-relative class
* @markup
<div class="p-relative">markup</div>
*/
.relative,
.p-relative {
  position: relative;
}
/**
* @pagename helpers
* @name positioning
* @description Style for the p-relative class
* @markup
<div class="p-relative">markup</div>
*/
.p-fixed {
  position: fixed;
}
.p-fixed--bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
/*
* @pagename helpers
* @name transition-expand
* @description Style for the transition-expand class
* @state .transition-expanded - expanded state
* @markup
<div class="transition-expand">Denne div var skjult for et oejeblik siden</div>
*/
.transition-expand {
  max-height: 0;
  overflow: hidden;

  -webkit-transition: max-height 0.3s;

  transition: max-height 0.3s;
}
.transition-expand--medium {
  max-height: 150px;
}
.transition-expand--large {
  max-height: 350px;
}
.transition-expand--xlarge {
  max-height: 650px;
  overflow: visible;
}
.transition-expand.expanded,
.transition-expand.transition-expanded,
.cb-expand:checked ~ .transition-expand {
  max-height: 30050px;
}
.transition-expanded--max.expanded,
.transition-expanded--max.transition-expanded,
.cb-expand:checked ~ .transition-expanded--max {
  max-height: 100%;
}
/**
expanded element medium height (150px)
*/
.transition-expand.transition-expanded--medium {
  max-height: 150px;
}
.transition-expand-fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(38%, rgba(255, 255, 255, 0.69)),
    color-stop(78%, rgba(255, 255, 255, 1)),
    to(rgba(255, 255, 255, 1))
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.69) 38%,
    rgba(255, 255, 255, 1) 78%,
    rgba(255, 255, 255, 1) 100%
  );
}
/*
@pagename
@name
@description checkbox used as expansion method
@markup
*/
.cb-expand:checked ~ .transition-expand .transition-expand-fade,
.cb-expand:checked ~ .cb-expand-shown,
.cb-expand-hidden,
.cb-expand {
  position: absolute;
  left: -9999em;
  opacity: 0;
}
.cb-expand:checked ~ .cb-expand-hidden {
  position: static;
  opacity: 1;
}
.cb-expand--ani {
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/**
* @pagename helpers
* @name eb-row
* @description Style for the eb-row
* @markup
<span class="eb-row">markup</span>
*/
.eb-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.eb-row--wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
/*
@pagename helpers
@name eb-row--itemstretch
@extends eb-row
@description
@markup
*/
.eb-row--itemstretch.eb-row--itemstretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
/*
  @pagename helpers
  @name eb-row--itemreverse
  @extends eb-row
  @description
  @markup
*/
.eb-row--itemreverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
/*
@pagename helpers
@name eb-row--top
@extends eb-row
@description
@markup
*/
.eb-row--top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/*
@pagename helpers
@name eb-row--bottom
@extends eb-row
@description
@markup
*/
.eb-row--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*
@pagename helpers
@name eb-row--end
@extends eb-row
@description
@markup
*/
.eb-row--end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
/*
@pagename helpers
@name eb-row--bottom
@extends eb-row
@description
@markup
*/
.eb-row--bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
/*
@pagename helpers
@name eb-row--bottom
@extends eb-row
@description
@markup
*/
.eb-row--between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.eb-row--around {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
/*
@pagename helpers
@name eb-row-item
@description
@markup
*/
.eb-row-item {
  display: block;
}
/*
@pagename helpers
@name eb-row-item--grow
@extends eb-row-item
@description
@markup
*/
.eb-row-item--grow {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
/*
@pagename helpers
@name eb-row-item--grow
@extends eb-row-item
@description
@markup
*/
.eb-row-item--noshrink {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
/*
@pagename helpers
@name eb-row-item--top
@extends eb-row-item
@description
@markup
*/
.eb-row-item--top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
/*
@pagename helpers
@name eb-row-item--bottom
@extends eb-row-item
@description
@markup
*/
.eb-row-item--bottom {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
/*
@pagename helpers
@name eb-row-item--bottom
@extends eb-row-item
@description
@markup
*/
.eb-row-item--stretch {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
/*
@pagename helpers
@name eb-row-item--center
@extends eb-row-item
@description
@markup
*/
.eb-row-item--center {
  margin: auto;
}
/*
@pagename helpers
@name eb-column
@description
@markup
*/
.eb-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
/*
@pagename helpers
@name eb-column--centered
@extends eb-column && eb-row
@description
@markup
*/
.eb-items--centered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*
@pagename
@name
@description
@markup
*/
.columns--2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
/*
---
title:   Distance
section: variables
---

Only allowed distance values, to be used in paddings and margins.

```example:css
:root {
  --distance-small: 5px;
  --distance-medium: 10px;
  --distance-standard: 10px;
  --distance-large: 15px;
  --distance-xlarge: 20px;
  --distance-xxlarge: 30px;
}
```
*/
.mar-none {
  margin: 0;
}
.mar-none--t {
  margin-top: 0;
}
.mar-none--r {
  margin-right: 0;
}
.mar-none--b {
  margin-bottom: 0;
}
.mar-none--l {
  margin-left: 0;
}
.mar-s {
  margin: 5px;
}
.mar-s--tb {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mar-s--rl {
  margin-right: 5px;
  margin-left: 5px;
}
.mar-s--t {
  margin-top: 5px;
}
.mar-s--r {
  margin-right: 5px;
}
.mar-s--b {
  margin-bottom: 5px;
}
.mar-s--l {
  margin-left: 5px;
}
.mar-m {
  margin: 10px;
}
.mar-m--tb {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mar-m--rl {
  margin-right: 10px;
  margin-left: 10px;
}
.mar-m--t {
  margin-top: 10px;
}
.mar-m--r {
  margin-right: 10px;
}
.mar-m--b {
  margin-bottom: 10px;
}
.mar-m--l {
  margin-left: 10px;
}
.mar-l {
  margin: 20px;
}
.mar-l--tb {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mar-l--rl {
  margin-right: 20px;
  margin-left: 20px;
}
.mar-l--t {
  margin-top: 20px;
}
.mar-l--r {
  margin-right: 20px;
}
.mar-l--b {
  margin-bottom: 20px;
}
.mar-l--l {
  margin-left: 20px;
}
.mar-xl {
  margin: 30px;
}
.mar-xl--tb {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mar-xl--rl {
  margin-right: 30px;
  margin-left: 30px;
}
.mar-xl--t {
  margin-top: 30px;
}
.mar-xl--r {
  margin-right: 30px;
}
.mar-xl--b {
  margin-bottom: 30px;
}
.mar-xl--l {
  margin-left: 30px;
}
.mar-xxl {
  margin: 50px;
}
.mar-xxl--tb {
  margin-top: 50px;
  margin-bottom: 50px;
}
.mar-xxl--rl {
  margin-right: 50px;
  margin-left: 50px;
}
.mar-xxl--t {
  margin-top: 50px;
}
.mar-xxl--r {
  margin-right: 50px;
}
.mar-xxl--b {
  margin-bottom: 50px;
}
.mar-xxl--l {
  margin-left: 50px;
}
.mar-auto {
  margin-right: auto;
}
.mar-auto,.mar-l--auto {
  margin-left: auto;
}
.mar-r---auto {
  margin-right: auto;
}
.oo-line::before,
.oo-line::after {
  clear: both;
  color: transparent;
  content: "x x x x x x x";
  display: block;
  font-size: 0.1em;
  height: 0;
  line-height: 0;
  text-indent: -999999em;
}
.oo-left {
  float: left;
}
.oo-right {
  float: right;
}
.oo-lastUnit {
  overflow: hidden;
  width: auto;
}
.c--pointer {
  cursor: pointer;
}
.pad-none {
  padding: 0;
}
.pad-none--t {
  padding-top: 0;
}
.pad-none--r {
  padding-right: 0;
}
.pad-none--b {
  padding-bottom: 0;
}
.pad-none--l {
  padding-left: 0;
}
.pad-s {
  padding: 5px;
}
.pad-s--tb {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pad-s--rl {
  padding-right: 5px;
  padding-left: 5px;
}
.pad-s--t {
  padding-top: 5px;
}
.pad-s--r {
  padding-right: 5px;
}
.pad-s--b {
  padding-bottom: 5px;
}
.pad-s--l {
  padding-left: 5px;
}
.pad-m {
  padding: 10px;
}
.pad-m--tb {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad-m--rl {
  padding-right: 10px;
  padding-left: 10px;
}
.pad-m--t {
  padding-top: 10px;
}
.pad-m--r {
  padding-right: 10px;
}
.pad-m--b {
  padding-bottom: 10px;
}
.pad-m--l {
  padding-left: 10px;
}
.pad-l {
  padding: 20px;
}
.pad-l--tb {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pad-l--rl {
  padding-right: 20px;
  padding-left: 20px;
}
.pad-l--t {
  padding-top: 20px;
}
.pad-l--r {
  padding-right: 20px;
}
.pad-l--b {
  padding-bottom: 20px;
}
.pad-l--l {
  padding-left: 20px;
}
.pad-xl {
  padding: 30px;
}
.pad-xl--tb {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pad-xl--rl {
  padding-right: 30px;
  padding-left: 30px;
}
.pad-xl--t {
  padding-top: 30px;
}
.pad-xl--r {
  padding-right: 30px;
}
.pad-xl--b {
  padding-bottom: 30px;
}
.pad-xl--l {
  padding-left: 30px;
}
.pad-xxl {
  padding: 50px;
}
.pad-xxl--tb {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pad-xxl--rl {
  padding-right: 50px;
  padding-left: 50px;
}
.pad-xxl--t {
  padding-top: 50px;
}
.pad-xxl--r {
  padding-right: 50px;
}
.pad-xxl--b {
  padding-bottom: 50px;
}
.pad-xxl--l {
  padding-left: 50px;
}
.permission {
  font-size: 16px;
}
.permission a,
.rightcolumn .permission a,
.permission--sub {
  color: #bd1118;
}
.permission--sub:hover {
  cursor: pointer;
}
.permission--newsletters {
  margin: 0 auto;
}
.permission-checkbox {
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  text-align: left;
  width: 25px;
}
.permission-input {
  position: absolute;
  z-index: -1;
}
.permission-input:focus ~ .permission-checked,
.permission-input:focus ~ .permission-unchecked {
  outline: 1px dotted #999;
}
.permission-unchecked,
.permission-input:checked ~ .permission-checked {
  display: inline-block;
}
.permission-checked,
.permission-input:checked ~ .permission-unchecked {
  display: none;
}
.permission-error {
  position: absolute;

  display: none;

  top: -30px;
  left: -5px;
}
.permission-error::before {
  width: 15px;
  left: 8px;
}
.permission-error::before,.permission-error::after {
  background: #900;
  color: #fff;
  content: " ";
  position: absolute;
  z-index: 9999;
}
.permission-error::after {
  height: 7px;
  width: 8px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 10px;
}
.permission-error::before {
    height: 4px;
    bottom: 0;
  }
.permission-error::after {
    bottom: -3px;
  }
.formErrorContent {
  background: #900;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px;
}
.permission-error-content--payflow {
  font-size: 12px;
}
/*
@pagename
@name
@description
@markup
*/
.figure {
  line-height: 0;
  margin: 0;
  position: relative;
}
.figure-image {
  height: auto;
  width: 100%;
}
.figure-image--side9 {
  height: auto;
  width: 730px;
}
.newon-side9 {
  position: absolute;
  top: 0;
  left: 0;
}
.monthlywinner-side9 {
  position: absolute;
  top: 0;
  right: 0;
}
.figure-caption {
  display: block;
  font-size: 14px;
  line-height: -webkit-calc(14px + 2px);
  line-height: calc(14px + 2px);
}
.tv-standalone .figure-caption {
  padding-bottom: 20px;
}
.image-container--landscape {
  background: #ddd;
  color: #000;

  position: relative;

  display: block;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  width: 100%;
}
.image-container-img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
}
.figure-round {
  border-radius: 50px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: -20px;
  width: 100px;
}
.figure-round--bg {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}
/**
* @name Article type indicators
* @description adds overlay on top of thumbnail images according to the article "media" type. Extends font awesome icons
*/
.indicator-overlay {
  position: absolute;
  left: 5px;
  bottom: 5px;
  z-index: 1;
}
.indicator-video {
  background: url("/assets/base/svg/play-icon.svg") no-repeat;
  height: 25px;
  width: 25px;
}
.indicator-video.is-intext {
  height: 14px;
  width: 14px;
}
.indicator-video.indicator-medium {
  height: 40px;
  width: 40px;
}
.indicator-video.indicator-large,.indicator-video--super {
  height: 60px;
  width: 60px;
}
.indicator-video--super {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
    height: 90px;
    width: 90px;
}
.indicator-video--super:hover {
    height: 120px;
    width: 120px;
  }
.sh-checkbox {
  left: -999999em;
  opacity: 0;
  position: absolute;
  text-indent: -999999em;
  -webkit-transform: translateX(-999999em);
          transform: translateX(-999999em);
  visibility: hidden;
  z-index: -1;
}
.sh-element {
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  position: absolute;
}
.sh-checkbox:checked + .sh-element {
  -webkit-transform: none;
          transform: none;
  position: static;
}
.sh-checkbox:checked + .sh-element--fixed {
  position: fixed;
}
.sh-checkbox:checked ~ .sh-label--hide {
  display: none;
}
.box-shadow {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.box-shadow--small {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.box-shadow--large {
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
.pagecolumn {
  @extend .eb-row;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

      -ms-flex-align: start;

          align-items: flex-start;
}
.pagecolumn-element {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
}
.pagecolumn-element:first-of-type {
  padding-left: 10px;
}
.pagecolumn-element:last-of-type {
  padding-right: 10px;
}
.d-block {
  display: block;
}
.d-inlineblock {
  display: inline-block;
}
.d-none,
.hidden {
  display: none;
}
[hidden] {
  display: none !important;
}
.align--l {
  text-align: top;
}
.align--c {
  text-align: middle;
}
.align--r {
  text-align: bottom;
}
.v-align--t {
  vertical-align: top;
}
.v-align--m {
  vertical-align: middle;
}
.v-align--b {
  vertical-align: bottom;
}
.no-list {
  list-style: none;
}
.overflow-hidden {
  overflow: hidden;
}
.float--left {
  float: left;
}
.float--right {
  float: right;
}
.clearfix {
  clear: both;
}
.w-auto {
  width: auto;
}
.size--vw {
  width: 100vw;
}
.height1of1 {
  height: 100%;
}
.size1of1 {
  width: 100%;
}
.size3of4 {
  width: 75%;
}
.size2of3 {
  width: 66.666%;
}
.size1of2 {
  width: 50%;
}
.size1of3 {
  width: 33.333%;
}
.size1of4 {
  width: 25%;
}
.size1of5 {
  width: 20%;
}
.size5of6 {
  width: 83.333%;
}
.size1of6 {
  width: 16.666%;
}
.loader .bounce {
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
          animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.loader .bounce1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.loader .bounce2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.bg--bordeaux {
  background: #8a0c36;
  color: #fff;
}
.bg--reddark {
  background: #900;
  color: #fff;
}
.bg--red {
  background: #bd1118;
  color: #fff;
}
.bg--rose {
  background: #dc7095;
  color: #fff;
}
.bg--orangedark {
  background: #e38121;
  color: #fff;
}
.bg--orange {
  background: #e5ad02;
  color: #fff;
}
.bg--yellow {
  background: #fae500;
  color: #fff;
}
.bg--yellowlight {
  background: #ff0;
  color: #000;
}
.bg--sand {
  background: #cec4a6;
  color: #fff;
}
.bg--greendark {
  background: #2f7820;
  color: #fff;
}
.bg--green {
  background: #32a237;
  color: #fff;
}
.bg--greenlight {
  background: #93b923;
  color: #fff;
}
.bg--lime {
  background: #cbfe33;
  color: #000;
}
.bg--purpledark {
  background: #650188;
  color: #fff;
}
.bg--bluedark {
  background: #12507b;
  color: #fff;
}
.bg--blue {
  background: #31769b;
  color: #fff;
}
.bg--bluelight {
  background: #4fa8df;
  color: #fff;
}
.bg--sea {
  background: #84a8c4;
  color: #fff;
}
.bg--black {
  background: #000;
  color: #fff;
}
.bg--graa1 {
  background: #3c3c3c;
  color: #fff;
}
.bg--graa2 {
  background: #484848;
  color: #fff;
}
.bg--graa3 {
  background: #999;
  color: #fff;
}
.bg--graa4 {
  background: #c8c8c8;
  color: #000;
}
.bg--graa5 {
  background: #ddd;
  color: #000;
}
.bg--graa6 {
  background: #e5e5e5;
  color: #000;
}
.bg--graa7 {
  background: #efefef;
  color: #000;
}
.bg--white {
  background: #fff;
  color: #000;
}
.bg--pastel-red {
  background: #db5040;
  color: #fff;
}
.bg--pastel-darkred {
  background: #954839;
  color: #fff;
}
.bg--pastel-lightred {
  background: #d67e9b;
  color: #fff;
}
.bg--pastel-green {
  background: #9fc29c;
  color: #fff;
}
.bg--pastel-darkgreen {
  background: #91a34f;
  color: #fff;
}
.bg--pastel-yellow {
  background: #d4c564;
  color: #fff;
}
.bg--eb {
  background: #bd1118;
  color: #fff;
}
.bg--eb2 {
  background: #900;
  color: #fff;
}
.bg--breaking {
  background: #ff0;
  color: #000;
}
.bg--bruger {
  background: #4fa8df;
  color: #fff;
}
.bg--live {
  background: #000;
  color: #fff;
}
.bg--native {
  background: #cec4a6;
  color: #fff;
}
.bg--native2 {
  background: #84a8c4;
  color: #fff;
}
.bg--facebook {
  background: #31769b;
  color: #fff;
}
.bg--twitter {
  background: #4fa8df;
  color: #fff;
}
.bg--ekstra {
  background: #bd1118;
  color: #fff;
}
.bg--filmmagasinet {
  background: #650188;
  color: #fff;
}
.bg--flash {
  background: #e5ad02;
  color: #fff;
}
.bg--forbrug {
  background: #31769b;
  color: #fff;
}
.bg--livescore {
  background: #32a237;
  color: #fff;
}
.bg--livescore2 {
  background: #cbfe33;
  color: #000;
}
.bg--nationen {
  background: #e38121;
  color: #fff;
}
.bg--nationen2 {
  background: #e5ad02;
  color: #fff;
}
.bg--nyheder {
  background: #12507b;
  color: #fff;
}
.bg--nyheder2 {
  background: #000;
  color: #fff;
}
.bg--sex-samliv {
  background: #8a0c36;
  color: #fff;
}
.bg--sex-samliv2 {
  background: #dc7095;
  color: #fff;
}
.bg--skolefodbold {
  background: #93b923;
  color: #fff;
}
.bg--sport {
  background: #32a237;
  color: #fff;
}
.bg--tv {
  background: #bd1118;
  color: #fff;
}
.color--bordeaux {
  color: #8a0c36;
}
.color--reddark {
  color: #900;
}
.color--red {
  color: #bd1118;
}
.color--rose {
  color: #dc7095;
}
.color--orangedark {
  color: #e38121;
}
.color--orange {
  color: #e5ad02;
}
.color--yellow {
  color: #fae500;
}
.color--yellowlight {
  color: #ff0;
}
.color--sand {
  color: #cec4a6;
}
.color--greendark {
  color: #2f7820;
}
.color--green {
  color: #32a237;
}
.color--greenlight {
  color: #93b923;
}
.color--lime {
  color: #cbfe33;
}
.color--purpledark {
  color: #650188;
}
.color--bluedark {
  color: #12507b;
}
.color--blue {
  color: #31769b;
}
.color--bluelight {
  color: #4fa8df;
}
.color--sea {
  color: #84a8c4;
}
.color--black {
  color: #000;
}
.color--graa1 {
  color: #3c3c3c;
}
.color--graa2 {
  color: #484848;
}
.color--graa3 {
  color: #999;
}
.color--graa4 {
  color: #c8c8c8;
}
.color--graa5 {
  color: #ddd;
}
.color--graa6 {
  color: #e5e5e5;
}
.color--graa7 {
  color: #efefef;
}
.color--white {
  color: #fff;
}
.color--pastel-red {
  color: #db5040;
}
.color--pastel-darkred {
  color: #954839;
}
.color--pastel-lightred {
  color: #d67e9b;
}
.color--pastel-green {
  color: #9fc29c;
}
.color--pastel-darkgreen {
  color: #91a34f;
}
.color--pastel-yellow {
  color: #d4c564;
}
.color--eb {
  color: #bd1118;
}
.color--eb2 {
  color: #900;
}
.color--breaking {
  color: #ff0;
}
.color--bruger {
  color: #4fa8df;
}
.color--live {
  color: #000;
}
.color--native {
  color: #cec4a6;
}
.color--native2 {
  color: #84a8c4;
}
.color--facebook {
  color: #31769b;
}
.color--twitter {
  color: #4fa8df;
}
.color--ekstra {
  color: #bd1118;
}
.color--filmmagasinet {
  color: #650188;
}
.color--flash {
  color: #e5ad02;
}
.color--forbrug {
  color: #31769b;
}
.color--livescore {
  color: #32a237;
}
.color--livescore2 {
  color: #cbfe33;
}
.color--nationen {
  color: #e38121;
}
.color--nationen2 {
  color: #e5ad02;
}
.color--nyheder {
  color: #12507b;
}
.color--nyheder2 {
  color: #000;
}
.color--sex-samliv {
  color: #8a0c36;
}
.color--sex-samliv2 {
  color: #dc7095;
}
.color--skolefodbold {
  color: #93b923;
}
.color--sport {
  color: #32a237;
}
.color--tv {
  color: #bd1118;
}
.border--black {
  border-color: #000;
}
.border--graa1 {
  border-color: #3c3c3c;
}
.border--graa2 {
  border-color: #484848;
}
.border--graa3 {
  border-color: #999;
}
.border--graa4 {
  border-color: #c8c8c8;
}
.border--graa5 {
  border-color: #ddd;
}
.border--graa6 {
  border-color: #e5e5e5;
}
.border--graa7 {
  border-color: #efefef;
}
.border--white {
  border-color: #fff;
}
html,button,input,select,textarea{font-family:Arial,sans-serif}
h1{font-size:50px}
h2{font-size:30px}
h3{font-size:20px}
h4,h5{font-size:18px}
h6,p{font-size:16px}
.fs-xxsmall{font-size:10px}
.fs-xsmall{font-size:12px}
.fs-small{font-size:14px}
.fs-medium{font-size:16px}
.fs-large{font-size:18px}
.fs-xlarge{font-size:20px}
.fs-xxlarge{font-size:30px}
.fs-xxxlarge{font-size:50px}
.fs-ads{font-size:10px;line-height:normal}
.fs-timestamp{font-size:12px;line-height:normal}
.fs-caption{font-size:14px;line-height:normal}
.fs-showmore{font-size:16px;line-height:normal}
.fs-bodytext{font-size:18px;line-height:normal}
.fs-subtitle{font-size:20px;line-height:normal}
.fs-quote{font-size:30px;line-height:normal}
.fs-title{font-size:50px;line-height:normal}
@media only screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .ie-widthhack {
    width: 100% !important;
  }
}