@charset "utf-8";


:root {
  --text-color: #363333;
  --bg-color: #FCFCFC;
  --max-page-width: 1000px;
  --edge-space: 20px;
}

*, *: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.8em;
  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;
}

img {
  max-width: 100%;
  height: auto;
}



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

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

body {
  font-family: 'Archivo Narrow', sans-serif;
  font-size: 17px;
  line-height: 1.4705em;
  margin: 0px;
  color: var(--text-color);
  background: var(--bg-color);
  overflow-x: hidden;
  overflow-y: scroll;
}


/* ************************************************************************** */
/* TYPOGRAPHY */


h1, h2, h3, h4, h5, h6 {
  margin: 0px 0px 1em 0px;
  padding: 0px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.25em;
  color: #474444;
}
h2 {
  font-size: 29px;
}

hgroup {
  margin-bottom: 1.5em;
}
.Overskrift {
  font-size: 29px;
  font-weight: 700;
  color: #474444;
  margin: 0px;
  line-height: 1.25em;
}
.UnderOverskrift {
  font-size: 29px;
  line-height: 1.25em;
  font-weight: 400;
  color: #474444;
  margin: 0px;
}

p {
  margin: 0px 0px 1.35em 0px;
}

a {
  color: tomato;
}

/* text indentation */
.indent {
  display: inline-block;
  width: 2em;
}

/* **************************************************************************** */
/* Menu wrapper */




/* **************************************************************************** */
/* NEWS on front page! */

#newsOverviewWrapper {
  position: relative;
}
#newsOverviewWrapper::after {
  content: " ";
  display: table;
  clear: both;
}
#newsOverviewWrapper ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  position: relative;
}
#newsOverviewWrapper ul li {
  display: block;
  height: 0px;
  overflow: hidden;
}
#newsOverviewWrapper ul li.active {
  opacity: 1.0;
  height: auto;
}

/* news item */
.newsItemVertical {
  display: grid;
  grid-template-rows: 1fr;
  grid-gap: 0px;
}
.newsItemVertical .image {
  margin: 0px;
}
.newsItemVertical .image img {
  display: block;
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 20px;
}
/* txt */
.newsItemVertical .txt {
  width: calc(100% - 100px);
}
.newsItemVertical .txt h2 {
  font-size: 29px;
  font-weight: 700;
  color: #474444;
  margin: 0px;
  line-height: 1.25em;
}
.newsItemVertical .txt p:last-of-type {
  margin-bottom: 0px;
}


/* NAVIGATION */
#newsOverviewWrapper nav {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0px;
  z-index: 9000;
}
#newsOverviewWrapper nav a {
  display: block;
  width: 40px;
  height: 36px;
  text-indent: -999em;
}
#newsOverviewWrapper nav a:hover {
  cursor: pointer;
}
#newsOverviewWrapper nav a#leftBtn {
  background: url(../images/PagerLeft2.gif) -40px 0px no-repeat;
}
#newsOverviewWrapper nav a#leftBtn.noMore {
  background: url(../images/PagerLeft2.gif) 0px 0px no-repeat;
}
#newsOverviewWrapper nav a#rightBtn {
  background: url(../images/PagerRight2.gif) 0px 0px no-repeat;
}
#newsOverviewWrapper nav a#rightBtn.noMore {
  background: url(../images/PagerRight2.gif) -40px 0px no-repeat;
}


/* **************************************************************************** */
.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
    padding-top: 0px;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* ************************************************************************** */
/* BASIC styling */


.pageWrapper {
  display: grid;
  grid-template-rows: 1fr;
  grid-gap: 0px;
  max-width: var(--max-page-width);
  padding: var(--edge-space);
  margin: 0px auto;
}





/* ************************************************************************** */
/* Back to top wrapper */

#tilTopWrapper {
  background: url(../images/backtotop.png) no-repeat center center;
  cursor: pointer;
  /* display: none; */
  text-indent: -9999px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 70px;
  height: 70px;
  z-index: 1;
  opacity: 0.0;
  transition: opacity 500ms ease-in-out;
}
#tilTopWrapper.hidden {
  opacity: 1.0;
}


/* ************************************************************************** */
/* CV wrappers */

