:root{--bg:#faf7f2;--surface:#ffffff;--surface2:#f0eadf;--ink:#20312e;--muted:#5a6b66;--line:#e3ddd2;--mint:#0e7c6b;--mint-soft:#e7f2ee;--warm:#f59e48;--warm-ink:#9e5914;--blush:#fdeee6;--blush-line:#f3d8c8;--radius:14px;--offset:6px 8px 0;--wrap:1080px;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}body{margin:0;font:16px/1.65 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--mint)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--warm);outline-offset:2px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:12px 18px;z-index:100;border-radius:0 0 8px 0}.skip:focus{left:0}h1,h2,h3{hyphens:auto;overflow-wrap:break-word;line-height:1.02;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(2.7rem,5.4vw,5.4rem);font-weight:800;line-height:.98}h2{font-size:clamp(2.15rem,4.3vw,4.5rem);font-weight:800;line-height:1.0}.subpage h2{font-size:clamp(2.2rem,4vw,3.6rem)}h3{font-size:1.28rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.lead{font-size:1.14rem;color:var(--muted);max-width:38em}.site-head{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;gap:22px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.12rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none;min-height:44px}.brand-mark{flex:none}.site-nav{display:flex;gap:4px;margin-left:auto}.site-nav a{color:var(--muted);text-decoration:none;font-size:.94rem;font-weight:600;padding:10px 12px;border-radius:9px;min-height:44px;display:inline-flex;align-items:center}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink);background:var(--surface2)}.site-nav a[aria-current="page"]{color:var(--mint)}.head-cta{margin-left:6px;display:inline-flex;align-items:center;min-height:44px;background:var(--mint);color:#fff;text-decoration:none;font-weight:700;font-size:.94rem;padding:8px 18px;border-radius:999px;border:1px solid var(--mint)}.head-cta:hover,.head-cta:focus-visible{filter:brightness(1.08)}@media (max-width:840px){.site-nav a:not(.keep){display:none}.site-nav a.keep{display:inline-flex}}@media (max-width:600px){.site-nav{display:none}.site-head .wrap{gap:12px}.head-cta{margin-left:auto;font-size:.82rem;padding:8px 14px;white-space:nowrap}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:12px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--mint);color:#fff;border-color:var(--mint)}.btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--surface2)}.btn-light{background:#fff;color:var(--ink);border-color:#fff}.btn-light:hover,.btn-light:focus-visible{filter:brightness(.96)}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}.kicker::before{content:"";width:26px;height:3px;background:var(--warm);border-radius:2px}.chip{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;font-weight:600;color:var(--muted);min-height:36px}.section{padding:88px 0}.section-sand{background:var(--surface2)}.section-mint{background:var(--mint-soft)}.section-blush{background:var(--blush)}.section h2{margin-bottom:.4em}.section-intro{color:var(--muted);max-width:44em;margin:0 0 42px}.section-intro.center{margin-left:auto;margin-right:auto;text-align:center}.center{text-align:center}.hero{position:relative;overflow:hidden;padding:72px 0 64px}.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-dotfield{position:absolute;inset:0;background-image:radial-gradient(rgba(32,49,46,.10) 1.6px,transparent 1.6px);background-size:26px 26px;pointer-events:none;mask-image:linear-gradient(100deg,transparent 42%,#000 78%);-webkit-mask-image:linear-gradient(100deg,transparent 42%,#000 78%)}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:.35em 0 .4em}.hero-copy h1 .paw-word{color:var(--mint)}.hero-answer{font-size:1.13rem;color:var(--muted);max-width:34em;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hero-note{font-size:.83rem;color:var(--muted);margin:18px 0 0}.hero-visual{position:relative;z-index:1}.hero-visual .orbit{position:absolute;inset:-34px -34px auto auto;width:118%;height:118%;border:2px dashed rgba(14,124,107,.28);border-radius:50%;pointer-events:none}.hero-visual .orbit-inner{position:absolute;inset:8% -6% auto auto;width:104%;height:104%;border:2px solid rgba(245,158,72,.35);border-radius:50%;pointer-events:none}.hero-photo{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--offset) var(--surface2);background:linear-gradient(135deg,#fff 0%,var(--surface2) 100%)}.hero-photo img{width:100%;object-fit:cover;aspect-ratio:4/3}.hero-photo .photo-caption{position:absolute;left:0;right:0;bottom:0;padding:26px 20px 14px;color:var(--muted);font-size:.8rem;background:linear-gradient(transparent,rgba(255,255,255,.88))}@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:34px}.hero-visual{order:-1;max-width:520px}}.signal-strip{border-block:1px solid var(--line);background:var(--surface);padding:16px 0}.signal-strip .wrap{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.signal-strip .strip-label{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px}.signal-strip .sep{color:var(--warm);font-weight:800}.situation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.situation-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--offset) var(--surface2)}.situation-card.featured{grid-column:1 / -1;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}.situation-badge{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-ink);background:var(--blush);border:1px solid var(--blush-line);padding:5px 12px;border-radius:999px;margin-bottom:14px}.situation-card h3{margin-bottom:.35em}.situation-card p{color:var(--muted);margin:0;font-size:.98rem}.situation-q{margin-top:14px;font-weight:700;color:var(--ink);font-size:.95rem}.situation-q em{color:var(--mint);font-style:normal}@media (max-width:760px){.situation-grid{grid-template-columns:1fr}.situation-card.featured{grid-template-columns:1fr}}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.bento-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:relative}.bento-cell h3{font-size:1.12rem}.bento-cell p{color:var(--muted);font-size:.94rem;margin:0}.bento-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint);margin-bottom:16px}.bento-num{position:absolute;top:18px;right:20px;font-size:.78rem;font-weight:800;color:var(--line);letter-spacing:.06em}.bento-cell.tall{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;background:var(--mint);border-color:var(--mint)}.bento-cell.tall h3,.bento-cell.tall p{color:#fff}.bento-cell.tall p{color:rgba(255,255,255,.82)}.bento-cell.tall .bento-icon{background:rgba(255,255,255,.16);color:#fff}.bento-cell.wide{grid-column:span 2}.bento-cell.sand{background:var(--surface2)}.bento-cell.blush{background:var(--blush)}@media (max-width:980px){.bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.bento{grid-template-columns:1fr}.bento-cell.tall,.bento-cell.wide{grid-column:auto;grid-row:auto}}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:step}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;position:relative}.step::before{counter-increment:step;content:"0" counter(step);display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--mint);color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:18px}.step h3{margin-bottom:.3em}.step p{color:var(--muted);margin:0;font-size:.97rem}@media (max-width:820px){.steps{grid-template-columns:1fr}}.example-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--offset) var(--warm);padding:0;overflow:hidden}.example-card .ec-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.example-card .ec-head strong{font-size:1.02rem}.ec-tag{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-ink);background:var(--blush);padding:5px 12px;border-radius:999px;border:1px solid var(--blush-line)}.example-card ul{list-style:none;margin:0;padding:10px 24px 22px}.example-card li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px dashed var(--line)}.example-card li:last-child{border-bottom:0}.ec-check{flex:none;width:26px;height:26px;border-radius:8px;background:var(--mint-soft);color:var(--mint);display:grid;place-items:center;margin-top:1px}.example-card li div strong{display:block;font-size:.98rem}.example-card li div span{color:var(--muted);font-size:.88rem}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}table.week{width:100%;border-collapse:collapse;min-width:560px;font-size:.94rem}table.week caption{text-align:left;padding:16px 20px 4px;font-weight:800;font-size:1.02rem}table.week th,table.week td{text-align:left;padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}table.week thead th{border-top:0;background:var(--surface2);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}table.week td:first-child{font-weight:700;white-space:nowrap}table.week .ok{color:var(--mint);font-weight:700}.table-note{font-size:.82rem;color:var(--muted);margin-top:12px}.fit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.fit-box{border-radius:var(--radius);padding:30px;border:1px solid var(--line)}.fit-box.yes{background:var(--mint-soft);border-color:#cfe4dd}.fit-box.no{background:var(--blush);border-color:var(--blush-line)}.fit-box h3{display:flex;align-items:center;gap:10px}.fit-box ul{margin:0;padding-left:20px;color:var(--muted)}.fit-box li{margin:.4em 0}@media (max-width:760px){.fit-grid{grid-template-columns:1fr}}.endcap{background:var(--ink);color:#f4f2ec;padding:88px 0}.endcap .endcap-inner{max-width:860px;margin:0 auto;text-align:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:52px 40px}.endcap h2{color:#fff}.endcap .lead{color:rgba(244,242,236,.78);margin:0 auto 30px}.endcap-note{font-size:.82rem;color:rgba(244,242,236,.6);margin-top:16px}.endcap a.inline{color:#8fd6c8}.nl-wrap{max-width:520px;margin:0 auto;text-align:left}.nl-form{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.nl-title{margin:0 0 16px;font-size:1.2rem;font-weight:800;letter-spacing:-.01em}.nl-label{display:block;margin:0 0 6px;font-size:.85rem;font-weight:700}.nl-input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.nl-input:focus-visible{outline:3px solid var(--warm);outline-offset:2px}.nl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.nl-consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;font-size:.84rem;line-height:1.5;color:var(--muted)}.nl-consent-box{margin-top:3px;flex:none;width:18px;height:18px}.nl-consent a{color:var(--mint)}.nl-submit{width:100%;margin-top:18px;min-height:52px;border:1px solid var(--mint);border-radius:12px;background:var(--mint);color:#fff;font:inherit;font-weight:800;cursor:pointer}.nl-submit:hover,.nl-submit:focus-visible{filter:brightness(1.1)}.nl-note{margin:14px 0 0;font-size:.78rem;color:var(--muted)}.endcap-light{background:var(--surface);border-block:1px solid var(--line);padding:76px 0;text-align:center}.endcap-light .lead{margin:0 auto 26px}.pagehero{padding:64px 0 54px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.pagehero .kicker{margin-bottom:18px}.pagehero .lead{font-size:1.1rem}.pagehero-num{position:absolute;right:-14px;top:-38px;font-size:clamp(9rem,22vw,17rem);font-weight:800;color:var(--surface2);line-height:1;letter-spacing:-.05em;pointer-events:none;user-select:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.contact-band{background:var(--mint-soft);border:1px solid #cfe4dd;border-radius:var(--radius);padding:26px;margin-top:34px}.contact-band h3{margin-bottom:.3em}.contact-band p{margin:0;color:var(--muted)}.contact-address{margin-top:22px;font-size:.94rem;color:var(--muted)}.contact-address strong{color:var(--ink);display:block;margin-bottom:4px}.contact-form-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--offset) var(--surface2)}.contact-field{margin-bottom:16px}.contact-field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}.contact-field input,.contact-field textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;color:var(--ink);background:#fff}.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-status{padding:12px;border-radius:10px;font-size:.9rem;margin:0 0 14px}.contact-status-success{background:var(--mint-soft);color:var(--mint);border:1px solid #cfe4dd}.contact-status-error{background:#fdeaea;color:#8a2c2c;border:1px solid #e5b8b8}.contact-form-card button[type="submit"]{width:100%;min-height:50px;border:1px solid var(--mint);border-radius:12px;background:var(--mint);color:#fff;font:inherit;font-weight:800;cursor:pointer}.contact-form-card button[type="submit"]:hover,.contact-form-card button[type="submit"]:focus-visible{filter:brightness(1.1)}.contact-form-note{font-size:.78rem;color:var(--muted);margin:14px 0 0}@media (max-width:820px){.contact-grid{grid-template-columns:1fr}}.quiet-page{max-width:640px;margin:0 auto;padding:70px 24px;text-align:center}.quiet-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:44px 36px;box-shadow:var(--offset) var(--surface2)}.quiet-card h1{font-size:clamp(1.7rem,4vw,2.4rem)}.quiet-card p{color:var(--muted)}.quiet-mark{display:grid;place-items:center;margin-bottom:18px}.quiet-actions{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-hint{margin:0 0 14px;padding:12px;background:#fdeaea;color:#8a2c2c;border:1px solid #e5b8b8;border-radius:10px;font-size:.9rem}.legal-page{max-width:760px;margin:0 auto;padding:56px 24px 72px}.legal-page h1{font-size:clamp(2rem,4vw,3rem)}.legal-page h2{font-size:1.35rem;margin-top:1.6em;letter-spacing:0}.legal-page p,.legal-page li{color:var(--muted)}.legal-page strong{color:var(--ink)}.legal-page address{font-style:normal;color:var(--ink);line-height:1.7}.legal-meta{font-size:.8rem;color:var(--muted);margin-top:3em;border-top:1px solid var(--line);padding-top:16px}.site-footer{border-top:1px solid var(--line);background:var(--bg);padding:44px 0 52px}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:36px}.footer-brand{max-width:300px}.footer-brand .brand{margin-bottom:10px}.footer-brand p{color:var(--muted);font-size:.86rem;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:4px 18px;align-content:flex-start}.footer-links a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:600;min-height:44px;display:inline-flex;align-items:center}.footer-links a:hover,.footer-links a:focus-visible{color:var(--mint)}.footer-note{max-width:320px;color:var(--muted);font-size:.8rem;margin:0}@media (max-width:840px){.footer-grid{display:grid;grid-template-columns:1fr;gap:18px}.footer-note{max-width:none;text-align:left}}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
/* Gerrit 2026-09-02: Visual-depth mandate — Hero-Bild + Sektions-Illustrationen */
.hero-media{position:absolute;inset:0;background:url('assets/hero-hund-katze.jpg') center/cover no-repeat;opacity:.30;animation:heroKen 26s ease-in-out infinite alternate;}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(250,247,242,.92) 30%,rgba(250,247,242,.55) 62%,rgba(250,247,242,.18));}
@keyframes heroKen{from{transform:scale(1) translateX(0)}to{transform:scale(1.07) translateX(-1.5%)}}
@media (prefers-reduced-motion:reduce){.hero-media{animation:none}}
.bento-media{width:100%;height:64px;object-fit:cover;border-radius:2.5mm;margin-bottom:3mm;}

