@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700&display=swap');
:root{--forest:#173f35;--forest-2:#24594a;--coral:#f06c54;--paper:#f6f5f0;--ink:#16201d;--muted:#69736f;--line:#d9ddd8;--white:#fff;--radius:18px;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:20px}.announcement{background:var(--forest);color:#dce9e4;text-align:center;padding:9px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.site-header{height:84px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:42px;background:rgba(246,245,240,.93);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(23,63,53,.1)}.brand{display:flex;align-items:center;gap:11px;font:700 22px Outfit,sans-serif;white-space:nowrap}.brand em{color:var(--coral);font-style:normal}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px 12px 16px 12px;background:var(--forest);color:white;font-size:18px;transform:rotate(-4deg)}nav{display:flex;gap:28px;margin:auto;font-size:14px;font-weight:600}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--coral);transition:.25s}nav a:hover:after{right:0}.search-toggle,.menu-toggle{border:1px solid var(--forest);background:transparent;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer}.menu-toggle{display:none}.hero{position:relative;height:min(730px,calc(100dvh - 114px));min-height:590px;overflow:hidden;background:#253b33}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,26,.92) 0%,rgba(9,31,26,.65) 34%,rgba(9,31,26,.05) 68%)}.hero-copy{position:absolute;left:max(24px,calc((100vw - var(--max))/2));top:50%;transform:translateY(-50%);max-width:620px;color:white}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#ffc1b4;margin:0 0 16px}.eyebrow.dark{color:var(--forest-2)}h1,h2,h3{font-family:Outfit,sans-serif;margin-top:0}h1{font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.055em;margin-bottom:24px}h1 i{color:#ffad9c;font-style:italic}.hero-copy>p:not(.eyebrow){font-size:18px;color:#e4ede9;max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{padding:14px 22px;border-radius:999px;font-weight:800;font-size:14px}.button.primary{background:var(--coral);color:#fff}.button.ghost{border:1px solid rgba(255,255,255,.55);color:white}.button:active,.filter:active{transform:scale(.98)}.hero-proof{position:absolute;right:max(24px,calc((100vw - var(--max))/2));bottom:25px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);padding:16px 20px;border-radius:var(--radius);display:grid;grid-template-columns:auto auto;column-gap:10px;font-size:12px}.hero-proof strong{font:700 22px Outfit}.hero-proof span{align-self:center}.hero-proof b{grid-column:1/-1;color:var(--forest);border-top:1px solid #ccd4d0;margin-top:8px;padding-top:8px}.trust-strip{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.trust-strip span{padding:25px;border-right:1px solid var(--line);font-size:13px;font-weight:700}.trust-strip b{color:var(--coral);margin-right:9px}.section,.products-section{max-width:var(--max);margin:0 auto;padding:120px 24px;opacity:0;transform:translateY(22px);transition:.7s ease}.section.visible,.products-section.visible,.feature.visible,.newsletter.visible{opacity:1;transform:none}.intro{display:grid;grid-template-columns:1.1fr .7fr;gap:50px}.intro h2,.section-heading h2,.feature h2,.newsletter h2,.search-dialog h2{font-size:clamp(38px,4vw,64px);line-height:1;letter-spacing:-.045em;margin-bottom:0}.lede{font-size:18px;color:var(--muted);align-self:end;max-width:570px}.world-grid{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:14px;margin-top:36px}.world{height:330px;border-radius:var(--radius);padding:26px;color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:.35s}.world:hover{transform:translateY(-5px)}.world:after{content:"";position:absolute;width:230px;height:230px;border:45px solid rgba(255,255,255,.13);border-radius:50%;right:-60px;bottom:-70px}.world span{font:700 30px Outfit;max-width:260px}.world b{font-size:13px}.world.dog{background:var(--forest)}.world.cat{background:var(--coral)}.world.care{background:#727d91}.products-section{background:#fff;max-width:none;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading>p{max-width:470px;color:var(--muted)}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:34px;padding-bottom:4px}.filter{border:1px solid var(--line);background:white;padding:10px 17px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700;white-space:nowrap}.filter.active{background:var(--forest);color:white;border-color:var(--forest)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{border:1px solid #e5e7e3;border-radius:var(--radius);overflow:hidden;background:#fff;transition:.3s}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(23,63,53,.09)}.product-visual{height:250px;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual:before,.mini:before{content:"";position:absolute;width:140px;height:140px;border:22px solid rgba(255,255,255,.38);border-radius:50%;transform:rotate(25deg)}.product-visual.forest,.mini.forest{background:#c9d9d1}.product-visual.coral,.mini.coral{background:#f8c8bd}.product-visual.sand,.mini.sand{background:#e8dcc7}.product-visual.blue,.mini.blue{background:#cbdce3}.product-visual.sage,.mini.sage{background:#dce4ca}.product-visual.yellow,.mini.yellow{background:#f2dc9c}.product-glyph{font:700 110px Outfit;color:rgba(23,63,53,.78);z-index:1}.badge{position:absolute;left:14px;top:14px;background:white;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.save{position:absolute;right:14px;top:12px;border:0;background:white;width:35px;height:35px;border-radius:50%;font-size:21px;cursor:pointer}.save.saved{color:var(--coral)}.product-info{padding:20px}.product-brand{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;color:var(--muted);margin:0 0 6px}.product-info h3{font-size:17px;min-height:48px;margin-bottom:8px}.rating{font-size:12px;color:var(--muted)}.rating span{color:#df9b2f;letter-spacing:-2px}.price{display:flex;gap:10px;align-items:baseline;margin:14px 0}.price strong{font:700 20px Outfit}.price del{font-size:12px;color:#949b98}.product-info>a{display:flex;justify-content:space-between;background:var(--forest);color:white;padding:11px 14px;border-radius:10px;font-size:12px;font-weight:800}.empty{text-align:center;padding:60px}.feature{background:var(--forest);color:white;display:grid;grid-template-columns:1fr 1fr;min-height:690px;opacity:0;transform:translateY(22px);transition:.7s}.feature-image{position:relative;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;object-position:68% center}.feature-image span{position:absolute;left:24px;bottom:24px;background:var(--coral);padding:10px 14px;border-radius:999px;font-size:11px;font-weight:800}.feature-copy{padding:90px max(35px,8vw);align-self:center}.feature-copy>p:not(.eyebrow){color:#cbdad4;font-size:17px}.feature-copy ol{list-style:none;padding:0;margin:38px 0}.feature-copy li{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.2);padding:18px 0}.feature-copy li span{color:#b9cbc4;font-size:13px}.text-link{font-weight:800;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}.journal-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.story-art{height:230px;border-radius:var(--radius);display:grid;place-items:center;position:relative;overflow:hidden}.main-story .story-art{height:330px}.story-art:after{content:"";width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.25)}.story-art span{position:absolute;z-index:1;font:800 13px Outfit;letter-spacing:.15em}.art-one{background:#b9d3c6}.art-two{background:#e7c4b7}.art-three{background:#c8cedc}.story>p{color:var(--muted);font-size:11px;margin:18px 0 8px;text-transform:uppercase}.story h3{font-size:22px;line-height:1.2}.story>a{font-size:12px;font-weight:800}.newsletter{margin:0 auto;background:var(--coral);padding:95px 24px;text-align:center;color:white;opacity:0;transform:translateY(22px);transition:.7s}.newsletter .eyebrow{color:#5f241a}.newsletter>p:not(.eyebrow){margin:20px auto;max-width:620px}.newsletter form{display:flex;max-width:550px;margin:28px auto 12px;background:white;border-radius:999px;padding:6px}.newsletter input{flex:1;border:0;outline:0;padding:10px 18px;min-width:0}.newsletter button{border:0;background:var(--forest);color:white;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer}.newsletter small{opacity:.8}.form-message{margin-top:12px;font-weight:700}footer{background:#0f2c25;color:#d7e1dd;padding:70px max(24px,calc((100vw - var(--max))/2)) 20px}.footer-main{display:grid;grid-template-columns:1.2fr 1.6fr .7fr .7fr;gap:40px}.brand.light .brand-mark{background:white;color:var(--forest)}.footer-main>p{color:#95aca4;max-width:300px}.footer-main>div{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-main b{color:white;margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #345148;margin-top:60px;padding-top:20px;font-size:11px;color:#89a198}.search-dialog{border:0;border-radius:var(--radius);width:min(700px,calc(100% - 30px));padding:45px;background:var(--paper);box-shadow:0 30px 100px #061b16aa}.search-dialog::backdrop{background:rgba(6,27,22,.72);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:30px;cursor:pointer}.search-dialog>input{width:100%;margin:28px 0 15px;padding:16px;border:1px solid var(--line);border-radius:12px;background:white;outline-color:var(--coral)}#searchResults a{display:flex;align-items:center;gap:14px;padding:10px;border-top:1px solid var(--line)}#searchResults a i{margin-left:auto}.mini{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;position:relative;overflow:hidden;font-weight:800}.mini:before{width:30px;height:30px;border-width:5px}.mini+span{display:flex;flex-direction:column}.mini+span small{color:var(--muted)}.cookie{position:fixed;z-index:30;left:20px;right:20px;bottom:20px;background:white;padding:18px 22px;border-radius:var(--radius);box-shadow:0 15px 70px rgba(0,0,0,.2);display:flex;align-items:center;gap:14px;max-width:920px;margin:auto}.cookie div{margin-right:auto}.cookie p{margin:3px 0;color:var(--muted);font-size:12px}.cookie button{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer}.cookie button.primary{background:var(--forest);color:white}.sr-only,.sr-only:focus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.menu-toggle{display:block}.search-toggle{margin-left:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.world-grid{grid-template-columns:1fr 1fr}.world.care{grid-column:1/-1}.feature{grid-template-columns:1fr}.feature-image{height:500px}.journal-grid{grid-template-columns:1fr 1fr}.main-story{grid-column:1/-1}.footer-main{grid-template-columns:1fr 1fr}.hero-copy{max-width:560px}.hero-shade{background:linear-gradient(90deg,rgba(9,31,26,.9),rgba(9,31,26,.32))}}
@media(max-width:650px){.announcement{font-size:9px}.site-header{height:70px;padding:0 16px}.brand{font-size:19px}.search-toggle{display:none}nav{top:70px}.hero{height:720px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(0deg,rgba(9,31,26,.95) 0%,rgba(9,31,26,.5) 70%,rgba(9,31,26,.15))}.hero-copy{left:20px;right:20px;top:auto;bottom:55px;transform:none}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-proof{display:none}.hero-actions{flex-wrap:wrap}h1{font-size:48px}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip span{padding:16px;font-size:11px}.intro{grid-template-columns:1fr;padding-top:80px}.world-grid{grid-template-columns:1fr}.world.care{grid-column:auto}.world{height:220px}.section,.products-section{padding-top:80px;padding-bottom:80px}.section-heading{display:block}.product-grid{grid-template-columns:1fr}.product-visual{height:300px}.feature-image{height:390px}.feature-copy{padding:70px 24px}.feature-copy li{grid-template-columns:1fr;gap:4px}.journal-grid{grid-template-columns:1fr}.main-story{grid-column:auto}.main-story .story-art{height:250px}.newsletter h2{font-size:42px}.newsletter form{border-radius:14px;display:block;background:transparent}.newsletter input,.newsletter button{width:100%;border-radius:10px;margin-bottom:8px;padding:14px}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block}.cookie{display:grid;grid-template-columns:1fr 1fr}.cookie div{grid-column:1/-1}.search-dialog{padding:35px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.product-visual{height:280px;background:#f4f5f2;padding:26px}
.product-visual:before{display:none}
.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}
.product-card:hover .product-visual img{transform:scale(1.045)}
.product-info>a.buy-link{display:flex;justify-content:space-between;background:var(--forest);color:white;padding:11px 14px;border-radius:10px;font-size:12px;font-weight:800}
.product-info>a.secondary-link{display:block;background:transparent;color:var(--forest);padding:0;text-align:center;margin-top:11px;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.price-note{color:var(--muted);font-size:11px;margin:26px 0 0}
.mini{background:#f1f3ef;padding:5px}.mini:before{display:none}.mini img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}

/* All-pets fachmarkt expansion */
.hero>img{object-position:center}.hero-copy{max-width:570px}.hero h1{letter-spacing:-.038em;text-wrap:balance}.hero-copy>p:not(.eyebrow){max-width:540px}.trust-strip span{text-align:center;border-right:1px solid var(--line)}
.intro{grid-template-columns:1fr .72fr}.world-grid{grid-template-columns:1.35fr .85fr .85fr;grid-template-rows:270px 220px;gap:12px}.world{height:auto;min-height:0;border-radius:14px}.world small{font-size:11px;line-height:1.4;color:rgba(255,255,255,.76);max-width:220px}.world span{font-size:clamp(27px,3vw,42px);margin-top:auto}.world b{font-size:12px;margin-top:8px}.world.dog{grid-row:1/3;background:#173f35}.world.cat{background:#f06c54}.world.bird{background:#506e94}.world.small{background:#94634e}.world.aqua{background:#286c70}.world.terra{background:#5c6d44}.world:after{width:180px;height:180px;border-width:30px;right:-55px;bottom:-75px}.world:hover{transform:translateY(-3px)}
.journal .story-art{background-position:center;background-size:cover}.journal .art-one{background:linear-gradient(135deg,#a9d3d1,#386f73)}.journal .art-two{background:linear-gradient(135deg,#d8e5bd,#71834e)}.journal .art-three{background:linear-gradient(135deg,#e1c7b2,#9a634d)}.journal .story-art span{background:rgba(255,255,255,.9);padding:8px 11px;border-radius:999px;color:#173f35}.newsletter h2{letter-spacing:-.035em}.section h2,.section-heading h2,.feature h2{text-wrap:balance;letter-spacing:-.035em}
@media(max-width:1000px){.world-grid{grid-template-columns:1fr 1fr;grid-template-rows:none}.world{height:240px}.world.dog{grid-row:auto}.world.care{grid-column:auto}}
@media(max-width:650px){.hero>img{object-position:64% center}.world-grid{grid-template-columns:1fr}.world{height:205px}.trust-strip span{min-height:66px;display:grid;place-items:center}.intro{grid-template-columns:1fr}}

/* Ruhiger Video-Hero mit robustem Bild-Fallback */
.hero-video,.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-video{transform:scale(1.01)}
.hero-video{z-index:1;opacity:0;transition:opacity .8s ease}
.hero-fallback{z-index:0}
.hero.video-ready .hero-video{opacity:1}
.hero-shade,.hero-copy,.hero-proof,.hero-video-toggle{z-index:2}
.hero-video-toggle{position:absolute;left:max(24px,calc((100vw - var(--max))/2));bottom:25px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(9,31,26,.5);backdrop-filter:blur(10px);color:white;padding:9px 13px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s ease}
.hero-video-toggle:hover{background:rgba(9,31,26,.75);transform:translateY(-1px)}
.hero-video-toggle span{font-size:12px}
@media(max-width:650px){.hero-video,.hero-fallback{object-position:center}.hero-video-toggle{left:20px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-video-toggle{display:none}}

/* Bildwelten für alle Tierkategorien */
.world{isolation:isolate;background-color:var(--forest)!important;background-size:cover!important;background-position:center!important}
.world.dog{background-image:url('../images/categories/dog.webp')!important}
.world.cat{background-image:url('../images/categories/cat.webp')!important}
.world.bird{background-image:url('../images/categories/birds.webp')!important}
.world.small{background-image:url('../images/categories/small-pets.webp')!important}
.world.aqua{background-image:url('../images/categories/aquarium.webp')!important}
.world.terra{background-image:url('../images/categories/terrarium.webp')!important}
.world:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,28,23,.18) 12%,rgba(8,28,23,.88) 100%);transition:background .35s ease}
.world:after{display:none}
.world:hover:before{background:linear-gradient(180deg,rgba(8,28,23,.08) 5%,rgba(8,28,23,.78) 100%)}
.world small,.world span,.world b{position:relative;z-index:1;text-shadow:0 1px 12px rgba(0,0,0,.3)}

/* ── Katalog-Erweiterung (Kelkoo-Produkte, Filter, Toolbar) ── */
.filter-group{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:14px;margin-bottom:12px}
.filter-group .filter-row{margin-bottom:0}
.filter-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.filter small{font-weight:600;opacity:.65;margin-left:3px}
.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 26px;padding-top:18px;border-top:1px solid var(--line)}
.result-count{font-size:13px;font-weight:700;color:var(--forest)}
.query-chip{display:inline-flex;align-items:center;gap:6px;background:#e9f0ec;color:var(--forest);padding:6px 8px 6px 12px;border-radius:999px;font-size:12px;font-weight:700}
.query-chip button{border:0;background:var(--forest);color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1}
.sort{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;color:var(--muted)}
.sort select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}
.product-visual{height:250px;background:#f4f5f2;padding:22px}
.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.badge.rebate{background:var(--coral);color:#fff}
.product-card.has-rebate{border-color:#f3c9bf}
.product-brand .merchant{text-transform:none;letter-spacing:0;font-weight:600;color:#8a938f}
.product-info h3{font-size:15px;line-height:1.3;min-height:40px;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-desc{font-size:12px;line-height:1.45;color:var(--muted);margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-meta{font-size:11px;color:#4e8a6c;font-weight:700;margin:0}
.price{margin:10px 0 14px}
.product-info>a.buy-link{gap:8px}
.product-info>a.buy-link span{flex:none}
.load-more{display:block;margin:40px auto 0;border:1px solid var(--forest);background:#fff;color:var(--forest);padding:14px 26px;border-radius:999px;font-weight:800;font-size:14px;cursor:pointer;transition:.25s}
.load-more:hover{background:var(--forest);color:#fff}
.load-more b{font-weight:600;opacity:.7;margin-left:8px}
#searchResults a .mini img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;background:#f4f5f2}
.hero-proof b{max-width:230px}
@media(max-width:650px){.filter-group{grid-template-columns:1fr;gap:6px}.toolbar{gap:10px}.sort{margin-left:0;width:100%}.sort select{flex:1}.product-visual{height:260px}}
.query-chip[hidden],[hidden]{display:none!important}
@media(min-width:1001px){.world-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:250px 250px}.world.dog{grid-row:auto}}