/* Leos WuselWelt — gemeinsames Design für alle fünf Seiten */
:root{--ink:#173f3b;--deep:#173f3b;--orange:#bd4c2d;--accent:#ef7048;--paper:#fffdf8;--cream:#f7f1e7;--soft-green:#eef3e9;--line:#dce1d9;--shadow:0 12px 32px #173f3b0d;--page-width:1240px;--home-anchor-offset:120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd4c2d;outline-offset:5px}button:disabled{cursor:default}.wrap{width:min(var(--page-width),90vw);margin-inline:auto}h1,h2,h3{font-family:Georgia,serif}h1,h2,h3,p{overflow-wrap:break-word}h1,h2{text-wrap:balance}em{color:var(--orange);font-weight:400}p{line-height:1.75}.eyebrow{display:block;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#586e60}.skip-link{position:fixed;left:16px;top:-100px;z-index:3000;padding:12px 20px;border-radius:10px;background:var(--deep);color:white}.skip-link:focus{top:12px}.ann{display:none!important}
/* Eine identische Navigation, einschließlich Touch-Menü. */
body>header,body.story-page>header{position:sticky;top:0;z-index:100;background:#fffdf8f7;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
header .head{height:104px!important;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
header .brand{display:flex;flex:0 0 auto}header .brand img{display:block;width:246px!important;height:auto!important;max-height:92px!important;object-fit:contain}
header nav{display:flex;align-items:center;gap:28px;font:700 14px/1.4 Arial,sans-serif}header a{text-decoration:none}header nav>a,header .library-menu-label>a{padding-block:12px}header nav>a:hover,header .library-menu-label>a:hover{color:var(--orange)}
header .cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 20px;border-radius:999px;background:var(--accent);color:#17352f;font:700 13px/1.35 Arial,sans-serif;white-space:nowrap;box-shadow:none;transition:background .2s,transform .2s}header .cta:hover{background:#f48560;transform:translateY(-2px)}
header .menu-toggle{display:none;width:46px;height:46px;padding:0;align-items:center;justify-content:center;flex-shrink:0;background:var(--deep);color:#fff;border:0;border-radius:50%}.menu-toggle-lines,.menu-toggle-lines:before,.menu-toggle-lines:after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}.menu-toggle-lines{position:relative}.menu-toggle-lines:before,.menu-toggle-lines:after{content:'';position:absolute;left:0;transition:transform .2s}.menu-toggle-lines:before{top:-6px}.menu-toggle-lines:after{top:6px}.menu-toggle[aria-expanded=true] .menu-toggle-lines{background:transparent}.menu-toggle[aria-expanded=true] .menu-toggle-lines:before{top:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-lines:after{top:0;transform:rotate(-45deg)}
header .library-menu{position:relative}header .library-menu-label{display:flex;align-items:center;gap:2px}header .library-menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:40px;padding:0;margin:0;background:transparent;border:0;border-radius:8px;color:inherit;font-size:20px;flex:none}header .library-menu-toggle:hover{background:#edf1e9}header .library-menu-toggle span{display:block;line-height:1;transition:transform .2s}header .library-menu-toggle[aria-expanded=true] span{transform:rotate(180deg)}header .library-submenu{position:absolute;top:100%;left:-12px;width:330px;max-width:85vw;padding:8px;margin:0;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 45px #173f3b20;z-index:110}header .library-submenu[hidden]{display:none}header .library-submenu a{display:block;padding:14px;border-radius:10px;font:500 14px/1.5 Arial,sans-serif;color:var(--ink)}header .library-submenu a:hover,header .library-submenu a:focus-visible{background:var(--soft-green);color:var(--orange)}header .library-submenu a[aria-current=page]{background:var(--soft-green);font-weight:700}
header .mobile-nav{display:none;background:var(--paper);border-top:1px solid var(--line);text-align:center;max-height:calc(100dvh - 86px);overflow:auto}header .mobile-nav>a{display:block;padding:16px 5vw;border-bottom:1px solid var(--line);font-weight:700}
section[id],#reader{scroll-margin-top:var(--home-anchor-offset)}
footer{padding:52px 0 24px;background:var(--deep);color:#fff;margin:0}footer .foot{display:flex;justify-content:space-between;align-items:start;gap:44px}footer .foot-brand{font:28px/1.4 Georgia,serif;max-width:360px}footer .foot-brand small{display:block!important;margin-top:10px;font:13px/1.6 Arial,sans-serif!important;color:#d6e3dc!important}footer .links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px 24px;max-width:530px;font-size:13px}footer .links a:hover{text-decoration:underline;text-underline-offset:5px}footer .bottom{margin-top:32px;padding-top:20px;border-top:1px solid #ffffff24;font-size:11px;color:#d6e3dc}
@media(max-width:1050px) and (min-width:901px){header .head{gap:16px}header .brand img{width:210px!important}header nav{gap:16px;font-size:13px}header .cta{padding-inline:14px;font-size:12px}}
@media(max-width:900px){header .head{height:86px!important}header .brand img{width:213px!important;max-height:77px!important}header .head>nav,header .head>.cta{display:none!important}header .menu-toggle{display:flex}header .mobile-nav.open{display:block}header .mobile-nav .library-menu-label{display:grid;grid-template-columns:auto 36px;justify-content:center;align-items:center;width:100%;gap:2px}header .mobile-nav .library-menu-label>a{flex:none;display:block;padding:16px 0;border:0;font-weight:700}header .mobile-nav .library-menu-toggle{position:static;display:flex;width:36px;min-width:36px;max-width:36px;height:40px;margin:0;padding:0;transform:none}header .mobile-nav .library-submenu{position:static;width:auto;max-width:none;margin:0 5vw 12px;box-shadow:none;text-align:center}header .mobile-nav .cta{display:flex!important;margin:16px 5vw 20px;padding:14px;background:var(--accent);color:#17352f!important;border:0;font-size:14px}footer .foot{flex-direction:column;gap:28px}footer .links{justify-content:flex-start}}
@media(max-width:480px){header .head{height:78px!important}header .brand img{width:190px!important;max-height:70px!important}footer{padding-top:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Explicit responsive height also applies to images with intrinsic dimensions. */
img{height:auto}
header .brand{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;margin:0!important}
header .head{display:flex!important;justify-content:space-between!important}
header .menu-toggle{position:static!important;inset:auto!important;transform:none!important}