/* stylelint-disable block-no-empty */
/* Variables */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin,latin-ext);
html,
button,
input,
select,
textarea {
  font-family: Arial, sans-serif; }

html {
  font-family: "Titillium Web", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Base SASS - Imports for all mixins + global project variables */
/* Font weights */
/* Base Font */
/* = 10px */
/* Padding, margin and optimal widths */
/* Headings */
/* Import components  */
/* Partials */
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
/* Modified to pass github:ebudvikling/stylelint-config-eb  */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: ''; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  margin: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0;
  background-color: #000; }

section {
  margin: 2rem auto;
  padding: 0 1rem;
  box-sizing: border-box;
  max-width: 730px; }

.dhs-article,
figure,
nav,
section {
  width: 100%; }

.dhs-article {
  padding: 2rem 0;
  background-image: url("https://img.gs/jhnvssfgzp/full/https://static.ekstrabladet.dk/redaktioneludvikling/data/images/2016/det-hvide-snit/v1/backgroundv3.png");
  background-position: center;
  background-repeat: repeat-y;
  overflow: hidden; }

figcaption {
  display: none;
  box-sizing: border-box;
  margin: 0.5rem auto;
  padding: 0 1rem;
  max-width: 730px; }

/* Special cases */
.fullviewport-height {
  height: 100vh;
  /* Javascript fallback defined */
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }

.preloader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  color: #fff; }
  .preloader .content-preloader {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .preloader .content-preloader svg {
      animation: spin 1s linear infinite; }

/* Image formats */
figure {
  padding-bottom: 1rem;
  margin: 0; }
  figure img,
  figure video {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  figure video {
    cursor: pointer; }
  figure iframe {
    display: block;
    margin: 0 auto; }
  figure .format1 {
    max-width: 1000px;
    width: 100%; }
  figure .format2 {
    max-width: 100%; }
  figure .format3,
  figure .format5 {
    float: left;
    margin-right: 2rem; }
  figure .format4,
  figure .format6 {
    float: right;
    margin-left: 2rem; }
  figure .format5 {
    margin-left: -12rem; }
  figure .format6 {
    margin-right: -12rem; }
  figure .rotate1 {
    transform: rotate(1deg); }
  figure .rotate2 {
    transform: rotate(-1deg); }
  figure .rotate3 {
    transform: rotate(2deg); }
  figure .rotate4 {
    transform: rotate(-2deg); }
  figure .image-header {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: auto; }
    figure .image-header h1 {
      position: absolute;
      color: #fff; }

.bylinePicture {
  margin-top: 2rem;
  margin-left: -5rem; }
  .bylinePicture img {
    max-width: 100%; }

.ekstralogo-icon {
  background: url("http://ebimg.dk/ux/data/logo/ekstra_rgb.svg") no-repeat;
  display: block;
  position: fixed;
  z-index: 1001;
  top: 60px;
  left: 10px; }
  .ekstralogo-icon.ekstralogo-icon-148px {
    background-size: 148px 33px;
    height: 33px;
    width: 148px; }

.three_col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: auto;
  margin-top: -2rem;
  max-width: 1000px; }
  .three_col .col {
    max-width: 32.5%;
    min-width: 300px;
    -ms-flex: 1;
    flex: 1; }

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 62.5%; }

body {
  color: black;
  font-size: 1.1rem; }

h1 {
  font-size: 5rem;
  font-weight: 600;
  margin: 2rem 0; }

h2 {
  font-size: 2.3rem; }

p {
  width: auto;
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 1.9rem; }

i {
  font-style: italic; }

blockquote {
  font-size: 2.3rem;
  font-style: italic;
  margin: .8rem 0;
  padding: 1.5rem 3rem;
  line-height: 1.45;
  position: relative; }

blockquote::before {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: 80px;
  top: -30px;
  position: absolute;
  color: #cec4a6; }

blockquote::before {
  content: '\201C';
  left: -10px; }

blockquote cite {
  color: #999;
  font-size: 1.4rem;
  display: block;
  margin-top: .3rem; }

blockquote cite::before {
  content: '\2014 \2009'; }

.subheader {
  font-size: 2.2rem; }

.byline {
  color: #999;
  font-size: 1.6rem;
  font-style: italic;
  line-height: 1.4;
  margin: 3rem 0;
  text-align: center;
  width: auto; }

strong {
  font-weight: 600; }

small {
  font-size: 1.2rem; }

a {
  color: #bd1118;
  text-decoration: none; }

figcaption {
  color: #3c3c3c;
  font-size: 1.2rem;
  line-height: 1.4; }

ul {
  list-style-type: circle; }

.header-nav {
  display: block;
  box-sizing: border-box;
  width: 100vw;
  padding: 7px 10px;
  background-color: #fff;
  height: 50px; }

.eblogo {
  display: block;
  background: url(https://static.ekstrabladet.dk/ux/data/logo/logo100p.svg) no-repeat;
  background-size: 40px 35px;
  height: 35px;
  width: 40px; }

.dhs-floating-logo {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1; }

.dhs-menu {
  list-style: none; }
  .dhs-menu-item {
    float: left; }
    .dhs-menu-item:not(:first-child) {
      margin-left: 10px;
      padding-right: 10px;
      margin-top: 9px;
      border-right: 1px solid #ccc; }
    .dhs-menu-item a {
      font-family: Arial, sans-serif;
      font-size: 18px;
      line-height: 18px;
      color: #000;
      margin-top: 9px; }

.credits {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  box-sizing: border-box;
  background: linear-gradient(to bottom, transparent 0%, transparent 20%, black 20%, black 100%);
  padding: 35px 15px 15px; }
  .credits p {
    font-size: 13px;
    color: #fff;
    margin-bottom: 3px;
    text-align: left; }
    .credits p strong {
      margin-right: 10px; }
  .credits .ebekstralogo {
    display: block;
    float: left;
    background: url(https://static.ekstrabladet.dk/ux/data/logo/ekstra_rgb.svg) no-repeat;
    background-size: 111px 25px;
    height: 25px;
    width: 111px;
    margin-top: -28px; }

/* Components */
/* stylelint-disable selector-no-id */
/* Need ID for BoardNav */
lobotomi-app {
  line-height: 1; }
  lobotomi-app #labotomi-board-container {
    width: 100vw;
    height: 100%;
    overflow: hidden; }
  lobotomi-app #labotomi-board {
    will-change: transform;
    opacity: 0;
    transform-origin: 0 0;
    margin: 0;
    padding: 0; }
  lobotomi-app #chapter-view {
    height: 0;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    transition: opacity 1s ease-in-out;
    width: 100%;
    z-index: 2; }
    lobotomi-app #chapter-view .close-btn {
      border: none;
      position: fixed;
      padding: 0;
      top: 0;
      right: 0;
      background: none;
      height: 80px;
      width: 120px;
      cursor: pointer;
      transition: transform .4s ease-in-out;
      transform: translate(4px, -4px); }
      lobotomi-app #chapter-view .close-btn img {
        width: 100%; }
      lobotomi-app #chapter-view .close-btn:hover {
        transform: translate(0, 0); }
      lobotomi-app #chapter-view .close-btn:active, lobotomi-app #chapter-view .close-btn:focus {
        background-image: none;
        outline: 0;
        box-shadow: none; }
  lobotomi-app map area {
    cursor: pointer; }

