:root{--bg:#fffaf0;--surface:#f7f4eb;--ink:#24493e;--muted:#586554;--line:#94a38b;--soft:#edf1e6;font-family:Arial,sans-serif;font-size:18px;color:var(--ink);background:var(--bg);scroll-behavior:smooth;scroll-padding-top:24px}html[data-theme=dark]{--bg:#202b25;--surface:#27352c;--ink:#f0eddf;--muted:#c5d0bf;--line:#7f947b;--soft:#304234}html[data-size=large]{font-size:22px}html[data-size=very-large]{font-size:26px}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:inherit;text-underline-offset:.2em}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}h1,h2,h3{font-family:Georgia,serif;line-height:1.16;font-weight:700;overflow-wrap:break-word;hyphens:auto}h1{font-size:clamp(2.5rem,5vw,4rem);margin:.3em 0}h2{font-size:1.8rem;margin:0 0 .5em}h3{font-size:1.35rem;margin:.35em 0 .7em}p{margin:.6em 0 1em}header,main,footer{max-width:1160px;margin:auto;padding-inline:clamp(20px,4vw,44px)}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px;border-bottom:1px solid var(--line)}.brand{font-weight:bold;text-decoration:none;display:flex;gap:12px;align-items:center}.brand-mark{font-family:Georgia,serif;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;width:42px;height:42px;flex-shrink:0}.preview-label,.toolbar{font-size:.78rem;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:start;margin:24px 0}.toolbar details{max-width:100%;border:1px solid var(--line);border-radius:12px;padding:8px 14px;background:var(--surface)}summary{cursor:pointer;font-weight:bold}fieldset{border:0;padding:8px 0;display:flex;flex-wrap:wrap;gap:8px}legend{padding:0}button{font:inherit;padding:8px 12px;border:1px solid var(--line);color:var(--ink);background:var(--bg);border-radius:8px;cursor:pointer}button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(25px,5vw,64px);align-items:center;padding:25px 0 52px}.hero p{max-width:42ch}.hero-subtitle{font-family:Georgia,serif;font-size:1.45rem;margin:.3em 0 1em}.eyebrow{text-transform:uppercase;font-size:.65rem;letter-spacing:.09em;font-weight:bold;color:var(--muted);margin:0 0 .7em}.hero figure{margin:0;min-width:0}.hero img{width:100%;height:auto;border-radius:22px;display:block}figcaption{font-size:.72rem;color:var(--muted);margin-top:.7em}.button{display:inline-block;padding:12px 18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:bold;background:var(--soft);margin-top:12px}.way-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;scroll-margin-top:20px}.way-nav>a{display:flex;flex-direction:column;gap:12px;text-decoration:none;border:1px solid var(--line);padding:24px;border-radius:18px;background:var(--surface)}.way-nav strong{font-family:Georgia,serif;line-height:1.25;font-size:1.25rem}.way-nav a>span:last-child{font-size:.78rem;margin-top:auto;text-decoration:underline}.way-nav a:hover,.card:has(a:hover){background:var(--soft)}.distinction,.outdoors{border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,30px);margin:30px 0;background:var(--surface)}.distinction h2,.outdoors h2{font-size:1.25rem}.distinction p,.outdoors p{margin-bottom:0;max-width:80ch}.way{padding:42px 0;border-top:1px solid var(--line)}.way-heading{display:flex;gap:20px;align-items:start;margin-bottom:26px}.way-heading p{max-width:66ch;color:var(--muted);margin-bottom:0}.number{font-family:Georgia,serif;font-size:1.2rem;border:1px solid var(--line);border-radius:50%;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0;background:var(--bg)}.card-image{height:260px;background:var(--surface);border-bottom:1px solid var(--line);padding:14px}.card img{display:block;width:100%;height:100%;object-fit:contain}.card-copy{padding:24px}.text-link{font-weight:bold;display:inline-block}.back{display:inline-block;margin-top:22px;font-size:.8rem;color:var(--muted)}.more{padding:34px 0 48px}footer{border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);padding-block:24px}footer p{margin:.4em 0}.skip{position:absolute;left:20px;top:-100px;background:var(--bg);padding:10px;z-index:3}.skip:focus{top:10px}@media(max-width:760px){.hero,.cards,.way-nav{grid-template-columns:1fr}.hero{padding-top:12px;gap:26px}.hero figure{max-width:520px}.way-nav>a{gap:8px;padding:22px}.toolbar{flex-direction:column}.way-heading{gap:12px}.number{width:38px;height:38px;flex-basis:38px;font-size:1rem}.way{padding-block:30px}.card-image{height:240px}.card-copy{padding:20px}h2{font-size:1.55rem}.preview-label{font-size:.64rem}header{gap:12px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media(max-width:480px){.way-heading{display:block}.number{margin-bottom:14px}.way-heading h2{max-width:100%}}

.preview-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.8rem}.preview-links a{color:inherit}header{flex-wrap:wrap}
.nature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nature-grid.seasons{grid-template-columns:repeat(2,minmax(0,1fr))}.nature-tile,.observation{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);min-width:0}.nature-tile p,.observation p{margin-bottom:0}.nature-tile h3{font-size:1.25rem}.nature-figure{margin:24px 0 30px;max-width:900px}.nature-figure img{display:block;width:100%;height:auto;border-radius:20px}.hero .nature-figure{margin:0}.source-note{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}.observation{margin-top:24px}.observation .button{margin-top:20px}.preview-links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.8rem}@media(max-width:760px){.nature-grid,.nature-grid.seasons{grid-template-columns:1fr}.nature-tile,.observation{padding:20px}}
.guide-intro{padding:26px;border:1px solid var(--line);border-radius:20px;margin:0 0 30px;background:var(--surface)}.guide-intro>p{max-width:80ch}.guide-intro h2{font-size:1.55rem}.guide-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0 28px}.nature-guide{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:20px;border:1px solid var(--line);border-radius:18px;align-items:start;min-width:0}.nature-guide.puschel{background:#e8f2f8;border-color:#7c9db0;color:#173e57}.nature-guide.flauschi{background:#fbefdf;border-color:#b39169;color:#654019}.guide-portrait{width:100px;height:104px;background-size:300% 100%;background-repeat:no-repeat;background-position:left center;flex-shrink:0}.puschel .guide-portrait{background-image:url('/assets/images/uhr-puschel-hilfe-20261018.webp')}.flauschi .guide-portrait{background-image:url('/assets/images/uhr-flauschi-hilfe-20261018.webp')}.guide-name{font-weight:700;margin:0 0 .5em;line-height:1.4}.guide-name span{font-size:.8em;font-weight:400;display:block}.guide-copy p:last-child{margin:0}.guide-copy{min-width:0;hyphens:auto;overflow-wrap:break-word}.story-separation{border-top:2px solid var(--line);padding:36px 0 45px;margin-top:20px}.story-separation>p{max-width:72ch}.story-links{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.stories-door{border-left:1px solid var(--line);padding-left:18px}html[data-theme=dark] .nature-guide.puschel{background:#263c49;color:#e3f1fa;border-color:#7da4ba}html[data-theme=dark] .nature-guide.flauschi{background:#463729;color:#fff0df;border-color:#caa273}@media(max-width:900px){.guide-pair{grid-template-columns:1fr}}@media(max-width:480px){.guide-intro{padding:20px}.nature-guide{grid-template-columns:1fr;padding:18px;gap:12px}.guide-portrait{width:90px;height:94px}.stories-door{border-left:0;padding-left:0}.guide-name span{display:inline}}