body {
	margin: 0;
	padding: 0;
    overflow-x: hidden;
}


html {
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

@media only screen and (min-width:768px) {
        html {
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: initial;
        -webkit-overflow-scrolling: touch;
    }
}


.Menubar_container button {
	font: inherit;
	color: inherit;
	cursor: pointer;
	height: 57px;
	width: 59px;
	background: transparent;
	border: none;
	padding-bottom: 1vh;
}

@media only screen and (min-width:768px) {
    .Menubar_container button {
        font: inherit;
        color: inherit;
        cursor: pointer;
        height: 70px;
        width: 70px;
        background: transparent;
        border: none;
        padding-bottom: 1vh;
    }
}


button {
	font: inherit;
	cursor: pointer;
	background: transparent;
	border: none;
}
    @font-face {
    font-family: 'FKDisplay-Reg';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/FKDisplay-RegularAlt.woff2) format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'FKDisplay';
    font-style: normal;
    src: url(/fonts/FKDisplay.woff2) format('woff2');
    font-display: swap;
    }


#logo {
	fill: #ffffff;
	max-width: 35%;
}

@media only screen and (min-width:1024px) {
    #logo  {
    fill: #ffffff;
    max-width: 100%;
    }
}

.hamburger-menu {
	display: inline-block;
	width: 22px;
	height: 10px;
	position: relative;
}
@media only screen and (min-width:768px) {
    .hamburger-menu {
        display: inline-block;
        width: 32px;
        height: 13px;
        position: relative;
    }
}



.no-scroll {
  overflow: hidden;
}

.line {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: rgb(255, 255, 255);

  transition: transform 0.5s ease;

}

.line-1 {
  top: 0;
}

.line-2 {
  bottom: 0;
}

.hamburger-menu.active .line-1 {
  transform: translateY(10px) rotate(45deg);
  transition-delay: 0.5s;
}

.hamburger-menu.active .line-2 {
  transform: translateY(-8px) rotate(-45deg);
  transition-delay: 0.5s;
}
.Menubar_container {
	width: 95.5vw;
	grid-template-columns: 1fr 1fr;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	z-index: 999;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-left: 4vw;
	margin-right: 4vw;
	margin-top: 4vw;
}
@media only screen and (min-width:1024px) {
    .Menubar_container {
        width: 95.5vw;
        grid-template-columns: 1fr 1fr;
        display: flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        z-index: 999;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        height: 45px;
        margin-left: 2vw;
        margin-right: 2vw;
        margin-top: 2vw;
    }
}


    .Logo_link svg {
        max-width: 22%;
    }

.secondaryNav {
	width: 100%;
	position: fixed;
	bottom: 4%;
	right: 0;
	/* width: 349px; */
	height: 40px;
	z-index: 99;
	margin: 0 auto;
	max-width: 100%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
	align-self: center;
	justify-self: center;
	/* padding: ; */
}
@media only screen and (min-width:768px) {
	.secondaryNav {
        width: 95.5vw;
        position: fixed;
        z-index: 999;
        bottom: 4%;
        right: 1%;
        width: 200px;
        height: 40px;
    }
}

.secondaryNav div {
	background-color: #fff;
	color: #000;
	font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
	text-align: center;
	border-radius: 59px;
	box-shadow: 0 4px 8px 0 rgba(0,2,71,.1);
	font-size: 16px;
	max-width: 100%;
	/* padding: 2vw; */
    padding-left: 35vw;
    padding-right: 35vw;
	padding-top: 1.5vh;
	padding-bottom: 1.5vh;
    opacity: 0;
  transform: scale(0.3);
}
@media only screen and (min-width:768px) {
	.secondaryNav div  {
        max-width: 150px;
        font-size: 16px;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
	}
}

@media only screen and (min-width:1024px) {
	.secondaryNav div  {
        max-width: 150px;
        font-size: 16px;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-top: 1.5vh;
        padding-bottom: 1.5vh;
	}
}

.secondaryNav a {
	color: #000;
	text-decoration: none;
    font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
}



.gridX {
	/* max-width: 90%; */
	margin: 0 auto;
	display: grid;
	height: auto;
	grid-template-columns: 1fr;
	/* align-self: flex-start; */
	align-content: flex-end;
}
@media only screen and (min-width:768px) {
    .gridX {
        max-width: 90%;
        margin: 0 auto;
        display: grid;
        height: 60vh;
        grid-template-columns: 50% 50%;
        /* align-self: flex-start; */
        align-content: flex-end;
    }
}
.asideBottom {
	max-width: 100%;
	margin: 0 auto;
	display: block;
	/* height: 6vh; */
	/* grid-template-columns: 50% 50%; */
	padding: 2.08333vw;
	font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
	padding-left: 4vw;
	/* position: relative; */
	/* bottom: 2%; */
	display: grid;
	height: auto;
	/* justify-content: unset; */
	/* justify-items: self-end; */
	align-content: space-evenly;
	position: absolute;
	bottom: 4%;
}

@media only screen and (min-width:768px) {
    .asideBottom {
        max-width: 100%;
        margin: 0 auto;
        display: grid;
        /* height: auto; */
        /* height: 6vh; */
        grid-template-columns: 50% 50%;
        padding: 2.08333vw;
        font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
        /* justify-content: left; */
        /* justify-items: start; */
        /* align-items: last baseline; */
        position: absolute;
        width: 100%;
        bottom: 3%;
    }
}

