/* css styles */
/* format:
  html:
    footnotes-hover: true */

h1, h2, h3 {
  font-weight: 300;
  letter-spacing: 0.02em;
}

h2 {
  border-bottom: 1px solid #046E8F; 
}

body {
  line-height: 1.7;
}

/*
a {
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
*/

a {
  font-weight: 600;
  text-decoration: none;
  color: #046E8F; /* Primäre Linkfarbe (Light Mode) */
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

a:hover,
a:focus {
  color: #FF9933; /* Akzentfarbe aus der Navigation */
  border-bottom-color: currentColor;
}

/* Dark Mode: Container-Hintergrund (#462255 / #046E8F) */
body.quarto-dark a {
  color: #ffffff;  /* #9DD9D2ff; hell & gut lesbar auf dunklem Grund */
}

body.quarto-dark a:hover,
body.quarto-dark a:focus {
  color: #FFB366; /* hellere Variante von #FF9933 */
}


/* #FF9933FF #C24841FF #FFFF33FF #8B5B45FF #87AFD1FF #EEB05AFF #DBC5A0FF */
/* #462255FF #FF8811FF #9DD9D2FF #046E8FFF #D44D5CFF */



/* Quotes */
.quote {
  font-family: "Georgia", serif;
  font-weight: normal;
  font-size: 100%;
}

/* Light Mode */
body.quarto-light .quote {
  color: #2b7a78;
}

/* Dark Mode */
body.quarto-dark .quote {
  color: #9DD9D2;
}

.orange-box {
  background-color: #FF9933FF;
  color: white;
  border-radius: .3rem !important;
  margin: 1rem 0;
  padding: 1rem;
}

.orange-box a {
  color: #046E8FFF;     
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.orange-box a:hover {
  color: #9DD9D2;
}



.tk-box {
  background-color: #046E8FFF;
  color: white;
  border-radius: .3rem !important;
  margin: 1rem 0;
  padding: 1rem;
}

.tk-box a {
  color: #FFF5E6;             
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.tk-box a:hover {
  color: #FF9933;
}

.violet-box {
  background-color: #462255FF;
  color: white;
  border-radius: .3rem !important;
  margin: 1rem 0;
  padding: 1rem;
}

.violet-box a {
  color: #FFF5E6;             
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.violet-box a:hover {
  color: #FF9933;
}


.white-box {
  background-color: white;
  border-radius: .3rem !important;
  margin: 1rem 0;
  padding: 1rem;
}

.white-fig figcaption {
  color: white;
}
.orange-fig figcaption {
  color: #FF9933;
}

/* .bgimg {
  background-image: url('pics/Mirjam_lp.jpg');
  background-size: 100% auto; 
  Background-repeat: no-repeat;
  background-position: top center;
} */
/* .hero-quote { */
  /* font-color: white; */
  /* color: white; */
/* } */


.hero {
  position: relative;
  width: 100%;
  color: white;
}

.hero img {
  display: block;
  width: 100%;
  height: auto;
}

.hero-quote {
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}










.fw-bold {
  font-weight: bold !important;
  color: white !important;
}


.bottom-text-container {
  display: flex;            /*Flexbox aktivieren */
  flex-direction: column;   /* Inhalte von oben nach unten anordnen */
  justify-content: flex-end; /* alles am unteren Rand ausrichten */
  height: 100%;             /* volle Höhe der Spalte */
}

blockquote {
  text-align: left;
  border-left: none;
}