/*
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
* { font-family: 'EB Garamond', serif; }
*/

/*
* { font-family: serif; }
*/

@font-face {
  font-family: 'EBG-re';
  src: url('fonts/EBGaramond12-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "EBG-sc";
  src: url('fonts/EBGaramondSC12-Regular.ttf') format('truetype');
}
@font-face {
  font-family: "EBG-it";
  src: url('fonts/EBGaramond12-Italic.ttf') format('truetype');
}

body {
  font-family: 'EBG-re';
  font-feature-settings: "liga";
  line-height: 1.23;
  font-size: 120%;
}

.navigation {
  /*font-variant: small-caps;*/
  font-family: "EBG-sc";
  text-align: center;
  margin-bottom: 3em;
}

.navigation * {
  text-decoration: none;
}

a {
  color: inherit;
}

a:hover {
  color: red;
}

h1 {
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 0em;
}

.content {
  display: flex;
  justify-content: center;
  margin-top: -1em;
}

.content p {
  max-width: 24em;
}

.gedichttitel {
  /*font-variant: small-caps;*/
  font-family: "EBG-sc";
  font-size: 110%;
  text-align: center;
  margin-top: 1em;
}

.gedichtuntertitel {
  /*font-style: italic;*/
  font-family: "EBG-it";
  text-align: center;
}

.gedichttext {
  display: flex;
  justify-content: center;

  /* Vers nach Zeilenumbruch einruecken: */
  /* funktioniert nicht in DuckDuckGo: */
  /*text-indent: 3em hanging;*/
  /* stattdessen: */
  /*text-indent: -3em;*/
  /*padding-left: 3em;*/

  /* Zeilenumbrueche in Versen verhindern: */
  /* (erzeugt auf Smartphone horizontale Scrollbar) */
  white-space: nowrap;
}

.gedichtdatum {
  /*font-style: italic;*/
  font-family: "EBG-it";
  text-align: center;
}

.fussnote {
  width: 90mm;
  text-align: justify;
  hyphens: auto;
  font-size: 80%;
  justify-content: center;
}

.gedichtsprecher {
  /*font-variant: small-caps;*/
  font-family: "EBG-sc";
  text-align: center;
  margin-top: -0.5em;
}

.gedichtanweisung {
  /*font-style: italic;*/
  font-family: "EBG-it";
  text-align: center;
  margin-bottom: -0.5em;
}

.trenner {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.kontaktbutton {
  all: unset;
  text-decoration-line: underline;
}

.kontaktbutton:hover {
  cursor: pointer;
  color: red;
}

.kontakt {
  margin-left: 0.7px;
  margin-top: 20.7px;
  margin-bottom: -2px;
  display: none;
}

img {
  height: 0.84em;
}