* {
  box-sizing: border-box;
}

@keyframes animate_opacity {
     from { opacity: 0; scale: .75; transform: translateY(100px);}
     to  { opacity: 1; scale: 1; transform: translateY(0px);}
     transition: all 3s ease-in-out;
}

.kapitel {
          font-family: "Albert Sans", sans-serif;
          font-size: xx-large;
          font-weight: 600;
          padding-top: 0vh;
          padding: none;
          margin:none;
          color: #000;
}

.fed {
          font-family: "Albert Sans", sans-serif;
          font-size: x-large;
          /*font-weight: bold;*/
          padding-top: 0vh;
          padding: none;
          margin:none;
          color: #000;
}


.input_search {
     color: #000;
     font-size: xx-large;
     font-weight: bold;
}


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

.tooltiptext {
  color:#000;

}

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

/*	LINKS ------------------------------------------------------------------------------------------------ */

A.TMlink:visited 				{	text-decoration: none; color: #000; background-color: #fff; font-weight: normal;  }
A.TMlink:link 					{	text-decoration: none; color: #000; background-color: #fff; font-weight: normal;  }
A.TMlink:hover 				{	text-decoration: none; color: #000; background-color: #000; font-weight: normal;  }
A.TMlink:active				{	text-decoration: none; color: #fff; background-color: #000; font-weight: normal;  }
/*A.mejeriet:hover				{	text-decoration: none; color: #fff; background-color: #000; font-weight: normal;  }**/

/*A:hover 				{	text-decoration: none; color: #fff; background:#000; font-weight: normal;  }*/


copyright {
     color:#aaa;
     padding-top: 2vh;
     padding-bottom: 5vh;
}

.filter:hover {
     background-color: #000;
}

.link    {
     color: #000;
     background-color: #fff;
     border:0px solid #fff;
}
.link:hover {
     border:0px solid #ddd;
     text-decoration: underline;
}

.navigation {
  animation: navigation 2s ease;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  padding-bottom: 6vh;
}

@keyframes navigation {
  0% {
    transform-origin: bottom top;
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

red {
     color:#f00;
}


/*------------------------------------------------------------------------------------------------- */
/*-	Style small ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 0px) {
	body, html {
          /*font-family: "Grandview", sans-serif;*/
		font-family: 'Albert Sans', sans-serif;
          /*font-family: "Roboto", sans-serif;*/
		border: none;
		padding: 0px;
		margin: 0px;
		font-size: 100%;
		height: 100%;
		width: 100%;
		font-weight: 200;
		/*color:#f00;*/
	}

     .mejeriet {
          font-size:x-large;
          font-family: "Roboto", sans-serif;
          font-weight: 600;
          color:#000;
     }

     .project_container {
          height: 550px;
          padding: 10px;
          border: 0px solid #f00;
     }

     #slideshow_title {
          width:100%;
     	padding: 0px;
          margin:0;
     }

     .data_title_new {
     	color: #000;
     	font-weight: 500;
     	font-size: small;
     	padding:0px;
     }

     .data_new {
     	font-size: small;
     	margin-bottom: 10px;
     	padding:0px;
     	color:#000;
     }

.statement_title{
	font-size: 100%;
	font-weight: 600;
	text-decoration: none;
	padding: 10px;
	padding-top: 50px;
	padding-bottom: 0px;
	color:#000;
	font-style: italic;
}

.statement_brodtekst{
	font-size: 100%;
	font-weight: 100;
	text-decoration: none;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 20px;
	color:#999;
	font-style: italic;
}
	.verticalhorizontal {
		display: block;
		position: absolute;
		left:50%;
		top:50%;
		-webkit-transform: translate(-50%, -50%);
	}

	#social_media_facebook {
		padding-top: 10px;
		width: 20px;
		opacity: 0.5;
	}

	#social_media_instagram {
		padding-top: 10px;
		width: 20px;
		opacity: 0.5;
     }

	#social_media_linkedin {
		padding-top: 10px;
		width: 20px;
		opacity: 0.5;
	}

	#body {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	#video_container {
          border:0px solid #0f0;
	}


	#bgvid {
		top: 50px;
	}
	#slideshow_title_video {
		padding-bottom: 20px;
	}

