/* INLADEN Nohemi FONT. */
@font-face {
    font-family: 'Nohemi';
    src: url('./Fonts/Nohemi-Regular.eot'); /* IE9 Compat Modes */
    src: url('./Fonts/Nohemi-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./Fonts/Nohemi-Regular.woff') format('woff'), /* Modern Browsers */
         url('./Fonts/Nohemi-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('./Fonts/Nohemi-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* INLADEN Nohemi DIKGEDRUKT FONT. */
@font-face {
    font-family: 'Nohemi';
    src: url('./Fonts/Nohemi-Bold.eot'); /* IE9 Compat Modes */
    src: url('./Fonts/Nohemi-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./Fonts/Nohemi-Bold.woff') format('woff'), /* Modern Browsers */
         url('./Fonts/Nohemi-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('./Fonts/Nohemi-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* OVERKOEPELENDE OPMAAK DIE GELDT TENZIJ ANDERS VERMELD. */
html {
  font-size: 20px;
  text-align: center;
  font-family: Satoshi-Bold;
}

/* OPMAAK VAN KOPPEN */
h1, h2, h3 {
  font-family: Nohemi;
}

/* OPMAAK VAN PARAGRAVEN (p) EN LIJST ELEMENTEN (li) EN LINKS (a) EN FOTO'S DIE NIET LADEN (img). */
/*p, li, a, img {
  font-family: Satoshi-Bold;
}*/


/* WEGHALEN ONDERSTREPING EN KLEURVERANDERING LINKS */
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}


/* ALGEMENE INFORMATIE BANNER. OBJECTEN IN DE BANNER GEPRIORITIZEERD ONDER ELKAAR EN GECENTREERD IN DE BANNER. */
header {
  height: 300px;
  color: white;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}

/* BANNER HOME AANGEPAST NAAR MEER HOOGTE. DE PROCENTEN ACHTER DE PLAAT/FOTO GEVEN AAN HOEVEEL DEZE VERSCHOVEN IS. 50% 50% ZET HET CENTRUM IN HET CENTRUM. */
header.HeaderIndex {
  height: 600px;
  background: url('./Images/De waterkraan - Beeldvorming Mirjan Koldeweij.jpeg') 50% 60%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* DE PROCENTEN ACHTER DE PLAAT/FOTO GEVEN AAN HOEVEEL DEZE VERSCHOVEN IS. 50% 50% ZET HET CENTRUM IN HET CENTRUM. */
header.HeaderIntroductie {
height: 600px;
  background: url('./Images/NIEUWE FOTO WILDENBORCH Fotograaf Gerald Harmsen (3).jpg') 50% 80%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* DE PROCENTEN ACHTER DE PLAAT/FOTO GEVEN AAN HOEVEEL DEZE VERSCHOVEN IS. 50% 50% ZET HET CENTRUM IN HET CENTRUM. */
header.HeaderKunstenaars {
height: 600px;
  background: url('./Images/Bij van Kees Donkers.jpg') 50% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* DE PROCENTEN ACHTER DE PLAAT/FOTO GEVEN AAN HOEVEEL DEZE VERSCHOVEN IS. 50% 50% ZET HET CENTRUM IN HET CENTRUM. */
header.HeaderPunten {
height: 600px;
  background: url('./Images/Heikamp Ruurlo.jpeg') 50% 80%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* DE PROCENTEN ACHTER DE PLAAT/FOTO GEVEN AAN HOEVEEL DEZE VERSCHOVEN IS. 50% 50% ZET HET CENTRUM IN HET CENTRUM. */
header.HeaderWedstrijd {
height: 600px;
  background: url('./Images/tent.jpg') 50% 60%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

/* LEEG VOOR ELKE KUNSTENAAR? */
header.HeaderKunstenaarKlimaat {
  background-color: #45518f;
  height: 80px;
}

/* LEEG VOOR ELKE KUNSTENAAR? */
header.HeaderKunstenaarErfgoed {
  background-color: #f3a54f;
  height: 80px;
}

/* LEEG VOOR ELKE KUNSTENAAR? */
header.HeaderKunstenaarNatuur {
  background-color: #5e9f76;
  height: 80px;
}

/* ALGEMENE INFORMATIE VAN DE NAVIGATIE BALK. */
nav {
  position: fixed;
  box-sizing: border-box;
  top: -10px;
  width: 100%;
  transition: 0.3s;
  background-color: transparent;
  box-shadow: 0;
  height: 100px;
  color: #FFFFFF;
  z-index: 1000;
  display: flex;
  flex-wrap: no-wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}

/* NAVIGATIE BALK LINK ELEMENT OPMAAK STIJL EN OPMAAK. */
.NavigatieLijst {
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 24px;
  transition: 0.3s;
  flex: 1 0 80%;
}

.hamburger {
  display: none;
}

/* GENERIEKE OPMAAK VOOR NAVIGATIE LINK ELEMENTEN. */
nav a:link {
  text-decoration: none;
  color: #FFFFFF;
}

nav a:visited {
  text-decoration: none;
  color: #FFFFFF;
}

nav a:hover {
  text-decoration: none;
  color: #FFFFFF;
  transition: 0.3s ease;
}


nav a:not(:hover) {
  border-radius: 10px;
  transition: 0.3s ease;
}

nav a:active {
  text-decoration: none;
  color: #FFFFFF;
}

/* OPMAAK STIJL KLIMAAT (blauw) VOOR LINK ELEMENTEN. */
.NavKlimaat a:hover {
  background-color: #45518f;
  padding: 12px;
  border-radius: 10px;
}

.NavKlimaat a.current {
  background-color: #45518f;
  color: #FFFFFF;
  padding: 12px;
  border-radius: 10px;
}

.NavKlimaat a.current:visited {
  color: #FFFFFF;
}

.NavKlimaat a.current:link {
  color: #FFFFFF;
}

/* OPMAAK STIJL ERFGOED (oranje) VOOR LINK ELEMENTEN. */
.NavErfgoed a:hover {
  background-color: #f3a54f;
  padding: 12px;
  border-radius: 10px;
}

.NavErfgoed a.current {
  background-color: #f3a54f;
  color: #FFFFFF;
  padding: 12px;
  border-radius: 10px;
}

.NavErfgoed a.current:visited {
  color: #FFFFFF;
}

.NavErfgoed a.current:link {
  color: #FFFFFF;
}

/* OPMAAK STIJL NATUUR (groen) VOOR LINK ELEMENTEN. */
.NavNatuur a:hover {
  background-color: #5e9f76;
  padding: 12px;
  border-radius: 10px;
}

.NavNatuur a.current {
  background-color: #5e9f76;
  color: #FFFFFF;
  padding: 12px;
  border-radius: 10px;
}

.NavNatuur a.current:visited {
  color: #FFFFFF;
}

.NavNatuur a.current:link {
  color: #FFFFFF;
}

/* NAVIGATIE BALK INFORMATIE MET TOEPASSING TOT WEL OF NIET SCROLLEN. */
.NavScrollBreed {
  position: relative;
  flex: 1 0 5%;
  padding-left: 5%;
}

/* VARIANT VOOR SMALLE SCHERMEN */
.NavScrollSmal {
  display: none;
  position: relative;
  flex: 1 0 5%;
  padding-left: 5%;
}

/* BEELDMERK LICHTELIJK AANPASSEN */
.NoScroll {
  margin-top: 3px;
}

/* BEELDMERK OPMAAK ZODAT DEZE NIET VERSCHIJNT ZONDER TE SCROLLEN. */
.Scroll {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 20%;
  right: 0;
  text-align: center;
  opacity: 0;
}

/* BEELDMERK OPMAAK ZODAT DEZE NIET VERSCHIJNT ZONDER OP DE HAMBURGER TE KLIKKEN. */
.HamburgerKlik {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 20%;
  right: 0;
  text-align: center;
  opacity: 0;
}

/* OPMAAK STIJL VAN DE NAVIGATIE BALK WANNEER GESCROLLED IS. */
nav.scroll {
  background-color: #FFFFFF;
  box-shadow: 0 0 15px;
}

/* MAAKT ALTERNATIEVE BEELDMERK ZICHTBAAR */
nav.scroll img.Scroll {
 opacity: 1;
}

/* MAAKT ORIGINELE BEELDMERK ONZICHTBAAR */
nav.scroll img.NoScroll {
  opacity: 0;
}

/* GENERIEKE OPMAAK VOOR GESCROLLDE NAVIGATIE LINK ELEMENTEN. */
nav.scroll a:hover {
  color: #FFFFFF;
}

nav.scroll a:visited:hover {
  color: #FFFFFF;
}

/* OPMAAK STIJL KLIMAAT (blauw) VOOR GESCROLLDE NAVIGATIE LINK ELEMENTEN. */
nav.KlimaatScroll a:link {
 color: #45518f;
}

nav.KlimaatScroll a:not(:hover) {
  color: #45518f;
  transition: 0.3s ease;
}

nav.KlimaatScroll a:visited {
  color: #45518f;
}

nav.KlimaatScroll a:active {
  color: #45518f;
}

/* OPMAAK STIJL ERFGOED (oranje) VOOR GESCROLLDE NAVIGATIE LINK ELEMENTEN. */
nav.ErfgoedScroll a:link {
 color: #f3a54f;
}

nav.ErfgoedScroll a:not(:hover) {
  color: #f3a54f;
  transition: 0.3s ease;
}

nav.ErfgoedScroll a:visited {
  color: #f3a54f;
}

nav.ErfgoedScroll a:active {
  color: #f3a54f;
}

/* OPMAAK STIJL NATUUR (groen) VOOR GESCROLLDE NAVIGATIE LINK ELEMENTEN. */
nav.NatuurScroll a:link {
 color: #5e9f76;
}

nav.NatuurScroll a:not(:hover) {
  color: #5e9f76;
  transition: 0.3s ease;
}

nav.NatuurScroll a:visited {
  color: #5e9f76;
}

nav.NatuurScroll a:active {
  color: #5e9f76;
}

/* OPMAAK STIJL VAN DE NAVIGATIE BALK WANNEER HAMBURGER GEKLIKT IS. */
nav.klik {
  background-color: #FFFFFF;
  box-shadow: 0 0 15px;
}

/* MAAKT ALTERNATIEVE BEELDMERK ZICHTBAAR */
nav.klik img.HamburgerKlik {
 opacity: 1;
}

/* MAAKT ORIGINELE BEELDMERK ONZICHTBAAR */
nav.klik img.NoScroll {
  opacity: 0;
}

/* GENERIEKE OPMAAK VOOR HAMBURGER NAVIGATIE LINK ELEMENTEN. */
nav.klik a:hover {
  color: #FFFFFF;
}

nav.klik a:visited:hover {
  color: #FFFFFF;
}

/* OPMAAK STIJL KLIMAAT (blauw) VOOR HAMBURGER NAVIGATIE LINK ELEMENTEN. */
nav.KlimaatKlik a:link {
 color: #45518f;
}

nav.KlimaatKlik a:not(:hover) {
  color: #45518f;
  transition: 0.3s ease;
}

nav.KlimaatKlik a:visited {
  color: #45518f;
}

nav.KlimaatKlik a:active {
  color: #45518f;
}

/* OPMAAK STIJL ERFGOED (oranje) VOOR HAMBURGER NAVIGATIE LINK ELEMENTEN. */
nav.ErfgoedKlik a:link {
 color: #f3a54f;
}

nav.ErfgoedKlik a:not(:hover) {
  color: #f3a54f;
  transition: 0.3s ease;
}

nav.ErfgoedKlik a:visited {
  color: #f3a54f;
}

nav.ErfgoedKlik a:active {
  color: #f3a54f;
}

/* OPMAAK STIJL NATUUR (groen) VOOR HAMBURGER NAVIGATIE LINK ELEMENTEN. */
nav.NatuurKlik a:link {
 color: #5e9f76;
}

nav.NatuurKlik a:not(:hover) {
  color: #5e9f76;
  transition: 0.3s ease;
}

nav.NatuurKlik a:visited {
  color: #5e9f76;
}

nav.NatuurKlik a:active {
  color: #5e9f76;
}

/* ALGEMENE OPMAAK VAN PAGINA INHOUD. */
body {
  background-color: #FFFFFF;
}

/* AANPASSING VOOR KLIMAAT (blauw) VARIANT. */
body.BodyKlimaat {
  background-color: #eff8fe;
  color: #45518f;
}

/* AANPASSING VOOR ERFGOED (oranje) VARIANT. */
body.BodyErfgoed {
  color: #f3a54f;
}

/* AANPASSING VOOR NATUUR (groen) VARIANT. */
body.BodyNatuur {
  background-color: #ebf5f0;
  color: #5e9f76;
}

/* PLAATSING EN VOLGORDE VAN PAGINA INHOUD. */
.PaginaInhoud {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;  /* row IS LINKER ELEMENT BOVEN RECHTER, row-reverse IS RECHTER ELEMENT BOVEN LINKER. */
  justify-content: space-evenly;
  align-items: flex-start;
}

/* PLAATSING EN VOLGORDE VAN PAGINA WEDSTRIJD. */
.PaginaWedstrijd {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;  /* row IS LINKER ELEMENT BOVEN RECHTER, row-reverse IS RECHTER ELEMENT BOVEN LINKER. */
  justify-content: space-evenly;
  align-items: flex-start;
  align-self: flex-start;
}

/* OPMAAK VOOR DE WEDSTRIJD FOTO GALLERIJ */
.PaginaGallerij {
  flex: 1 0 35%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
}

.Gallerij {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.Inzending {
  display: none;
}

.Inzending img {
  width: 100%;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.Credits {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}


/* PLAATSING FOTO BLOK */
.PaginaFoto {
  display: flex;
  justify-content: flex-end;
  flex: 1 0 35%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 20px;
}

/* OPMAAK VOOR FOTO IN FOTO BLOK */
.PaginaFoto img {
  max-height: 400px;
  max-width: 400px;
  object-fit: cover;
}

/* PLAATSING TEKST BLOK */
.PaginaTekst {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1 0 40%;
  text-align: left;
  padding-left: 5%;
  padding-right: 10%;
  flex-grow: 3;
}

/* OPMAAK VOOR TEKST IN TEKST BLOK */
.PaginaTekst p {
  font-size: 20px;
}

/* OPMAAK VOOR FOTO IN TEKST BLOK */
.PaginaTekst img {
  max-height: 400px;
  max-width: 400px;
  object-fit: cover;
}

/* GENERIEKE OPMAAK VOOR ELK BLOK OP DE KUNSTENAARS PAGINA */
.Kunstenaars {
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  align-items: stretch;
  justify-content: space-around;
  padding: 10px;
  color: #FFFFFF;
  flex: 1 0 20%;
  box-sizing: border-box;
  transition: color 0.5s;
  position: relative;
}

/* GENERIEKE OPMAAK VOOR ELKE LINK IN EEN KUNSTENAARS BLOK */
a.Kunstenaars:link {
  text-decoration: none;
  color: #FFFFFF;
}

a.Kunstenaars:visited {
  text-decoration: none;
  color: #FFFFFF;
}

a.Kunstenaars:hover {
  text-decoration: none;
  color: #000000;
}

a.Kunstenaars:active {
  text-decoration: none;
  color: #000000;
}

/* AANGEPASTE OPMAAK VOOR EEN KUNSTENAARSBLOK IN STIJL KLIMAAT (blauw) */
.Klimaat {
  background-color: #45518f; 
  border: 10px solid;
  border-color: #45518f;
  transition: background-color 0.5s;
}

.Klimaat:hover {
  background-color: #FFFFFF;
}

.Klimaat:hover img.Kunstwerk{
  opacity: 1;
}

/* AANGEPASTE OPMAAK VOOR EEN KUNSTENAARSBLOK IN STIJL ERFGOED (oranje) */
.Erfgoed {
  background-color: #f3a54f;
  border: 10px solid;
  border-color: #f3a54f;
  transition: background-color 0.5s;
}

.Erfgoed:hover {
  background-color: #FFFFFF;
}

.Erfgoed:hover img.Kunstwerk{
 opacity: 1;
}

/* AANGEPASTE OPMAAK VOOR EEN KUNSTENAARSBLOK IN STIJL NATUUR (groen) */
.Natuur {
  background-color: #5e9f76;
  border: 10px solid;
  border-color: #5e9f76;
  transition: background-color 0.5s;
}

.Natuur:hover {
  background-color: #FFFFFF;
}

.Natuur:hover img.Kunstwerk{
  opacity: 1;
}

/* OPMAAK VOOR DE PORTRETTEN IN KUNSTENAARS BLOKKEN */
.Profiel {
  height: 300px;
  width: 300px;
  position: relative;
}

.Profiel img {
  height: 100%;
  width: 100%;
  object-fit: cover; 
}

/* OPMAAK VOOR DE KUNSTWERKEN IN KUNSTENAARS BLOKKEN */
.Profiel img.Kunstwerk {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  transition: 0.5s;
  height: 100%;
  width: 100%;
  object-fit: scale-down; 
}

/* OPMAAK VOOR POST KAART KUNSTENAARS */
.KunstenaarBlok {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  align-items: stretch;
  justify-content: center;
  padding: 5% 20%;
}

/* OPMAAK VOOR FOTO IN POST KAART IN STIJL KLIMAAT (blauw) */
.FotoKlimaat {
  background-color: #45518f; 
  border: 10px solid;
  border-color: #45518f;
}


/* OPMAAK VOOR TEKST IN POST KAART IN STIJL KLIMAAT (blauw) */
.InfoKlimaat {
  position: relative;
  flex-grow: 2;
  background-color: #FFFFFF;
  border: 10px solid;
  border-color: #45518f;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.InfoKlimaat img{
  position: absolute;
  top: -6px;
  right: -6px;
}

/* OPMAAK VOOR FOTO IN POST KAART IN STIJL ERFGOED (oranje) */
.FotoErfgoed {
  background-color: #f3a54f; 
  border: 10px solid;
  border-color: #f3a54f;
}


/* OPMAAK VOOR TEKST IN POST KAART IN STIJL ERFGOED (oranje) */
.InfoErfgoed {
  position: relative;
  flex-grow: 2;
  background-color: #FFFFFF;
  border: 10px solid;
  border-color: #f3a54f;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.InfoErfgoed img{
  position: absolute;
  top: -6px;
  right: -6px;
}

/* OPMAAK VOOR FOTO IN POST KAART IN STIJL NATUUR (groen) */
.FotoNatuur {
  background-color: #5e9f76; 
  border: 10px solid;
  border-color: #5e9f76;
}


/* OPMAAK VOOR TEKST IN POST KAART IN STIJL NATUUR (groen) */
.InfoNatuur {
  position: relative;
  flex-grow: 2;
  background-color: #FFFFFF;
  border: 10px solid;
  border-color: #5e9f76;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.InfoNatuur img{
  position: absolute;
  top: -6px;
  right: -6px;
}

/* GENERIEK OPMAAK VOOR DE FOOTER */
footer {
  width: 100%;
  color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  font-size: 16px;
}

/* GENERIEKE OPMAAK VOOR NAVIGATIE LINK ELEMENTEN. */
footer a:link {
  text-decoration: none;
  color: #FFFFFF;
}

footer a:visited {
  text-decoration: none;
  color: #FFFFFF;
}

footer a:hover {
  text-decoration: none;
  color: #FFFFFF;
}

footer a:active {
  text-decoration: none;
  color: #FFFFFF;
}

.Kernwaardes {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  align-items: stretch;
}

.Kernwaardes h3 {
  margin-top: 10px;
  margin-bottom: 2px;
}

.Kernwaardes p {
  margin-top: 2px;
  margin-bottom: 10px;
}

/* OPMAAK KERNWAARDE KOLOM KLIMAAT. */
.KolomKlimaat {
  background-color: #45518f; 
  flex: 1 0 33%;
  box-sizing: border-box;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.KolomKlimaat p {
  text-align: center;
}

/* OPMAAK KERNWAARDE KOLOM ERFGOED. */
.KolomErfgoed {
  background-color: #f3a54f;
  flex: 1 0 33%;
  box-sizing: border-box;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.KolomErfgoed p {
  text-align: center;
}

/* OPMAAK KERNWAARDE KOLOM NATUUR. */
.KolomNatuur {
  background-color: #5e9f76;
  flex: 1 0 33%;
  box-sizing: border-box;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.KolomNatuur p {
  text-align: center;
}


/* OPMAAK SOCIALS EN SPONSOREN FOOTER IN STIJL KLIMAAT (blauw). */
.FooterKlimaat {
  display: flex;
  background-color: #45518f;
  align-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}

/* OPMAAK SOCIALS EN SPONSOREN FOOTER IN STIJL ERFGOED (oranje). */
.FooterErfgoed {
  display: flex;
  background-color: #f3a54f;
  align-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}

/* OPMAAK SOCIALS EN SPONSOREN FOOTER IN STIJL NATUUR (groen). */
.FooterNatuur {
  display: flex;
  background-color: #5e9f76;
  align-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}

/* OPMAAK SOCIALS BLOK ELEMENT. */
.KolomSocials {
  flex: 1 0 30%;
  box-sizing: border-box;
  padding: 0 10px;
}

.KolomSocials img {
  margin-left: 2px;
  margin-right: 2px;
}


/* OPMAAK SPONSOR BLOK ELEMENT. */
.KolomSponsoren {
  flex: 1 0 70%;
  box-sizing: border-box;
  padding: 0 10px;
}

.LijstSponsoren {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: stretch;
}

/* OPMAAK SPONSOR LOGO'S. */
.Sponsor {
  max-height: 80px;
  max-width: 200px;
}

.Sponsor img {
  filter: brightness(0) invert(1);
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* AANPASSING NAVIGATIE VOOR MOBIEL */
@media screen and (max-width: 1140px){



  header.HeaderKunstenaarKlimaat {
    height: 100px; 
  }

  header.HeaderKunstenaarErfgoed {
    height: 100px;
  }

  header.HeaderKunstenaarNatuur {
    height: 100px;
  }

  nav {
    flex-wrap: wrap;
    justify-content: space-between;
    height: 120px;
    align-items: flex-start;
    transition: 0.1s;
  }

  .NavigatieLijst {
    display: none;
    height: 300px;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .hamburger {
    display: block;
    display: flex;
    align-items: center;
    padding-top: 5%;
    padding-right: 5%;
    padding-left: 40%;
  }

  .NavScrollBreed {
    display: none;
  }

  .NavScrollSmal {
    display: block;
  }
  
  
  .PaginaFoto img {
    height: 240px;
    width: 280px;
  }

  .PaginaTekst img {
    width: 260px;
  }

 .Kunstenaars {
    padding-left: 0;
    padding-right: 0;
  }

  .KunstenaarBlok {
    padding-top: 5%;
    padding-right: 0%;
    padding-left: 0%;
    padding-bottom: 5%;
    display: block;
  }
  
  .KunstenaarBlok h3 {
    width: 100px;
    padding-left: 20%;
  }

  .prev, .next, .Credits {font-size: 11px}

}