/* Lysetunet 2026 unified stylesheet */
/* Source: css_endres/*.css files currently used by site pages */

/* ===== Begin: endres_lysetunet_V7.css ===== */
HTML,
BODY {
    margin: 0px;
    padding: 0px;
}

BODY {
	font-family: neulis-sans-black, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #373639;
  	font-variation-settings: "wdth" 100;
	text-decoration: none;
	font-size: 1.125rem;
	text-align: left;
	height:100%;
}

/* ===== Begin: moved from index.html <head><style> ===== */
html,
body {
  height: 100%;
}

section {
  min-height: 100%;
}

.myButton3 {
  background-color: #FFF8ED;
  border-radius: 0.9375rem;
  display: inline-block;
  cursor: pointer;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #373639;
  font-variation-settings: "wdth" 100;
  text-decoration: none;
  font-size: 1.125rem;
  padding: 1rem 1.9375rem;
  min-height: 2.75rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

.myButton3:hover {
  background-color: #FFF8ED;
  text-decoration: underline;
  color: #373639;
}

.myButton3:active {
  position: relative;
  top: 1px;
}

.myButton2 {
  background-color: #FFF8ED;
  border-radius: 0.9375rem;
  display: inline-block;
  cursor: pointer;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #373639;
  font-variation-settings: "wdth" 100;
  text-decoration: none;
  font-size: 1.125rem;
  padding: 1rem 1.9375rem;
  min-height: 2.75rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

.myButton2:hover {
  background-color: #373639;
  text-decoration: none;
  color: #FFF8ED;
}

.myButton2:active {
  position: relative;
  top: 1px;
}

@media screen and (max-width: 767px) {
  .myButton3,
  .myButton2 {
    font-size: 1rem;
    padding: 0.75rem 1.25rem;
    text-align: center;
    white-space: nowrap;
  }
}

#myBtn {
  display: none;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  text-decoration: none;
  font-size: 1.25rem;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99999;
  border: none;
  outline: none;
  background-color: #373639 !important;
  color: #373639 !important;
  cursor: pointer;
  padding: 0.75rem;
  border-radius: 0.25rem;
  min-width: 2.75rem;
  min-height: 2.75rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

#myBtn:hover {
  background-color: #76513e !important;
  scroll-behavior: smooth;
}

@media screen and (max-width: 767px) {
  #myBtn {
    bottom: 16px;
    right: 16px;
  }
}

