@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

/* RESET */
	
#frm_field_123_container, #frm_field_122_container { display: none !important;}
	
	
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0px !important; }
	
* { box-sizing: border-box; }	
body { font-family: "Roboto", sans-serif; background: #f7f8f6; line-height: 1.6; font-size: 14px; }	
.container{ max-width: 2200px; margin-left:auto !important;margin-right:auto !important; padding-left: 30px; padding-right: 30px; }
#box { max-width:1400px; width:100%; margin-left:auto !important;margin-right:auto !important; }	
.showmobile { display: none; }


#frm_field_129_container, #frm_field_128_container { display: none !important; }
.frm_error { color: red !important; }

.wrapper.small { max-width: 600px; margin-left: auto; margin-right: auto;  }
.wrapper.medium { max-width: 1000px; margin-left: auto; margin-right: auto;  }
.padding-s { padding-top: 35px; padding-bottom: 35px; }
.padding-m { padding-top: 70px; padding-bottom: 70px; }
.padding-l { padding-top: 150px; padding-bottom: 150px; }		
	
	
/* WP Bakery */	

.wrapper { max-width:1400px; width:100%; margin-left:auto !important;margin-right:auto !important; }		
.wrapper-small { max-width: 600px; margin-left:auto !important;margin-right:auto !important;  }	
.wrapper-medium { max-width:1000px; width:100%; margin-left:auto !important;margin-right:auto !important; }	
.wrapper-large { max-width:1600px; width:100%; margin-left:auto !important;margin-right:auto !important; }		
	
.center { text-align: center; }	
.center h2, .center h3, .center h4, .center h5 { text-align: center !important; }	
.white, .white h2, .white h3, .white h4, .white h5 { color: #fff; }

	
.fade1, .fade2, .fade3, .fade4, .fade5, .fade6 {
	opacity: 0;
	transition: opacity 1s ease-out;
}

.fade1 { transition-delay: 0.25s; }
.fade2 { transition-delay: 0.50s; }
.fade3 { transition-delay: 0.75s; }
.fade4 { transition-delay: 1.00s; }	
.fade5 { transition-delay: 1.25s; }	
.fade6 { transition-delay: 1.50s; }


.js-link { cursor: pointer !important; transition: all 0.3s ease-in-out; }
.js-link:hover { cursor: pointer; }
	
.box-link .vc_column-inner,
.box-link .vc_column-inner.js-link  {padding: 0px; border-radius: 5px; background: #fff; box-shadow: 0 5px 35px rgba(0,0,0,0.1); } 
.box-link .vc_column-inner.js-link:hover { opacity: 90%; cursor: pointer !important; box-shadow: 0 5px 35px rgba(0,0,0,0.3);  -webkit-transform: scale(1.02, 1.02) !important; transform: scale(1.02, 1.02) !important;  } 
	
	
	
	
	
/* FONTS */
	
body { color: #425040; }	
a { color: #68745d; font-family: "Roboto", sans-serif !important;  }	
h1, h2, h3, h4, h5 {   font-family: "Nunito Sans", sans-serif; line-height: 1.2; font-weight: 700; }
h1 { font-size: 60px; line-height: 1.15; margin-top: 0px; margin-bottom: 10px; }
h1.big { font-size: 120px; font-weight: 900; line-height: 1; margin-top: 0px; margin-bottom: 30px;}
h2 { color: #425040; font-size: 40px; }
h4 { font-size: 18px; font-weight: 700; }
h5 { color: #566F51; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; padding-left: 2px; padding-right: 2px; }
.manchet { color: #CAAC23; font-size: 22px; line-height: 1.4; }
.vc_btn3 { color: #425040 !important; }
.mobx-overlay { background: rgba(0, 0, 0, 0.747) !important; }
.mobx-top-bar { background: none !important; }


/* BTN */

button.vc_general, a.vc_general {  border: none !important; }
.vc_btn3, a.vc_btn3 { background: #E7C428 !important;  min-width: 260px; font-size: 16px; font-weight: 700; border: none !important; border-radius: 10px !important;  padding-top: 20px !important; padding-bottom: 20px !important; text-align: center !important; }	
.vc_btn3:hover {  box-shadow: 0 5px 35px rgba(0,0,0,0.1);  -webkit-transform: scale(1.04, 1.04) !important; transform: scale(1.04, 1.04) !important;  }
.vc_do_btn { margin-bottom: 0px !important; }
.vc_btn3-icon-right { padding-left: 50px !important; padding-right: 50px !important; }

.vc_btn3-inline .vc_btn3 { margin-left: 10px; margin-right: 10px;  border: none !important; margin-bottom: 10px !important;  }
.nobg-whitetext a { background: none !important; color: #fff !important; text-decoration: underline !important; }

a.cta-btn { background: #E7C428 !important;  min-width: 120px; font-size: 16px; font-weight: 700; border: none !important; border-radius: 10px !important;  padding-top: 14px !important; padding-bottom: 14px !important; text-align: center !important; font-size: 13px; text-decoration: none; color: #222;  }

/* MENU */

.topmenu { background: #002668; text-align: right; }
.topmenu .wrapper { padding-top: 15px; padding-bottom: 15px; }
.topmenu a { color: #fff; margin-left: 30px; font-size: 14px; line-height: 1; text-decoration: none; white-space: nowrap; }

.mainmenu { height: 100px; background: #fff; }
.mainmenu .left { float: left; width: 160px; padding-top: 18px; }
.mainmenu .left img {  }
.mainmenu .right { float: right; display: block; width: calc(100% - 160px); text-align: right; padding-top: 30px; }



/* HDR */


#hdr { padding-top: 100px; padding-bottom: 350px; padding-left: 150px; color: #fff; background-size: cover; background-attachment: fixed; background-position: center center; overflow: hidden; }
#hdr h5 { color: #fff; }
#hdr p { max-width: 400px; font-size: 16px; }

#hdr video { opacity: 50%; min-height: 1000px; width: calc(100% + 150px) !important; position: absolute; object-fit: cover; z-index: 0; left: -150px; top: -130px; }
#hdr.overlayblack:before {content: ""; position: absolute; top: 0;right: 0; bottom: 0; left: 0;background-color: rgba(0, 0, 0, 0.4); pointer-events: none;  display: block; }

#hdr #splash { height: 0px; margin-top: 100px; position: relative; z-index: 9999 !important;}

#hdr #splash #cta-box.green  { padding-top: 40px; color: #E7C428;  background: #003809; width: 350px; height: 350px; float: right; position: absolute; bottom: 120px; right: 100px; margin-bottom: -250px; border-radius: 50%; }
#hdr #splash #cta-box.green  h3 { font-size: 32px; color: #fff; }
#hdr #splash #cta-box.green  a { color: #fff;  border-radius: 7px; text-decoration: underline; display: inline-block; margin-top: 10px; min-width: 150px; }
#hdr #splash #cta-box.green  a:hover { }
#hdr #splash #cta-box.green img { margin-top: 0px !important; margin-bottom: -30px !important; max-height: 130px; width: auto; }

#hdr #splash #cta-box.blue  { padding-top: 20px; color: #fff; background: #092766; width: 350px; height: 350px; float: right; position: absolute; bottom: 120px; right: 100px; margin-bottom: -250px; border-radius: 50%; }
#hdr #splash #cta-box.blue h3 { font-size: 32px; color: #fff; }
#hdr #splash #cta-box.blue a { color: #fff; text-decoration: underline; }
#hdr #splash #cta-box.blue a.cta { color: #fff; text-decoration: none;  padding: 6px 25px; border-radius: 7px; display: inline-block; margin-top: 5px; background: #CAAC23; }
#hdr #splash #cta-box.blue  a.cta:hover { background: #e6cb51;}


#videobg { padding-bottom: 300px;  color: #fff; background-size: cover; background-attachment: fixed; background-position: center center; overflow: hidden; }
#videobg video { opacity: 50%; min-height: 1000px; width: calc(100% + 150px) !important; position: absolute; object-fit: cover; z-index: 0; left: -150px; top: -0px; }
#videobg.overlayblack:before {content: ""; position: absolute; top: 0;right: 0; bottom: 0; left: 0;background-color: rgba(0, 0, 0, 0.4); pointer-events: none;  display: block; }
#videobg h5 { margin-top: 250px; }


/* CONTENT */

#box { background: #fff !important; width: calc(100% - 40px); margin-top: -200px; border-radius: 8px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10; margin-left: auto !important; margin-left: auto !important; }


.circle {  background: #092766; width: 290px; height: 290px; border-radius: 50%; color: #fff; padding: 30px; padding-top: 50px; margin-left: auto !important; margin-right: auto !important; margin-top: 30px; }
.circle h3 { font-size: 24px; margin-bottom: 20px;  }
.circle a { color: #fff; text-decoration: underline; }
.circle a.cta { color: #fff; text-decoration: none;  padding: 6px 25px; border-radius: 7px; display: inline-block; margin-top: 15px; margin-bottom: 15px; background: #CAAC23; }

.quote-left { background: url(http://hhm.dk/wp-content/uploads/2024/09/Ikon-Citat-Green@2x.svg) left top 10% no-repeat;  }
.catalog { background: url(http://hhm.dk/wp-content/uploads/2024/09/Katalog-Square.png) right top no-repeat; background-size: contain; min-height: 750px;   } 

.fixed-bg { background-attachment: fixed; }


/* Lightbox */

.mobx-bottom-bar { background: #77846b !important; height: 60px !important; }
.mobx-title { font-size: 20px !important; padding-top: 20px !important;  }


/* FILTER */

h5.projekt-title { display: block; width: 100%; text-transform: none; font-size: 15px !important; line-height: 1.4 !important; }

.wpgb-area { padding-bottom: 30px;}
.wpgb-facet ul .wpgb-button { border: none !important;  }


.wpgb-button .wpgb-button-label {
	display: block;
	text-align: center;
	border: none;
	color: #092766;
	text-transform: uppercase;
	font-size: 14px !important;
}


.wpgb-button .wpgb-button-label::before {
	content: "";
	display: block;
	width: 40px; /* Juster bredden af SVG-ikonerne */
	height: 40px; /* Juster højden af SVG-ikonerne */
	margin: 0 auto 5px; /* Centrerer ikonet og tilføjer margin til teksten */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 15px;
	color: #092766;
}

.wpgb-button input + .wpgb-button-label::before { background: #092766; display: block; width: 100px; height: 100px; background-size: 50px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; }
.wpgb-button:hover input + .wpgb-button-label::before { background: #91b1ce; display: block; width: 100px; height: 100px; background-size: 50px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; }
.wpgb-button[aria-pressed="true"] input + .wpgb-button-label::before { background: #91b1ce; display: block; width: 100px; height: 100px; background-size: 50px; border-radius: 50%; background-repeat: no-repeat; background-position: center center; }

.wpgb-button[aria-pressed="true"] {
	background: none  !important; 
	color: #092766;
}

.wpgb-button[aria-pressed="true"] .wpgb-button-label {
	background-color: none  !important; 
	color: #092766;
}

/* SVG-ikon til 'Alle projekter' knappen */
.wpgb-button input[value=""] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-Alle-Projekter.svg'); /* URL til SVG-billede */
	background-size: 70px; 
}

/* SVG-ikon til 'Nybyggeri' knappen */
.wpgb-button input[value="nybyggeri"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/ikon-Nybyggeri.svg'); /* URL til SVG-billede */
}

/* SVG-ikon til 'Hjem' knappen */
.wpgb-button input[value="boliger"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-boliger.svg'); /* URL til SVG-billede */
	background-size: 62px; 
}

/* SVG-ikon til 'Renovering' knappen */
.wpgb-button input[value="renovering"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-Renovation.svg'); /* URL til SVG-billede */
	background-size: 55px; 
}

/* SVG-ikon til 'Skole/institution' knappen */
.wpgb-button input[value="skole/institution"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-Instituioner.svg'); /* URL til SVG-billede */
}

/* SVG-ikon til 'Plejeboliger' knappen */
.wpgb-button input[value="plejeboliger"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-Plejeboliger.svg'); /* URL til SVG-billede */
	background-size: 72px; 
}

/* SVG-ikon til 'Erhverv' knappen */
.wpgb-button input[value="erhverv"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-Erhverv.svg'); /* URL til SVG-billede */
	background-size: 40px; 
}



/* SVG-ikon til 'Råhus og anlæg' knappen */
.wpgb-button input[value="ffundering"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/11/Fundering-ikon.svg'); /* URL til SVG-billede */
	background-size: 40px; 
}

/* SVG-ikon til 'Råhus og anlæg' knappen */
.wpgb-button input[value="rahus-anlag"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/11/Rahus-ikon.svg'); /* URL til SVG-billede */
	background-size: 40px; 
}





/* SVG-ikon til 'Nyheder' knappen */
.wpgb-button input[value="entreprise"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-Erhverv.svg'); /* URL til SVG-billede */
	background-size: 40px; 
}

/* SVG-ikon til 'Nyheder' knappen */
.wpgb-button input[value="enfamiliehuse"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/11/Ikon-enfamilieshus.svg'); /* URL til SVG-billede */
	background-size: 40px; 
}

/* SVG-ikon til 'Nyheder' knappen */
.wpgb-button input[value="nyt-rahus-anlag"] + .wpgb-button-label::before {
	background-image: url('http://hhm.dk/wp-content/uploads/2024/09/ikon-Nybyggeri.svg'); /* URL til SVG-billede */
	background-size: 40px; 
}



.wpgb-grid-15 .wpgb-card-media-content-bottom { background: rgba(9, 39, 102, 0.7); padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 20px !important; padding-top: 20px !important; min-height: 110px !important; }
.wpgb-grid-15 .wpgb-card-media-content-bottom h3 { line-height: 1.2 !important; margin-bottom: 5px !important; padding-left: 20px !important; padding-right: 20px !important;  }
.wpgb-grid-15 .wpgb-card-media-content-bottom h3 a { color: #fff !important; }
.wpgb-grid-15 .wpgb-block-5 { font-size: 13px !important; }
.wpgb-grid-15 article { border-radius: 5px !important; overflow: hidden !important; }


.wpgb-grid-11 .wpgb-card-media-content-bottom { background: rgba(9, 39, 102, 0.7); padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 20px !important; padding-top: 20px !important; height: 90px !important; }
.wpgb-grid-11 .wpgb-card-media-content-bottom h3 { line-height: 1.2 !important; margin-bottom: 5px !important; padding-left: 20px !important; padding-right: 20px !important; }
.wpgb-grid-11 .wpgb-card-media-content-bottom h3 a { color: #fff !important; }
.wpgb-grid-11 .wpgb-block-5 { font-size: 13px !important; }
.wpgb-grid-11 article { border-radius: 5px !important; overflow: hidden !important; }


/* profilie +  plan box */


.plan-box { border-radius: 30px !important; color: #fff; }
.plan-box .vc_column-inner { padding: 0px !important; overflow: hidden; border-radius: 7px; }
.plan-box .plan-icon { height: 0px;  margin-bottom: 15px !important; }
.plan-box .plan-icon img { height:  60px; width: 60px; position: relative; top: -65px;  }
.plan-box h4 { color: #EDCC36; padding-left: 25px; padding-right: 25px; font-size: 16px; padding-top: 0px; margin-top: 0px; }
.plan-box p { padding-left: 25px; padding-right: 25px; }
.plan-box a { color: #fff; }


.karriere-box { border-radius: 30px !important; color: #092766; text-align: center; }
.karriere-box .vc_column-inner { padding: 0px !important; overflow: hidden; border-radius: 7px; }
.karriere-box h4 { color: #092766; padding-left:150px; padding-right: 50px; padding-top: 0px; margin-top: 0px;  font-size: 24px; line-height: 1.3; font-weight: bold; padding-left: 25px; padding-right: 25px; }
.karriere-box .manchet { font-size: 14px; padding-left: 25px; padding-right: 25px; }
.karriere-box p { padding-left: 25px; padding-right: 25px; }
.karriere-box a { color: #fff; }
.karriere-box blockquote { background: url(http://hhm.dk/wp-content/uploads/2024/09/Ikon-Citat-Green@2x.svg) left top 10% no-repeat; background-size: 50px auto; padding-top: 20px; padding-bottom: 10px; text-align: center; font-size: 24px; line-height: 1.2; font-weight: bold; margin-top: -25px; font-family: "Nunito Sans", sans-serif; }




/* grid-article */

.grid-article .wpgb-block-term { background: #092766 !important; }
.grid-article .wpgb-block-3 { color: #092766 !important; font-size: 24px !important; font-weight: 700 !important; font-family: "Nunito Sans", sans-serif !important;}
.grid-article .wpgb-block-6 { font-size: 14px !important; }
.grid-article a.wpgb-block-7 { background: #E7C428 !important; border-radius: 10px !important; text-decoration: none !important; border: 0px !important; margin-top: 10px !important; padding: 7px !important; max-width: 200px !important; color: #092766 !important; margin-left: auto !important; margin-right: auto !important; font-size: 13px !important; }
.grid-article a.wpgb-block-7:hover {  border: 0px !important; }




.profile-box { border-radius: 30px !important; color: #fff; min-height: 420px !important; background-size: cover !important; }
.profile-box .profile-box-info { background: rgba(9, 39, 102, 0.7); position: relative; bottom: -35px; left: -7px; width: calc(100% + 15px); padding: 20px 15px; }
.profile-box:hover .profile-box-info { background: rgba(9, 39, 102, 0.9);}
.profile-box .profile-box-info h4 { margin-top: 0px; margin-bottom: 0px; }
.profile-box .profile-box-info a { color: #fff; text-decoration: underline; }

.profile-box .profile-box-info.green { background: rgba(0, 56, 9, 0.7);}
.profile-box:hover .profile-box-info.green { background: rgba(0, 56, 9, 0.9);}


[data-fancybox="video"] .vc_single_image-wrapper {
  position: relative; /* Sørger for, at ikonet er i forhold til billedet */
  display: inline-block;
}

[data-fancybox="video"] .vc_single_image-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://hhm.dk/wp-content/uploads/2025/03/Play-ikon@2x.svg");
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px;
  border-radius: 50%; /* Gør baggrunden rund */
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none; /* Sørger for, at ikonet ikke forhindrer klik */
}

[data-fancybox="video"]:hover .vc_single_image-wrapper::after {
	opacity: 80%;
}

[data-fancybox="video"] img {
  display: block;
  width: 100%; /* Sikrer, at billedet fylder hele containeren */
  height: auto;
}

.fancybox__content {
  width: auto !important;
  height: auto !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.75) !important;
}
.fancybox__caption {
  font-size: 22px !important;   /* Større tekst */
 font-family: "Nunito Sans", sans-serif; line-height: 1.2; font-weight: 700; 
  color: #ffffff;               /* Sørg for hvid tekst (valgfrit) */
  text-align: center;           /* Centreret tekst */
  padding: 10px;           /* Lidt ekstra luft omkring */
}

  .fancybox__iframe {
	width: 80vw !important;
	height: 80vh !important;
  }

  .fancybox__content {
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
  }




/* exhibition houses */

.exhibition-top {}
.exhibition-top .intro { float: left; width: 60%; height: 700px; background-size: cover !important; cursor: pointer; padding-right: 50px;  }
.exhibition-top .intro .text { background: rgba(255, 255, 255, 0.899);  max-width: 500px; margin-top: 100px; margin-left: 100px; padding: 50px; padding-top: 20px; border-radius: 10px; }
.exhibition-top .intro .text a { display: block; margin-top: 20px; max-width: 260px; }
.exhibition-top .intro .text h2 { margin-top: 0px; margin-bottom: 20px; }

.exhibition-top .plan { float: left; width: 40%; height: 350px; background-size: contain !important; background-position: center center !important; background-color: #eaeaea !important; cursor: pointer;  }
.exhibition-top .map { float: left; width: 40%; height: 350px; }
.exhibition-top .map iframe { width: 100% !important; height: 350px; }


.exhibition-bottom { background: #455F44; height: 85px; color: #fff;  }
.exhibition-bottom .address { background: rgba(255, 255, 255, 0.2); float: left; width: 400px; height: 85px; line-height: 85px; text-align: center; font-size: 16px;}
.exhibition-bottom .info { float: left; width: 150px; height: 85px; padding-left: 60px; margin-left: 30px; padding-top: 20px; }
.exhibition-bottom .info span { font-size: 16px; }
.exhibition-bottom .info label { display: block; margin-top: -5px; }
.exhibition-bottom a { float: right; margin-top: 10px; margin-right: 10px; }

.livingspace { background: url('http://hhm.dk/wp-content/uploads/2024/09/ikon-hus@2x.svg') no-repeat center left;  }
.rooms { background: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-Floorplan@2x.svg') no-repeat center left;  } 
.bathrooms { background: url('http://hhm.dk/wp-content/uploads/2024/09/Ikon-toilet@2x.svg') no-repeat center left; }



/* galleri houses */

.galleri-top {}
.galleri-top .intro { float: left; width: 100%; height: 700px; background-size: cover !important; cursor: pointer;padding-right: 50px; }
.galleri-top .intro .text { background: rgba(255, 255, 255, 0.899);  max-width: 500px; margin-top: 100px; margin-left: 100px; padding: 50px; padding-top: 20px; border-radius: 10px; }
.galleri-top .intro .text a { display: block; margin-top: 20px; max-width: 260px; }
.galleri-top .intro .text h2 { margin-top: 0px; margin-bottom: 20px; }







/* FOOTER */


.footer { background: #f5f5f5; padding: 100px; padding-bottom: 40px; padding-top: 40px; color: #fff; font-size: 14px; line-height: 26px; }
.footer h3  { color: #fff; opacity: 50%; font-size: 26px; }
.footer a { color: #fff; text-decoration: underline !important; }
.footer a:hover { text-decoration: none !important; }
.footer li {
	color: #fff;
	list-style-type: disc; 
	margin-left: 0px; 
}

.footerlogo { text-align: center; }
.footerlogo img { margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 80px; max-width: 160px; }

.footer .frm_forms { max-width: 80% !important; color: #fff; }
.footer .frm_primary_label { color: #fff; }
.footer .frm_radio label { color: #fff; }
.footer .frm_style_formidable-style.with_frm_style .frm_checkbox label { color: #fff; }


/* FORM */


.frm_forms input[type=text] { border-radius: 50px; padding: 10px; font-size: 13px; padding-left: 15px; }
.frm_submit button { background: #E7C428 !important;  min-width: 260px; font-size: 16px !important; font-weight: 700 !important; border: none !important; border-radius: 10px !important; margin-top: 10px !important;  padding-top: 20px !important; padding-bottom: 20px !important; text-align: center !important; color: #425040 !important; }
.frm_forms #frm_field_81_container .frm_primary_label { text-align: center !important; font-weight: 400 !important; padding-right: 6px; }
.frm_checkbox label { font-size: 12px !important; line-height: 12px !important; font-weight: 400 !important; }
#box .frm_style_formidable-style.with_frm_style .frm_checkbox label { color: #373737 !important; }


/* ARTIKLER */

.artikel { padding: 100px; padding-right: 300px; padding-top: 0px; padding-bottom: 0px; }	
#hdr-artikel { height: 550px; color: #fff; background-size: cover; background-position: center center; overflow: hidden; }
#box-artikel { background: #fff !important; margin-top: -160px; border-radius: 8px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 70px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
.artikel h4 { color: #CAAC23; font-size: 22px; font-weight: 400; }

.artikel-job { padding: 100px; padding-right: 100px; padding-top: 0px; padding-bottom: 0px; }	
#hdr-artikel-job { height: 550px; color: #fff; background-size: cover; background-position: center center; overflow: hidden; }
#box-artikel-job { background: #fff !important; margin-top: -160px; border-radius: 8px; margin-bottom: 70px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
.artikel-job h4 { color: #CAAC23; font-size: 22px; font-weight: 400; }

#content-artikel { background: #fff !important; margin-top: -160px; border-radius: 8px; margin-bottom: 70px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
.box-artikel-content { padding: 75px; padding-right: 300px;}
.box-artikel-content h4 { color: #CAAC23; font-size: 22px; font-weight: 400; }

.artikel h1, .artikel-job h1 { font-size: 40px; max-width: 600px !important; margin-top: 0px; }

.wrap-gallery { background: #f5f5f5 !important; padding: 10px !important; height: 220px; overflow: hidden; }
.wrap-gallery-big { padding: 10px !important; height: 700px; overflow: hidden; }

.acf-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 5px;
  margin-bottom: 30px;
}
.acf-gallery-grid a {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 0;
  border-radius: 0px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 30px;
  overflow: hidden;
}

.image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.acf-gallery-grid a img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}

.plan .acf-gallery-grid a img {
	  max-width: 100%;
	  max-height: 100%;
	  object-fit: contain;
	  display: block;
	  border-radius: 0px;
	  width: 100%;
	  height: 100%;
	}

.hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 39, 102, 0.799); /* blå med 50% opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.hover-overlay i {
  color: #fff;
  font-size: 34px;
}

.acf-gallery-grid a:hover .hover-overlay {
  opacity: 1;
}

.acf-gallery-grid a:hover {
  
}




/* GRIDBUILDER - SHOW AND HIDE */

.wpgb-area-top-1 { display: none !important; }
.wpgb-area-top-2 { }


@media screen and (max-width: 1600px) {  
	
	
 #box { background: #fff !important; margin-top: -200px; border-radius: 8px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10; }


/* HDR */
 
 
 #hdr { padding-top: 100px; padding-bottom: 350px; padding-left: 30px; color: #fff; background-size: cover; background-attachment: fixed; background-position: center center; overflow: hidden; }

 #hdr h5 { color: #fff; }
 #hdr p { max-width: 400px; font-size: 16px; }
  
 #hdr video { opacity: 50%; min-height: 1000px; width: calc(100% + 150px) !important; position: absolute; object-fit: cover; z-index: 0; left: -150px; top: -130px; }
 #hdr.overlayblack:before {content: ""; position: absolute; top: 0;right: 0; bottom: 0; left: 0;background-color: rgba(0, 0, 0, 0.4); pointer-events: none;  display: block; }
 
 
 
 
  .exhibition-bottom .info { display: none; }
 
	
}



@media screen and (max-width: 1200px) { 	 
		

	 /* MENU */
	 
	 
	 .mainmenu { height: 100px; background: #fff; }
	 .mainmenu .left { float: left; width: 160px; padding-top: 18px; }
	 .mainmenu .left img {  }
	 .mainmenu .right { float: right; display: block; width: calc(100% - 160px); text-align: right; padding-top: 30px; }
	 .mainmenu ul.mega-menu-horizontal { background: #fff !important; padding: 30px !important; }
	 
	 
	
	
	#hdr #splash { height: 250px; margin-top: 0px; position: relative; z-index: 9999 !important; display: block; }
	 
	 #hdr #splash #cta-box.green  { padding-top: 40px; color: #E7C428;  background: #003809; width: 250px; height: 250px; float: none; position: relative; bottom: 0px; right: 0px; margin-bottom: 0px; border-radius: 50%; margin-top: 50px; }
	 #hdr #splash #cta-box.green p { font-size: 12px; }
	 #hdr #splash #cta-box.green  h3 { font-size: 16px; color: #fff; }
	 #hdr #splash #cta-box.green  a { color: #fff;  border-radius: 7px; text-decoration: underline; display: inline-block; margin-top: 10px; min-width: 150px; }
	 #hdr #splash #cta-box.green  a:hover { }
	 #hdr #splash #cta-box.green img { margin-top: 0px !important; margin-bottom: -30px !important; max-height: 110px; width: auto; }
	 
	 #hdr #splash #cta-box.blue  { padding-top: 0px; color: #fff;  background: #092766; width: 250px; height: 250px; float: none; position: relative; bottom: 0px; right: 0px; margin-bottom: 0px; border-radius: 50%; margin-top: 50px; }
	 #hdr #splash #cta-box.blue p { font-size: 12px; }
	 #hdr #splash #cta-box.blue h3 { font-size: 20px; color: #fff; }
	 #hdr #splash #cta-box.blue a { color: #fff; text-decoration: underline; }
	 #hdr #splash #cta-box.blue a.cta { color: #fff; text-decoration: none;  padding: 6px 25px; border-radius: 7px; display: inline-block; margin-top: 5px; background: #CAAC23; }
	 #hdr #splash #cta-box.blue  a.cta:hover { background: #e6cb51;}
	

	
	
	
	 /* FONTS */

	 body { color: #425040; }	
	 a { color: #68745d; font-family: "Roboto", sans-serif !important;  }	
	 h1, h2, h3, h4, h5 {   font-family: "Nunito Sans", sans-serif; line-height: 1.2; font-weight: 700; }
	 h1 { font-size: 60px; line-height: 1.15; margin-top: 0px; margin-bottom: 10px; }
	 h1.big { font-size: 80px; font-weight: 900; line-height: 1; margin-top: 0px; margin-bottom: 30px;}
	 h2 { color: #425040; font-size: 30px; }
	 h4 { font-size: 18px; font-weight: 700; }
	 h5 { color: #566F51; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; padding-left: 2px; padding-right: 2px; }
	 .manchet { color: #CAAC23; font-size: 18px; line-height: 1.4; }
	 .vc_btn3 { color: #425040 !important; }	
	
	
	
/* exhibition houses */
	 
	 .exhibition-top {}
	 .exhibition-top .intro { float: left; width: 60%; height: 700px; background-size: cover !important; cursor: pointer; padding-right: 50px; }
	 .exhibition-top .intro .text { background: rgba(255, 255, 255, 0.899);  max-width: calc(100%); margin-top: 50px; margin-left: 50px; padding: 50px; padding-top: 20px; border-radius: 10px; }
	 .exhibition-top .intro .text a { display: block; margin-top: 20px; max-width: 260px; }
	 .exhibition-top .intro .text h2 { margin-top: 0px; margin-bottom: 20px; }
	 
	 .exhibition-top .plan { float: left; width: 40%; height: 350px; background-size: contain !important; background-position: center center !important; background-color: #eaeaea !important; cursor: pointer;  }
	 .exhibition-top .map { float: left; width: 40%; height: 350px; }
	 .exhibition-top .map iframe { width: 100% !important; height: 350px; }
	 
	 .exhibition-bottom { background: #455F44; height: 85px; color: #fff;  }
	 .exhibition-bottom .address { background: rgba(255, 255, 255, 0.2); float: left; width: 400px; height: 85px; line-height: 85px; text-align: center; font-size: 16px;}
	 .exhibition-bottom a { float: right; margin-top: 10px; margin-right: 10px; }

	
/* galleri houses */
	 
	 .galleri-top {}
	 .galleri-top .intro { float: left; width: 100%; padding-bottom: 200px; height: auto; background-size: cover !important; cursor: pointer; padding-right: 50px; }
	 .galleri-top .intro .text { background: rgba(255, 255, 255, 0.899);  max-width: 500px; margin-top: 100px; margin-left: 50px; padding: 50px; padding-top: 20px; border-radius: 10px; }
	 .galleri-top .intro .text a { display: block; margin-top: 20px; max-width: 260px; }
	 .galleri-top .intro .text h2 { margin-top: 0px; margin-bottom: 20px; }
	
	
/* ARTIKLER */
	 
	.artikel { padding: 75px; padding-right: 75px; padding-top: 0px; padding-bottom: 0px; }	
	#hdr-artikel { height: 550px; color: #fff; background-size: cover; background-position: center center; overflow: hidden; }
	#box-artikel { background: #fff !important; margin-top: -160px; border-radius: 8px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 70px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
	
	.artikel-job { padding: 75px; padding-right: 75px; padding-top: 0px; padding-bottom: 0px; }	
	#hdr-artikel-job { height: 550px; color: #fff; background-size: cover; background-position: center center; overflow: hidden; }
	#box-artikel-job { background: #fff !important; margin-top: -160px; border-radius: 8px; margin-bottom: 70px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; 
	
	#content-artikel { background: #fff !important; margin-top: -160px; border-radius: 8px; margin-bottom: 70px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
	.box-artikel-content { padding: 75px; padding-right: 75px;}
	.box-artikel-content h4 { color: #CAAC23; font-size: 22px; font-weight: 400; }
	
	.artikel h1, .artikel-job h1 { font-size: 40px; max-width: 600px !important; margin-top: 0px; }
	
	
	.wpgb-area-top-1 { display: block !important; }
	 .wpgb-area-top-2 { display: none !important; }
	
	
}




@media screen and (max-width: 768px) { 	 
		
		
	 .container { padding-left: 0px; padding-right: 0px; }
	 .showmobile { display: block; }
	 
	 
	 

	  #box { background: #fff !important; width: calc(100% - 20px); margin-top: -50px; border-radius: 8px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10; margin-left: auto !important; margin-left: auto !important; padding-left: 0px; padding-right: 0px; }
	 
	 /* GRID */
	 
	 /* GRIDBUILDER - SHOW AND HIDE */
	 
	 .wpgb-area-top-1 { display: block !important; }
	 .wpgb-area-top-2 { display: none !important; }
	 
	 
	 
	  /* MENU */

	  .topmenu { background: #002668; text-align: center; }
	  .topmenu .wrapper { padding-top: 5px; padding-bottom: 5px; }
	  .topmenu a { color: #fff; padding: 10px; margin-left: 0px; padding-bottom: 10px; padding-top: 10px; font-size: 14px; line-height: 1; text-decoration: none; white-space: nowrap; display: inline-block; }
	   
	   .mainmenu { height: 100px; background: #fff; padding-left: 15px; padding-right: 15px; }
	   .mainmenu .left { float: left; width: 160px; padding-top: 18px; }
	   .mainmenu .left img {  }
	   .mainmenu .right { float: right; display: block; width: calc(100% - 160px); text-align: right; padding-top: 30px; }
	   .mainmenu ul.mega-menu-horizontal { background: #fff !important; padding: 30px !important; }
	
	
	
	
	 #hdr { padding-top: 50px; padding-bottom: 150px; padding-left: 15px; color: #fff; background-size: cover; background-attachment: unset; background-position: center center; overflow: hidden; }
	 #hdr:before {content: ""; position: absolute; top: 0;right: 0; bottom: 0; left: 0;background-color: rgba(0, 0, 0, 0.6) !important; pointer-events: none;  display: block; }
	 #hdr p {  padding-right: 0px; }


	 #hdr video { opacity: 30%; min-height: 1000px; width: calc(100% + 150px) !important; position: absolute; object-fit: cover; z-index: 0; left: -150px; top:-50px; }
	 #hdr.overlayblack:before {content: ""; position: absolute; top: 0;right: 0; bottom: 0; left: 0;background-color: rgba(0, 0, 0, 0.4); pointer-events: none;  display: block; }



	 #videobg { padding-bottom: 200px;  color: #fff; background-size: cover; background-attachment: fixed; background-position: center center; overflow: hidden; }
	 #videobg video { opacity: 50%; min-height: 1000px; width: calc(100% + 150px) !important; position: absolute; object-fit: cover; z-index: 0; left: -150px; top: -250px; }
	 #videobg.overlayblack:before {content: ""; position: absolute; top: 0;right: 0; bottom: 0; left: 0;background-color: rgba(0, 0, 0, 0.4); pointer-events: none;  display: block; }
	 #videobg h5 { margin-top: 150px; }



	
	 /* FONTS */
	 
	  body { color: #425040; }	
	  a { color: #68745d; font-family: "Roboto", sans-serif !important;  }	
	  h1, h2, h3, h4, h5 {   font-family: "Nunito Sans", sans-serif; line-height: 1.2; font-weight: 700; }
	  h1 { font-size: 40px; line-height: 1.15; margin-top: 0px; margin-bottom: 10px; }
	  h1.big { font-size: 60px; font-weight: 900; line-height: 1; margin-top: 0px; margin-bottom: 30px;}
	  h2 { color: #425040; font-size: 26px; }
	  h4 { font-size: 18px; font-weight: 700; }
	  h5 { color: #566F51; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; padding-left: 2px; padding-right: 2px; }
	  .manchet { color: #CAAC23; font-size: 18px; line-height: 1.4; }
	  .vc_btn3 { color: #425040 !important; }	
	 
	 
/* exhibition houses */
	   
	   .exhibition-top { background: #fff; }
	   .exhibition-top .intro { float: left; width: 100%; height: auto; background: none !important; cursor: pointer; padding-right: 0px; padding-bottom: 0px; }
	   .exhibition-top .intro .text { background: #f5f5f5;  max-width: calc(100%); margin-top: 0px; margin-left: 0px; padding: 30px; padding-bottom: 50px; border-radius: 0px; overflow: hidden; margin-top: -40px; }
	   .exhibition-top .intro .text a { display: block; margin-top: 20px; max-width: 260px; }
	   .exhibition-top .intro .text h2 { margin-top: 0px; margin-bottom: 20px; }
	   
	   .exhibition-top .plan { float: left; width: 50%; height: 250px; background-size: contain !important; background-position: center center !important; background-color: #eaeaea !important; cursor: pointer;  }
	   .exhibition-top .map { float: left; width: 50%; height: 250px; }
	   .exhibition-top .map iframe { width: 100% !important; height: 250px; }
	   
	   .exhibition-bottom { background: #455F44; width: 100%;  display: block; color: #fff;  }
	   .exhibition-bottom .address { background: rgba(255, 255, 255, 0.2); float: left; width: 100%; height: 85px; line-height: 85px; text-align: center; font-size: 16px;}
	   .exhibition-bottom a { display: none;}
	
	
/* galleri houses */
		
		.galleri-top {}
		.galleri-top .intro { float: left; width: 100%; padding-bottom:100px; height: auto; background-size: cover !important; cursor: pointer; padding-right: 80px; }
		.galleri-top .intro .text { background: rgba(255, 255, 255, 0.899);  max-width: 500px; margin-top: 30px; margin-left: 30px; padding: 20px; padding-top: 20px; border-radius: 10px; }
		.galleri-top .intro .text a { display: block; margin-top: 20px; max-width: 260px; }
		.galleri-top .intro .text h2 { margin-top: 0px; margin-bottom: 20px; font-size: 18px; }	
	  

/* ARTIKLER */
		 
		.artikel { padding:30px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px; }	
		#hdr-artikel { height: 550px; color: #fff; background-size: cover; background-position: center center; overflow: hidden; }
		#box-artikel { background: #fff !important; margin-top: -50px; border-radius: 8px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 70px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
		
		.artikel-job { padding: 30px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px; }	
		#hdr-artikel-job { height: 550px; color: #fff; background-size: cover; background-position: center center; overflow: hidden; }
		#box-artikel-job { background: #fff !important; margin-top: -50px; border-radius: 8px; margin-bottom: 70px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
		
		#content-artikel { background: #fff !important; margin-top: -50px; border-radius: 8px; margin-bottom: 70px; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 10;  max-width: 1100px; margin-left: auto; margin-right: auto; }
		.box-artikel-content { padding: 30px; padding-right: 30px;}
		.box-artikel-content h4 { color: #CAAC23; font-size: 22px; font-weight: 400; }
		
		.artikel h1, .artikel-job h1 { font-size: 40px; max-width: 600px !important; margin-top: 0px; }



/* WRAP GALLERY */


/*
.wrap-gallery { background: #f5f5f5 !important; padding: 10px !important; height: 120px; overflow: hidden; }
.wrap-gallery-big { padding: 10px !important; height: 700px; overflow: hidden; }

  .acf-gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	gap: 5px;
  }
  .acf-gallery-grid a {
	  width: 100%;
	  height: auto;
	  aspect-ratio: 1 / 1; 
	}

.image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.acf-gallery-grid a img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}

*/


.wrap-gallery { background: #f5f5f5 !important; padding: 10px !important; height: 105px; overflow: hidden; }
.wrap-gallery-big { padding: 10px !important; height: 700px; overflow: hidden; }

.acf-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)) !important;
  gap: 5px;
  margin-bottom: 10px;
}
.acf-gallery-grid a {
  position: relative;
  width: 85px !important;
  height: 85px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 0;
  border-radius: 0px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  margin-bottom: 30px;
  overflow: hidden;
}

.image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.acf-gallery-grid a img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0px;
  width: 100%;
  height: 100%;
}

.plan .acf-gallery-grid a img {
	  max-width: 100%;
	  max-height: 100%;
	  object-fit: contain;
	  display: block;
	  border-radius: 0px;
	  width: 100%;
	  height: 100%;
	}

.hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 39, 102, 0.799); /* blå med 50% opacity */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.hover-overlay i {
  color: #fff;
  font-size: 34px;
}

.acf-gallery-grid a:hover .hover-overlay {
  opacity: 1;
}

.acf-gallery-grid a:hover {
  
}



/* FOOTER*/

.footer { background: #f5f5f5; padding-top: 0px; padding: 40px; color: #fff; font-size: 16px; }
.footer h3  { color: #fff; opacity: 50%; font-size: 26px; }
.footer a { color: #fff; }
.footer li {
	color: #fff;
	list-style-type: disc; 
	margin-left: 0px; 
}
	
}






/* EFFECTER */

/* Basis (alle starter skjult) */
.effect1, .effect2, .effect3, .effect4, .effect5 {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s ease-out;
}

/* Aktivér når i viewport */
.effect1.visible,
.effect2.visible,
.effect3.visible,
.effect4.visible,
.effect5.visible {
  opacity: 1;
  transform: none;
}

/* Effekt 1: Fade in + slide up */
.effect1 {
  transform: translateY(30px);
  transition-delay: 0.1s;
}

/* Effekt 2: Fade in + slide from left */
.effect2 {
  transform: translateX(-40px);
  transition-delay: 0.2s;
}

/* Effekt 3: Zoom in */
.effect3 {
  transform: scale(0.8);
  transition-delay: 0.3s;
}

.effect3.visible {
  transform: scale(1);
}

/* Effekt 4: Rotate in */
.effect4 {
  transform: rotate(-5deg) translateY(20px);
  transition-delay: 0.4s;
}

.effect4.visible {
  transform: rotate(0deg) translateY(0);
}

/* Effekt 5: Bounce in (simuleret) */
.effect5 {
  transform: translateY(50px);
  transition: transform 0.4s ease-out, opacity 0.4s ease-out;
  transition-delay: 0.5s;
}

.effect5.visible {
  animation: bounceIn 0.6s ease-out forwards;
}

/* Bounce keyframes */
@keyframes bounceIn {
  0%   { transform: translateY(50px); opacity: 0; }
  60%  { transform: translateY(-20px); opacity: 1; }
  80%  { transform: translateY(10px); }
  100% { transform: translateY(0); }
}


.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-3 { transition-delay: 0.6s; }