/* ================================
   Allgemeine Layout- und Textregeln
   ================================ */

/* Zentrierte Content-Box, begrenzt auf angenehme Zeilenlänge */
.centered-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px; /* alternativ: 60ch für ca. 60 Zeichen Breite */
}

/* Standard-Text als Blocksatz */
body {
  text-align: justify;
  text-justify: inter-word; /* sorgt für sauberen Blocksatz */
}

/* ================================
   Titelblock & Profilbild
   ================================ */

/* Zentriert Titelblock (Seitenüberschrift) */
.quarto-title-block {
  text-align: center;
  margin-bottom: 0.75rem;
}

/* Profilbild zentriert unter dem Titel */
.quarto-title-block img,
img[alt=""] {
  display: block;
  margin: 0 auto;
}

/* "Hero"-Block: Name, Titel, Foto */
.hero {
  text-align: center;
  margin: 1rem auto 2rem;
}
.hero .name {
  font-family: "Courier New", Courier, monospace;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0.1rem 0 0.25rem 0;
}
.hero .degrees {
  font-family: "Courier New", Courier, monospace;
  font-size: 1.05rem;
  color: #555;
  margin: 0 0 1rem 0;
}
.profile-pic {
  width: 200px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}

/* Name auf größeren Bildschirmen noch etwas größer */
@media (min-width: 992px) {
  .hero .name { font-size: 2.6rem; }
}

/* ================================
   Haupttext / Landing-Page
   ================================ */

/* Lesbarer Textblock mit Blocksatz und Begrenzung */
.landing-text {
  text-align: justify;
  text-justify: inter-word;
  max-width: 820px;  /* angenehme Zeilenlänge */
  margin: 0 auto;    /* zentriert den Block */
}

/* ================================
   Footer
   ================================ */

.quarto-page-footer { 
  font-size: 0.5em; 
  color: lightgrey; 
}
.quarto-page-footer .faux-block { 
  margin: 0 0.5rem; 
  display: inline-block; 
}

/* ================================
   Publikationen & Fußnoten
   ================================ */

/* Abstand zwischen Listenelementen in Callout-Boxen */
.callout-note ul li { margin-bottom: .6rem; }

/* Links in Callouts ohne Unterstreichung */
.callout-note a { text-decoration: none; }

/* Kleine Fußnoten */
.footnote-small {
  font-size: 70%;    
  color: #555;       
  display: block;    
  margin-top: 0.5em; 
}

/* ================================
   Navbar-Icons (Academicons + Font Awesome)
   ================================ */

/* Basisstil: sorgt für gleiche Größe, Ausrichtung und Farbe */
.navbar a > i {
  font-size: 1.25rem;        /* einheitliche optische Größe */
  line-height: 1;            /* verhindert ungleichmäßige Höhe */
  display: inline-block;     /* stabilisiert die Baseline */
  vertical-align: -1px;      /* Feinkorrektur, ggf. -1px oder 0 testen */
  margin-left: 0.6rem;       /* Abstand zwischen Icons */
  color: #ffffff;            /* alle Icons standardmäßig weiß */
  transition: color 0.15s ease-in-out, transform 0.15s ease-in-out;
}

/* Hover-Effekt: leichte Animation + Farbwechsel */
.navbar a:hover > i {
  color: #006400;            /* HU-Grün beim Hover */
  transform: translateY(-1px);
}

/* Harmonisierung: Academicons sind leicht „dicker“ als FA */
.navbar a > i.ai { 
  font-weight: 400;
}


/* Responsive PDF viewer box */
.pdf-wrap {
  position: relative;
  width: 100%;
  max-width: 900px;          /* keep it readable */
  margin: 1rem auto 2rem;
  aspect-ratio: 0.707;       /* A4 ratio = 210/297 ≈ 0.707 */
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fa;
}

.pdf-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.pdf-fallback {
  text-align: center;
  color: #666;
  font-size: 0.95rem;
}