.situation-photo{margin:0 0 10px;}
.situation-photo img{width:100%;height:200px;object-fit:cover;border-radius:10px;}
@media (max-width:600px){.situation-photo img{height:140px}}

/* Gerrit 10:08 — Hero-Bild = dezenter Hintergrund, Lesbarkeit gewinnt */
.hero-media{opacity:.13;filter:saturate(.85);}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(250,247,242,.97) 34%,rgba(250,247,242,.88) 60%,rgba(250,247,242,.62));}
@keyframes heroKen{from{transform:scale(1) translateX(0)}to{transform:scale(1.04) translateX(-1%)}}

/* Gerrit 10:21 — Hero-Hintergrund = sichtbares Bild, Scrim schützt nur die Textzone */
.hero-media{opacity:.85;filter:saturate(.95);}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,242,.96) 0%,rgba(250,247,242,.93) 42%,rgba(250,247,242,.45) 72%,rgba(250,247,242,.22) 100%);}
.hero .hero-copy{position:relative;z-index:2;}

/* Gerrit 10:21 v2 — sichtbares Bild als Hero-Hintergrund (Mensch+Hund+Katze), Scrim nur für Textzone */
.hero-media{background:url('hero-hintergrund.jpg') center/cover no-repeat;opacity:1;filter:saturate(.95) brightness(1.02);}
.hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,242,.97) 0%,rgba(250,247,242,.9) 40%,rgba(250,247,242,.38) 70%,rgba(250,247,242,.12) 100%);}
.hero .hero-visual{display:none;}
.hero .hero-copy{position:relative;z-index:2;}