@font-face {
  font-family: moon;
  src: url(newmoon-reg.woff);
}

@font-face {
  font-family: mmomo;
  src: url(neuemmomo-reg.woff);
}

.mobile-only-header {
  display: none;
}

.banner {
	position:absolute; 
	right:10px; 
	top:125px; 
	width:250px;
	background-color:#90E35F; 
	border-radius: 25px; 
	padding:25px; 
	border:none; 
	z-index:9;	
	
}

.divinf {
	background-color:#d4d6d6;
	border-radius: 25px;
	padding:25px
}

.divmenu {
	position:relative; 
	left:5x; 
	top:0px; 
	height:100px; 
	border:none; 
	display: flex; 
	justify-content: space-between; 
	z-index:11
}

.divnews {
	position:relative;
	left:10px;
	top:10px;
	width:50%; 
	background-color:#aeb5b4; 
	border-radius: 25px; 
	padding:25px; 
	border:none; 
	z-index:9;
}

.tekst {
	font-family: mmomo, Helvetica, sans-serif;
	/* [disabled]font-size: 18px; */
	line-height:25px;
	color:#000000;
}

.biocontacttekst {
	font-family: mmomo, Helvetica, sans-serif;
	/* [disabled]font-size: 18px; */
	line-height:25px;
	color:#ffffff;
}

.titel {	
	font-family: mmomo, Helvetica, sans-serif;
	font-size: 24px;
	line-height:30px;
	color:#000000;
}
.kleinetekst {
	font-family: mmomo, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	color:#000000;
}
.menu {	
	font-family: moon, Helvetica, sans-serif;;
	font-size: 21px;
	line-height: 25px;
	color:#143323;
	text-transform: uppercase;
}

.submenu {	
	font-family: moon, Helvetica, sans-serif;;
	font-size: 21px;
	line-height: 26px;
	color:#ffffff;
	text-transform: uppercase;
}

.img-h {
	width: auto;
}

.img-v {
	width: auto;
}

.hide {
  display: none;
  background-color:#143323; 
  border-radius: 25px;
  padding:30px;
}

.myDIV:hover .hide {
  display: block;
}


.indent-field {
  display: inline-block;
  padding-left: 50px;
  text-indent: -50px;
  
}

a {
	color: inherit !important;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
}


.slideshow-container { position: relative; z-index: 1; }
.mySlides { display: none; }
.mySlides img { display:block; max-width:100%; height:auto; }


/* MEDIA QUERIES */

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


.img-h {
        margin:20px;
        width: 85%;
}

.desktop-only-header {
    display: none;
  }
  .mobile-only-header {
    display: initial;
  }

}



@media screen and (max-width: 520px) {
	
.img-v {
	margin:20px;
	width: 85%;
}

.submenu {	
	font-family: moon, Helvetica, sans-serif;;
	font-size: 18px;
	line-height: 23px;
	color:#ffffff;
	text-transform: uppercase;
}
.banner {
	width:150px;
	
}
}


/* --- PREVIEW GRID --- */

.projects-grid{
  display: flex;
  flex-wrap: wrap;
  align-items: center;       
  justify-content: center;  
  max-width: 1600px;
  margin: 20px auto 60px;
  padding: 24px;
  gap: 60px;
}


@media screen and (max-width: 600px){
  .projects-grid{
    flex-direction: column;
    padding: 14px;
    gap: 20px;
  }

  .projects-grid .tile{
    max-width: 100%;
  }

  .projects-grid .tile img{
    max-width: 100%;
    height: auto;
    display: block;
  }
}