/*
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=b6841a72-11fd-4cca-ace4-150b1ac0dea8&fontids=1476020,5225567,5686127,6479065");
@import url("fonts/univers/stylesheet.css");
@import url("https://fonts.googleapis.com/css2?family=Yantramanav:wght@300&display=swap");
*/


@import url("fonts/volte/volte.css");
@import url("slick/slick.css");

/*
@font-face{
  font-family: 'TheW NYC';
  src:url("Fonts/TheWNYC-Regular-WebS.woff2") format("woff2"),url("Fonts/TheWNYC-Regular-WebS.woff") format("woff");
}
*/

header div.search,
header ul.burger,
footer form,
footer div.privacypolicy{ display: none!important; }

html[lang=da] header div.search,
html[lang=da] header ul.burger,
html[lang=de] header ul.burger,
html[lang=en] header ul.burger,
html[lang=da] footer form,
html[lang=da] footer div.privacypolicy{ display: block!important; }

:root {
  font-family: 'Volte Regular'; font-size: 18px; letter-spacing: 0.03em; line-height: 1.42; text-rendering: optimizeLegibility; color: #221f20;
  --primary: #002852; /*#0c113e;*/
  --fuge: #ddd8d3;

  --tegl-1: #e0b282;
  --tegl-2: #bb9173;
  --tegl-3: #97614e;
  --tegl-4: #926b5f;

  --nuance-1: #bd9b5c;
  --nuance-2: #7a6861;
  --nuance-3: #7f5c50;
  --nuance-4: #7a6861;

  --steel-1: #5e6360;
  --steel-2: #585955;

  --dgb-blue: #0c113e;
  --black: #000;

}

/*
::-webkit-input-placeholder { color: #01306D; }
::-moz-placeholder { color: #01306D; }
:-ms-input-placeholder { color: #01306D; }
:-moz-placeholder { color: #01306D; }
*/