.CVWrapper {
  margin-bottom: 0px; /* 2em; */
  width: 66.6666%;
  margin-left: 16.66666%;  
}
.CVWrapper p {
  max-width: none; /* 560px; */
}
.CVWrapper h2 {
  /* border-bottom: 1px dotted #CCC; */
  display: block;
  float: left;
  margin: 1em 0px 0.8em 0px;
}
.CVWrapper h2:first-of-type {
  margin: 0px 0px 0.8em 0px;
}
.CVWrapper .YearRow {
  display: block;
  width: 100%;
  float: left;
  padding: 0px; /* 0.25em 0px 0px 0px; /*  0.35em 1em 0px 1em; /* 0.35em 0px 0px 0px; */
}
.CVWrapper .YearRow .left {
  width: 65px; /* 5rem; /* 65px; */
  display: block;
  float: left;
  font-weight: normal;
  line-height: 1.5em;
  padding: 1px 0px;
}
.CVWrapper .YearRow .right {
  width: auto;
  display: block;
  margin-left: 70px; /* 65px; */
  border-bottom: 1px dotted #CCC;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px; /* 1.5em; */
  padding: 1px 0px; /* 1px 0px 0.35em 0px; */
}
.CVWrapper .YearRow .right p {
  margin-bottom: 0px;
}
.CVWrapper .YearRow:last-of-type {
  margin-bottom: 2rem;
}  



/* ************************************************************************** */
/* XXX */

.galleryLightboxWrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  margin-bottom: 2em;
}



/* ************************************************************************** */
/* paintings */

.paintingOverviewWrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}


/* project */
.projectOverviewWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.projectOverviewWrapper a {
  color: var(--text-color);
  text-decoration: none;
}


/* installation */
.installationOverviewWrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.installationOverviewWrapper a {
  color: var(--text-color);
  text-decoration: none;
}

/* ************************************************************************** */
/* TEXT wrapper  */

.textWrapper {
  margin: 0px 0px 20px 0px;
}
.textWrapper ul {
  padding: 0px 0px 0px 0px;
  border-top: 1px dotted #CCC;
}
.textWrapper ul li {
  list-style-type: none;
}
.textWrapper ul li a {
  color: #363333;
  padding: 5px 5px;
  border-bottom: 1px dotted #CCC;
  display: block;
  font-size: 29px;
  color: #474444;
  margin: 0px;
  line-height: 1.25em;
  text-decoration: none;
}
.textWrapper ul li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #CCC;
}
.textWrapper ul li a span.title {
  display: block;
  width: 100%;
}
.textWrapper ul li a span.subTitle {
  display: block;
  width: 100%;
}

/* textSingle */

.textSingleWrapper {
  display: block;
  margin-left: 16.6666%;
  width: 66.6667%;
}


/* ************************************************************************** */
/* footer */

footer {
  display: grid;
  grid-template-rows: 1fr;
  max-width: var(--max-page-width);
  margin: 3em auto 0px auto;
  padding: 0px var(--edge-space) 3em var(--edge-space);
}


footer p {
  margin: 0px;
  font-size: 14px;
  line-height: 21px;
  color: #999;
}
footer .LogoRight {
  display: inline-block;
}
footer .LogoRight a {
  display: inline-block;
  line-height: 21px;
  padding: 0px;
}
footer .LogoRight a img {
  width: 170px;
  height: auto;
  opacity: 0.4;
  display: inline-block;
  line-height: 21px;
  padding: 0px;
  margin: 0px;
}

footer .bar {
  width: 100%;
  height: 1px;
  background: #CCC;
  margin-bottom: 0.5em;
}




/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */
/* ************************************************************************** */
/* MEDIA queries */


