/* ======================================
   buch.css – Seite "Bücher"
   passt zu buch.php (Klassen!)
====================================== */

/* 2-Spalten-Bereich: links flexibel, rechts Kacheln ~640px */
.buch-area{
  display: grid;
  grid-template-columns: calc(100% - 654px) 640px;
  gap: 14px;
  align-items: start;
}

/* Linke Spalte */
.buch-left{
  padding: 0 20px 20px 50px;
}

/* Überschrift wie im Screenshot */
.buch-left h2{
  margin: 0 0 6px 0;
  font-size: 2.2rem;
  color: #6a89d6;
}

/* Inhalt */
.buch-content img{
  width: 100%;
  height: auto;
  display: block;
  max-width: 820px;  /* damit es nicht endlos breit wird */
  margin: 0 0 10px 0;
}

/* Liste */
.buch-list{
  margin: 0;
  padding-left: 62px; /* Bullet-Einzug */
  color: #9cdff3;
  font-size: 1.35rem;
  line-height: 1.15;
}

.buch-list li{
  margin: 8px 0;
}
/* Bildcontainer */
.buch-hero{
  position: relative;
  width: 100%;
  max-width: 820px;
}

/* Bild */
.buch-hero img{
  width: 100%;
  height: auto;
  display: block;
}

/* Überschrift im Bild */
.buch-title{
  position: absolute;
  top: 18px;
  left: 62px;

  margin: 0;
  font-size: 2.2rem;
  color: #6a89d6;
}