body{ background-color: #fff; }

div.panel{ display: none; }

aside.icons{ display: none; }

aside{ max-width: 3000px; margin: 0 auto; position: relative; z-index: 5; }
header{ position: fixed; max-width: 3000px; width: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: 4; color: #fff; }

header.open,
header.search{ z-index: 6; }

main { display: block; max-width: 3000px; margin: 0 auto; background-color: #fff; position: relative; z-index: 2;  }

aside.popup{
    position: fixed; width: 100%; bottom: -100%; left: 0; transition: all 3s ease-in; max-width: unset; opacity: 0;
} 
aside.popup article{
    margin: 0 auto; padding: 80px; max-width: 680px; position: relative; color: #fff;
-webkit-box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.15);
box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.15); 
    
}
aside.popup div.text img { height: auto!important; max-width: unset; width: 100%!important; }

aside.popup.show{ bottom: 15vh; opacity: 1; } 
aside.popup a > span.arrow,
aside.popup span.arrow > 
aside.popup a, a.arrow { background: url(arrow-right-white.svg) center right no-repeat; }

span.close{ clip-path: circle(50%); width: 40px; height: 40px; position: absolute; display: block; background: url(white-x.svg) no-repeat; top: 20px; right: 20px; cursor: pointer; }

span.divider{ display: block; line-height: 0; overflow: hidden; border-bottom: 1px solid #eee; margin: 1.5rem 0; }

div.container.small,
section.content > div.container{ position: relative; max-width: 600px; }

section.content > div.container div.container{ padding: 0; margin-left: 0!important; }
section.content > div.container div.container div.text img{ width: auto!important; height: auto!important; max-width: unset; width: 100%!important; }

section.content div.container ul.submenu{ position: absolute; top: 0; left: calc(100% + 100px); width: 290px; padding-top: 18px; }
  
section.content article{ padding: 0; margin-bottom: 2.25rem; }
section.content section{ margin-bottom: 2rem; }

div.container-fluid{ padding: 0!important; overflow-x: hidden; }

input:focus:-moz-placeholder { opacity: 0; }
input:focus:-ms-input-placeholder { opacity: 0; }
input:focus::-moz-placeholder { opacity: 0; }
input:focus::-webkit-input-placeholder { opacity: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ margin: 0; outline: none; -webkit-text-size-adjust: none; }

strong,b{ font-weight: normal; font-family: 'Volte Semibold'; }

p:empty{ display: block; min-height: 1rem; margin-top: 0!important; }
p.preline{ white-space: pre-line; }

ul{ list-style-type: none; margin: 0; padding: 0; }
ul li{ background: none; padding: 0; position: relative; }

span.arrow,
a{ color: inherit; text-decoration: none; cursor: pointer; display: inline-block; position: relative; z-index: 1; transition: all .2s ease; }

a:hover,a:focus{ color: inherit; text-decoration: none; }

article.intro div.text a,
div.info-text a{ text-decoration: underline; }

span.button > a,
a.button{ text-transform: uppercase; font-size: 18px; line-height: 47px; position: relative; text-decoration: none!important; font-family: 'Volte Semibold'; }

span.button > a::after{ content: ""; display: block; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background-color: #fff; z-index: -1; transition: all .2s ease; background-color: var(--primary); }

a > span.arrow,
span.arrow > a,
a.arrow{ line-height: 1; padding-top: 2px; padding-right: 23px; background: url(arrow-right.svg) center right no-repeat; background-size: 16px 14px; text-decoration: none!important; font-family: 'Volte Semibold'; }

aside.popup span.arrow > a,
aside.popup a.arrow > span{ background: url(arrow-right-white.svg) center right no-repeat; }

.time-line a > span.arrow,
.time-line span.arrow > a,
.time-line a.arrow{ background: url(arrow-right-white.svg) center right no-repeat; background-size: 16px 14px; }

a.underline{ border-bottom: 1px solid transparent; border-color: inherit; }

a.back, span.back{ display: inline-block; text-transform: uppercase; margin-bottom: 30px; margin-left: -15px; cursor: pointer; }

article.blog .back{ margin: 48px 0; margin-left: -26px; cursor: pointer; }

a.back svg, span.back svg{ position: relative; top: -2px; margin-right: 24px; }

h1,h2{ font-weight: normal; line-height: 1.2; letter-spacing: 0; }
h1 { font-size: 80px; line-height: 1.1;  }
h2 { font-size: 46px; line-height: 1.1; }
h3 { font-family: 'Volte Semibold'; font-size: 18px; line-height: 1.25; font-weight: normal; }
.h2 { font-size: 46px; line-height: 1.1; }
.h3 { font-family: 'Volte Semibold'; font-size: 18px; line-height: 1.25; }
.h4 { font-family: 'Volte Semibold'; font-size: 18px; line-height: 1.25; }
.h5 { font-family: 'Volte Semibold'; font-size: 18px; line-height: 1.2142857; }

h1 + p,
h2 + p,
h1 + div,
h2 + div{ margin-top: 1rem; }

div.title{ font-size: 30px; }

section.slider > div.container > h2{ margin-bottom: 1rem; }
section.banner div.content > h1 + p { margin-top: 1rem; }

div.text p + *{ margin-top: 1rem; }

div.image a{ display: block; }
img{ vertical-align: middle; }

.bg-primary .time-line div.text,
.bg-primary{ background: var(--primary); color: #fff; }

.bg-secondary .time-line div.text,
.bg-secondary{ background: #FFBF0D; color: #fff;  }

.bg-tertiary .time-line div.text,
.bg-tertiary{ background: #016C5B; color: #fff;  }

.bg-purple .time-line div.text,
.bg-purple{ background-color: #883083; color: #fff; }

.bg-venice-red .time-line div.text,
.bg-venice-red{ background-color: #A34D3C; color: #fff; }

.bg-light-blue .time-line div.text,
.bg-light-blue{ background-color: #51589D; color: #fff; }

.bg-fuge .time-line div.text,
.bg-fuge{ background-color: var(--fuge); }

.bg-tegl-1 .time-line div.text,
.bg-tegl-1{ background-color: var(--tegl-1); color: #fff; }

.bg-tegl-2 .time-line div.text,
.bg-tegl-2{ background-color: var(--tegl-2); color: #fff; }

.bg-tegl-3 .time-line div.text,
.bg-tegl-3{ background-color: var(--tegl-3); color: #fff; }

.bg-tegl-4 .time-line div.text,
.bg-tegl-4{ background-color: var(--tegl-4); color: #fff; }

.bg-nuance-1 .time-line div.text,
.bg-nuance-1{ background-color: var(--nuance-1); color: #fff; }

.bg-nuance-2 .time-line div.text,
.bg-nuance-2{ background-color: var(--nuance-2); color: #fff; }

.bg-nuance-3 .time-line div.text,
.bg-nuance-3{ background-color: var(--nuance-3); color: #fff; }

.bg-nuance-4 .time-line div.text,
.bg-nuance-4{ background-color: var(--nuance-4); color: #fff; }

.bg-steel-1 .time-line div.text,
.bg-steel-1{ background-color: var(--steel-1); color: #fff; }

.bg-steel-2 .time-line div.text,
.bg-steel-2{ background-color: var(--steel-2); color: #fff; }

.bg-dgb-blue .time-line div.text,
.bg-dgb-blue{ background-color: var(--dgb-blue); color: #fff; }

.bg-black .time-line div.text,
.bg-black{ background-color: var(--black); color: #fff; }

article.time-line div.text{ transition: background-color 1s ease; }

div.image img,
div.item img{ max-width: 100%; height: auto; }

div.faq div.item img{ max-width: 100%; width: auto; height: auto; }

section.banner.hero.removeBottomMarginTrue,
section.banner.hero.removeBottomMarginTrue + section.content{ margin-bottom: 0; }


section.banner.hero h1{ font-family: 'Volte Semibold'; }
section.banner.hero h1 + p{ margin-top: 1rem; }
section.banner.hero { position: relative; color: #fff; padding: 0; overflow: hidden; }
section.banner.hero > a{ display: block; position: absolute; width: 100%; height: 100%; z-index: 2; }

section.banner.hero picture img{ transition: 15s ease; width: 100%; }

section.banner.hero picture img{
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
}

section.banner.hero div.splash-wrapper{ position: absolute; bottom: 73px; right: 50px; z-index: 3; }
section.banner.hero .splash{
  background-color: #7a5555; color: #fff; border-radius: 50%; width: 170px; height: 170px; white-space: pre-line; display: flex; align-items: center; justify-content: center; 
  font-family: 'Volte Semibold'; font-size: 22px; line-height: 1.2; cursor: pointer;
  transition: .5s ease-in-out; text-align: center;
}

section.banner.hero .splash small{ display: inline-block; font-family: 'Volte Regular'; font-size: 20px; margin-top: 6px; }
    
section.banner.hero .splash{
  -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
}

/*
section.banner.hero picture.animate-Top img{ top: unset; bottom: 0; }
section.banner.hero picture.animate-Bottom img{ top: 0; }
section.banner.hero picture.animate-Left img{ width: calc(100% + 300px); left: -300px; }
section.banner.hero picture.animate-Right img{ width: calc(100% + 300px); left: 0; }  
section.banner.hero picture.animate-Zoom img{  }

section.banner.hero picture.animate-Top.loaded img{ bottom: -300px; }
section.banner.hero picture.animate-Bottom.loaded img{ top: -300px; }

section.banner.hero picture.animate-Left.loaded img{ left: 0; }
section.banner.hero picture.animate-Right.loaded img{ left: -300px; }
*/

section.banner.hero picture.animate-Zoom.loaded img{ transform: scale(1.1,1.1); }

/*
section.banner.hero picture.hasText::before{
  content: ""; display: block; position: absolute; z-index: 1; height: 100%;
  width: 100%;background: linear-gradient(342.85deg, rgba(0, 0, 0, 0.5) 31.98%, rgba(0, 0, 0, 0) 97.74%);
}
*/

section.banner.hero div.video-frame.with-audio{ position: absolute; top: 0; left: 0; z-index: 2; }
section.banner.hero div.video-frame.with-audio video{ display: none; }

section.banner.hero div.video-frame,
section.banner.hero picture { display: block; width: 100%; height: 100dvh; padding-top: 0; position: relative; overflow: hidden; }

section.banner.hero div.video-frame video{ position: absolute; top: 0; width: 100%!important; height: 100%!important; object-fit: cover; }

section.banner.hero div.wrapper{ position: absolute; z-index: 1; width: 100%; bottom: 0; font-size: 20px; text-align: center; }
section.banner.hero div.wrapper div.content{ display: block; padding: 50px 15px; position: relative; }
section.banner.hero div.wrapper div.content label{ display: inline-block; padding: 8px 10px; border-radius: 4px; margin-bottom: 5px; }
/*section.banner.hero div.wrapper div.content h1{ line-height: 1.4; }*/

/*
section.banner.hero div.wrapper a{ text-transform: uppercase; line-height: 47px; }
section.banner.hero div.wrapper a::after{ content: ""; display: block; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background-color: #fff; z-index: -1; transition: all .2s ease; }
*/

section.banner.hero div.wrapper div.date{ font-size: 24px; margin: 27px 0 12px 0; }

section.banner.hero div.wrapper.gradient div.content::after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% + 100px); z-index: -1;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.45) 100%);
}

section.banner.hero::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 400px; z-index: 1;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
}

section.banner div.play-video{ position: absolute; bottom: 25px; right: 100px; z-index: 2; cursor: pointer; }
section.banner div.play-video span{ display: block; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 50%; position: relative; float: left; }
section.banner div.play-video span svg{ position: absolute; top: calc(50% - 8px); left: calc(50% - 6px); }
section.banner div.play-video div{ display: inline-block; font-size: 12px; line-height: 40px; text-transform: uppercase; margin-left: 10px; }

section.slider div.swiper-slide{ width: auto!important; }
section.teasers div.swiper-slide{ width: 389px!important; }

.trigger{ transform: translateY(32px); }
.inview{ transform: translateY(0px); transition: all .6s ease-in!important; }

article.time-line div.text.inview{ transition: all 1s ease!important; }

.image.inview{ transition: all .55s ease-in!important; }
.year.inview{ transition: all .5s ease-in!important; }

div.adaptive-wrapper div.wrapper div.content.lazy-scroll::-webkit-scrollbar {
	width: 5px;
	height: 5px;
  }
  ::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
  }
  ::-webkit-scrollbar-thumb {
	background: #fff;
	border: 0px none #ffffff;
	border-radius: 5px;
  }
  ::-webkit-scrollbar-thumb:hover {
	background: #fff;
  }
  ::-webkit-scrollbar-thumb:active {
	background: #fff;
  }
  ::-webkit-scrollbar-track {
	background: #01306D;
	border: 0px none #ffffff;
	border-radius: 0px;
  }
  ::-webkit-scrollbar-track:hover {
	background: #666666;
  }
  ::-webkit-scrollbar-track:active {
	background: #01306D;
  }
  ::-webkit-scrollbar-corner {
	background: transparent;
  }
  
@media (min-width: 1200px) {


}


@media (min-width: 1024px) {  
  span.button > a:hover::after { height: 48px; background-color: #FFBF0D; color: #fff; width: calc(100% + 26px); left: -13px; }

}


@media (max-width: 1599px) {  
 
}

@media (max-width: 1399px) {
  div.info-text,
  article.time-line div.items div.item div.image { left: 0; }

  div.container.small{ margin-left: calc(100%/2 - 980px/2); }
  main section.content article.v1 div.text h1{ margin-top: 8rem; }

}

@media (max-width: 1199px) { 
  
  section.content div.container ul.submenu { left: calc(100% + 80px); }
  article.blog .back { margin: 30px 0; margin-left: -15px; }
}

@media (max-width: 991px) { 

  section.banner.hero div.splash-wrapper{ width: 600px; max-width: 100%; padding: 0 16px; bottom: 300px; right: 50%; transform: translateX(50%); }
  
  section.content div.container ul.submenu{ position: static; width: unset; padding-top: 0; margin: 4rem 0; }
  div.container.small{ margin-left: auto!important; }

  
  footer div.adaptive div.privacypolicy{ position: static!important; margin: 10px 0 5px 0; }
  footer div.SoMe { display: inline-block; }

}


@media (max-width: 767px) {
  
  h1{ font-size: 48px; }
  h2{ font-size: 32px; line-height: 38px; }
  .h2 { font-size: 32px; line-height: 1.1875; }

  section.banner.hero div.wrapper{ font-size: 18px; }
  section.banner.hero div.wrapper div.content{ padding: 25px 15px; padding-bottom: 80px; }
  main div.container { padding-right: 16px; padding-left: 16px; }

  section.banner.hero div.video-frame,
  section.banner.hero picture{ padding-top: var(--video-ratio); }

  section.banner.hero .splash-wrapper{ bottom: 225px; }
  section.banner.hero .splash{ width: 114px; height: 114px; font-size: 15px; }
  section.banner.hero .splash small{ font-size: 14px; margin-top: 4px; }
   

/*
  section.banner.hero div.video-frame video { min-height: 100%!important; min-width: 100%; width: unset!important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
*/

  section.banner.hero picture.animate-Top img,
  section.banner.hero picture.animate-Bottom img{ width: 100%; height: auto; }

  section.banner.hero picture.animate-Left img,
  section.banner.hero picture.animate-Right img{ height: 100%; width: auto; }

  div.panel{ display: flex; background-color: #fff; padding: 10px 0 7px 0; margin: 0; }
  header.sticky { top: 0; }

  aside.popup article{ padding: 40px; }
  
  aside.popup article { overflow: hidden; overflow-y: auto!important; -webkit-overflow-scrolling: touch; }
  aside.popup.show{ padding: 0 16px; }
  aside.popup span.close{ zoom: .75; right: 16px; }
  

  aside.popup.show { position: absolute; top: 170px; transition: unset; /* bottom: 0; transition: 1s; top: 100vh; transform: translateY(-8%); */ }
  aside.popup article{ padding: 30px; }
  aside.popup h2 { font-size: 32px; line-height: 38px; }
    
}

@media (max-width: 575px) {

  
  article.blog .back { margin: 20px 0; }
  section.banner div.play-video { right: 16px; }
  section.banner div.play-video + div.wrapper{ padding-bottom: 60px; }

  
  div.container.small{ margin-left: unset; }
  main section.content article.v1 div.text h1{ margin-top: 6rem; }

  body main.PageNotFound section.banner.hero div.wrapper { height: 70%; }

  footer form{ margin-top: 5px; }
  footer div.adaptive { margin-top: 30px; }

  footer div.SoMe{ margin-top: -30px!important; }
  
  footer div.adaptive div.privacypolicy{ margin-top: 20px; }
  


}