/* Shop-Design "Mosaik": helle, gut lesbare Seite, Themenfarben, gestaltete Cover.
   Gilt nur mit <body class="shop-c">. Schrift lokal (CSP: font-src 'self'). */
@font-face{font-family:'Bricolage Grotesque';font-weight:200 800;font-style:normal;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/atkinson-400-latin.woff2) format('woff2')}
@font-face{font-family:'Atkinson Hyperlegible';font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/atkinson-700-latin.woff2) format('woff2')}

body.shop-c{
  --sc-bg:#FBF9F6;--sc-fg:#1B1B24;--sc-mute:#51515E;--sc-card:#fff;--sc-line:#E4E0D9;--sc-btn:#1B1B24;--sc-on-btn:#fff;--sc-focus:#0B3A82;
  --sc-c1:#CFE3FF;--sc-c2:#FFE3B8;--sc-c3:#CDEFD9;--sc-c4:#F9D3DC;
  --sc-head:'Bricolage Grotesque',system-ui,sans-serif;--sc-body:'Atkinson Hyperlegible',system-ui,sans-serif;
}

body.shop-c{background:#0a1a14 linear-gradient(180deg,rgba(10,26,20,.35),rgba(10,26,20,.25)) fixed;background-image:linear-gradient(180deg,rgba(10,26,20,.35),rgba(10,26,20,.25)),url(/images/1765534830686_futuristisches-design-16-9-ein-holografisches-display-zeigt-.png);background-size:cover;background-position:center 30%;background-attachment:fixed}
body.shop-c .page-content{background:transparent;background-image:none;color:var(--sc-fg);font-family:var(--sc-body);font-size:19px;line-height:1.6;padding:0 0 64px}
body.shop-c .page-content>.container{background:var(--sc-bg);border-radius:32px;padding:8px 32px 48px;box-shadow:0 24px 60px -24px #000a}
@media (max-width:600px){body.shop-c .page-content>.container{border-radius:20px;padding:4px 16px 32px}}
body.shop-c .page-content::before,body.shop-c .page-content::after{display:none}

/* Einstieg */
body.shop-c .shop-hero{background:transparent;color:#fff;padding:390px 0 32px}
@media (max-width:768px){body.shop-c .shop-hero{padding-top:430px}}
body.shop-c .shop-hero h1{font:800 clamp(38px,6vw,68px)/1.04 var(--sc-head);letter-spacing:-.025em;max-width:15em;margin:0 0 16px;color:#fff;text-wrap:balance;text-shadow:0 2px 24px #000a}
body.shop-c .shop-hero p{font-size:21px;color:#fff;max-width:36em;margin:0;text-shadow:0 1px 12px #000a}
/* Alte Seiten-Hero (z. B. buecher.html) angleichen */
body.shop-c .page-hero{background:transparent!important;color:#fff;min-height:0;padding-bottom:32px}
body.shop-c .page-hero-overlay{display:none}
body.shop-c .page-hero h1{font:800 clamp(34px,5vw,56px)/1.06 var(--sc-head);color:#fff;text-shadow:0 2px 24px #000a}
body.shop-c .page-hero .page-intro,body.shop-c .page-hero p{color:#fff}
body.shop-c .page-hero .page-badge,body.shop-c .page-hero .page-meta{display:none}

/* Kategorien-Leiste */
body.shop-c .shop-nav{background:var(--sc-bg);border:0;border-bottom:2px solid var(--sc-line);border-radius:0;padding:14px 0;margin:24px 0 8px}
body.shop-c .shop-nav-label{color:var(--sc-mute);font-weight:700;font-size:16px}
body.shop-c .shop-nav-list a{color:var(--sc-fg);border:2.5px solid var(--sc-fg);font:700 16px var(--sc-body);min-height:44px;padding:8px 18px}
body.shop-c .shop-nav-list a:hover,body.shop-c .shop-nav-list a:focus-visible{background:var(--sc-fg);color:var(--sc-bg);border-color:var(--sc-fg)}
body.shop-c .shop-nav-n{background:var(--sc-fg);color:var(--sc-bg);font-size:13px}
body.shop-c .shop-nav-select{background:var(--sc-card);color:var(--sc-fg);border:2.5px solid var(--sc-fg);font:700 17px var(--sc-body);min-height:48px;border-radius:12px}

/* Abschnitte */
body.shop-c .books-section{padding-top:48px}
body.shop-c .section-header{text-align:left;margin:0 0 24px;max-width:none}
body.shop-c .section-badge{background:transparent;color:var(--sc-mute);border:0;padding:0;font:700 14px var(--sc-body);letter-spacing:.08em;text-transform:uppercase}
body.shop-c .books-section .section-title,body.shop-c .section-title{font:800 clamp(28px,4vw,42px)/1.1 var(--sc-head);color:var(--sc-fg);margin:6px 0}
body.shop-c .books-section .section-subtitle,body.shop-c .section-subtitle{color:var(--sc-mute);font-size:18px;max-width:40em;margin:0}
body.shop-c .books-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}

/* Karten */
body.shop-c .book-card{background:var(--sc-card);color:var(--sc-fg);border:2.5px solid var(--sc-line);border-radius:28px;box-shadow:none;padding:26px;gap:2px}
body.shop-c .book-title{font:800 23px/1.15 var(--sc-head);color:var(--sc-fg);margin:0 0 8px;text-wrap:balance}
body.shop-c h4.book-title{font-size:21px}
body.shop-c .book-sub,body.shop-c .book-meta,body.shop-c .book-isbn,body.shop-c .book-summary{color:var(--sc-mute);font-style:normal}
body.shop-c .book-sub{font-size:17px}
body.shop-c .book-meta,body.shop-c .book-isbn{font-size:15px}
body.shop-c .book-summary{font-size:17px;margin:10px 0 14px}
body.shop-c .book-card .book-btn{background:var(--sc-btn);color:var(--sc-on-btn);border:0;border-radius:999px;min-height:52px;padding:0 26px;font:700 18px var(--sc-body);display:flex;align-items:center;justify-content:center;text-decoration:none}
body.shop-c .book-card .book-btn:hover{background:var(--sc-btn);color:var(--sc-on-btn);filter:brightness(1.15)}
body.shop-c .book-card .book-btn[aria-disabled=true]{background:transparent;color:inherit;border:2.5px dashed currentColor;min-height:44px;font-size:16px;opacity:1!important}
body.shop-c a:focus-visible,body.shop-c button:focus-visible,body.shop-c select:focus-visible{outline:4px solid var(--sc-focus);outline-offset:3px}

/* PDF-Hefte: Themenfarben + Cover */
body.shop-c #pdf-einzel .book-card,body.shop-c #pdf-pakete .book-card{border:0}
body.shop-c .book-card .book-cover{width:168px;max-width:100%;height:auto;aspect-ratio:3/4;border-radius:6px 10px 10px 6px;box-shadow:0 16px 24px -12px #0009;margin:0 0 18px;background:transparent;transform:rotate(-2.5deg);align-self:flex-start}
body.shop-c .books-grid .book-card:nth-child(even) .book-cover{transform:rotate(2deg)}
body.shop-c #pdf-einzel .book-card .book-title,body.shop-c #pdf-pakete .book-card .book-title{font-size:25px}
body.shop-c .pdf-start{background:var(--sc-c1)}body.shop-c .pdf-alltag{background:var(--sc-c2)}body.shop-c .pdf-angeh{background:var(--sc-c4)}body.shop-c .pdf-paket{background:var(--sc-card);border:2.5px solid var(--sc-fg)!important}
body.shop-c .pdf-price{font:800 30px/1 var(--sc-head);color:var(--sc-fg);margin:10px 0 4px;font-variant-numeric:tabular-nums}
body.shop-c .pdf-tax{font-size:14px;color:var(--sc-mute);margin:0 0 16px}
body.shop-c .pdf-paket .pdf-pill{border:1.5px solid var(--sc-fg)}
body.shop-c .pdf-pill{align-self:flex-start;justify-self:start;font:700 14px var(--sc-body);padding:3px 14px;border-radius:999px;background:#ffffffaa;color:#1B1B24;margin-bottom:10px}
body.shop-c #pdf-einzel .book-card:first-child{grid-column:span 2;display:grid;grid-template-columns:210px minmax(0,1fr);column-gap:32px;align-items:start;align-content:center}
body.shop-c #pdf-einzel .book-card:first-child .book-cover{grid-row:1/8;width:210px;margin:0}
body.shop-c #pdf-einzel .book-card:first-child .book-title{font-size:clamp(28px,3.2vw,38px)}
body.shop-c #pdf-einzel .book-card:first-child .book-actions{margin-top:4px}
body.shop-c #pdf-pakete-kopf{margin-top:56px!important}
body.shop-c #pdf-pakete-kopf .section-title{font-size:clamp(26px,3.4vw,36px)}

body.shop-c .books-disclosure{background:var(--sc-card);color:var(--sc-fg);border:2.5px solid var(--sc-line);border-left:2.5px solid var(--sc-line);border-radius:20px;padding:18px 22px;font-size:17px;margin-top:24px}
body.shop-c .books-disclosure a,body.shop-c .books-legal a{color:var(--sc-fg);text-decoration:underline}

@media (max-width:820px){body.shop-c #pdf-einzel .book-card:first-child{grid-column:auto;display:flex;flex-direction:column}body.shop-c #pdf-einzel .book-card:first-child .book-cover{width:168px;margin:0 0 18px;grid-row:auto}}
@media (prefers-reduced-motion:no-preference){body.shop-c .book-card{transition:transform .2s}body.shop-c .book-card:hover{transform:translateY(-3px)}}
body.shop-c .book-actions{display:block}body.shop-c .book-card .book-btn{width:100%}body.shop-c #pdf-einzel .book-card:first-child .book-btn{max-width:360px}

/* Buecher im Shop: Karten in Themenfarben, Cover (Bild oder gesetzter Titel) */
body.shop-c #book-list .book-card{display:flex;flex-direction:column;border:0}
body.shop-c .book-card.bk-ratgeber{background:var(--sc-c1)}
body.shop-c .book-card.bk-erfahrungen{background:var(--sc-c2)}
body.shop-c .book-card.bk-alltag{background:var(--sc-c3)}
body.shop-c .book-card.bk-angehoerige{background:var(--sc-c4)}
body.shop-c #book-list .book-card .book-sub,body.shop-c #book-list .book-card .book-meta,body.shop-c #book-list .book-card .book-isbn,body.shop-c #book-list .book-card .book-summary{color:#3d3d4a}
body.shop-c #book-list .book-actions{margin-top:auto}
body.shop-c .bk-pill{display:inline-block;align-self:flex-start;background:rgba(255,255,255,.75);color:var(--sc-fg);border-radius:999px;padding:4px 14px;font:700 14px var(--sc-body);margin-bottom:12px}
body.shop-c .book-cover.bk-cover-text{display:flex;flex-direction:column;justify-content:space-between;padding:16px 14px;background:var(--sc-fg);color:#fff;box-sizing:border-box;overflow:hidden}
body.shop-c .bk-ratgeber .bk-cover-text{background:#1F4E9E}
body.shop-c .bk-erfahrungen .bk-cover-text{background:#B5651D}
body.shop-c .bk-alltag .bk-cover-text{background:#2C7A4B}
body.shop-c .bk-angehoerige .bk-cover-text{background:#A63D5A}
body.shop-c .bk-cover-title{font:800 16px/1.15 var(--sc-head);overflow-wrap:break-word;hyphens:auto;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
body.shop-c .bk-cover-author{font:700 12px var(--sc-body);opacity:.9;border-top:1px solid rgba(255,255,255,.5);padding-top:8px}
body.shop-c #book-list img.book-cover{object-fit:cover;background:#fff}
body.shop-c img.prod-photo{width:100%;max-width:220px;aspect-ratio:1/1;height:auto;object-fit:contain;background:#fff;border-radius:16px;padding:8px;box-sizing:border-box;margin:0 0 14px;transform:none;box-shadow:0 8px 20px -12px #0007;align-self:flex-start}