/*-	menu -------------------------------------------------------- */

	#menu_mobile_background {
	}

	#menu_mejeriet_mobile {
		font-size: 100%;
	}

	#openNav {
		display: block;
	}
/*-	menu slut --------------------------------------------------- */


/*	slideshow --------------------------------------------------- */

#slideshow_title_container {
     height:130px;
     width:100%;
     z-index: 1;
     padding:50px;
}

#slideshow_title {
     font-size: 100%;
	line-height: 100%;
	color: #000;
     width:100%;
	padding: 0px;
}

/*-	tema -------------------------------------------------------- */

	.title {
          font-family: 'Roboto', sans-serif;
		font-size: 200%;
          font-weight: 600;
		text-decoration: none;
		padding-top: 10vh;
          padding-bottom: 2vh;
		padding-left: 0px;
          color: #000;
          line-height: 80%;
	}

	.title_new {
          font-family: 'Roboto', sans-serif;
		font-size: 200%;
		font-weight: 600;
		text-decoration: none;
		color: #000;
		padding: 10px;
		padding-top: 20px;
	}
	.text_new {
		font-size: 100%;
		font-weight: 200;
		text-decoration: none;
		padding: 10px;
		padding-bottom: 20px;
          color: #000;
	}


/*-	projekter --------------------------------------------------- */

#news_container {

}

#project_container_contact {
	height: 300px;
     border:0px solid #f00;
}

.project_container {
     height: 400px;
     padding: 10px;
     margin: 0px;
     margin-bottom: 0px;
     border:0px solid #f00;
}

.project_container_image {
     height: 250_px;
     margin-bottom: 20px;
     border:0px solid #f00;
}

.project_title_new {
     padding-top: 10px;
     font-size: 100%;
     font-weight: 600;
}

.project_title_ydelser {
	font-size: 150%;
     font-weight: 200;
}



.project_title {
		font-size: 150%;
		padding-top: 10px;
          font-weight: 600;
          color:#000;
	}

.overskrift {
     font-family: "Albert Sans", sans-serif;
     font-size: xx-large;
     line-height: 70%;
     /*font-weight: 600;*/
     margin:none;
     padding:none;
     padding-top: 2vh;
     color: #000;
     border: 0px solid #f00;
}

.underoverskrift    {
     font-family: "Albert Sans", sans-serif;
     font-size: 200%;
     font-weight: 100;
     padding-top: 1vh;
     margin:none;
     color: #000;
}

.trompet    {
     font-family: "Albert Sans", sans-serif;
     font-size: 150%;
     /*font-size: xx-large;*/
     line-height: 90%;
     font-weight: 100;
     padding-bottom: 3vh;
     margin:none;
     padding:none;
     color: #000;
}

.overskrift_1 {
     font-size: 100%;
     font-weight: 800;
     padding-top: 1.5vh;
     margin:none;
     color: #000;
}
     button, a, h4, h5, h6 {
		font-weight: 300;
		font-size: 100%;
	}

	img {
		border: none;
	}

}

/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 380px) {
     /*.mejeriet {
          font-size: x-large;
          font-weight: 600;
          color:#000;
     }*/

     .project_container {
     height: 440px;
     padding: 10px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }
}


/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 420px) {
     .project_container {
     height: 450px;
     padding: 10px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }
}


/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 440px) {
     .project_container {
     height: 500px;
     padding: 10px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }
}

/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 510px) {
     .project_container {
     height: 580px;
     padding: 10px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }
}


/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 600px) {
     .mejeriet {
          font-size: x-large;
          font-weight: 600;
          color:#000;
     }

     .project_container {
     height: 600px;
     padding: 5px;
     padding-bottom: 0px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }
}

/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 750px) {
     .project_container {
     height: 450px;
     padding: 5px;
     padding-bottom: 0px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }
}

/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 880px) {
     .project_container {
     height: 470px;
     padding: 5px;
     padding-bottom: 0px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }
}

/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 950px) {
     .project_container {
     height: 470px;
     padding: 5px;
     padding-bottom: 0px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }

     .trompet {
          color:#000;
          font-size: x-large;
          line-height: 125%;
          padding-top: 0vh;
          padding-bottom: 2vh;
     }

}

