.buch-eintrag {
  display: flex;
  align-items: flex-start; /* Align items to the top */
  gap: 1.5em; /* Space between image and description */
  margin-bottom: 2em; /* Space below each entry */
  flex-wrap: nowrap; /* Prevent wrapping by default on larger screens */
}

.buch-bild {
  flex-shrink: 0; /* Prevent the image from shrinking */
  flex-basis: 250px; /* Set the base width for the image */
  width: 100%; /* Ensure the width is 100px */
}

.buch-bild img {
  display: block;
  width: 100%;
  height: auto;
}

.buch-beschreibung {
  margin-top: -0.3em;
  padding: 0;
  /* Remove display: block; and flex-direction: row; here */
  flex-grow: 1; /* Allow the description to take up the remaining space */
}
 
  
 /* Responsivität für Mobilgeräte */
 @media (max-width: 768px) {
    .buch-eintrag {
      flex-direction: column;
    }
  
    .buch-bild {
        width: 60%;           /* oder z. B. 70%, je nachdem wie groß du’s willst */
        margin: 0 auto 1em;   /* zentriert + etwas Abstand nach unten */
        flex-basis: auto;     /* damit es die alte Basis von Desktop ignoriert */
      }

    .buch-beschreibung {
      width: 100%;
    }
  
  
  .buch-bild img {
    width: 100%;          /* immer an Container anpassen */
    height: auto;
  }
 }


  /* Styling für den Transparenzhinweis */
  .transparenzhinweis {
    font-size: 0.875em; /* Ungefähr text-sm */
    color: #6b7280;   /* Ungefähr text-gray-600 */
    margin-top: 1rem;   /* Ungefähr mt-4 */
    font-style: italic;
    padding-left: 1em; 
  }


  /* Styling für den Fußnotenpfeil */
a.footnote-backref {
  display: inline-block;
  width: 1em;               /* optional, für bessere Kontrolle */
  text-indent: -9999px;     /* versteckt den ursprünglichen Text */
  overflow: hidden;
  position: relative;
}

a.footnote-backref::before {
  content: "⮐";             /* dein neues Icon */
  position: absolute;
  left: 0;
  text-indent: 0;
  font-family: "Segoe UI Symbol", "Noto Sans Symbols", "Arial Unicode MS", "Symbola", sans-serif;
}