form {
  max-width: 100%;
  margin: 20px;
  padding: 20px;
  color: #373639;	
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

input,
label {
  display: block;
  width: calc(100% - 22px);
  margin-bottom: 10px;
  padding: 10px;
}

input[type="submit"] {
  background-color: #373639;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 1.125rem;
  color: #f5d7c2;
  cursor: pointer;
  min-height: 2.75rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 0.3125rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

input[type="submit"]:hover {
  background-color: #f5d7c2;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 1.125rem;
  color: #373639;
}

@media screen and (max-width: 767px) {
  input[type="submit"] {
    width: 100%;
    font-size: 1rem;
    padding: 0.875rem 1.25rem;
    white-space: nowrap;
  }
}

.response {
  margin-top: 10px;
  font-family: optima-nova-lt-pro, sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.875rem;
  color: #373639;
}

.consent {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-left: 15px;
}

.consent input[type="checkbox"] {
  margin: 0 10px 0 0;
  width: 3em;
  height: 3rem;
  accent-color: #373639;
}

/* ===== 
a {
  color: #373639;
}

a:hover {
  text-decoration: underline;
}
 ===== */


.logo_BONO {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 130px;
  height: auto;
  z-index: 4;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
  .logo_BONO {
    bottom: 80px;
    right: 20px;
    width: 90px;
    height: auto;
  }
}

.bakheading {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFF8ED;
  padding-bottom: 50px;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
  .bakheading {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #FFF8ED;
    padding-bottom: 120px;
  }
}

.logo_lysetunet {
  position: absolute;
  top: 20px;
  left: 40px;
  width: 160px;
  height: auto;
  padding: 0px;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
  .logo_lysetunet {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 120px;
    height: auto;
    padding: 0px;
  }
}

.wrapper-reset {
  margin-top: 0px;
  padding-top: 0px;
}

.image-caption {
  font-size: 0.8125rem !important;
  text-align: center !important;
  color: #6A8212;
}

.btn-hvit-light-border {
  border: 2px solid #FFF8ED;
}

/* Keep classic white button styling when combined as .btn.hvit.
   The file also contains a later animated .btn rule that would otherwise override this. */
.btn.hvit {
  border: 2px solid #373639;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;	
  background-color: #f5d7c2;
  color: #373639;
  padding: 0.875rem 1.75rem;
  font-size: 1.25rem;
  width: 90%;
  cursor: pointer;
  border-radius: 0.3125rem;
  position: static;
  overflow: visible;
  height: auto;
  min-height: 2.75rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5625rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

.btn.hvit:hover {
  background-color: #373639;
  color: #f5d7c2;
}

.btn.hvit2 {
  border: 2px solid #373639;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;	
  background-color: #F8E6D8;
  color: #373639;
  padding: 0.875rem 1.75rem;
  font-size: 1.25rem;
  width: 90%;
  cursor: pointer;
  border-radius: 0.3125rem;
  position: static;
  overflow: visible;
  height: auto;
  min-height: 2.75rem;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5625rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

.btn.hvit2:hover {
  background-color: #373639;
  color: #F8E6D8;
}

@media screen and (max-width: 767px) {
  .btn.hvit,
  .btn.hvit2 {
    width: 100%;
    font-size: 1.0625rem;
    padding: 0.875rem 1.25rem;
    white-space: nowrap;
  }
}

.page-bg-light {
  background-color: #f5d7c2;
}

.img-full-max200 {
  width: 100%;
  max-width: 200px;
  height: auto;
}

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

.contact-heading {
  color: #6A8212;
  text-align: center;
}

.contact-subheading {
  color: #6A8212;
  text-align: center;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.nav-row-compact {
  padding: 0px;
  height: 0px;
}

.profile-photo {
  max-width: 160px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

.bono-logo-center {
  max-width: 200px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* ===== End: moved from index.html <head><style> ===== */

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



.nyhet {
    position: absolute;
	top: 35px;
	right: 35px;
	width: 200px;
	height: auto;
	max-width: 200px;
	z-index: 999;
}

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

.nyhet {
    position: absolute;
	top: 35px;
	right: 35px;
	width: 90px;
	height: auto;
	max-width: 90px;
	z-index: 999;
}
}


/* LOGO PLASSERING OG SKALERING MOBIL */

.menypil {
    position: absolute;
	top: 27px;
	right: 113px;
	width: 93px;
	height: auto;
	z-index: 3;
}


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

.menypil {
    position: absolute;
	top: 0px;
	right: 65px;
	width: 70px;
	height: auto;
	z-index: 3;
}
}



/* LOGO PLASSERING OG SKALERING MOBIL */

.logo {
    position: absolute;
	width: 180px;
	height: auto;
	padding-top: 20px;
}


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

.logo {
	position: absolute;
	width: 150px;	
	height: auto;
	padding-left: 10px;
	padding-top: 10px;

}
}

/* TEKSTER */

.heading {
	font-family: optima-nova-lt-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #373639;
	font-size: 2.375rem;
	text-align: left;
	line-height: 3rem;
}

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

.heading {
	font-family: optima-nova-lt-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.75rem;
	text-align: left;
	line-height: 2.25rem;
}
}

.heading_center {
font-family: optima-nova-lt-pro, sans-serif;
font-weight: 700;
font-style: normal;
color: #373639;
	font-size: 2.375rem;
	text-align: center;
	line-height: 3rem;
}

.subheading {
font-family: optima-nova-lt-pro, sans-serif;
font-weight: 500;
font-style: italic;
color: #373639;
font-size: 1.5rem;
line-height: 2rem;
text-align: left;
}

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


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

.subheading {
	font-size: 1.25rem;
	text-align: left;
	line-height: 1.625rem;
}
}

.Uthevet_tekst {
    font-family: optima-nova-lt-pro, sans-serif;
    font-weight: 500;
    font-style: italic;
	font-size: 1.5rem;
	color: #373639;
	text-align: left;
	line-height: 2rem;
}

.heading_skjema {
    font-family: optima-nova-lt-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #373639;
	font-size: 2.375rem;
	text-align: center;
	line-height: 3rem;
	margin: 25px;

}

.maintext_skjema {
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
color: #373639;
  font-variation-settings: "wdth" 100;
  font-size: 1.0625rem;
  text-align: left;
  line-height: 1.25rem;
  margin:0 auto;

}

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


.maintext {
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
color: #373639;
  font-variation-settings: "wdth" 100;
  font-size: 1.125rem;
  color: #373639;
  text-align: left;
  line-height: 1.5625rem;
  margin:0 auto;
}


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

.maintext {
  font-size: 1.0625rem;
  line-height: 1.375rem;
}
}

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

.maintext_bono {
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
color: #f5d7c2;
  font-variation-settings: "wdth" 100;
  font-size: 1.125rem;
  text-align: left;
  line-height: 1.5625rem;
  margin:0 auto;
}


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

.maintext_bono {
  font-size: 1.0625rem;
  line-height: 1.375rem;
}
}

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

