/* Header in gelb */
  .header {
    background: #faf5af;
} 

/* Unterüberschrift in grün statt weiß */
.site-description {
    color: green !important;
}

/* Schriftart und -größe */

p {
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    font-size: 16px;
}

/*Überschrift H2 kleiner */
@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1rem;
  }
}

/*Überschrift H1 kleiner */
@media (width >= 1200px) {
  h1, .h1 {
    font-size: 1.5rem;
  }
}

/* Menüschrift in grün statt weiß */

a {
	color: green !important;
	text-decoration: none;
}


/* Silbentrennung einschalten */
body {
    hyphens: auto;
}

/* Schriftfarbe main-menu in grün statt weiß */
.container-header .mod-menu {
   color: green !important;
}

/* die hover-Farbe im Menü ändern (Farbe natürlich nach Wunsch wählen): */
.nav-item:hover a {
    color: teal !important;
}

/* nur das Beitragsbild: verkleinern */

.item-page .item-image img {
  max-width: 50%;
  height: auto;
} 

/* nur das Beitragsbild bei den vermittelten Tieren verkleinern, nicht auf max-width gehen, da figure-Element so breit wie die Seite ist  */

.item-pagevermittelt .item-image img {
  width: 20%;
  height: auto;
} 


/* bei JFilter das Bild verkleinern */ 
figure.result__image img {
  max-width: 25%;
  height: auto;
} 

/* bei den Sternenkindern das Bild verkleinern */

.sternenkinder .blog-item .item-image img {
  max-width: 50%;
  height: auto;
}