body {  color: black;
        background-color: #ddffda;
        font-size: 16pt; }


h1 {
  font-size: 36pt;      /*(Groesse der Buchstaben)*/
  font-family: serif;
  font-style: normal;   /* (z.B. italic) */
  font-weight: normal;  /*(z.B. bold)  */
  font-variant: normal;
  line-height: normal;
  color: green;
  text-align: center;
}

h2 {
  font-size: 24pt;      /*(Groesse der Buchstaben) */
  font-family: serif;
  font-style: normal;   /*(z.B. italic)*/
  font-weight: normal;  /* -(z.B. bold)  */
  font-variant: normal;
  line-height: normal;
  color: green;
  text-align: center;

}

h3 {
  font-size: 15t;      /*(Groesse der Buchstaben) */
  font-family: serif;
  font-style: normal;   /*(z.B. italic)*/
  font-weight: normal;  /* -(z.B. bold)  */
  font-variant: normal;
  line-height: normal;
  color: blue;
  background-color: white;
  text-align: center;

}




.beispielbild {
    width: 300px;
    height: 300px;
    border: 10px solid orange;    /* Bilderrahmen*/
}

/* Siehe Funktion Object fit  Anpassung des Bildes in den Rahmen oder in die angepeilte Bildgröße */
#bild {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center 0;
}