@charset "utf-8";


:root {
  --text-color: rgba(255,255,255,0.9);
  --caption-color: rgba(21,34,85,0.65);
  --menuBorder-color: rgba(255,255,255,0.35);
}


*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

::-webkit-scrollbar {
  width: 0.65em;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.35);
  border: none;
}
::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: transparent;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* SITE SPECIFIC styling ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
  width: 100%;
}

body {
  background: #000 url(../images/curtain_bg2.jpg) top center;
  background-attachment: scroll;
  background-size: auto;
  background-size: cover;
  background-attachment: fixed;
  color: var(--text-color);
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 100%; /* 19px; */
  line-height: 1.4em; /* 1.375em; */
  margin: 0px;
  padding: 0px;
  min-height: 100vh;
  overflow-x: hidden;
  image-rendering: optimizeQuality;
  text-shadow: 1px 1px 1px rgba(0,0,0,.004);
}

.mainWrapper {
  height: auto;
  padding: 0px;
  padding: 0px 0px 2em 0px;
}

.mainWrapper::after {
  content: " ";
  display: table;
  clear: both;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* TYPE STUFF */

h1, h2, h3, h4, h5, h6 {
  font-weight: 700; 
  line-height: 1.3em;
  margin: 0px 0px 1.5em 0px;
  letter-spacing: 0.001em; /* 0px; /* -0.015rem; /* -0.0125rem; */
}

h2 {
  font-size: 24px;
  line-height: 40px;
}

h3 {
  font-size: 21px;
}

.headerGroup h1,
.headerGroup h2,
.headerGroup h3,
.headerGroup h4,
.headerGroup h5,
.headerGroup h6 {
  margin: 0px 0px 0px 0px;
}


p {
  font-size: 1em;
  margin: 0px 0px 1.5rem 0px; /* 0px 0px 2em 0px; */
}

/* INLINE LINKS */
a { text-decoration: none; color: #ff5252; outline: 0; }
a:active, a:focus { outline: 0; }
a:hover { text-decoration: underline; outline: none; }

a img {
  border: 0px;
}

img.fullWidth {
  width: 100%;
  height: auto;
}






/* ************************************************************************** */
/* Nyheder */

.nyhederOverviewWrapper {

}

.nyhederOverviewWrapper div {
  margin-bottom: 2rem;
}
.nyhederOverviewWrapper div:last-of-type {
  margin-bottom: 0px;
}

.nyhederOverviewWrapper img {
  display: block;
  float: left;
  max-width: 100%;
  height: auto;
  margin: 0px 0px 0.5em 0px;
}

.nyhederOverviewWrapper h2 {
  margin-bottom: 0px;
}
.nyhederOverviewWrapper h2 a {
  color: var(--text-color);
}
.nyhederOverviewWrapper h2 a:hover {
  color: var(--text-color);
  text-decoration: none;
}


/* ************************************************************************** */
/* Forestillinger */



.forestillingerOverviewWrapper .forestilling img {
  width: 100%;
  height: auto;
}
.forestillingerOverviewWrapper .forestilling a.txt {
  color: var(--text-color);
  text-decoration: none;
}
.forestillingerOverviewWrapper .forestilling a:hover.txt {
  text-decoration: none;
}

/* ************************************************************************** */
/* Forestilling single */

.forestillingSingleWrapper {

}

.forestillingSingleWrapper img.bigImage {
  width: 100%;
  height: auto;
  margin-bottom: 1.75em;
}


/* ************************************************************************** */
/* Gallery full wrapper */


/* video in info field */
.infoVideoWrapper {
  display: block;
  
  margin-bottom: 1.75em;
}
.infoVideoWrapper::after {
  content: " ";
  display: table;
  clear: both;
}

.infoVideoWrapper video {
  display: block;
  float: left;
  width: 100%; /* calc(100% - 2px); */
  border: 1px dotted rgba(255,255,255,.4);
  height: auto;
}
.infoVideoWrapper video:nth-child(2) {
  margin-top: 1.5em;
}


.infoWrapper {
  border-bottom: 1px dotted rgba(255,255,255,.4);
  margin-bottom: 1.75em;
}



/* ************************************************************************** */
/* Other Wrappers */

/* NAV ICON */
.burgerWrapper a#burger {
  display: block;
  float: right;
  padding: 0px;
  margin: -0.5rem -0.375rem 0px 0px;
  color: var(--text-color);
}

.burgerWrapper a#burger #burgerIcon,
.burgerWrapper a#burger #crossIcon {
  outline: none;
  border: none;
  display: block;
  float: right;
  cursor: pointer;
  background-color: transparent;
  margin: 0px;
}
.burgerWrapper a#burger #burgerIcon {
  padding: 0px; /* 0.25em 0.8em 0px 0.6em; */
}
.burgerWrapper a#burger #crossIcon {
  padding: 0px; /* 0.25em 0.5em 0px 0.9em; */
}

.burgerWrapper a#burger #burgerIcon.hide,
.burgerWrapper a#burger #crossIcon.hide {
  display: none;
}

