@import url("https://use.typekit.net/gji8yhr.css");

body {
  background-color: rgb(215, 213, 214);
  margin: 0;
  padding: 0;
}

#main {
  position: relative;          /* für den z-index über dem Hintergrundbild */
  z-index: 1;
  width: 80%;
  max-width: 1200px;           /* optional: verhindert zu große Breite auf großen Screens */
  margin: 0 auto;              /* zentriert */
  box-sizing: border-box;      /* Padding/Border werden mitgerechnet */
  font-family: "bodoni-std", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2px;
  text-align: center;
}
}

.ornament {
  font-family: "bodoni-classic-ornaments", serif;
  font-size: 75px;
}

/* ========== Tablet / kleinere Desktop ========== */
@media only screen and (max-width: 1280px) {
  #main {
   font-size: 16px;
	width: 90%;
	margin: 0 auto;
	z-index:100;

  }

  .ornament {
    font-size: 40px;
  }
}

/* ========== Alle Bilder begrenzen ========== */
#main img {
  max-width: 100% !important;
  font-family: "bodoni-std", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 2px;
  text-align: center;
}