/*------------------------------------------------------------------------------------------------- */
/*-	Style large ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */

button:focus {outline:0;}

@media screen and (min-width: 1000px) {
     .project_container {
          height: 450px;
          padding: 5px;
          padding-bottom: 0px;
          margin: 0px;
          margin-bottom: 0px;
          border: 0px solid #f00;
     }



     #slideshow_title {
          font-size: 100%;
     	line-height: 100%;
     	color: #000;
          width:100%;
     	padding: 50px;
     }

	body, html {
          /*font-family: "Grandview", sans-serif;*/
		/*font-family: 'Albert Sans', sans-serif;*/
		border: none;
		padding: 0px;
		margin: 0px;
		font-size: 100%;
		height: 100%;
		font-weight: 200;
	}

	.verticalhorizontal {
		display: block;
		position: absolute;
		left:50%;
		top:50%;
		-webkit-transform: translate(-50%, -50%);
	}

	#social_media_facebook {
		padding: 5px;
		width: 35px;
		opacity: .5;
	}

	#social_media_instagram {
		padding: 5px;
		width: 35px;
}

	#social_media_linkedin {
		padding: 5px;
		width: 35px;
	}


/*-	menu -------------------------------------------------------- */

.menu {
     border:0px solid #f00;
     height: 65px;
     padding:none;
     padding-top:9px;
     padding-right: 20px;
     padding-left: 20px;
     cursor: pointer;
     background-color:#fff;
     color:#000;
}

#menu_container {
	height:65px;
	font-size: 100%;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.movie_play {
		-webkit-transition: all .25s ease-in-out;
	     -moz-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	     -ms-transition: all 1.25s ease-in-out;
}

.movie_play:hover {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);

		-webkit-transition: all .25s ease-in-out;
	     -moz-transition: all .25s ease-in-out;
	     -o-transition: all .25s ease-in-out;
	     -ms-transition: all .25s ease-in-out;
}

.menu_subject:hover {
     color:#fff;
     background-color: #000;
}

.menu_subject {
  height: 65px;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 20px;
  border:0px solid #000;
}

.menu_arrow:hover {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
}

.menu_arrow {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
}
	#menu_mejeriet {
		position: relative;
		/*top: 14px;*/
		left: 0px;
		font-size: 100%;
		font-weight: 100;
		text-decoration: none;
          height:65px;
          border:0px solid #000;
          padding-top:20px;
	}

	#logo_hvid {
		position: relative;
		display: hidden;
		width:30px;
		top: 10px;
		left: -30px;
	}

	#logo_sort {
		position: relative;
		display: hidden;
		width:30px;
		top: 5px;
	}

	#menu_nyheder {
		position: relative;
		padding-top: 20px;
		text-decoration: none;
          /*margin-top:12px;*/
          border:0px solid #f00;
          height: 65px;
	}

     #menu_ppp {
          position: relative;
          top: 12px;
          text-decoration: none;
     }


	#menu_job {
		position: relative;
		top: 12px;
		text-decoration: none;
	}

	#menu_restaurering {
		position: relative;
		top: 12px;
		left: 3px;
		text-decoration: none;
	}

	#menu_bygherreraadgivning {
		position: relative;
		text-decoration: none;
          border:0px solid #000;
          height: 65px;
	}

	#menu_tmweb {
		position: relative;
		top: 12px;
		text-decoration: none;
	}

	#menu_meco {
		position: relative;
		top: 15px;
		text-decoration: none;
	}

	#menu_kontakt {
		position: relative;
		top: 12px;
		text-decoration: none;
	}

	#menu_projekter {
		position: relative;
          height: 65px;
		padding-top: 25px;
          border:0px solid #f00;
		text-decoration: none;
	}

	#menu_info {
		position: relative;
		/*top: 15px;*/
		text-decoration: none;
	}

	#menu_download {
		position: relative;
		/*top: 15px;*/
		text-decoration: none;
	}

	#menu_instagram {
		position: relative;
		top: 18px;
		padding: 2;
		margin: 0;
		height:50px;
		text-decoration: none;
	}

	#menu_facebook {
		position: relative;
		top: 18px;
		padding:2;
		margin: 0;
		height:50px;
		text-decoration: none;
	}

	#menu_om_os {
			position: relative;
			/*top: 15px;*/
               border:0px solid #000;
			text-decoration: none;
	}

	#openNav {
		display: block;
	}