.burgerWrapper a#burger #burgerIcon svg,
.burgerWrapper a#burger #crossIcon svg {
  width: 46px;
  height: 46px;
}



/* ************************************************************************** */

.BottomLine {
  content: " ";
  display: table;
  clear: both;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.4);
  margin-bottom: 1em;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* THERE ARE STYLESHEETS ATTACHED TO THIS formatting */

/* grids */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen {

  body {
    overflow-y: auto;
  }

  .pageWrapper {
    width: 100%;
    display: block;
    padding: 1rem;
    margin: 0px;
  }
  .contentWrapper {
    max-width: 1280px;
    margin: 0px auto;
  }

  header {
    display: grid;
    /* grid-template-columns: 1fr max-content; /* 1fr max-content; */
    grid-template:
      "a b" 2.65em /* this is vertical space */
      "c c" 1fr /* this is vertical space */
      / 1fr max-content; /* this is horisontal */
    margin: 0px 0px 3.5em 0px;
  }

  /*
  header > * {
    border: 1px solid red;
  }
  */

  /* LOGO */
  #logo {
    grid-area: a;
  }
  #logo a {
    color: rgba(255,255,255,.9);
    font-weight: 700;
    display: block;
    font-size: 24px;
  }
  #logo a:hover {
    text-decoration: none;
  }


  /* regular menu */
  #navWrapper {
    display: none;
  }
  #navWrapper ul.nav {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }
  #navWrapper ul.nav li {
    display: inline-block;
    margin-right: 2em;
  }
  #navWrapper ul.nav li:last-of-type {
    margin-right: 0px;
  }
  #navWrapper ul.nav li a {
    text-transform: uppercase;
    font-weight: 700;
  }
  #navWrapper ul.nav li a:hover {
    color: var(--text-color);
    text-transform: uppercase;
    text-decoration: none;
  }
  #navWrapper ul.nav li a.activeAnchor {
    color: var(--text-color);
  }



  /* burger menu */
  #mobileNavWrapper {
    grid-area: c;
    overflow: hidden;
    height: auto;
    max-height: 420px;
    transition: max-height 0.2s ease;
  }
  #mobileNavWrapper.hide {
    max-height: 0px;
    border-bottom: 1px solid transparent;
  }

  /* burger nav */
  .burgerWrapper {
    margin-bottom: 1rem;
    margin-top: -0.275em;
    grid-area: b;
  }

  /* mobileNav */
  ul.mobileNav {
    list-style: none;
    height: auto;
    border-bottom: 1px solid var(--menuBorder-color);
    overflow: hidden;
    transition: max-height 0.2s ease;
    padding: 0px;
    margin: 0px 0px 1rem 0px;
  }
  ul.mobileNav li {
    display: block;
    width: 100%;
    float: left;
  }
  /* "logo" */
  ul.mobileNav li:first-child {
    display: block;
    width: 100%;
    float: left;
    margin: 0px 0px 2rem 0px;
    display: none;
  }
  ul.mobileNav li a {
    display: block;
    width: 100%;
    float: left;
    border-top: 1px solid var(--menuBorder-color);
    border-bottom: 1px solid transparent;
    font-size: 19px;
    line-height: 1.35em;
    text-align: center;
    padding: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.005em;
  }
  ul.mobileNav li a:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
    background: rgba(51,51,51,.05);
    color: var(--text-color);
  }
  ul.mobileNav li:first-child a:hover {
    text-decoration: none;
  }
  ul.mobileNav li.active a {
    color: var(--text-color);
  }


  .galleryFullWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0px;
  }
  
  .galleryFullWrapper a img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }


  .forestillingerOverviewWrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1em 1.25em;
  }

}


/* ***************************************************** */
/* BREAK MEDIUM */

@media (min-width: 500px) {

  .galleryFullWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .forestillingerOverviewWrapper {
    grid-template-columns: 1fr 1fr;
  }
}


/* ***************************************************** */
/* BREAK MEDIUM */

@media (min-width: 800px) {

  .pageWrapper {
    padding: 2rem; /* 2rem; */
  }

  .galleryFullWrapper {
    grid-template-columns: 1fr 1fr;
  }

  .forestillingerOverviewWrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5em 2em;
  }

}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 4. */
@media screen and (min-width: 1024px) {

  .pageWrapper {
    padding: 3rem; /* 2rem; */
    margin: 0px;
  }

  header {
    grid-template-columns: 1fr max-content;
    margin: 0px 0px 3.5em 0px;
  }  

  /* regular menu */
  #navWrapper {
    display: grid;
    grid-area: b;
  }

  /* no mobile nav */
  .burgerWrapper {
    display: none;
  }
  /* burger menu */
  #mobileNavWrapper {
    display: none;
  }
  
  .galleryFullWrapper {
    grid-template-columns: 1fr 1fr;
  }  

}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 4. */
@media screen and (min-width: 1280px) {


}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 4. */
@media screen and (min-width: 1400px) {
  
  .pageWrapper {
    padding: 5rem; /* 2rem; */
  }


}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}