:root{--paper:#f8f4eb;--ink:#22291f;--green:#293e2c;--light:#ece8d9;--rule:#d8d4c7;--accent:#84432e;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit}a:focus-visible{outline:3px solid #b45336;outline-offset:4px}img{display:block;width:100%;object-fit:cover}figure{margin:0}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:750}.tag{color:var(--accent)}h1,h2,h3{font:400 1em/1.04 var(--serif);margin:0}h1{font-size:clamp(3.4rem,6.35vw,6.45rem);letter-spacing:-.066em}h1 em{font-weight:400;color:#3d553b}h2{font-size:clamp(2.65rem,5vw,4.8rem);letter-spacing:-.054em}h3{font-size:2.05rem;letter-spacing:-.045em}p{margin:0}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.67rem 1.14rem;background:var(--green);color:#fffdf5;border:1px solid var(--green);border-radius:4px;font-size:.86rem;font-weight:700;text-decoration:none;white-space:nowrap}.button:hover{background:#435842}.button.alt{background:transparent;color:var(--green);border-color:#838b77}.button.alt:hover{background:#e8e9db}.arrow{display:inline-block;margin-left:.6em}.text-link{font-weight:700;text-underline-offset:4px}
header{border-bottom:1px solid var(--rule)}.bar{min-height:122px;display:flex;align-items:center;justify-content:space-between;gap:1.4rem}.brand{display:inline-block;flex:none}.brand-logo{display:block;width:138px;mix-blend-mode:multiply}.brand-logo img{height:auto}nav{display:flex;align-items:center;gap:clamp(.7rem,2.6vw,2.45rem);font-size:.86rem;font-weight:650}nav a{text-decoration:none;white-space:nowrap}nav a:hover{text-decoration:underline;text-underline-offset:4px}
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(1.75rem,5vw,5rem);padding-block:52px 47px;align-items:center}.hero .tag{margin-bottom:1.4rem}.hero-copy{font-size:1.1rem;max-width:37ch;margin-top:1.55rem;color:#41493b}.buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.8rem}.hero figure{position:relative}.hero img{aspect-ratio:1.06;object-position:center 53%;border-radius:48% 48% 6px 6px / 20% 20% 6px 6px}.hero figcaption{position:absolute;right:13px;bottom:13px;background:var(--paper);color:var(--green);padding:.47rem .77rem;border-radius:3px;font-size:.7rem;font-weight:730}.facts{border-block:1px solid var(--rule);background:#f2eee2}.facts .wrap{display:grid;grid-template-columns:repeat(3,1fr);padding-block:.93rem;text-align:center;gap:.6rem}.facts span{font-size:.8rem;font-weight:650}.facts span+span{border-left:1px solid var(--rule)}
.animals{padding-block:76px 82px}.animals .tag,.support .kicker{margin-bottom:.7rem}.intro{margin-top:.75rem;color:#4b5546;max-width:48ch}.portraits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;margin-top:1.8rem}.portrait{background:#fffdf6;border:1px solid var(--rule);border-radius:5px;overflow:hidden}.portrait img{aspect-ratio:1.47;object-position:50% 54%}.portrait .cat-photo{object-position:50% 82%}.portrait .hen-photo{object-position:50% 60%}.portrait div{padding:1.2rem 1.25rem 1.35rem}.portrait .kicker{font-size:.61rem;margin-bottom:.4rem}.portrait p:not(.kicker){font-size:.9rem;color:#454f40;margin-top:.65rem}
.support{background:var(--green);color:#f7f3e7;padding-block:59px}.support .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.support .kicker{color:#e8c6a7}.support p:not(.kicker){margin-top:1rem;max-width:44ch;color:#eee9d8}.support .button{background:#f4ead8;color:var(--green);border-color:#f4ead8}.support .button.alt{color:#faf3e1;background:transparent}.support .button:hover{background:#d9caac;color:#243926}.visit{padding-block:60px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.visit h2{font-size:clamp(2.25rem,4.6vw,3.5rem)}.visit p{margin-top:.75rem}footer{border-top:1px solid var(--rule);padding-block:1.35rem;font-size:.78rem;color:#50594a}footer .wrap{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}footer a{margin-right:.75rem}
@media(max-width:1150px){.portraits{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.wrap{width:calc(100% - 52px)}.hero{gap:1.5rem}.hero-copy{font-size:1rem}nav{gap:1rem}.portraits{grid-template-columns:repeat(2,minmax(0,1fr))}.portrait div{padding:.9rem}.portrait h3{font-size:1.62rem}}
@media(max-width:660px){.wrap{width:calc(100% - 36px)}.bar{min-height:auto;padding-block:10px 13px;display:grid;gap:8px}.brand{justify-self:start}.brand-logo{width:112px}nav{flex-wrap:wrap;gap:clamp(.55rem,3vw,1.25rem);font-size:.75rem}nav .button{min-height:34px;padding:.34rem .65rem;font-size:.75rem}.hero{grid-template-columns:1fr;padding-block:37px 27px;gap:27px}.hero .tag{margin-bottom:.85rem}h1{font-size:clamp(3.05rem,11.9vw,4.7rem)}.hero-copy{margin-top:1rem}.buttons{margin-top:1.15rem}.hero img{aspect-ratio:1.19}.facts .wrap{width:calc(100% - 20px);gap:.23rem}.facts span{font-size:.63rem}.animals{padding-block:46px 49px}.portraits{grid-template-columns:1fr;gap:1rem}.portrait img{aspect-ratio:1.66}.support{padding-block:40px}.support .wrap{grid-template-columns:1fr;gap:.6rem}.visit{padding-block:39px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Shared layout for the full site */
img{height:auto}
nav[aria-label="Hauptnavigation"]{flex-wrap:wrap}
.skip{position:absolute;top:.5rem;left:.5rem;z-index:10;padding:.55rem .9rem;background:var(--green);color:white;transform:translateY(-200%)}
.skip:focus{transform:none}
nav[aria-label="Hauptnavigation"] a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.footer-links{display:flex;flex-wrap:wrap;gap:.45rem 1.15rem}
.footer-links a{margin:0}
.portrait h3{font-size:clamp(1.5rem,2.3vw,2.05rem)}
.portrait h3 a{text-decoration-thickness:1px;text-underline-offset:.14em}
.portrait h3 a:hover{color:var(--accent)}
.story{background:#f2eee2;border-top:1px solid var(--rule);padding-block:55px}
.story-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(1.8rem,6vw,6rem);align-items:center}
.story .kicker{margin-bottom:.7rem}
.story-inner p:not(.kicker){max-width:55ch}
.page-head{padding-block:52px 29px}
.page-head h1{font-size:clamp(2.7rem,6vw,5.2rem);letter-spacing:-.055em}
.page-head .kicker{margin-bottom:.7rem}
.lede{font-size:clamp(1.05rem,2vw,1.3rem);max-width:53ch;margin-top:1rem;color:#41493b}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem);align-items:center;padding-block:12px 58px}
.feature figure img{aspect-ratio:1.25;border-radius:48% 48% 6px 6px / 16% 16% 6px 6px;object-position:center 52%}
.feature figcaption,.gallery figcaption{margin-top:.45rem;font-size:.83rem;color:#50594a}
.prose{max-width:68ch}
.prose h2,.panel h2,.animal-gallery h2,.notice h2{font-size:clamp(1.65rem,3vw,2.6rem);letter-spacing:-.04em}
.prose p+p,.panel p+p{margin-top:.85rem}
.prose h2+p,.panel h2+p,.notice h2+p{margin-top:.75rem}
.prose p+h2{margin-top:1.8rem}
.prose a,.panel a,.notice a{overflow-wrap:anywhere;text-underline-offset:.16em}
.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;padding-block:12px 48px}
.panel{background:#fffdf6;border:1px solid var(--rule);border-radius:5px;padding:clamp(1rem,3vw,2rem)}
.panel .buttons{margin-top:1.2rem}
.panel .button{white-space:normal;text-align:center}
.panel address,.legal address{font-style:normal;margin-block:.75rem}
.link-list{padding-inline-start:1.15rem;margin-bottom:0}
.link-list li+li{margin-top:.3rem}
.account{margin:1.1rem 0 0;background:#f4efe2;border-radius:4px;padding:.8rem}
.account div{display:flex;flex-wrap:wrap;gap:.1rem .7rem}
.account dt{font-weight:700;min-width:6rem}
.account dd{margin:0}
.notice{padding-bottom:52px}
.legal{padding-bottom:58px}
.legal h2:not(:first-child){margin-top:1.8rem}
.review-note{padding:.65rem .85rem;background:#f2eee2;border-left:3px solid var(--accent)}
.breadcrumb{padding-top:20px;flex-wrap:wrap;color:#50594a;font-size:.78rem;gap:.55rem}
.breadcrumb+.page-head{padding-top:30px}
.breadcrumb span[aria-current]{min-width:0}
.animals-list{padding-top:0}
.animals-list .portraits{margin-top:0}
.animal-gallery{padding-bottom:54px}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:1rem}
.gallery img{aspect-ratio:1.35;object-position:50% 49%;border-radius:5px}
.gallery img[src$="/huehner-herbst.webp"]{object-position:50% 23%}
@media(max-width:660px){
.story{padding-block:38px}.story-inner,.feature,.panel-grid{grid-template-columns:1fr}
.page-head{padding-block:35px 21px}.feature{padding-bottom:34px}.panel-grid{padding-bottom:36px}.animal-gallery,.notice,.legal{padding-bottom:39px}
.gallery{gap:.65rem}.gallery img{aspect-ratio:1}.gallery figcaption{font-size:.75rem}
}

.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding-block:5px 58px}
.photo-grid a{display:block;border-radius:5px;overflow:hidden}
.photo-grid img{aspect-ratio:3/4;object-position:center}
.photo-grid figcaption{font-size:.85rem;color:#50594a;margin-top:.42rem}
@media(max-width:720px){
.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .7rem;padding-bottom:39px}
.photo-grid figcaption{font-size:.78rem}
}

.portrait > .portrait-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;aspect-ratio:1.47;padding:0}
.portrait-photos img{width:100%;height:100%;min-height:0;aspect-ratio:auto}
.portrait .peacock-photo{object-position:28% center}
.gallery img[src$="/pfau-weiss.webp"]{object-position:50% 25%}
@media(max-width:660px){.portrait > .portrait-photos{aspect-ratio:1.66}}

.feature img[src$="/pfau-rad.webp"]{aspect-ratio:auto;border-radius:6px}