/* Freigegebene Webkatalog-Farben, 12.09.2026. Schmuck: #BCA1B5; zurückhaltendes Grau: #999996. */
:root{--epple-lila:#bca1b5;--epple-grau:#999996;--paper:#fff;--ink:#20201f;--line:#dedad8;--accent:#755d70;--lavender:#bca1b5}
body{background:#fff}
.topbar{background:var(--epple-lila);color:#fff;border-bottom:1px solid #ffffff35}
.topbar .brand img,.popup-brand img{filter:brightness(0) invert(1)}
.edition{border-color:#ffffff55}.viewbar{background:var(--epple-lila);border-color:#ffffff35}
.booknav{color:#20201f}.booknav button{border-color:#999996;background:#fff}.booknav button:hover{background:#bca1b526}.booknav span{font-size:13px}
#chapterMenu{background:#fff;color:#20201f;box-shadow:0 12px 45px #32232e22}
#chapters a:hover,.post-menu-link:hover{color:#84657b}
.reading #catalog{background:#fff;box-shadow:none}
.book .leaf{box-shadow:0 10px 32px #45303e24}
footer{border-color:#99999655;color:#747471}footer span{color:#747471}.paper-fold::after{background:#fff}
#productDialog{background:white;border-radius:4px;box-shadow:0 22px 90px #38253240}
#productDialog::backdrop{background:#46343f7d;backdrop-filter:blur(4px)}
.popup-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;background:var(--epple-lila);padding:16px 30px;min-height:90px}
.popup-brand img{width:88px;height:57px;object-fit:contain}
#productDialog .close{position:absolute;top:20px;right:20px;margin:0;color:#fff;border:1px solid #ffffff88;background:transparent;font-size:28px;width:40px;height:40px}
.detail-copy{background:#fff;padding-top:32px}.detail-image{background:#fff;padding-top:30px}
.detail-copy .eyebrow{color:#7c6175}.reference,.shop-note{color:#747471}
.shop-button{background:var(--epple-lila);color:#fff;font-size:15px;padding:17px 20px}
.shop-button:hover{background:#aa8fa3}.share-button{border-color:var(--epple-grau);color:#292927}
.product-sharing{border-color:#99999655}.copy-button{color:#676764}
@media(max-width:700px){.popup-brand{min-height:76px;padding:12px 24px}.popup-brand img{width:76px;height:49px}#productDialog .close{top:18px;right:18px}.detail-copy{padding-top:12px}.detail-image{height:29dvh;padding:20px 30px 10px}.detail-copy h1{font-size:28px}}
#productDialog[open]{grid-template-rows:90px auto;align-content:start;height:auto}
.popup-brand{height:90px;min-height:0}
@media(max-width:700px){.popup-brand{height:76px}#productDialog[open]{display:block}}