.asideAdress {
	max-width: 90%;
	font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
}
@media only screen and (min-width:768px) {
    .asideAdress  {
        max-width: 40%;
        font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
    }
}
.asideAdress a {
	color: #282828;
}

.asideLink1 {
	padding-top: 1vh;
}
.asideLink2 {
	padding-top: 4vh;
}
.asideLast {
	margin-left: 0;
	padding-top: 2vh;
}
@media only screen and (min-width:768px) {
    .asideLast {
        padding-top: 0;
    }
}
.menu a {
	font-size: 40px;
	line-height: 1.04;
	letter-spacing: -.04em;
	color: #282828;
	text-decoration: none;
}

@media only screen and (min-width:390px) {
    .menu a {
        font-size: 50px;
        line-height: 1.04;
        letter-spacing: -.04em;
        color: #282828;
        text-decoration: none;
    }
}

@media only screen and (min-width:768px) {
    .menu a {
        font-size: max(36px,9.765625vh);
        line-height: 1.04;
        letter-spacing: -.04em;
        color: #282828;
        text-decoration: none;
    }
}
.menu span {
	font-size: max(11px,1.25vw);
	line-height: 1;
	margin-right: 0;
	margin-left: .5vw;
}
li {
  width: 100%;
  flex-shrink: 0;
  overflow: hidden;
  margin-bottom: 1vh;
}
.menu ul {
	height: auto;
	padding-left: 4vw;
}
@media only screen and (min-width:768px) {
    .menu ul {
	height: auto;
	padding-left: 0;
}
}
ul {
  height: auto;
}



.menu ul li {
  position: relative;
  list-style: none;
  cursor: pointer;
}

.menu ul li div {
  position: relative;
  display: inline-block;
}

.menu ul li div a {
  color: #000;
  text-decoration: none;
  display: block;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}

.menu ul li div a:hover {
  color: #8F8F8F;
}












@media only screen and (min-width:768px) {
    ul {
        width: 100%;
        height: 100%;
        padding: calc(var(--grid-val)*2) calc(var(--grid-val)*1);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        -webkit-justify-content: flex-start;
        -webkit-align-items: flex-start;
        }
}


.menu div {
    transform: translate(0%, 100%);
    opacity: 0;
}
.menu {
    padding-top: 7vh;
    font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
    color: #000;
    padding-left: 0;
}

@media only screen and (min-width:390px) {
    .menu {
        padding-top: 15vh;
        font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
        color: #000;
        padding-left: 0;
    }

}

@media only screen and (min-width:768px) {
    .menu {
        padding-top: 3vh;
        font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
        color: #000;
        padding-left: 2vw;
    }

}


#logo2 {
	fill: #000000;
	max-width: 35%;
	/* display: grid; */
	/* justify-content: flex-start; */
	position: absolute;
}

@media only screen and (min-width:1024px) {
    #logo2  {
    fill: #000000;
    position: unset;
    max-width: 100%;
    }
}




/** styling mobile nav **/
.nav {
	z-index: 9999;
	position: fixed;
	top: 0; 
	right: 0; 
	height: 100vh;
	width: 100vw;
	background-color: #E4E4E4;
	/* list-style-type: none; */
	/* padding: 0; */
	/* margin: 0; */
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	transform: translateY(-100%);
}



.asideMenu {
	/* width: 95.5vw; */
	/* display: grid; */
	grid-template-columns: 1fr 1fr;
	/* padding: 4vw 4vw 0; */
	/* position: fixed; */
	/* top: 0; */
	/* left: 0; */
	/* display: flex; */
	justify-content: space-between;
	/* padding: 2.08333vw; */
	z-index: 999;
	/* margin: 2vw; */
	/* align-content: unset; */
	/* align-items: flex-start; */
	margin-left: 4vw;
	margin-right: 4vw;
	margin-top: 4vw;
	position: relative;
}
@media only screen and (min-width:768px) {
    .asideMenu {
        /* width: 95.5vw; */
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* padding: 4vw 4vw 0; */
        /* position: fixed; */
        /* top: 0; */
        /* left: 0; */
        position: unset;
        /* display: flex; */
        justify-content: space-between;
        /* padding: 2.08333vw; */
        z-index: 999;
        /* margin: 2vw; */
        /* align-content: unset; */
        /* align-items: flex-start; */
        margin-left: 2vw;
        margin-right: 2vw;
        margin-top: 2vw;
    }
}



.Hamburger_container2  {
    display: inline-block;
    width: 21px;
    height: 13px;
    position: relative;
}
@media only screen and (min-width:768px) {
        .Hamburger_container2  {
        display: inline-block;
        width: 32px;
        height: 13px;
        position: relative;
    }
}
.rightHam  {
    display: grid;
    justify-content: flex-end;
}
.Hamburger_container2 .line-2 {
	transform: rotate(45deg);
	transform-origin: center center;
	transform: translateY(-9.9px) rotate(45deg);
}
.Hamburger_container2 .line-1 {
  transform: rotate(-45deg);
}
.rightHam button {
  height: 50px;
}
.asideBorderWrapper  {
  display: none;
}
@media only screen and (min-width:768px) {
    .asideBorderWrapper  {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        }
}
.asideBorder {
    position: absolute;
    top: 0;
  height: 100vh;
  width: 1px;
  background: #b7b7b7;
  transform-origin: 50 0%;
}















    .HeroContainer {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100%;
        width: 100%;
        background-image: url("heromobile2.webp");
    }

