/* ANCHOR var Farben -------------------------- */ 
body {
  --color-gruen01: #3e5e07;
  --color-gruen02: #5b7d22;
  --color-gruen03: #82a647;
  --color-gruen04: #b0d571;
  --color-gruen05: #d6fb94;
  --color-gruen06: #e9ffc1;
  --color-gruen07: #f5ffe2;
  --color-orange: #ffa200;

  --color-braun01: #271b00;
  --color-braun02: #3a2e12;
  --color-braun03: #51452a;
  --color-braun04: #665a3e;
  --color-braun05: #84775a;
  --color-braun06: #9d9073;
  --color-braun07: #b9ac8e;
  --color-braun08: #d7caab;
  --color-braun09: #efe2c3;
  --color-braun10: #fff2d1;

  --color-grau01: #2e2e28;
  --color-grau02: #3e4038;
  --color-grau03: #5f625a;
  --color-grau04: #7c8178;
  --color-grau05: #99a095;
  --color-grau06: #bac2b6;
  --color-grau07: #d6e1d3;
}

/* ANCHOR Haupt Gridcontainer -------------------------- */
.kontakt-grid {
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas:
    "kontakt-aufm"
    "kontakt-head";
}
.kontakt-aufm {
  grid-area: kontakt-aufm;
  /* background-color: brown; */ 
  background-image: url("../img/telefon_bully.jpg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 3rem;
}
.kontakt-head {
  grid-area: kontakt-head;
  margin: -2rem 2rem 2rem 2rem;
  /* background-color: rgba(218, 165, 32, 0.2); */
}
.vdh-mitglied > img {
  width: 100px;
  height: auto;
}

/* ANCHOR typo  ------------------------ */
.kontakt-grid h3 {
margin-bottom: 0.5rem;
}
.body-fett {
  color: var(--color-gruen01);
}

/* ANCHOR responsive großer screen ---------------- */
@media (min-width: 992px) { 
  .kontakt-grid {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas:
      "kontakt-aufm kontakt-aufm kontakt-aufm"
      ". kontakt-head .";
  }
}