/* Piet extends the existing Wissensfunke book world. Original artwork stays whole. */
.piet-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#main-nav a[aria-current="page"]{color:var(--gold);text-decoration:underline;text-underline-offset:7px}
.piet-page .site-header{position:relative}
.piet-page main{overflow:hidden}
.piet-hero{padding:72px 0 90px;background:radial-gradient(ellipse at 80% 45%,#25403855,transparent 65%)}
.piet-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.piet-page h1{font-family:var(--serif);font-size:clamp(48px,5.8vw,78px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin:22px 0}
.piet-page h1 em{color:var(--gold);font-weight:400}
.piet-subtitle{font-family:var(--serif);font-size:clamp(23px,2.3vw,29px);line-height:1.4;max-width:24em}
.piet-byline{font-size:13px;letter-spacing:.08em;color:var(--muted);margin:24px 0}
.piet-cover{margin:0;position:relative}
.piet-cover img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 22px 65px #0005}
.piet-cover figcaption{font-size:12px;color:var(--muted);text-align:center;margin:18px 0 0;letter-spacing:.1em}
.piet-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:26px 0 0}
.piet-actions .button{gap:16px;text-align:center;justify-content:center}
.piet-price{display:flex;align-items:baseline;gap:14px;margin:26px 0 0}
.piet-price strong{font-family:var(--serif);font-size:29px;font-weight:400;color:var(--gold)}
.piet-price span{font-size:13px;color:var(--muted)}
.piet-section{padding:96px 0}
.piet-section h2,.piet-teaser h2{margin:16px 0 24px;line-height:1.1}
.piet-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.piet-intro p:not(.eyebrow){font-size:18px;line-height:1.85;margin:0 0 20px}
.piet-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;border-top:1px solid var(--line);margin-top:44px;padding-top:28px}
.piet-facts div{display:flex;flex-direction:column;gap:5px}
.piet-facts strong{font-family:var(--serif);font-size:40px;line-height:1.2;font-weight:400}
.piet-facts span{font-size:13px;line-height:1.5}
.piet-heading{max-width:720px;margin-bottom:44px}
.piet-heading>p:not(.eyebrow){color:var(--muted);font-size:17px}
.section-light .piet-heading>p:not(.eyebrow){color:#52676a}
.piet-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.piet-gallery figure{margin:0;min-width:0}
.piet-gallery a{display:block;border-radius:4px;overflow:hidden}
.piet-gallery img{display:block;width:100%;height:auto;transition:filter .2s}
.piet-gallery a:hover img{filter:brightness(1.08)}
.piet-gallery figcaption{padding:23px 0 0}
.piet-gallery h3{font-family:var(--serif);font-size:26px;line-height:1.2;font-weight:400;margin:0 0 10px}
.piet-gallery figcaption p{color:var(--muted);font-size:14px;margin:0 0 16px}
.piet-gallery .piet-enlarge{display:inline-block;color:var(--gold);font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px;padding-top:8px}
.piet-family{background:#eae9de}
.piet-dates{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}
.piet-dates div{border-left:2px solid #af8742;padding:3px 0 3px 20px}
.piet-dates dt{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6d592e;margin-bottom:8px}
.piet-dates dd{margin:0;font-family:var(--serif);font-size:26px;line-height:1.25}
.piet-dates small{display:block;font-family:var(--sans);font-size:13px;margin-top:8px}
.piet-family-copy>p{font-size:17px;color:#40595b}
.piet-note{font-size:13px!important;line-height:1.7}
.piet-pause-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 25px}
.piet-pause-list li{border-top:1px solid #c9ccbe;padding:20px 0}
.piet-pause-list time{font-size:12px;letter-spacing:.1em;color:#75603a}
.piet-pause-list strong{display:block;font-family:var(--serif);font-size:23px;font-weight:400;margin:5px 0}
.piet-pause-list p{font-size:14px;line-height:1.65;margin:0;color:#40595b}
.piet-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.piet-download{border:1px solid var(--line);border-radius:6px;padding:32px 26px;display:flex;flex-direction:column;align-items:start}
.piet-download-number{font-family:var(--serif);font-size:36px;color:#9c773d}
.piet-download h3{font-family:var(--serif);font-size:29px;line-height:1.2;font-weight:400;margin:18px 0}
.piet-download p{color:#52676a;font-size:15px;flex:1;margin:0 0 25px}
.piet-download .text-link{color:var(--ink);min-height:44px;display:inline-flex;align-items:center;gap:12px}
.piet-download small{display:block;font-size:12px;color:#52676a;margin-top:16px}
.piet-finale{border-bottom:1px solid #ffffff20}
.piet-finale .piet-cover{max-width:540px}
.piet-finale .piet-split{grid-template-columns:1fr 1fr}
.piet-finale-copy>p:not(.eyebrow){color:var(--muted)}
.piet-teaser{padding:80px 0;background:#0d2830;border-block:1px solid #eac07630}
.piet-teaser .piet-split{grid-template-columns:1fr 1fr}
.piet-teaser p:not(.eyebrow){color:#c0ced0;max-width:480px}
.piet-teaser h2{font-size:clamp(38px,4.5vw,56px)}
.piet-teaser img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 18px 45px #0004}
.piet-teaser .button{margin-top:15px}
.piet-lightbox{width:min(1200px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:16px;background:var(--navy);color:var(--cream);border:1px solid #eac07666;border-radius:8px;overflow:auto}
.piet-lightbox::backdrop{background:#020d17ed}
.piet-lightbox header{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:0 0 16px}
.piet-lightbox h2{font-size:24px;line-height:1.25;margin:0;letter-spacing:0}
.piet-lightbox button{color:var(--cream);background:transparent;border:1px solid #eac07666;border-radius:4px;min-height:44px;min-width:44px;padding:8px 14px;font:inherit;cursor:pointer;flex-shrink:0}
.piet-lightbox img{display:block;width:100%;height:auto}
.piet-lightbox>a{font-size:13px;display:inline-block;padding:16px 0 0;text-decoration:underline}
@media(max-width:1000px){.piet-split,.piet-intro{gap:36px}.piet-gallery{gap:18px}.piet-download{padding:25px 20px}.piet-download h3{font-size:25px}}
@media(max-width:820px){.piet-hero{padding:44px 0 64px}.piet-split,.piet-intro,.piet-finale .piet-split,.piet-teaser .piet-split{grid-template-columns:1fr;gap:36px}.piet-hero .piet-cover{max-width:680px}.piet-page h1{font-size:clamp(46px,8vw,68px)}.piet-section{padding:65px 0}.piet-gallery{grid-template-columns:1fr;gap:38px}.piet-gallery h3{font-size:30px}.piet-gallery figcaption{padding-top:20px}.piet-downloads{grid-template-columns:1fr}.piet-download{padding:28px;display:block}.piet-download h3{margin:8px 0 12px;font-size:29px}.piet-download p{margin-bottom:12px}.piet-teaser{padding:60px 0}.piet-teaser .piet-cover{order:2}.piet-pause-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.piet-page h1{font-size:52px}.piet-page .piet-subtitle{font-size:25px}.piet-actions{gap:20px}.piet-actions .button{width:100%;font-size:14px}.piet-facts{gap:16px}.piet-facts strong{font-size:34px}.piet-facts span{font-size:12px}.piet-dates{gap:20px}.piet-dates dd{font-size:23px}.piet-dates div{padding-left:13px}.piet-pause-list{grid-template-columns:1fr 1fr;gap:0 22px}.piet-lightbox header{align-items:start;gap:10px}.piet-lightbox h2{font-size:21px}.piet-lightbox button{font-size:13px}.piet-hero .eyebrow{font-size:11px;letter-spacing:.15em}}
@media(max-width:360px){.piet-page h1{font-size:45px}.piet-dates{grid-template-columns:1fr}.piet-pause-list{grid-template-columns:1fr}.piet-price{gap:10px}}
@media(max-width:820px){.piet-hero .piet-cover{grid-row:1}.piet-hero .piet-cover figcaption{font-size:11px}.piet-family .piet-heading h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.25}}
@media(prefers-reduced-motion:reduce){.piet-gallery img{transition:none}}

/* Originales Hochformat-Cover im Einstiegsbereich. */
.piet-hero .piet-cover{width:min(100%,348px);justify-self:center}
@media(max-width:600px){.piet-hero .piet-cover{width:min(100%,260px)}}

/* Piets winterliche Buchwelt: rein dekorativ, ohne zusätzliche Skripte. */
.piet-page{background-color:#0a2428;background-image:radial-gradient(ellipse at 95% 15%,#29423566,transparent 55%)}
.piet-page .site-header{background:linear-gradient(110deg,#071b27,#102c2d)}
.piet-page .piet-hero{padding-top:96px;background-image:url('/piet/assets/weihnachtsrahmen.svg'),radial-gradient(ellipse at 77% 47%,#99754230,transparent 44%),radial-gradient(ellipse at 10% 30%,#15352d88,transparent 60%),linear-gradient(130deg,#071b27,#102e2c 70%,#071b27);background-size:100% auto,auto,auto,auto;background-repeat:no-repeat}
.piet-page #leseproben,.piet-page .piet-finale{background-color:#0a2428;background-image:url('/piet/assets/weihnachtsrahmen.svg'),radial-gradient(ellipse at 80% 30%,#9a6e2d20,transparent 55%);background-size:100% auto,auto;background-repeat:no-repeat;padding-top:112px}
.piet-page .section-light{background-color:#f5f0e3;background-image:radial-gradient(ellipse at 0 0,#bb98551b,transparent 48%),radial-gradient(ellipse at 100% 100%,#32594013,transparent 48%)}
.piet-page .piet-family{background-color:#eaece0}
.piet-page #downloads{border-top:1px solid #bca16844;background-color:#f8f2e7}
.piet-page .piet-download{background:#fffdf680;border-color:#bca16870;box-shadow:0 8px 35px #31433505}
.piet-page .piet-cover img{box-shadow:0 25px 60px #0007,0 0 80px #d6a05519}
.piet-page .site-footer{background:linear-gradient(140deg,#071b27,#102b28)}
@media(max-width:820px){.piet-page .piet-hero{padding-top:70px}.piet-page #leseproben,.piet-page .piet-finale{padding-top:80px}}
@media(max-width:600px){.piet-page .piet-hero,.piet-page #leseproben,.piet-page .piet-finale{background-size:100% auto,auto,auto,auto;background-position:top center}.piet-page .piet-hero{padding-top:65px}.piet-page #leseproben,.piet-page .piet-finale{padding-top:75px}}