@media only screen and (min-width:768px) {
    .HeroContainer {
        height: 100vh;
        width: 100vw;
        background: #000000;
    }
}
    .HeroImage {
        position: absolute;
        will-change: transform;
        width: 100%;
        height: 100%;
    }
    .HeroImage img {
    display: none;
    }

@media only screen and (min-width:768px) {
    .HeroImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
}

.HeroUnderText {
	font-size: 16px;
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	font-weight: 400;
	line-height: 1.3em;
	letter-spacing: -.02em;
	color: #fff;
	line-height: 1.3em;
	letter-spacing: -.02em;

}
@media only screen and (min-width:768px) {
	.HeroUnderText {
		font-size: 22px;
		font-weight: 400
	}
}
@media only screen and (min-width:1024px) {
	.HeroUnderText {
		font-size: 22px;
		font-size: 1.52778vw;
		font-weight: 400;
        max-width: 27vw;
	}
}
@media only screen and (min-width:1024px) and (max-width:1080px) {
	.HeroUnderText {
		font-size: 16.5px
	}
}
@media only screen and (min-width:1024px) and (min-width:1701.81818px) {
	.HeroUnderText {
		font-size: 26px
	}
}


.heroBlaned {
	margin-right: .75em;
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
    font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
	vertical-align: baseline;
    margin-top: 2.39583vw;
    color: #FFFFFF;
    margin-top: 7.4vw;
}
@media only screen and (min-width:768px) {
    .heroBlaned {
        margin-right: .75em;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 18px;
        font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
        vertical-align: baseline;
        margin-top: 2.39583vw;
        color: #FFFFFF;
        margin-top: 2.39583vw;
    }
}

.HeroLeft {
    display: grid;
	grid-area: content;
	z-index: 1;
	width: 100vw;
	height: auto;
	min-height: 50vh;
    position: relative;
}


@media only screen and (min-width:1024px) {
	.HeroLeft {
		width: 65vw;
		height: 100%;
		min-height: 100vh;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(2, 1fr);
		grid-template-areas: "heading""text";
	}
}

.HeroTitle {
	font-size: 50px;
    font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	font-weight: 400;
	line-height: 1em;
	letter-spacing: -.02em;
	height: max-content;
	padding: 24vw 0 12vw 4vw;
	color: #ffffff;
}

@media only screen and (min-width:768px) {
	.HeroTitle {
		font-size: 75px;
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
		font-weight: 400;
        padding: 12vw 0 12vw 4vw;
	}
}

@media only screen and (min-width:1024px) {
	.HeroTitle {
		font-size: 105px;
		font-size: 7.29167vw;
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
		font-weight: 400
	}
}

@media only screen and (min-width:1024px) and (max-width:1080px) {
	.HeroTitle {
		font-size: 78.75px
	}
}

@media only screen and (min-width:1024px) and (min-width:1714.28571px) {
	.HeroTitle {
		font-size: 125px
	}
}

@media only screen and (min-width:768px) {
	.HeroTitle {
		max-width: 55vw
	}
}

@media only screen and (min-width:1024px) {
	.HeroTitle {
		grid-area: heading;
		padding: 9.41667vw 0 0 1.40003vw;
		max-width: 65vw
	}
}
@media only screen and (min-width:1824px) {
	.HeroTitle {
		grid-area: heading;
		padding: 9.41667vw 0 0 1.40003vw;
		max-width: 50vw
	}
}


.UnderTitle {
	height: 50%;
	padding: 0 16vw 28vw 15vw;
	max-width: 40%;
}

@media only screen and (min-width:768px) {
	.UnderTitle  {
		padding: 0 40vw 28vw 44vw;
        max-width: 100%;
	}
}

@media only screen and (min-width:1024px) {
    .UnderTitle {
	grid-area: text;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	height: auto;
	padding: 0 14.55vw 7.15vw 30vw;
}
}








.merkerWrapper {
	background: #fff;
    position: relative;	
}
@media only screen and (min-width:768px) {
	.merkerWrapper {
		position: unset;	
	}
}

.merkerTitle {
    font-size: 34px;
    font-family: "FKDisplay",Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.05em;
    letter-spacing: -.02em;
    grid-area: heading;
    max-width: 100vw;
    padding: 22vw 26vw 0 4vw;
    margin-top: 0px;
}


@media only screen and (min-width:768px) {
	.merkerTitle {
		font-size: 50px;
        font-weight: 400;
        line-height: 1.1em;
        padding: 24vw 24vw 0 4vw;
	}
}

@media only screen and (min-width:1024px) {
    .merkerTitle {
        padding: 8.33333vw 60.41667vw 0 2.08333vw;
        font-family: "FKDisplay",Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: 60px;  
        line-height: 1.1em;
        max-width: 100vw;
        letter-spacing: -.02em;
        display: inline-flex;
        flex-wrap: wrap;
        margin: 0;
        border: 0;
    }

}


