/* Lesespass-Farbanpassung: Nur Farben, keine Layout- oder Funktionsänderungen */
:root{color-scheme:light;--gold:#b68b50;--bg:#f7f0e7;--panel:#fff8ef;--cream:#4b302c}
body{background:var(--bg);color:var(--cream)}
header{background:#750d2df2;border-bottom-color:#b68b50}
.brand{color:#f5dfb5}.nav a{color:#fff8ef}.nav a:hover{color:#f4d29a}
.hero{background:linear-gradient(90deg,#fff3e7ed,#fff3e7cb),url('hintergrund.png') center/cover;border-bottom-color:#c6a580}
.eyebrow{color:#8d2942}.lead{color:#5e453d}.booktypes{color:#7c3145}
.btn{background:#750d2d;color:#fff8ef;border-color:#750d2d}.btn.alt{background:#fff8ef;color:#750d2d;border-color:#b68b50}
.owl img{filter:drop-shadow(0 8px 28px #b68b5040)}
.speech{background:#fff8ef;border-color:#c6a580;color:#653f35}
.muted{color:#725e55}
.filter{border-color:#bda18a;background:#fff8ef;color:#653f35}.filter.active{background:#750d2d;color:#fff8ef;border-color:#750d2d}
.shelf{background:linear-gradient(#f8e9d8,#e8d0b5);border-color:#c6a580;box-shadow:inset 0 -18px 0 #926343}
.book{background:#fffaf3;border-color:#d6bba1}
.heart{color:#8d2942;border-color:#b68b50}
.about{background:#f0e1d4;border-top-color:#c6a580}
.footer{border-top-color:#c6a580;color:#725e55}
.modal{background:#261219c9}.dialog{background:#fff8ef;border-color:#b68b50;box-shadow:0 15px 60px #1e101455}
.close{color:#750d2d}.sample{background:#f1e1d4}.option{background:#fff8ef;border-color:#bda18a;color:#4b302c}.option:hover{background:#f2ddca}.result{color:#8d2942}
@media (max-width: 700px) {
  .hero h1 {
    font-size: 28px;
    line-height: 1.25;
  }
}
/* Textbereich der Bücherwelt anpassen */

.hero > div:first-child {
    align-self: start;
    padding-top: 25px;
    max-width: 650px;
}

/* Kleine Überschrift weiter oben */
.hero .eyebrow {
    margin-bottom: 12px;
}

/* Hauptüberschrift verkleinern */
.hero h1 {
    font-size: clamp(28px, 2.5vw, 38px);
    line-height: 1.2;
    margin-bottom: 25px;
}

/* Beschreibung mittig */
.hero .lead {
    text-align: center;
    color: #45221f;
}

/* Bucharten mittig */
.hero .booktypes {
    justify-content: center;
}

/* Beide Schaltflächen mittig */
.hero .buttons {
    justify-content: center;
}

/* Anpassung für Handys */
@media (max-width: 700px) {
    .hero > div:first-child {
        padding-top: 10px;
    }

    .hero h1 {
        font-size: 28px;
    }

    .hero .lead {
        font-size: 16px;
    }
}