@media screen {

  header {
    height: auto; /* 32px; */
    margin: 0px; /* 4em 0px 0px 0px; */
    background: none; /* url(../images/TopBG.gif); */
    background-repeat: repeat-x;
    background-position: left 26px;
  }
  header .logo {
    display: block;
    position: absolute;
    width: max-content;
    z-index: 1000; /* must stay under lightbox */
  }
  header .logo a {
    color: var(--text-color);
    text-decoration: none;
    cursor: pointer;
    font-size: 26px;
    font-weight: 400;
    line-height: 22px;
    color: #444;  
  }
  .subHeader {
    margin: 1em 0px 2em 0px;
    min-height: 20px;
  }  

  #menuWrapper {
    padding-top: 32px; /* 3em; /* 32px; */
    position: relative;
    text-align: right;
  }

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

  /* burger nav */
  .burgerWrapper {
    display: block;
  }
  .burgerWrapper:after {
    content: "";
    display: table;
    clear: both;
  }

  /* NAV ICON */
  .burgerWrapper a#burger {
    position: absolute;
    top: -8px; /* 2.65em; /* 1em; */
    right: -5px; /* 0.8em; */
    display: block;
    padding: 0px;
    margin: 0px; /* -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;
  }
  .burgerWrapper a#burger #crossIcon {
    padding: 0px;
  }

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

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


  /* menu */
  ul.navList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 0px; /* 1em; */
    float: none; /* right; */
  }
  ul.navList li {
    display: block;
    width: 100%;
  }
  ul.navList li:first-of-type {
    display: none;
  }

  ul.navList li a {
    display: block;
    width: 100%;
    font-size: 21px;
    text-align: center;
    border-bottom: 1px solid #CCC;
    padding: 10px 0px;
    color: #555;
    text-decoration: none;
    /*
    padding: 0px 15px;
    height: 32px;
    font-size: 17px;
    line-height: 27px;
    display: block;
    float: left;
    color: #555;
    border: 1px solid transparent;
    border-bottom: 1px solid #CCC;
    background: #FCFCFC;
    border-radius: 3px 3px 0px 0px;
    text-decoration: none;
    */
  }
  ul.navList li a:hover {
    color: var(--text-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--text-color);
    text-underline-offset: 1px;
  }

  ul.navList li a.activeAnchor {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
  }
  /* hide second level menu */
  ul.navList li ul {
    display: none;
  }

  /* ************************************************************************** */
  /* SUB NAV */

  ul.subNavList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    gap: 0px;
    justify-content: center;
    /* float: right; */
  }
  ul.subNavList li {
    border-left: 1px solid #CCC;
  }
  ul.subNavList li:last-of-type {
    border-right: 1px solid #CCC;
  }

  ul.subNavList li a {
    padding: 0px 0.8em;
    font-size: 15px;
    line-height: 25px;
    color: #444;
    display: block;
    float: left;
    margin: 0px;
    border: 0px;
    text-decoration: none;
  }
  ul.subNavList li a:hover {
    color: var(--text-color);
  }
  ul.subNavList li a.activeAnchor {
    color: var(--text-color);
    background: url(../images/ArrowActive2.png) center left no-repeat;
  }


  footer .footGrid {
    display: grid;
    grid-template-columns: 1fr; /* 1fr 2fr; */
  }
  footer .footGrid > div:nth-child(1) {
    text-align: center;
  }
  footer .footGrid > div:nth-child(2) {
    text-align: center;
  }   

}



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

@media screen and (min-width: 1024px) {

  header {
    height: 32px;
    margin: 4em 0px 0px 0px;
    background: url(../images/TopBG.gif);
    background-repeat: repeat-x;
    background-position: left 26px;    
  }

  /* burger nav */
  .burgerWrapper {
    display: none;
  }

  #navWrapper.hide {
    max-height: none; /* 0px; */
    /* border-bottom: 1px solid transparent; */
  }    

  #menuWrapper {
    padding-top: 0px; /* 3em; /* 32px; */
    position: relative;
    text-align: right;
  }  


  ul.navList {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row; /* column; */
    gap: 1em;
    float: right;
  }

  ul.navList li a {
    padding: 0px 15px;
    height: 32px;
    font-size: 17px;
    line-height: 27px;
    display: block;
    float: left;
    color: #555;
    border: 1px solid transparent;
    border-bottom: 1px solid #CCC;
    background: #FCFCFC;
    border-radius: 3px 3px 0px 0px;
    text-decoration: none;
  }

  ul.navList li a:hover {
    text-decoration: none; /* underline; */
  }
  ul.navList li a.activeAnchor {
    text-decoration: none;
    color: var(--text-color);
    border: 1px solid #CCC;
    border-bottom: 1px solid #FCFCFC;
  }


  ul.subNavList {
    float: right;
  }

  
  footer .footGrid {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  footer .footGrid > div:nth-child(1) {
    text-align: left;
  }
  footer .footGrid > div:nth-child(2) {
    text-align: right;
  }    

}








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

/* archivo-narrow-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: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-narrow-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-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: 'Archivo Narrow';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/archivo-narrow-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-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: 'Archivo Narrow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/archivo-narrow-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-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: 'Archivo Narrow';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/archivo-narrow-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-600 - 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: 'Archivo Narrow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/archivo-narrow-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-600italic - 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: 'Archivo Narrow';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/archivo-narrow-v30-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-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: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/archivo-narrow-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-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: 'Archivo Narrow';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/archivo-narrow-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}