/*-	menu slut --------------------------------------------------- */

/*-	statement start --------------------------------------------- */
.statement_title{
     font-family: "GrandviewBold", sans-serif;
	/*font-family: 'Albert Sans', sans-serif;*/
	font-size: 150%;
	font-weight: 600;
	text-decoration: none;
	color: #000;
	font-style: italic;
}

.statement_brodtekst{
     font-family: "GrandviewBold", sans-serif;
	/*font-family: 'Albert Sans', sans-serif;*/
	font-size: 100%;
	font-weight: 100;
	text-decoration: none;
	padding-bottom: 20px;
	color: #999;
	font-style: italic;
}

/*-	statement slut  --------------------------------------------- */

/*	slideshow --------------------------------------------------- */

#slideshow_title {
	font-weight: 400;
	font-size: 100%;
}


#slideshow_title_video {
	font-size: 200%;
	color: #fff;
}

#slideshow {
 /*border: solid #fff 50px;*/
}


/*-	projekt -------------------------------------------------------- */
	.title {
          /*font-family: "GrandviewBold", sans-serif;*/
		/*font-family: 'Albert Sans', sans-serif;*/

		font-size: 400%;
		font-weight: 600;
		text-decoration: none;
		color: #000;
		line-height: 100%;
	}

	.title_new {
		padding-top: 100px;
          font-family: 'Roboto', sans-serif;
          /*font-family: "GrandviewBold", sans-serif;*/
		/*font-family: 'Albert Sans', sans-serif;*/
		font-size: 600%;
		font-weight: 600;
		text-decoration: none;
		color: #000;
		line-height: 100%;
	}

	.text_new {
          /*font-family: "GrandviewBold", sans-serif;*/
		padding-top: 0px;
		padding-bottom: 100px;
		/*font-family: 'Albert Sans', sans-serif;*/
		font-size: 100%;
		font-weight: 200;
		text-decoration: none;
		color: #000;
	}



/*-	Kontakt --------------------------------------------------------- */



/*-	projekter --------------------------------------------------- */


#project_container:hover {
}

#project_container {
     height: 400px;
}

#news_container:hover {
}

#news_container {
	height: 400px;
}

#project_container_contact {
	height: 450px;
     border:0px solid #f00;
}

.contact_container {
	height: 350px;
     border:0px solid #f00;
}

.project_container_image {
     padding-bottom: 20px;
}

.data_title {
	font-weight: 400;
	font-size: small;
	padding:0px;
	text-transform: uppercase;
}

.data {
	font-size: small;
	margin-bottom: 10px;
}

.project_title {
		/*font-family: 'Albert Sans', sans-serif;*/
          /*font-family: "GrandviewBold", sans-serif;*/
		font-size: x-large;
		font-weight: 600;
		padding-top: 0px;
		text-align: left;
          color:#000;
}

.project_title_new {
          /*font-family: "GrandviewBold", sans-serif;*/
		/*font-family: 'Albert Sans', sans-serif;*/
		font-weight: 400;
		padding-top: 10px;
		text-align: left;
          /*color:#000;*/
}

.project_title_large {
          /*font-family: "GrandviewBold", sans-serif;*/
		/*font-family: 'Albert Sans', sans-serif;*/
		font-size: 250%;
		font-weight: 400;
		padding-top: 0px;
          line-height: 100%;
          /*color:#000;*/
	}

.project_body_large {
          /*font-family: "Grandview", sans-serif;*/
		/*font-family: 'Albert Sans', sans-serif;*/
		font-size: 150%;
		font-weight: 400;
		padding-top: 10px;
}

