:root{--paper:#fbf7ee;--ink:#233b32;--muted:#4f5b50;--line:#dad9ca;--rust:#8f4a35;--white:#fffefa;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,sans-serif;line-height:1.65}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,.brand{font-family:var(--serif);font-weight:500;line-height:1.05;margin:0}p{margin:.75rem 0 1.25rem}a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:4px}.wrap{max-width:1220px;margin:auto;padding-inline:clamp(22px,5vw,66px)}.skip{position:absolute;left:12px;top:12px;transform:translateY(-150%);background:white;padding:10px;z-index:5}.skip:focus{transform:none}.header{border-bottom:1px solid var(--line)}.top{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;font-size:1.55rem;white-space:nowrap}.brand span{display:block;font:600 .67rem/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;margin-top:.25rem;color:var(--rust)}nav{display:flex;gap:clamp(12px,3vw,35px);align-items:center}nav a{font-size:.9rem;font-weight:600;text-decoration:none}nav a:hover,.text-link:hover{color:var(--rust);text-decoration:underline}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,74px);padding-block:clamp(36px,6vw,85px)}.eyebrow{margin:0 0 .85rem;color:var(--rust);font-size:.74rem;font-weight:750;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}h1{font-size:clamp(3rem,5.7vw,5.3rem);letter-spacing:-.058em;line-height:1.01}h1 em{color:var(--rust);font-weight:400}.hero-copy>p:not(.eyebrow){max-width:39ch;margin:1.45rem 0 1.65rem;color:var(--muted);font-size:1.05rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;min-height:46px;background:var(--ink);color:white;text-decoration:none;font-weight:650;font-size:.9rem;padding:.67rem 1.15rem;border-radius:7px}.button:hover{background:#395749}.hero-art{margin:0;position:relative;padding:8px;border:1px solid #c8cbbc;border-radius:49% 49% 15px 15px}.hero-art img{width:100%;height:clamp(330px,39vw,535px);object-fit:cover;object-position:center 50%;border-radius:inherit;background:#1c3149}.hero-art-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);text-align:center;color:white;background:#21382f;padding:.38rem .75rem;border-radius:5px;font-size:.73rem}.catalog{background:#edf0e7;border-block:1px solid #dce3d8;padding-block:clamp(48px,7vw,95px)}h2{font-size:clamp(2.4rem,4.4vw,4.2rem);letter-spacing:-.045em}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,34px);align-items:start;margin-top:2rem}.book{background:var(--white);border:1px solid #d8dbcf;border-radius:14px;overflow:hidden}.cover-stage{min-height:290px;display:grid;place-items:center;padding:26px}.jonte-stage{background:#dce6e3}.ida-stage{background:#f2e0db}.cover-stage img{height:254px;width:auto;border-radius:3px 7px 7px 3px;box-shadow:0 10px 25px #26382c33}.book-copy{padding:clamp(20px,3.4vw,35px)}h3{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.035em}.book-copy>p:not(.eyebrow),.detail p,.extras article p,.about p:not(.eyebrow){color:var(--muted)}details{border-top:1px solid var(--line);margin-top:1.25rem}summary{padding:.75rem 0;cursor:pointer;font-weight:650}.detail p{margin:.3rem 0 1rem}.editions{padding:0;margin:0 0 1rem;list-style:none;display:grid;gap:.5rem}.editions small{display:block;color:var(--muted)}.inside{width:min(100%,260px);margin:0 0 1rem;border-radius:8px}.text-link{display:inline-block;margin-top:.5rem;font-weight:700;text-underline-offset:.25em}.extras{padding-block:clamp(48px,7vw,92px)}.downloads{margin-top:1.9rem;display:grid;grid-template-columns:1fr 1fr;gap:24px}.downloads article{display:flex;flex-direction:column;align-items:start;background:#f4e9db;border:1px solid #e9ddca;border-radius:12px;padding:clamp(22px,3.4vw,39px)}.downloads article:nth-child(2){background:#e8ede2;border-color:#d8e1d2}.downloads .button{margin-top:auto}.outline{background:transparent;color:var(--ink);border:1px solid #537165}.outline:hover{background:var(--ink);color:white}.about{background:#f3ebe0;border-block:1px solid #e7dccc}.about-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;padding-block:clamp(42px,6vw,74px)}.about p:not(.eyebrow){margin:0;max-width:52ch}.about-copy{display:grid;gap:1rem}.footer{display:flex;justify-content:space-between;gap:1rem;padding-block:25px;color:var(--muted);font-size:.88rem}
@media(max-width:720px){.hero,.about-inner{grid-template-columns:1fr}.hero-art{max-width:540px}.hero-art img{height:clamp(275px,76vw,420px)}.cards,.downloads{grid-template-columns:1fr}.cover-stage img{height:230px}.top{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:14px;gap:10px}nav{flex-wrap:wrap}.cover-stage{min-height:272px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero-art:hover .hero-art-label,.hero-art:focus-visible .hero-art-label{text-decoration:underline;text-underline-offset:.2em}
.jonte-series{background:#f4eee3;padding-block:clamp(48px,7vw,96px)}
.jonte-heading{max-width:690px}
.jonte-heading>p:last-child,.jonte-edition>p,.jonte-stories p{color:var(--muted)}
.jonte-nav{display:flex;flex-wrap:wrap;gap:10px;margin:1.5rem 0 2rem}
.jonte-nav a{padding:.45rem .95rem;border:1px solid #9ba99a;border-radius:6px;text-underline-offset:.2em}
.jonte-nav a:hover{background:var(--ink);color:white}
.jonte-volume{background:var(--white);border:1px solid var(--line);border-radius:14px;margin-top:24px;overflow:hidden}
.jonte-volume-top,.jonte-volume-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,45px);padding:clamp(20px,4vw,42px)}
.jonte-volume-top{background:#e9eee7;align-items:center}
.jonte-edition h3 span{display:block;margin-top:.42em;color:var(--rust);font:700 .85rem/1.5 system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.jonte-meta{font-size:.84rem}
.jonte-covers,.jonte-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(9px,2vw,18px)}
.jonte-covers figure,.jonte-gallery figure{margin:0;min-width:0}
.jonte-covers img,.jonte-gallery img{width:100%;border-radius:6px;background:#dce6e3}
.jonte-covers img{aspect-ratio:1;object-fit:contain}
.jonte-gallery img{aspect-ratio:1;object-fit:cover}
.jonte-covers figcaption,.jonte-gallery figcaption{font-size:.81rem;color:var(--muted);line-height:1.4;margin-top:.45rem}
.jonte-covers a,.jonte-gallery a{display:block;border-radius:6px}
.jonte-covers a:hover,.jonte-gallery a:hover{outline:2px solid var(--rust);outline-offset:2px}
.jonte-volume h4{font:500 clamp(1.5rem,2.5vw,2rem)/1.15 var(--serif);margin:0 0 1rem}
.jonte-stories{padding-left:1.5rem;margin:0}
.jonte-stories li::marker{color:var(--rust);font-weight:700}
.jonte-stories p{margin:.3rem 0 1rem}
.jonte-excerpt .excerpt-story{font-weight:650;margin:0}
@media(max-width:760px){.jonte-volume-top,.jonte-volume-body{grid-template-columns:1fr}}

.excerpt-page{display:block;margin:.75rem 0;color:var(--ink);font-weight:650;font-size:.9rem;text-underline-offset:.2em}
.excerpt-page img{width:100%;aspect-ratio:1;object-fit:contain;background:white;border:1px solid var(--line);border-radius:6px;margin-bottom:.35rem}

.friend-section{background:#edf0e7}
.friend-section .jonte-volume{margin-top:0}
.friend-section .jonte-covers img,.friend-section .jonte-gallery img,.friend-section .excerpt-page img{aspect-ratio:17/22;object-fit:contain}

.downloads .printable-card{background:#f7f5ef;border-color:#deded4}
.printable-preview{display:grid;place-items:center;width:100%;padding:12px;margin:0 0 1.2rem;background:#e8ede2;border-radius:8px}
.printable-preview img{display:block;width:auto;height:175px;box-shadow:0 2px 9px #26394426}
.printable-card:nth-child(3n) .printable-preview{background:#f3e6d8}
.printable-card:nth-child(3n + 1) .printable-preview{background:#e8eef3}
.printable-card:nth-child(3n + 2) .printable-preview{background:#f3e8ed}

.book-finder{margin-top:1.3rem}
.finder-options,.finder-book-links{display:flex;flex-wrap:wrap;gap:.55rem}
.finder-options .button{cursor:pointer;font-family:inherit}
.finder-options .button[aria-pressed="true"]{background:var(--ink);color:var(--white);border-color:var(--ink)}
.finder-status{min-height:1.5em;margin:.65rem 0 0;font-size:.85rem;color:var(--muted)}
.finder-status:empty{display:none}
.finder-book-links{gap:.85rem}
.book[hidden]{display:none}

.nach-vorlesen{margin-top:1rem;padding:1rem;border-radius:8px;background:#edf1e8}
.nach-vorlesen p{margin:0 0 .55rem;color:var(--ink)}
.nach-vorlesen .text-link{margin-top:0}

.winter-feature {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.1rem 2rem;
  margin-top: 1.9rem;
  padding: clamp(22px, 4vw, 38px);
  background: #e8ede2;
  border: 1px solid #d8e1d2;
  border-radius: 12px;
}
.winter-feature p { margin: .65rem 0 0; color: var(--muted); }
.winter-back { margin: 0 0 1.1rem; }
.winter-hero h1 {
  font-size: clamp(2.4rem, 4.5vw, 4.35rem);
  overflow-wrap: anywhere;
}
.winter-downloads article:nth-child(2) {
  background: #f7f5ef;
  border-color: #deded4;
}
@media (min-width: 1000px) {
  .winter-downloads { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

#wichtelstreiche-und-bastelideen { margin-top: 1.25rem; }
.winter-more-title { margin-top: clamp(2.5rem, 6vw, 4rem); }