.carousel-item img {
  /* Samme åtte punkter som hover-tilstanden, bare med 0px hjørner.
     Med ulikt antall punkter kan ikke clip-path interpolere — den snappet.
     Like mange punkter gir ekte morph. Samme 1s ease som før. */
  clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 0px, 100% calc(100% - 0px), calc(100% - 0px) 100%, 0px 100%, 0 calc(100% - 0px), 0 0px);
  transition: clip-path .4s ease;
}

.carousel-item:hover img {
    clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px),
  calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}
@media only screen and (min-width:768px) {
    .carousel-item:hover img {
        clip-path: polygon(30px 0, calc(100% - 30px) 0, 100% 30px, 100% calc(100% - 30px),
        calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px), 0 30px);
        }
}


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

.carousel {
  position: relative;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}
.carousel .carousel-item {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: 5px;
	cursor: grab;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (min-width:768px) {
    .carousel .carousel-item {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    cursor: grab;
    display: flex;
    justify-content: center;
    align-items: center;
    }
}

.carousel .carousel-item:nth-child(even) {

}

.carousel-wrapper {
  position: relative;
  padding: 6.25vw .39583vw 9.39583vw;
}
@media only screen and (min-width:768px) {
    .carousel-wrapper {
        padding: 6.25vw .39583vw 7.39583vw;
        }
}
.ratio-16by9 {
	padding-top: calc(15/14 * 100%);
	width: 140vw;
}
@media only screen and (min-width:768px) {
            .ratio-16by9 {
            padding-top: calc(10/15 * 100%);
        width: 100vw;
        }
}

.ratio-16by9 > div {
  position: absolute;
  top: 0;
  left: 0;
}

.ratio-1by1 {
  padding-top: 100%;
  width: 100%;
}
.ratio-1by1 > div {
  position: absolute;
  top: 0;
  left: 0;
}

.carousel-action {
  position: absolute;

  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  padding: 10px;
  border: 1px solid black;
  cursor: grab;
}
.carousel-action:first-child {
  left: 0;
}
.carousel-action:nth-child(2) {
  right: 0;
}

.background-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}