.project_body_large:hover {
}

	h1 {
		font-size: 150%;
		font-weight: 500;
          margin: 0px;
     }

	h2, h3 {
		font-weight: 100;
	}

	button, a, h4, h5, h6 {
		font-weight: 300;
		font-size: 100%;
	}

	img {
		border: none;
	}

	.rotate.triggeredCSS3    {transform : rotate(360deg); }

  #video_container {
		top: 0px;
          border:0px solid #0f0;
	}

	video#bgvid {
	   	min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    z-index: -1;
	    background-size: cover;
	}

	video { display: block; }

	#bgvid {
		display: block;
		visibility: hidden;
	}
	#slideshow_title_video {
		display: block;
		visibility: visible;
	}
}

.statement {
     color:#000;
     font-size: xx-large;
     line-height: 125%;
     padding: 2vw;
     padding-top: 10vh;
     padding-bottom: 10vh;
     max-width: 75vw;
     text-align: right;
}

.imageZoom {
	filter: grayscale(75%);
    transform: scale(1);
    transition: transform 2s;
  }

	.imageZoom:hover  {
    transform: scale(1.05);
    transition: transform 1s;
    filter: grayscale(0%);
  }

.movie {
		transition: all 0.2s;
	}

.movie:hover  {
    	transform: scale(1.05);
	filter: opacity(100%);
  }

.project_medium {
	width:200px;
	border: 0px solid #000;
}

/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1190px) {
     .project_container {
          height: 400px;
          padding: 10px;
          padding-bottom: 0px;
          margin: 0px;
          margin-bottom: 0px;
          border: 0px solid #f00;
     }

     .trompet {
          color:#000;
          font-size: xx-large;
          line-height: 125%;
          padding-top: 2vh;
          padding-bottom: 10vh;
     }

     #slideshow_title {
          font-size: 100%;
     	line-height: 100%;
     	color: #000;
          width:100%;
     	padding: 50px;
          /*border:0px solid #f00;*/
     }

}

/*------------------------------------------------------------------------------------------------- */
/*-	Style medium ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1300px) {
     .project_container {
          height: 450px;
          padding-bottom: 0px;
          margin: 0px;
          margin-bottom: 0px;
          border: 0px solid #f00;
     }
     .trompet {
          color:#000;
          font-size: xx-large;
          line-height: 125%;
          padding-top: 2vh;
          padding-bottom: 10vh;
     }
}

/*------------------------------------------------------------------------------------------------- */
/*-	Style 1500  ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 1500px) {
     .mejeriet {
          font-size:1.5vw;
          /*font-family: "grandviewbold", sans-serif;*/
          font-family: "Roboto", sans-serif;
          font-weight: 600;
          font-style: normal;
          color: #000;
          text-decoration: none;
          height: 65px;
     }

/*     .mejeriet_logo {
          font-size:xx-large;
          font-family: "grandviewbolditalic", sans-serif;
          color: #000;
          /*text-decoration: none;
     }
*/

     .project_container {
     height: 480px;
     padding: 10px;
     padding-bottom: 0px;
     margin: 0px;
     margin-bottom: 0px;
     border: 0px solid #f00;
     }

     .project_container.in-view  {
          animation: animate_opacity 1.5s ease;
     }

     .trompet {
          color:#000;
          font-size: x-large;
          line-height: 125%;
          padding-top: 0;
          padding-bottom: 4vh;
     }

     trompet {
          color:#000;
          font-size: xx-large;
          line-height: 125%;
          padding-top: 0;
          padding-bottom: 5vh;
     }

     trompet_v {
          color:#000;
          font-style: italic;
          line-height: 125%;
          text-align: left;
     }

     statement {
          color:#000;
          font-size: 150%;
          line-height: 125%;
          width-max: 50%;
          text-align: center;
          font-style: italic;
     }

     .statement {
          color:#fff;
          font-size: 200%;
          line-height: 125%;
          padding: 2vw;
          padding-top: 10vh;
          padding-bottom: 10vh;
          max-width: 50vw;
          text-align: right;
          font-style: italic;
     }


     .kilde {
          color:#000;
          padding-bottom: 5vh;
          text-align: left;
     }
}

/*------------------------------------------------------------------------------------------------- */
/*-	Style 1500  ------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 450px) {

.overskrift {
     font-family: "Albert Sans", sans-serif;
     font-size: large;
     line-height: 70%;
     margin:none;
     padding:none;
     padding-top: 2vh;
     color: #000;
     border: 0px solid #f00;
}