/* PET13 V1.3.7.1 – ausschließlich die alternative Hero #lucktag.
   Einzelporträts und ein eigenständiges Original-Produktbild; keine Tiergruppe.
   Alle Bilddateien bleiben vollständig proportional. Lose organische Flächen
   statt eines gleichförmigen Kartengitters; Effekte verändern nur transform,
   niemals Höhe, Scrollposition oder Produktauswahl. Palette aus markenfarben.css. */
body.p13-site #lucktag.p13-family-hero{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);grid-template-areas:"copy visual" "offer visual";column-gap:35px;row-gap:19px;padding-block:33px 42px;align-items:center}
#lucktag.p13-family-hero .hero-copy{align-self:end}
body.p13-site #lucktag.p13-family-hero h1{font-size:clamp(49px,5.25vw,69px);line-height:1.03;letter-spacing:-.055em;margin-bottom:20px}
#lucktag.p13-family-hero .hero-copy .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:18px}
body.p13-site #lucktag.p13-family-hero .hero-lead{font-size:19px;line-height:1.5;max-width:450px;margin-bottom:12px}
body.p13-site #lucktag.p13-family-hero .hero-description{font-size:15px;line-height:1.7;max-width:455px}
#lucktag.p13-family-hero .hero-offer{align-self:start}
body.p13-site #lucktag .p13-family-visual{display:block;grid-area:visual;position:relative;align-self:center;min-width:0;margin:0;padding:0;overflow:visible;height:auto;min-height:0;border-radius:0;background:transparent}
.p13-family-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1.1}
.p13-family-stage::before{content:"";position:absolute;inset:11% 7% 12% 12%;border-radius:48% 52% 43% 57%/51% 38% 62% 49%;background:var(--pet13-gold-hell);z-index:-2;transform:rotate(-9deg)}
.p13-family-orbit-alt{position:absolute;inset:12% 6% 13% 9%;width:85%;height:75%;fill:none;stroke:var(--pet13-gold);stroke-width:1.4;stroke-dasharray:4 9;opacity:.9;z-index:-1;pointer-events:none}
.p13-family-symbol{position:absolute;pointer-events:none;opacity:.72;width:28px;height:28px;object-fit:contain}
.p13-family-symbol.pin{left:46%;top:3%;transform:rotate(11deg)}
.p13-family-symbol.shield{left:10%;top:54%;width:23px;height:23px;transform:rotate(-13deg)}
.p13-family-character{--tilt:0deg;position:absolute;padding:0;background:transparent;border:0;border-radius:34%;cursor:pointer;z-index:2;line-height:1;transform:rotate(var(--tilt));transform-origin:50% 70%;transition:transform .2s ease,filter .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.p13-family-character.harry{left:1%;top:3%;width:34%;--tilt:-7deg}
.p13-family-character.lumi{left:65%;top:0;width:31%;--tilt:6deg}
.p13-family-character.lotte{left:5%;top:57%;width:27%;--tilt:-5deg}
.p13-family-character.paco{left:75%;top:51%;width:25%;--tilt:5deg}
.p13-family-portrait{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:42% 45% 28% 31%/27% 33% 18% 22%;background:var(--pet13-gold-hell);box-shadow:0 12px 23px rgba(0,0,0,.065)}
.p13-family-portrait img{display:block;width:100%;height:100%;object-fit:contain;user-select:none}

.p13-family-name{position:relative;display:table;max-width:110%;margin:-8px auto 0;padding:7px 11px;white-space:nowrap;border-radius:999px;background:var(--pet13-weiss);color:var(--pet13-schwarz);font-size:11px;font-weight:650;line-height:1.25;box-shadow:0 3px 12px rgba(0,0,0,.06);transition:background .18s,color .18s}
.p13-family-character[aria-pressed=true]{z-index:6;transform:translateY(-7px) rotate(0deg)}
.p13-family-character[aria-pressed=true] .p13-family-name{background:var(--pet13-tuerkis);color:var(--pet13-weiss)}
@media(hover:hover){.p13-family-character:hover{z-index:7;transform:translateY(-7px) rotate(0deg)}.p13-family-character:hover .p13-family-name{background:var(--pet13-gold);color:var(--pet13-weiss)}}
.p13-family-character:focus-visible{outline:3px solid var(--pet13-tuerkis);outline-offset:7px;z-index:7;transform:translateY(-5px) rotate(0deg)}
.p13-family-product{position:absolute;left:36%;top:29%;width:35%;z-index:4;display:block;text-decoration:none;color:var(--pet13-schwarz);transform:rotate(-5deg);transition:transform .2s ease;filter:drop-shadow(0 13px 15px rgba(0,0,0,.13))}
.p13-family-product::before{content:"";position:absolute;width:94%;aspect-ratio:1;left:1%;top:18%;border-radius:50%;background:var(--pet13-weiss);z-index:-1;box-shadow:0 0 0 11px var(--pet13-gold-hell)}
.p13-family-product img{display:block;width:100%;height:auto;object-fit:contain}
.p13-family-product-label{display:table;max-width:100%;margin:7px auto 0;padding:7px 12px;border-radius:999px;background:var(--pet13-weiss);color:var(--pet13-schwarz);font-size:11px;line-height:1.3;font-weight:650;white-space:nowrap;filter:none;box-shadow:0 3px 10px rgba(0,0,0,.06)}
@media(hover:hover){.p13-family-product:hover{transform:translateY(-4px) rotate(0deg)}.p13-family-product:hover .p13-family-product-label{background:var(--pet13-gold);color:var(--pet13-weiss)}}
.p13-family-product:focus-visible{outline:3px solid var(--pet13-tuerkis);outline-offset:8px;border-radius:26px}
body.p13-site #lucktag .p13-family-greeting{position:absolute;left:35%;bottom:2%;width:37%;min-height:50px;display:flex;align-items:center;justify-content:center;margin:0;padding:5px 2px;font-size:13px;line-height:1.45;font-weight:550;text-align:center;color:var(--pet13-schwarz)}
body.p13-site #lucktag .p13-family-visual>figcaption{position:static;display:block;font-size:9px;line-height:1.4;color:var(--pet13-muted);text-align:center;margin-top:9px}
@media(max-width:1050px) and (min-width:761px){body.p13-site #lucktag.p13-family-hero{column-gap:18px}.p13-family-name,.p13-family-product-label{font-size:10px;padding:6px 8px}body.p13-site #lucktag.p13-family-hero h1{font-size:53px}}
@media(max-width:760px){
 body.p13-site #lucktag.p13-family-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual" "offer";gap:13px;padding-block:20px 30px!important}
 body.p13-site #lucktag.p13-family-hero h1{font-size:clamp(34px,10.3vw,44px);line-height:1.03;margin-bottom:12px}
 #lucktag.p13-family-hero .hero-copy .eyebrow{font-size:8px;margin-bottom:11px;letter-spacing:.12em}
 body.p13-site #lucktag.p13-family-hero .hero-lead{font-size:15px;line-height:1.5;margin:0 0 8px;max-width:100%}
 body.p13-site #lucktag.p13-family-hero .hero-description{font-size:13px;line-height:1.6;max-width:100%}
 .p13-family-stage{aspect-ratio:1.1}
 .p13-family-character.harry{left:3%;top:0;width:31%;--tilt:-6deg}
 .p13-family-character.lumi{left:66%;top:0;width:31%;--tilt:5deg}
 .p13-family-character.lotte{left:5%;top:55%;width:27%;--tilt:-5deg}
 .p13-family-character.paco{left:74%;top:55%;width:25%;--tilt:4deg}
 .p13-family-product{left:34%;top:28%;width:34%}
 .p13-family-product::before{box-shadow:0 0 0 6px var(--pet13-gold-hell)}
 .p13-family-name{font-size:9px;line-height:1.2;padding:5px 7px;margin-top:-5px}
 .p13-family-product-label{font-size:9px;line-height:1.2;padding:5px 7px;margin-top:4px}
 body.p13-site #lucktag .p13-family-greeting{left:34%;bottom:0;width:39%;min-height:33px;font-size:10px;line-height:1.35;padding:0}
 .p13-family-symbol.pin{width:20px;height:20px;left:46%;top:1%}.p13-family-symbol.shield{width:16px;height:16px;left:8%;top:46%}
 body.p13-site #lucktag .p13-family-visual>figcaption{font-size:8px;margin-top:4px}
 #lucktag.p13-family-hero .hero-buy-row{gap:16px}
 #lucktag.p13-family-hero .hero-buy-row .btn{min-height:46px}
 body.p13-site #lucktag.p13-family-hero .hero-shipping{margin-block:7px 8px}
 body.p13-site #lucktag.p13-family-hero .hero-status{margin-top:8px}
}
@media(max-width:360px){body.p13-site #lucktag.p13-family-hero h1{font-size:34px}.p13-family-name{font-size:8px;padding:5px 6px}.p13-family-product-label{font-size:8px}.p13-family-character.paco{left:73%;width:26%}}
@media(prefers-reduced-motion:reduce){.p13-family-character,.p13-family-name,.p13-family-product{transition:none!important}}

/* Kurzer Bedienhinweis bleibt außerhalb der bewegten Motive. */
.p13-family-hint{display:block;font-size:11px;line-height:1.5;color:var(--pet13-schwarz);margin-bottom:4px}
@media(max-width:760px){.p13-family-hint{font-size:10px}}

.p13-family-greeting{white-space:pre-line}
/* Eine einzige glücksgrüne Kontur verbindet die vier Blätter um das Produkt.
   Die Tierpositionen und Bildproportionen der bestätigten V1.3.6 bleiben. */
.p13-family-clover{position:absolute;left:-5%;top:-3%;width:110%;height:106%;fill:none;stroke:var(--pet13-gruen);stroke-width:2;pointer-events:none;z-index:-1;overflow:visible}
.p13-family-clover path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.p13-family-name{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;min-width:62px}
.p13-family-name>img{display:block;width:17px;height:17px;object-fit:contain;background:var(--pet13-weiss);border-radius:50%;padding:2px;box-sizing:content-box}
.p13-family-character[data-story-active=true]{z-index:6;transform:translateY(-7px) rotate(0deg)}
.p13-family-character[data-story-active=true] .p13-family-name{background:var(--pet13-tuerkis);color:var(--pet13-weiss)}
/* Der Erzählrahmen liegt außerhalb des Seitenflusses: gleich groß für alle vier
   Geschichten, eigenes Scrollen auf kleinen Displays, Schließen immer erreichbar. */
.p13-story-dialog{position:fixed;inset:0;width:min(820px,calc(100vw - 40px));height:min(760px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--pet13-gold);border-radius:28px;background:var(--pet13-weiss);color:var(--pet13-schwarz);box-shadow:0 25px 100px rgba(0,0,0,.2);overflow:hidden;overscroll-behavior:contain}
.p13-story-dialog::backdrop{background:rgba(0,0,0,.28)}
.p13-story-frame{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
.p13-story-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 24px 12px;background:var(--pet13-weiss)}
.p13-story-header>div{display:grid;gap:5px}
.p13-story-header span{font-size:9px;letter-spacing:.12em;line-height:1.5;font-weight:650}
.p13-story-header b{font-size:18px;line-height:1.3;letter-spacing:-.02em}
.p13-story-header button{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid var(--pet13-line);border-radius:50%;background:var(--pet13-weiss);color:var(--pet13-schwarz);font:30px/1 Arial,sans-serif;cursor:pointer}
@media(hover:hover){.p13-story-header button:hover{background:var(--pet13-gold);color:var(--pet13-weiss);border-color:var(--pet13-gold)}}
body.p13-site .p13-story-example{margin:0;padding:0 24px 16px;font-size:11px;line-height:1.5;color:var(--pet13-muted);border-bottom:1px solid var(--pet13-line)}
.p13-story-pages{min-height:0;overflow:hidden}
.p13-story{--story-tone:var(--pet13-tuerkis);--story-soft:var(--pet13-tuerkis-hell);display:grid;grid-template-columns:185px minmax(0,1fr);height:100%;min-height:0}
.p13-story[hidden]{display:none!important}
.p13-story-community{--story-tone:var(--pet13-rot);--story-soft:var(--pet13-rot-hell)}
.p13-story-schutz{--story-tone:var(--pet13-gold);--story-soft:var(--pet13-gold-hell)}
.p13-story-gesundheit{--story-tone:var(--pet13-gruen);--story-soft:var(--pet13-gruen-hell)}
.p13-story-aside{display:flex;flex-direction:column;align-items:center;gap:21px;padding:29px 17px;background:var(--story-soft);border-right:1px solid var(--pet13-line);overflow:hidden}
.p13-story-animal{display:block;width:138px;height:173px;object-fit:contain;border-radius:40% 45% 26% 30%/26% 30% 18% 22%}
.p13-story-aside>div{display:grid;justify-items:center;gap:9px;text-align:center}
.p13-story-symbol{width:36px;height:36px;object-fit:contain}
.p13-story-aside strong{font-size:24px;letter-spacing:-.035em;line-height:1.2}
.p13-story-aside span{font-size:12px;line-height:1.4;font-weight:600}
.p13-story-copy{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:26px 29px 30px;scrollbar-gutter:stable}
.p13-story-service{display:block;margin-bottom:12px;font-size:10px;line-height:1.5;font-weight:650}
.p13-story-service::before{content:"";display:inline-block;vertical-align:middle;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--story-tone)}
body.p13-site .p13-story-copy h2{font-size:30px;line-height:1.12;letter-spacing:-.045em;margin:0 0 19px}
body.p13-site .p13-story-copy>p{margin:0 0 14px;font-size:15px;line-height:1.65}
.p13-story-help{border-left:3px solid var(--story-tone);padding:12px 15px;margin-block:21px 17px;background:var(--story-soft);border-radius:0 13px 13px 0}
.p13-story-help>b{display:block;font-size:12px;margin-bottom:7px}
.p13-story-help ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.p13-story-help li{font-size:12px;line-height:1.5;position:relative;padding-left:17px}
.p13-story-help li::before{content:"✓";position:absolute;left:0;color:var(--pet13-schwarz);font-weight:650}
body.p13-site .p13-story-copy>p.p13-story-note{font-size:11px;line-height:1.55;color:var(--pet13-muted);margin-bottom:19px}
.p13-story-link{max-width:100%;font-size:12px;line-height:1.4;min-height:45px;box-sizing:border-box}
@media(max-width:760px){.p13-family-name{gap:3px;min-width:51px;padding:4px 7px}.p13-family-name>img{width:14px;height:14px;padding:1px}.p13-family-clover{stroke-width:1.7}}
@media(max-width:640px){
 .p13-story-dialog{width:calc(100vw - 20px);height:min(760px,calc(100dvh - 24px));border-radius:23px}
 .p13-story-header{padding:14px 17px 10px;gap:10px}.p13-story-header span{font-size:8px}.p13-story-header b{font-size:15px}.p13-story-header button{width:38px;height:38px;flex-basis:38px}
 body.p13-site .p13-story-example{font-size:10px;padding:0 17px 12px}
 .p13-story{grid-template-columns:minmax(0,1fr);grid-template-rows:91px minmax(0,1fr)}
 .p13-story-aside{padding:9px 19px;flex-direction:row;justify-content:flex-start;gap:14px;border-right:0;border-bottom:1px solid var(--pet13-line)}
 .p13-story-animal{width:57px;height:72px}.p13-story-aside>div{grid-template-columns:25px auto;grid-template-rows:auto auto;gap:4px 8px;justify-items:start;text-align:left}.p13-story-symbol{grid-row:1/3;width:25px;height:25px;align-self:center}.p13-story-aside strong{font-size:20px}.p13-story-aside span{font-size:11px}
 .p13-story-copy{padding:20px 19px 24px}body.p13-site .p13-story-copy h2{font-size:25px;margin-bottom:15px}body.p13-site .p13-story-copy>p{font-size:14px;line-height:1.65;margin-bottom:13px}
 .p13-story-service{font-size:9px}.p13-story-help{margin-top:18px}.p13-story-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.p13-story-dialog{scroll-behavior:auto}.p13-family-character{transition:none!important}}
/* Der zusätzliche Über-uns-Text darf das vollständige Tiermotiv auf Desktop
   nicht weit unter die Überschrift drücken. Mobil gilt die bewährte Reihenfolge. */
@media(min-width:761px){body.p13-site #ueber-uns>.founder-image{align-self:start}}
/* V1.3.7.1: Paco nutzt wie die anderen drei das vollständige Originalporträt.
   Die weicheren unteren Rundungen lassen auch die lange Schwanzspitze sichtbar. */
.p13-family-character.paco .p13-family-portrait{overflow:hidden;border-radius:40% 45% 20% 23%/26% 30% 12% 15%}
/* Der kurze Stiel führt vom Kleeblatt in zwei feine, offene Begrenzungen.
   Dazwischen liegt ein ruhiger Textblock mit getrennten typografischen Ebenen. */
body.p13-site #lucktag .p13-family-visual>figcaption.p13-family-caption{position:relative;display:grid;place-items:center;isolation:isolate;min-height:0;margin:2.727% 0 0;padding:16px 40px 10px;text-align:center;color:var(--pet13-schwarz);box-sizing:border-box}
.p13-family-caption-stem{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--pet13-gruen);stroke-width:2;z-index:-1;pointer-events:none;overflow:visible}
.p13-family-caption-stem path{vector-effect:non-scaling-stroke;stroke-linecap:round}
.p13-family-caption-copy{width:100%;max-width:430px}
body.p13-site #lucktag .p13-family-greeting{position:static;display:block;width:auto;min-height:36px;margin:0 0 5px;padding:0;font-size:13px;line-height:18px;font-weight:700;color:var(--pet13-schwarz)}
.p13-family-caption .p13-family-hint{font-size:11px;line-height:1.5;margin:0 0 4px;color:var(--pet13-schwarz)}
.p13-family-caption-note{display:block;font-size:9px;line-height:1.5;color:var(--pet13-muted)}
@media(max-width:760px){
 body.p13-site #lucktag.p13-family-hero{gap:10px;padding-block:16px 24px!important}
 body.p13-site #lucktag.p13-family-hero .hero-description{font-size:12.5px;line-height:1.55}
 body.p13-site #lucktag .p13-family-visual>figcaption.p13-family-caption{padding:14px 35px 8px}
 body.p13-site #lucktag .p13-family-greeting{font-size:12px;line-height:16px;min-height:32px;margin-bottom:4px}
 .p13-family-caption .p13-family-hint{font-size:10px;line-height:1.4;margin-bottom:4px}
 .p13-family-caption-note{font-size:8px;line-height:1.4}
 .p13-family-caption-stem{stroke-width:1.7}
}