HTML,

BODY {
    font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
	text-decoration: none;
	font-size: 30px;
	color: #222;
	text-align: right;
	height:100%;
	margin: 0px;
    padding: 0px;
}
section {
  min-height: 100%;
}

.img-responsive {
    width: 100%;
    height: auto;
}

/* TEKSTER */

.heading {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 3.125rem;
	line-height: 1.22;
}

/* Mobil, caring */
@media screen and (min-width: 0px) and (max-width: 767px) {

.heading {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 2rem;
	line-height: 1.1;
}
}


.subheading {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 2rem;
	line-height: 1.1;
}

/* Mobil, caring */
@media screen and (min-width: 0px) and (max-width: 767px) {

.subheading {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 1.7rem;
	line-height: 1.05;
}
}

.maintext {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #222;
	font-size: 1.125rem;
	text-align: left;
	margin:0 auto;
}

.maintext a:link {
	color: #222;
	text-decoration: underline;
}
.maintext a:visited {
	text-decoration: none;
	color: #222;
}
.maintext a:hover {
	text-decoration: underline;
	color: #222;
}
.maintext a:active {
	text-decoration: none;
	color: #222;
}

/* Mobil, caring */
@media screen and (min-width: 0px) and (max-width: 767px) {

.maintext {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #222;
	font-size: 1.1rem;
	text-align: left;
	margin:0 auto;
}
}



/* subheading mindre */

.subheading_mindre {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 1.7rem;
	line-height: 1.05;
}
/* subheading */
@media screen and (min-width: 0px) and (max-width: 767px) {

.subheading_mindre {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 1.4rem;
	line-height: 1.05;
}
}

/* subheading mini */

.subheading_mini {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 1.4rem;
	line-height: 1.05;
	text-align: left;
}
/* subheading */
@media screen and (min-width: 0px) and (max-width: 767px) {

.subheading_mini {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #582483;
	font-size: 1.2rem;
	line-height: 1.03;
	text-align: left;
}
}

/* maintext */
.maintext_valgt_tekst {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #222;
	font-size: 1.125rem;
	text-align: left;
	margin:0 auto;

}
.maintext_valgt_tekst a:link {
	color: #222;
	text-decoration: none;
}
.maintext_valgt_tekst a:visited {
	text-decoration: none;
	color: #222;
}
.maintext_valgt_tekst a:hover {
	text-decoration: underline;
	color: #222;
}
.maintext_valgt_tekst a:active {
	text-decoration: none;
	color: #222;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

.maintext_valgt_tekst {
	font-size: 1.1rem;
}
}

/* maintext */
.maintext_valgt {
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #222;
	font-size: 1.125rem;
	text-align: left;
	margin:0 auto;

}
.maintext_valgt a:link {
	color: #222;
	text-decoration: none;
}
.maintext_valgt a:visited {
	text-decoration: none;
	color: #222;
}
.maintext_valgt a:hover {
	text-decoration: underline;
	color: #222;
}
.maintext_valgt a:active {
	text-decoration: none;
	color: #222;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

.maintext_valgt {
	font-size: 1.1rem;
}
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  top: 20%;
  left: 50%;
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #222;
  text-align: center;
  line-height: 45px;	
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 0px) and (max-width: 1200px) {
  .centered {font-size: 20px; line-height: 25px;}

}	



.clearfix {
*zoom: 1;
height:100%;
min-height:100%;
} 


.ingenscrollbar {
  width: 100%;
  height: 100%;
  overflow-y: scroll; /* Add the ability to scroll */
  padding-top: 150px; 
  padding-bottom: 200px;	
}

/* Hide scrollbar for Chrome, Safari and Opera */
.ingenscrollbar::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.ingenscrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.ikke_vis_mobil {
	}

@media (max-width: 800px) {
	.ikke_vis_mobil {
		display: none;
	}
}

/* hr */

 .hr_hoved {  
	 border: 0; 
	/*  border-bottom: 1px solid #979AA4; 
	 background: #FFFFFF; 
	 border-bottom: 1px solid rgba(81,79,81,.35); */
	 /* border-style: inset; */
     height: 0;
     border-top: 1px solid rgba(0, 0, 0, 0.05);
     border-bottom: 1px solid rgba(81,79,81,.05);
}


/* FONT AWESOME */

.font_awesome {
	font-size: 1.85rem;
	color: #582483;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

.font_awesome {
	font-size: 1.4rem;
}
}

.font_awesome_tekst {
	font-size: 1.5rem;
	color: #582483;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

.font_awesome_tekst {
	font-size: 1.4rem;
}
}

.font_awesome_hjerte {
	font-size: 1.85rem;
	color: #FF0000;
}

@media screen and (min-width: 0px) and (max-width: 767px) {

.font_awesome_hjerte {
	font-size: 1.4rem;
}
}

/* Text */



/* Animert knapp */


.btn {
  width: 285px;
  height: 58px;
background: rgb(255,255,255);
border:2px solid #f9dc5c !Important;		
background-color: #F6FAFD;
  border-radius: 30px !important;	
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor:pointer;
  margin: 5px auto;
}


.text {
  width: 250px;
  height: 58px;
  position: absolute;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
	font-family: 'sofia-pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #222;
	font-size: 1.1rem;
  text-align: center;	
  transition: top 0.7s;
  -moz-transition: top 0.7s; 
  -webkit-transition: top 0.7s; 
  -o-transition: top 0.7s; 
  -ms-transition: top 0.7s; 
}


.primary {
  top: 0px;
}

.secondary {
  top: 80px;
}

.btn:hover .primary {
  top: -80px;
}

.btn:hover .secondary {
  top: 0px;
	
}



/* animasjon text - Animesta.net */

.animasjon_txt {
	-webkit-animation: bounce-top 0.9s both;
	        animation: bounce-top 0.9s both;
}

@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

/* Bakgrunn tekst */

.bg_tekst {
 display: table; 
    margin-left: 0px;
	margin-bottom: 7px;
    padding: 7px;
	/* background-color: #FAF7F4; 
	 border-bottom: 1px solid rgba(81,79,81,.25); */
}

/* STØRRELSE PLANTEGNING */

.plan_storrelse {
	height: 70vh  !important;
}

/* Mobil, intro_1 */
@media screen and (min-width: 0px) and (max-width: 767px) {

.plan_storrelse {
 height: auto !important; /* Previously 85vh; allow content-driven height on mobile to avoid extra whitespace */
}

/* Ensure images inside the animated container scale and define height intrinsically */
.animasjon_txt img {
  display: block;
  max-width: 100%;
  height: auto;
}
}	

/* SLUTT STØRRELSE PLANTEGNING */


.plantegning_ledig {
	
  color: #008C23;

}


.plantegning_reservert {
	
  color: #FF7F00;

}


.plantegning_solgt {
	
  color: #FF0000;

}