.carousel-item:nth-child(1) .background-image {
  background-image: url(test.jpg);
}
.carousel-item:nth-child(2) .background-image {
  background-image: url(https://picsum.photos/556/719);

}
.carousel-item:nth-child(3) .background-image {
  background-image: url(https://picsum.photos/891/481);

}
.carousel-item:nth-child(4) .background-image {
  background-image: url(https://picsum.photos/332/877);

}
.carousel-item:nth-child(5) .background-image {
  background-image: url(https://picsum.photos/776/438);

}
.carousel-item:nth-child(6) .background-image {
  background-image: url(https://picsum.photos/400/552);

}

.carousel-item img {
    object-fit: cover; 
    object-position: 50% 50%; 
    width: 100%; 
    height: auto;
    align-self: normal;
}



.caroText {
	position: absolute;
	color: #FFFFFF;
	font-size: 24px;
	bottom: 0%;
	left: 0%;
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	line-height: 1.1em;
	letter-spacing: -0.035em;
	padding: 35px;
	width: 88%;
	padding-top: 40vh;
    padding-left: 5vw;
    padding-bottom: 2vw;
}

@media only screen and (min-width:768px) {
    .caroText {
        position: absolute;
        color: #FFFFFF;
        font-size: 28px;
        bottom: 0%;
        left: 0%;
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
        line-height: 117.5%;
        letter-spacing: -0.035em;
        padding: 35px;
        width: 88%;
        padding-top: 200px;
    }
}

.caroText span{
    color: #FFFFFF; 
    font-size:14px;
    display: block;
    font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
    line-height: 1.1em;
    letter-spacing: -.02em;
    font-weight: 200;
    /* identical to box height, or 33px */
    letter-spacing: -0.035em;
}
@media only screen and (min-width:768px) {
    .caroText span{
        color: #FFFFFF; 
        font-size:16px;
        display: block;
        font-family: 'FKDisplay',Helvetica,Arial,sans-serif;
        line-height: 117.5%;
        font-weight: 200;
        /* identical to box height, or 33px */
        letter-spacing: -0.035em;
    }
}

















.aboutSection {
	width: 100vw;
	background: #000000;
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	background: url("about.webp");
    background-size: cover;
    background-position: top;
}
@media only screen and (min-width:768px) {
    .aboutSection {
        width: 100vw;
        background: #000000;
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
        background: url("about.webp");
        background-size: cover;
        background-position: 50% 50%;
    }
}

.AboutImage {
    position: absolute;
    will-change: transform;
    width: 100%;
    height: 100%;
}
.aboutContent {
	position: relative;
	display: grid;
	/* grid-template-rows: 1fr 1fr; */
	justify-content: space-evenly;
}

.aboutTitle {
	font-size: 50px;
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	font-weight: 400;
	line-height: 1em;
	letter-spacing: -.02em;
	height: max-content;
	padding: 19vw 0 1vw 4vw;
	color: #ffffff;
	max-width: 88%;
}
@media only screen and (min-width:400px) {
    .aboutTitle {
        font-size: 50px;
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
        font-weight: 400;
        line-height: 1em;
        letter-spacing: -.02em;
        height: max-content;
        padding: 24vw 0 12vw 4vw;
        color: #ffffff;
        max-width: 100%;
    }

}


@media only screen and (min-width:768px) {
	.aboutTitle {
		font-size: 75px;
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
		font-weight: 400;
        padding: 10.41667vw 19.83333vw 2.5vw 2.08333vw;
	}
}

@media only screen and (min-width:1024px) {
	.aboutTitle {
		font-size: 105px;
		font-size: 7.29167vw;
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
		font-weight: 400
	}
}

@media only screen and (min-width:1024px) and (max-width:1080px) {
	.aboutTitle {
		font-size: 78.75px
	}
}

@media only screen and (min-width:1024px) and (min-width:1714.28571px) {
	.aboutTitle {
		font-size: 125px
	}
}

@media only screen and (min-width:768px) {
	.aboutTitle {
		max-width: 55vw
	}
}

@media only screen and (min-width:1024px) {
	.aboutTitle{
		padding: 10.41667vw 0 0 1.40003vw;
		max-width: 65vw
	}
}
@media only screen and (min-width:2624px) {
	.aboutTitle{
		max-width: 45vw
	}
}



.aboutUWrapper {
	padding: 8vw 14vw 5vw 4vw;
	position: relative;
}
@media only screen and (min-width:400px) {
    .aboutUWrapper {
        padding: 22vw 28vw 3vw 4vw;
        position: relative;
    }
}
@media only screen and (min-width:768px) {
	.aboutUWrapper {
		padding: 14vw 48vw 4vw 4vw;
	}
}

@media only screen and (min-width:1024px) {
	.aboutUWrapper {
        padding: 8.33333vw 6.25vw 5vw 20.83333vw;
	}
}



.aboutUnder {
	display: block;
}
@media only screen and (min-width:1024px) {
	.aboutUnder {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-gap: 0 4.16667vw;
        gap: 0 4.16667vw;
	}
}

.aboutUnder div {
	max-width: 540px;
    margin-bottom: 12vw;
}
@media only screen and (min-width:768px) {
    .aboutUnder div {
        max-width: 540px;
        margin-bottom: 0;
    }
}



.aboutUnder h3 {
	font-weight: 400;
    font-size: 30px;
    font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0px;
}
@media only screen and (min-width:768px) {
	.aboutUnder h3 {
		font-size: 38px;
	}
}

@media only screen and (min-width:1024px) {
	.aboutUnder h3 {
        font-size: 2.63889vw;
	}
}
@media only screen and (min-width:1024px) and (min-width:1714.28571px) {
	.aboutUnder h3 {
		font-size: 45px
	}
}



.aboutUnder p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4em;
    font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
    letter-spacing: -.02em;
    margin-top: 2.97917vw;
    color: #fff;
}
@media only screen and (min-width:768px) {
	.aboutUnder p {
		font-size: 18px;
	}
}

@media only screen and (min-width:1024px) {
	.aboutUnder p {
        font-size: 1.25vw;
	}
}
@media only screen and (min-width:1024px) and (min-width:1714.28571px) {
	.aboutUnder p {
		font-size: 22px
	}
}










.seMain {
                position: relative;
                width: 100%;
                height: auto;
                top: 0;
                z-index: 100;
            }
 @media only screen and (min-width:768px) {
                .seMain {
                position: relative;
                width: 100%;
                height: auto;
                top: 0;
                z-index: 40;
            }
}


            .seContainer {
                position: relative;
          min-height: 100vh;
            }
            .sequence {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background: #7B825D;
            }
            .sequence img {
                object-fit: cover;
            width: 100%;
            height: 100%;
            }
        
        
            .sePanels {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                color: #272727;
            
            }
        
            .main-wrapper__panel {
                position: absolute;
                width: 100%;
                height: 40vh;
                top: 0;
                right: 0;
                overflow: hidden;
            }

            @media only screen and (min-width:768px) {
                .main-wrapper__panel {
                position: absolute;
                width: 50%;
                height: 100vh;
                top: 0;
                right: 0;
                overflow: hidden;
            }
}

        .sequence-panel {
            position: absolute;
            left: 0;
            /* top: 10%; */
            font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
            bottom: 10%;
            width: 20vw;
            padding: 0 20px;
        }
        
        

 .sequence-panel p {
            max-width: 590px;
            font-size: 16px;
            line-height: 1.3em;
            font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
            letter-spacing: -0.03em;
            color: #000000;
}


        @media only screen and (min-width:768px) {
	.sequence-panel p {
		font-size: 22px;
        max-width: 376px;
	}
}

@media only screen and (min-width:1024px) {
	.sequence-panel p {
        font-size: 22px;
        font-size: 1.52778vw;
	}
}


@media only screen and (min-width:1624px) {
	.sequence-panel p {
        max-width: 590px;
	}
}
@media only screen and (min-width:1024px) and (min-width:1714.28571px) {
	.sequence-panel p {
		font-size: 26px
	}
}

              
                .philosophie {
          position: relative;
          background: #000;
        }
 

.sePanels .point {
	height: 80vh;
	display: flex;
	align-items: end;
	-webkit-align-items: flex-end;
	padding: 5rem;
	margin-bottom: 14vh;
	padding-left: 20vw;
	width: 300px;
}
@media only screen and (min-width:768px) {
    .sePanels .point {
            height: 80vh;
            display: flex;
            align-items: end;
            -webkit-align-items: flex-end;
            padding: 5rem;
            /* margin-bottom: 14vh; */
            padding-left: 16vw;
        width: 590px;
        }
}

      
        .sePanels .wrapper {
          height: 100vh;
          width: 100%;
        }
        
        .point article {
	flex-basis: 90%;
	margin-right: auto;
}





.stickyHeading {
	position: absolute;
	font-size: 32px;
	letter-spacing: -0.03em;
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	color: #000;
	line-height: 1.1em;
	margin: 2vw;
	top: 45%;
	padding-left: 2vw !important;
	padding-top: 0px;
	margin-top: 0px;
}
@media only screen and (min-width:768px) {
	.stickyHeading {
		font-size: 70px;
        line-height: 1.05em;
        max-width: 45%;
        top: 22%;
        padding:0px!important;
	}
}

@media only screen and (min-width:1024px) {
	.stickyHeading {
        font-size: 85px;
        font-size: 5.90278vw;

	}
}
@media only screen and (min-width:1024px) and (min-width:1714.28571px) {
	.stickyHeading {
		font-size: 95px;
        max-width: 808px;
        width: 808px;
	}
}




.lastPartContainer  {
   position: relative;
   
}
.lastPart  {
    width: 100%;
    height: 100%; 
  position: relative;
  top: 0;
  left: 0;
}

@media only screen and (min-width:768px) {
        .lastPart  {
            width: 100%;
            height: 100%; 
        position: absolute;
        top: 0;
        left: 0;
        }
}


.panil  {
  position: unset;
  will-change: transform;
}
@media only screen and (min-width:768px) {
    .panil  {
        position: absolute;
        will-change: transform;
        }
}


.keyNumContainer {
	height: 100%;
	color: #000;
	background-color: #fff;
	clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 30px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
    padding-bottom: 8vh;
    padding-top: 3vh;
}

@media only screen and (min-width:768px) {
    .keyNumContainer {
        height: auto;
        color: #000;
        background-color: #fff;
        padding-bottom: 0px;
        padding-top: 0px;
        clip-path: polygon(0px 0, calc(100% - 0px) 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px), 0 30px);
    }
}
.keyNumTop {
	width: 100%;
	/* padding: 2vw; */
	padding: 8.33333vw 60.41667vw 0 2.08333vw;
	padding-bottom: 8vh;
	padding-left: 3.7vw;
}
@media only screen and (min-width:768px) {
        .keyNumTop {
            width: 100%;
            /* padding: 2vw; */
            padding: 8.33333vw 60.41667vw 0 2.08333vw;
        }
}

.keyNumHeading {
    font-size: 34px;
    font-family: "FKDisplay",Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.05em;
    letter-spacing: -.02em;
    grid-area: heading;
    max-width: 81%;
    padding: 0px;
    margin-top: 0px;
}


@media only screen and (min-width:768px) {
	.keyNumHeading {
		font-size: 50px;
        font-weight: 400;
        max-width: 79%;
        line-height: 1.1em;
        padding: 0px;
	}
}

@media only screen and (min-width:1024px) {
    .keyNumHeading {
        font-family: "FKDisplay",Helvetica,Arial,sans-serif;
        font-weight: 400;
        font-size: 60px;  
        line-height: 1.1em;
        max-width: 52%;
        letter-spacing: -0.03em;
        margin: 0;
        border: 0;
    }

}

.keyNumHeadingUn {
	padding-top: 5vh;
	display: grid;
	/* width: 100%; */
	/* justify-content: inherit; */
	/* justify-items: legacy; */
	/* align-content: start; */
	/* align-items: self-end; */
	grid-template-columns: 1fr 1fr 1fr;
	max-width: 90%;
}

@media only screen and (min-width:768px) {
    .keyNumHeadingUn {
	padding-top: 5vh;
	display: grid;
	/* width: 100%; */
	/* justify-content: inherit; */
	/* justify-items: legacy; */
	/* align-content: start; */
	/* align-items: self-end; */
	grid-template-columns: 1fr 1fr 1fr;
	max-width: 54%;
}
}


.keyNumHeadingUn a {
    font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 125.5%;
    text-decoration: none;
    color: #000;
    letter-spacing: -0.03em;
}

@media only screen and (min-width:768px) {
    .keyNumHeadingUn a {
    font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 125.5%;
    letter-spacing: -0.03em;
}
}


.keyNumBottom {
	display: grid;
	grid-template-columns: 1fr;
	padding: 2vw;
	align-items: flex-end;
	justify-items: flex-end;
	height: 50%;
	position: relative;
	overflow: initial;
    padding-left: 4vw;
}

@media only screen and (min-width:768px) {
    .keyNumBottom {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 2vw;
        align-items: flex-end;
        justify-items: flex-end;
        height: 50%;
        position: relative;
        overflow: hidden;
        margin-top: 15vh;
        margin-bottom: 7vh;
    }
}
.keyNumbers {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	row-gap: 5vh;
	column-gap: 0;
}
@media only screen and (min-width:768px) {
    .keyNumbers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        row-gap: 5vh;
        column-gap: 5vw;
    }
}

.keyNumbers div {
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 70px;
	line-height: 95%;
	letter-spacing: -0.03em;
}

@media only screen and (min-width:768px) {
    .keyNumbers div {
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 90px;
        line-height: 104%;
        letter-spacing: -0.03em;
    }
}
.keyNumbers span {
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 125.5%;
	letter-spacing: -0.03em;
	padding-bottom: 10px;
	display: block;
}
@media only screen and (min-width:1024px) {
    .keyNumbers span {
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 125.5%;
        letter-spacing: -0.03em;
        padding-bottom: 20px;
        display: block;
    }
}





.footerContainer  {
	height: 100vh;
    width: 100%;
    background-color: #000;
}
.footerGrid {
	display: grid;
	grid-template-rows: 17%;
	height: 100%;
	/* justify-items: baseline; */
	/* justify-content: left; */
}
@media only screen and (min-width:768px) {
    .footerGrid {
        display: grid;
        grid-template-columns: 40% 60%;
        grid-template-rows: auto;
    }
}
@media only screen and (min-width:1024px) {
    .footerGrid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
}
}
.footerRight {
    display: grid;
    grid-template-rows: 30%;
    padding-left: 4vw;
}
@media only screen and (min-width:768px) {
    .footerRight {
        display: grid;
        padding-left: 0px;
        /* grid-template-rows: 15% 85%; */
        /* justify-content: space-between; */
        /* justify-items: flex-start; */
        align-content: space-between;
        padding-bottom: 3vh;
    }
}


.footerInfo {
	font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
	max-width: 80%;
	order: 1;
	display: grid;
}
@media only screen and (min-width:768px) {
    .footerInfo{
        font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
        max-width: 100%;
        order: unset;
    }
}


.footerContact img {
	width: 140px;
	margin: 0 auto;
	display: none;
	padding-right: 4vw;
}
@media only screen and (min-width:768px) {
    .footerContact img {
        /* Logoen er det som får gi etter når footeren ikke er 100vh høy nok.
           flex-shrink + object-fit: contain holder formfaktoren automatisk;
           248px er taket, som før. */
        width: auto;
        max-width: 248px;
        height: auto;
        min-height: 0;
        flex: 0 1 auto;
        object-fit: contain;
        object-position: left bottom;
        margin: 0;
        display: block;
        padding-right: 0;
    }
}



.footerInfo p {
	font-size: 16px;
	color: #fff;
	line-height: 24px;
	letter-spacing: -0.03em;
	padding-top: 0;
    order: 1;
}
@media only screen and (min-width:768px) {
            .footerInfo p {
            font-size: 22px;
            color: #fff;
            line-height: 28px;
            letter-spacing: -0.03em;
            padding-top: 2vh;
            order: 0;
        }
}
@media only screen and (min-width:1024px) {
            .footerInfo p {
            font-size: 28px;
            color: #fff;
            line-height: 28px;
            letter-spacing: -0.03em;
            padding-top: 2vh;
        }
}


.footerInfo ul {
	/* display: flex; */
	color: #9E9E9E;
	grid-template-columns: 1fr;
	max-width: 41%;
	padding: 0;
}
@media only screen and (min-width:768px) {
    .footerInfo ul {
        display: grid;
        color: #9E9E9E;
        /* flex-direction: initial; */
        /* flex-wrap: nowrap; */
        grid-template-columns: 27% 27% 40% 50%;
        /* justify-content: start; */
        /* justify-items: flex-end; */
        /* justify-self: initial; */
        align-items: normal;
        max-width: 59%;
    }
}
@media only screen and (min-width:1024px) {
    .footerInfo ul {
        grid-template-columns: 25% 25% 50%;
    }
}


@media only screen and (min-width:1624px) {
    .footerInfo ul {
        display: grid;
        color: #9E9E9E;
        /* flex-direction: initial; */
        /* flex-wrap: nowrap; */
        grid-template-columns: 25% 25% 50%;
        /* justify-content: start; */
        /* justify-items: flex-end; */
        /* justify-self: initial; */
        align-items: normal;
        max-width: 59%;
    }
}

.footerInfo li{
    display: inline-block;
    color: #9E9E9E;
    font-size: 14px;
}
@media only screen and (min-width:768px) {
    .footerInfo li{
        display: inline-block;
        color: #9E9E9E;
        font-size: 18px;
    }
}


.footerInfo a {
    font-size: 14px;
    color: #9E9E9E;
    text-decoration: none;
    line-height: 16px;
    letter-spacing: -0.03em;
}
@media only screen and (min-width:768px) {
            .footerInfo a {
                font-size: 18px;
                color: #9E9E9E;
                text-decoration: none;
                line-height: 20px;
                letter-spacing: -0.03em;
            }
}




.footerContact {

}
.footerHeading {
    font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
    font-size: 32px;
    line-height: 106.5%;
    letter-spacing: -0.03em;
    font-weight: 400;
    color: #FFFFFF;
}
@media only screen and (min-width:768px) {
    .footerHeading {
    font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
    font-size: min(70px, 8.5vh);
    line-height: 106.5%;
    letter-spacing: -0.03em;
    font-weight: 400;
    color: #FFFFFF;
}
}

@media only screen and (min-width:1024px) {
	.footerHeading {
        font-size: 85px;
        font-size: min(5.90278vw, 8.5vh);

	}
}
@media only screen and (min-width:1024px) and (min-width:1714.28571px) {
	.footerHeading {
		font-size: 95px

	}
}



@media only screen and (max-height: 600px) {


  }
  


  @media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 3) {
    .HeroTitle {
        /* grid-area: heading; */
        padding: 16.41667vw 0 0 1.40003vw;
        /* max-width: 50vw; */
    }
    .stickyHeading {
        font-size: 32px;
    }
  }


 @media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .HeroTitle {
        /* grid-area: heading; */
        padding: 16.41667vw 0 0 1.40003vw;
        /* max-width: 50vw; */
    }
    .stickyHeading {
        font-size: 32px;
    }
  }
  @media only screen and (device-width: 428px) and (device-height: 826px) and (-webkit-device-pixel-ratio: 3) {
    .HeroTitle {
        /* grid-area: heading; */
        padding: 16.41667vw 0 0 1.40003vw;
        /* max-width: 50vw; */
    }
    .stickyHeading {
        font-size: 32px;
    }
  }