.maintext_lys {
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #373639;
  font-variation-settings: "wdth" 100;
  font-size: 1.125rem;
  text-align: left;
  line-height: 1.5625rem;
  margin:0 auto;
}


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

.maintext_lys {
  font-size: 1.0625rem;
  text-align: left;
  line-height: 1.375rem;
}
}

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


.maintext_center {
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
  font-size: 1.125rem;
  color: #373639;
  text-align: center;
  line-height: 1.5625rem;
  margin:0 auto;
}
.maintext_center a:link {
	color: #373639;
	text-decoration: none;
}
.maintext_center a:visited {
	text-decoration: none;
	color: #373639;
}
.maintext_center a:hover {
	text-decoration: underline;
	color: #373639;
}
.maintext_center a:active {
	text-decoration: none;
	color: #373639;
}

/* Text */

.heading {
font-family: optima-nova-lt-pro, sans-serif;
font-weight: 700;
font-style: normal;
color: #373639;
	font-size: 2.375rem;
	text-align: center;
	line-height: 3rem;
}
/* heading */
@media screen and (min-width: 0px) and (max-width: 767px) {

.heading {

	font-size: 1.75rem;
	line-height: 2.25rem;
}
}

/* subheading stor */

.subheading {
font-family: optima-nova-lt-pro, sans-serif;
font-weight: 500;
font-style: italic;
	font-size: 1.5rem;
	color: #373639;
	text-align: center;
	line-height: 2rem;
	animation: 3s infinite alternate slidein;
}


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

.subheading {
	font-size: 1.25rem;
	line-height: 1.625rem;
}
}

.subheading_bono {
font-family: optima-nova-lt-pro, sans-serif;
font-weight: 500;
font-style: italic;
	font-size: 1.5rem;
	color: #f5d7c2;
	text-align: center;
	line-height: 2rem;
	animation: 3s infinite alternate slidein;
}


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

.subheading_bono {
	font-size: 1.25rem;
	line-height: 1.625rem;
}
}

/* subheading mindre */

.subheading_mindre {
	font-family: optima-nova-lt-pro, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 1.5rem;
	color: #373639;
	text-align: center;
	line-height: 2rem;
}
/* subheading */
@media screen and (min-width: 0px) and (max-width: 767px) {

.subheading_mindre {
	font-size: 1.25rem;
	line-height: 1.625rem;
}
}

/* subheading mini */

.subheading_mini {
	font-family: optima-nova-lt-pro, sans-serif;
	font-weight: 500;
	font-style: italic;
	color: #373639;
	font-size: 1.5rem;
	text-align: left;
	line-height: 2rem;
}
/* subheading */
@media screen and (min-width: 0px) and (max-width: 767px) {

.subheading_mini {
	font-size: 1.25rem;
	line-height: 1.625rem;
}
}

/* maintext */
.maintext_valgt_tekst {
	font-family: neulis-sans-black, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #373639;
	font-size: 1.125rem;
	text-align: left;
	line-height: 1.5625rem;
	margin:0 auto;
	white-space: nowrap;

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

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

.maintext_valgt_tekst {
	font-size: 1.0625rem;
	line-height: 1.375rem;
}
}

/* maintext */
.maintext_valgt {
	font-family: neulis-sans-black, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #373639;
	font-size: 1.125rem;
	text-align: left;
	line-height: 1.5625rem;
	margin:0 auto;

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

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

.maintext_valgt {
	font-size: 1.0625rem;
	line-height: 1.375rem;
}
}


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

.scroll {
    position: absolute;
	margin: auto;
	bottom: 10%;
	right: 0;
	left: 0;
	width: 280px;
	height: auto;
	
}

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

.scroll {
    position: absolute;
	margin: auto;
	bottom: 10%;
	right: 0;
	left: 0;
	width: 210px;
	height: auto;
	
}
}	


