:root{--red:#a91019;--ink:#282321;--cream:#fff9f0;--paper:#fff;--line:#e9dccd;--muted:#6f655d;--shadow:0 18px 45px #4b2c181a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:1rem;z-index:99}.site-header{position:sticky;top:0;z-index:20;min-height:84px;padding:10px clamp(18px,4vw,58px);display:grid;grid-template-columns:minmax(170px,260px) 1fr auto;gap:28px;align-items:center;background:#fffdf9f2;border-bottom:3px solid var(--red);backdrop-filter:blur(12px)}.brand img{width:230px;max-height:62px;object-fit:contain}.site-header nav{display:flex;justify-content:center;gap:clamp(14px,2vw,30px);font-weight:800}.site-header nav a:hover,.site-header nav a:focus{color:var(--red)}.phone{font-weight:900;color:var(--red)}.menu-button{display:none}.home-hero{min-height:610px;display:grid;align-items:center;padding:clamp(70px,9vw,140px) clamp(22px,8vw,130px);background:linear-gradient(90deg,#fff9f0 3%,#fff9f0e8 43%,#fff9f022 72%),url('/hero.jpg') center right/cover no-repeat}.home-hero>div{max-width:680px}.eyebrow{margin:0 0 10px;color:var(--red);font-size:.83rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6.8vw,6rem);line-height:.95;letter-spacing:-.045em}h1 em{display:block;color:var(--red);font-style:normal}.lead{max-width:720px;color:#443c36;font-size:clamp(1.15rem,2vw,1.55rem)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:2px solid var(--red);border-radius:7px;background:#fff;color:var(--red);font-weight:900;cursor:pointer}.button.primary{background:var(--red);color:#fff}.button.light{border-color:#fff;background:#fff;color:var(--red)}.contact-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:-42px auto 0;background:#fff;border-radius:10px;box-shadow:var(--shadow);position:relative}.contact-strip>*{padding:24px 30px;display:grid;border-right:1px solid var(--line)}.contact-strip>*:last-child{border:0}.contact-strip b{color:var(--red)}.contact-strip span{color:var(--muted)}.section{width:min(1180px,calc(100% - 40px));margin:auto;padding:clamp(60px,8vw,105px) 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-title h2,.advice h2,.prose h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.section-title>a{color:var(--red);font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{min-height:330px;padding:24px;display:flex;flex-direction:column;justify-content:end;border-radius:10px;color:#fff;background-position:center;background-size:cover;box-shadow:var(--shadow);overflow:hidden;position:relative}.category:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,#241711d9)}.category>*{position:relative}.category span{font-weight:800}.category h2{margin:4px 0;font-size:2rem}.category p{margin:0}.category.barf{background-image:url('/barf.jpg')}.category.snacks{background-image:url('/knabberzeugs.jpg')}.category.dry{background-image:url('/trockenfutter.jpg')}.category.wet{background-image:url('/nassfutter.jpg')}.advice{padding:clamp(60px,8vw,110px) max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:50px;background:#efe3d3}.advice-card,.callout,.calc-result{padding:32px;border-radius:10px;background:var(--red);color:#fff}.page-hero{padding:clamp(75px,10vw,130px) max(24px,calc((100% - 1180px)/2));background:linear-gradient(120deg,#f1e2cf,#fff9f0)}.page-hero h1{max-width:1000px}.filters{display:grid;grid-template-columns:1fr 260px auto;gap:14px;align-items:end}.filters label,.calculator label{display:grid;gap:6px;font-weight:800}.filters input,.filters select,.calculator input,.calculator select{min-height:50px;padding:0 14px;border:1px solid #cdbcae;border-radius:7px;background:#fff;font:inherit}.result-count{color:var(--muted);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 30px #4b2c180d}.product>div:last-child{padding:22px}.product h2{font-size:1.25rem;line-height:1.2}.product p{color:var(--muted)}.product strong{color:var(--red);font-size:1.12rem}.product-image{height:210px;display:grid;place-items:center;background:#f2e8dc;color:#aa8e7c;font-weight:900}.product-image img{width:100%;height:100%;object-fit:contain;background:#fff}.tag{font-size:.75rem;color:var(--red);font-weight:900;text-transform:uppercase}.product-detail,.columns,.calculator{display:grid;grid-template-columns:1fr 1fr;gap:45px}.detail-image{min-height:430px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:10px}.detail-image img{max-height:500px}.facts dl{display:grid}.facts dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}dt{font-weight:800}dd{margin:0}.notice{padding:16px;border-left:5px solid var(--red);background:#f3e7da;color:var(--ink)}.calculator form{display:grid;gap:18px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px}.prose{max-width:980px}.prose p,.prose li,.columns p,.columns li{font-size:1.1rem}.prose .category-grid{margin:35px 0}.callout a{color:inherit}footer{padding:35px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;gap:30px;background:#27211e;color:#fff}footer div{display:grid}footer nav{display:flex;gap:20px}.loading{padding:100px;text-align:center}@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header .phone{display:none}.menu-button{display:block;border:0;background:var(--red);color:#fff;padding:10px 14px;border-radius:6px;font-weight:800}.site-header nav{display:none;grid-column:1/-1;flex-direction:column;padding:15px 0}.site-header nav.open{display:flex}.home-hero{min-height:540px;background-position:60% center}.contact-strip{margin:0;border-radius:0;grid-template-columns:1fr}.contact-strip>*{border-right:0;border-bottom:1px solid var(--line)}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.advice,.product-detail,.columns,.calculator{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.filters button{grid-column:1/-1}}@media(max-width:600px){.brand img{width:180px}.home-hero{background-image:linear-gradient(90deg,#fff9f0f2,#fff9f0bd),url('/hero.jpg')}.category-grid,.product-grid,.filters{grid-template-columns:1fr}.category{min-height:260px}.section-title,footer{align-items:flex-start;flex-direction:column}.page-hero h1{font-size:2.7rem}.section{width:min(100% - 28px,1180px)}footer nav{flex-wrap:wrap}}
.calculator-intro{padding:52px max(24px,calc((100% - 1180px)/2)) 28px;background:linear-gradient(120deg,#f1e2cf,#fff9f0)}.calculator-intro h1{margin-bottom:14px;font-size:clamp(2.8rem,6vw,5.2rem)}.calculator-workspace{padding-top:42px;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:28px;align-items:start}.calc-form{display:grid;gap:18px;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 30px #4b2c180d}.calc-heading h2,.calc-output h2{font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.1}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calc-form label{display:grid;gap:6px;font-weight:800}.calc-form input,.calc-form select{width:100%;min-height:50px;padding:0 14px;border:1px solid #cdbcae;border-radius:7px;background:#fff;font:inherit}.field-help{margin:-4px 0 0;padding:14px;border-left:4px solid var(--red);background:#f7ede2;color:var(--muted);font-size:.94rem}.fat-settings{border-top:1px solid var(--line);padding-top:12px}.fat-settings summary{cursor:pointer;color:var(--red);font-weight:900}.fat-settings .calc-fields{margin-top:14px}.calc-output{min-width:0;background:#3b332e;color:#fff}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.result-summary div{padding:16px;border-radius:8px;background:#ffffff12}.result-summary span{display:block;font-size:.82rem;color:#f2d9c8}.result-summary strong{display:block;font-size:clamp(1.25rem,2.5vw,1.8rem)}.table-scroll{overflow-x:auto}.calc-output table{width:100%;border-collapse:collapse;font-size:.94rem}.calc-output th,.calc-output td{padding:10px 8px;text-align:right;border-bottom:1px solid #ffffff21}.calc-output th:first-child,.calc-output td:first-child{text-align:left}.calc-note{margin-top:18px;padding:16px;border-radius:8px;background:#ffffff10}.calc-note strong{color:#ffd5d8}.calc-note p{margin:4px 0 0}.body-score{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center;padding-top:30px}.body-score h2,.calc-disclaimer h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.body-score img{width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:#fff}.calc-disclaimer{margin-bottom:70px;padding:34px;background:#efe3d3;border-radius:12px}.calc-disclaimer h2{font-size:2rem}.calc-disclaimer p{max-width:900px}@media(max-width:900px){.calculator-workspace,.body-score{grid-template-columns:1fr}.calc-output{order:2}}@media(max-width:600px){.calculator-intro{padding-top:38px}.calculator-workspace{width:min(100% - 20px,1180px)}.calc-form,.calc-output{padding:20px}.calc-fields,.result-summary{grid-template-columns:1fr}.calc-output table{min-width:570px}.body-score{gap:20px}.calc-disclaimer{width:min(100% - 28px,1180px)}}

/* Compact introductions for category overviews. */
.page-hero.page-hero--compact{padding-top:clamp(28px,3.5vw,48px);padding-bottom:clamp(28px,3.5vw,48px)}
.page-hero--compact h1{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.05;margin-bottom:16px}
.page-hero--compact .lead{font-size:clamp(1.05rem,1.5vw,1.2rem);margin-bottom:0}
.page-hero--compact+.section{padding-top:clamp(32px,4vw,48px)}