@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    .HeroTitle {
        /* grid-area: heading; */
        padding: 16.41667vw 0 0 1.40003vw;
        /* max-width: 50vw; */
    }
    .sePanels .point {
        padding-top: 0;
    }
    .stickyHeading {
        font-size: 32px;
    }
  }
 




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* CSS rules for iPad devices in portrait orientation */
        .panil  {
        position: unset;
        will-change: transform;
        }
        .ipadH {
            display: none!important;
        }
        .aboutTitle div {
            opacity: 1!important;
        }
        .aboutUnder h3 {
            opacity: 1!important;
        }
        .aboutUnder p {
            opacity: 1!important;
        }
        .lastPart  {
            width: 100%;
            height: 100%; 
            position: relative;
            top: 0;
            left: 0;
        }
      
            .HeroTitle {
            max-width: 63vw;
        }
        .UnderTitle {
	padding: 10vh 15vw 28vw 44vw;
}
.asideMenu {
	width: 124%;
}
#logo2 {
	display: none;
}
.merkerTitle {
	font-size: 50px;
	font-weight: 400;
	line-height: 1.1em;
	padding: 18vw 24vw 0 4vw;
}
.keyNumContainer {
	height: 90vh;
}
.asideBorderWrapper {
	display: none;
}
.asideBottom {
	display: grid;
	/* height: auto; */
	/* height: 6vh; */
	grid-template-columns: 1fr;
}
.menu a {
	font-size: 90px;
	line-height: 1.04;
	letter-spacing: -.04em;
	color: #282828;
	text-decoration: none;
}
.gridX {
	max-width: 100%;
	margin: 0 auto;
	display: grid;
	height: 60vh;
	grid-template-columns: 1fr;
	/* align-self: flex-start; */
	align-content: flex-end;
}
        html {
            text-rendering: optimizeLegibility;
            -moz-osx-font-smoothing: grayscale;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .footerGrid {
            display: grid;
            grid-template-columns: 4% 60%;
            grid-template-rows: auto;
        }
        .keyNumbers div {
            font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
            font-style: normal;
            font-weight: 400;
            font-size: 90px;
            line-height: 104%;
            letter-spacing: -0.03em;
        }
        .seMain {
	position: relative;
	width: 100%;
	height: auto;
	top: 0;
	z-index: 40;
	display: none;
}
        .keyNumBottom {
            display: grid;
            grid-template-columns: 0 90%;
            padding: 2vw;
            align-items: flex-end;
            justify-items: flex-end;
            height: 50%;
            position: relative;
            overflow: hidden;
        }

}



@media only screen and (min-height: 600px) and (max-height: 850px) {
   /*  .HeroTitle {
     
        padding: 3.41667vw 0 0 1.40003vw;

    }
    .stickyHeading {
        font-size: 70px;
    }
    .asideLast{
        display: none;
    } */
    .sequence-panel p {
        font-size: 18px;
        max-width: 457px;
    }
  }
  


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* CSS rules for iPad devices in landscape orientation */
}






.hiddens {
    display: none;
  }

.drag-indicator {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  font-family: 'FKDisplay-Reg',Helvetica,Arial,sans-serif;
  color: #000;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}

/* Footeren er låst til 100vh (pinnet av GSAP). Høyre kolonne var 953px inne i
   800px og logoen ble kuttet. Flex-kolonne med min-height:0 lar innholdet
   krympe innenfor boksen i stedet for å renne ut av den. */
@media only screen and (min-width:768px) {
    .footerRight {
        height: 100%;
        min-height: 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }
    .footerContact {
        flex: 1 1 auto;
        min-height: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .footerHeading {
        margin: clamp(32px, 8vh, 85px) 0;
        flex: 0 0 auto;
    }
}