/* INTRO 1 */
.center-div_intro_1
{
     position: absolute;
     margin: auto;
     top: 30px;
     right: 0;
	 left: 0;
     width: 396px;
     height: 345px;
	 text-align: center;
	 padding: 0px;
  background-image: url("../images/logo_kvarteret_brun.png"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}


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

.center-div_intro_1
{
     position: absolute;
     margin: auto;
     top: 30px;
     right: 0;
     left: 0;
      width: 286px;
     height: 246px;
	 text-align: center;
	 padding: 0px;
  background-image: url("../images/logo_kvarteret_brun.png"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	
}
}	


/* Hero image */

.hero {
    background-attachment: fixed;
	width: 100wh;  
	height: 100vh; 
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	background-size: cover;
	background-repeat: no-repeat;
	
}



@media (max-width: 750px) {
    .hero {
        background-image: url(../images/Kvarteret_mobil_ny.jpg);
		background-position: bottom center;
    }
}



@media (min-width: 750px) {
	.hero {
		background-image: url(../images/kvarteret_desktop_ny.jpg);
		background-position: center center;
	}
}

.container_iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* HOVER BILDER ZOOM */

.item-zoom {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 95%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-zoom img {
	vertical-align: top;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.item-zoom:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

/* HOVER BILDER ZOOM */

.item-zoom_2 {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 90%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-zoom_2 img {
	vertical-align: bottom;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.item-zoom_2:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* HOVER BILDER ZOOM */

.item-zoom_3 {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-zoom_3 img {
	vertical-align: top;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.item-zoom_3:hover img {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}



/* ARTIKKEL KNAPP*/


.btn {
  border: 2px solid #6A8212;
  background-color: #6A8212;
  color: #FFF8ED;
  padding: 0.875rem 1.75rem;
  font-size: 1.25rem;
  width: 90%;	
  cursor: pointer;
  border-radius: 0.3125rem;
  min-height: 2.75rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

@media screen and (max-width: 767px) {
  .btn {
    width: 100%;
    padding: 0.875rem 1.25rem;
    white-space: nowrap;
  }
}

.hvit {
  border-color: #6A8212;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.25rem;
  color: #FFF8ED;
  text-align: center;
  line-height: 1.5625rem;
  margin:0 auto;
}

.hvit:hover {
  background-color: #FFF8ED;
  font-family: neulis-sans-black, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.25rem;
  color: #6A8212;
  text-align: center;
  line-height: 1.5625rem;
  margin:0 auto;
}

@media screen and (max-width: 767px) {
  .hvit,
  .hvit:hover {
    font-size: 1rem;
  }
}



/* ===== End: endres_lysetunet_V7.css ===== */

/* ===== Begin: skaler.css ===== */
HTML,
BODY {
    margin: 0px;
    padding: 0px;
}

BODY {

font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
	text-decoration: none;
	height:100%;
}

.skaler {

}


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

.skaler {
  display: flex;
  overflow-x: auto;

}  
}

.skaler2 {

}  

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

.skaler2 {
 width: 900px;
  flex-shrink: 0;
  height: auto;
  align-items: center;	
}  
}

/* ===== End: skaler.css ===== */

/* ===== Begin: boligvelger.css ===== */

/**
 * ----------------------------------------
 * BOLIGVELGER!!!!!!!
 * ----------------------------------------
 */



/* Søkefelt vises ikke på mobil */

.boligvelger {
}


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

.boligvelger {
display: none;
}
}


/* PRISLISTE 
a:hover {
    color: #000 !important;
}
*/
.plan_txt {


font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
  	font-variation-settings: "wdth" 100;
	font-size: 1rem;
	color: #373639;
}

.table-apt-link  {
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
	text-decoration: none;
	color: #373639;
}

.table-apt-link a:link {
	color: #373639;
	text-decoration: none;
}
.table-apt-link  a:visited {
	text-decoration: none;
	color: #373639;
}
.table-apt-link a:hover {
	text-decoration: underline !important;
	color: #373639;
}
.table-apt-link a:active {
	text-decoration: none;
	color: #373639;
}


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5d7c2 !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

.maintxt_14_ledig, .plantegning_ledig {
    font-weight: 300;
    color: #336600;
}

.maintxt_14_reservert, .plantegning_reservert {
    font-weight: 300;
    color: #FF7F00;
}

.maintxt_14_solgt, .plantegning_solgt {
    font-weight: 300;
    color: #FF0000;
}


/* VALGT */
.plantegning {

font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.125rem;
color: #373639;
}
.plantegning_bold {
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.125rem;
color: #373639;
}

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

/* VALGT */

.plantegning_knp {
	font-family: neulis-sans-black, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #373639;
	font-size: 1.125rem;
	min-height: 2.75rem;
	display: inline-flex;
	align-items: center;
	touch-action: manipulation;
}

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


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
color: #373639;
	font-size: 1.125rem;
	padding: 0.875rem 2.5625rem;
	margin-top: 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	min-height: 2.75rem;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	touch-action: manipulation;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}

@media screen and (max-width: 767px) {
  .myButton {
    font-size: 1rem;
    padding: 0.75rem 1.25rem;
    text-align: center;
    white-space: nowrap;
  }
}




hr.hr {
border: 1px solid #6A8212;
}

hr.hr2 {
border: 1px solid #6A8212;
}



/* 
.container_iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; 
}*/

/* 
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
*/

/* Ikke vis mobil */
@media screen and (min-width: 0px) and (max-width: 767px) {

.hide {
	display: none;
}
}

#pricelist_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1rem;
}

td {
    text-align: center;
}

a.table-text {
    border-bottom: 0px !important;
    text-decoration: none !important;
}

a.table-text:hover {
    cursor: pointer !important;
    text-decoration: underline !important;
}

/**
 * ----------------------------------------
 * BOLIGVELGER SLUTT
 * ----------------------------------------
 */

/* ===== End: boligvelger.css ===== */

/* ===== Begin: boligvelger_valgt.css ===== */
/* CSS Document */
HTML,
BODY {
    margin: 0px;
    padding: 0px;

}
/* 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.875rem;
	color: #373639;
}

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

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

.font_awesome_tekst {
	font-size: 1.5625rem;
	color: #373639;
}

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

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

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

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

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

/* Animert knapp */

.btn-animated {
  width: 17.5rem;
  max-width: 100%;
  height: 3.125rem;
  min-height: 2.75rem;
background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(247,245,244,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(247,245,244,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(247,245,244,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#F7F5F4",GradientType=1);
  border-radius: 1.5625rem;	
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor:pointer;
  margin: 5px auto;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}


.text_bolig {
  width: 100%;
  height: 3.125rem;
  position: absolute;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
font-family: neulis-sans-black, sans-serif;
font-weight: 300;
font-style: normal;
color: #373639;
  text-align: center;	
  font-size: 1rem;
  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: 5rem;
}

.btn-animated:hover .primary {
  top: -5rem;
}

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

@media screen and (max-width: 767px) {
  .btn-animated {
    width: 17.5rem;
    max-width: 95%;
    height: 3rem;
  }
  .text_bolig {
    height: 3rem;
    font-size: 0.875rem;
    white-space: nowrap;
  }
  .secondary {
    top: 4rem;
  }
  .btn-animated:hover .primary {
    top: -4rem;
  }
}



/* 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); */
}

@media screen and (max-width: 767px) {
  .bg_tekst {
    display: block;
    width: 100%;
  }
}


/* TOOTLTIP */

/* Tooltip container */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #FFFFFF;
  color: #6A8212;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #6A8212 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* STØRRELSE PLANTEGNING */

.plan_storrelse {
	height: 70vh  !important;
}

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

.plan_storrelse {
 height: 85vh  !important;
}
}	

/* SLUTT STØRRELSE PLANTEGNING */


.plantegning_ledig {	
  color: #008C23;

}


.plantegning_reservert {	
  color: #FF7F00;

}


.plantegning_solgt {	
  color: #FF0000;

}
/* ===== End: boligvelger_valgt.css ===== */

/* VIS KUN EN DIV DESKTOP/ MOBIL */


.div-only-mobile {
    display: none;
}
.div-no-mobile {
    display: block;
}
@media screen and (max-width: 767px) {

.div-no-mobile {
    display:none;
}

.div-only-mobile {
    display: block;
}

}

.introtekst {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
}

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

.introtekst {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
}
}	


.fade-in-bottom {
	-webkit-animation: fade-in-bottom 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
	        animation: fade-in-bottom 1.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-5-6 11:15:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

ul.a {
    list-style-position: outside;
    list-style-type: disc;
    font-size: 0.75rem;
    line-height: 1.4em;
    padding-left: 1.5em;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
  ul.a {
    font-size: 0.875rem;
    line-height: 1.5em;
    padding-left: 1.25em;
  }
}