/* Bootstrap Mediaqueries */
/* Large desktop */
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  figure .format3,
  figure .format5 {
    margin-left: 0 !important; }
  figure .format4,
  figure .format6 {
    margin-right: 0 !important; } }

/* Landscape phones and down */
@media (max-width: 480px) {
  /* Mobile only styling */
  html {
    font-size: 62.5%; }
  h1 {
    font-size: 2.5rem;
    max-width: 80%; }
  /* stylelint-disable declaration-no-important */
  /* !important nedded to overwrite inline styling */
  figure .format2 {
    margin-left: -5%;
    max-width: 110%; }
  figure .format3,
  figure .format4,
  figure .format5,
  figure .format6 {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    max-width: 320px; }
  figure figcaption {
    display: block; }
  .three_col {
    max-width: 1280px; }
    .three_col .col {
      max-width: 100%;
      min-width: none;
      margin-bottom: 1rem; }
  .article7 h1 {
    bottom: 160px !important;
    right: 1px !important; }
  .article9 h1 {
    bottom: 18px !important;
    left: 17px !important;
    width: 90% !important; }
  .bylinePicture {
    margin-left: 0; }
  .close-btn {
    width: 60px; }
  .header-nav {
    display: none; }
  .dhs-floating-logo {
    display: block; }
  .credits p {
    font-size: 10px; }
  .credits .ebekstralogo {
    display: none;}
  .subheader {
    font-size: 2rem; }
  .three_col .col {
    -ms-flex: none;
    flex: none; } }

/* Style Ekstra placeholder */
.teaser-top-container {
  background: url(https://static.ekstrabladet.dk/redaktioneludvikling/data/images/2016/det-hvide-snit/v1/background-ekstrav2.jpg) no-repeat center center fixed !important;
  background-size: cover !important; }

/*# sourceMappingURL=sourcemaps/main.css.map */