/* Hunde page (dogs.html). Generated from the design board; fonts and footer come from home.css / navbar.css. */
.hv-root{background:#fff;color:#1F1B16;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:normal;-webkit-font-smoothing:antialiased;padding-top:96px}
.hv-root .wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.hv-root a{color:inherit;text-decoration:none}
.hv-root :where(h1,h2,h3,h4,p,ul,ol,button,input,textarea,small,b){font-family:inherit}
.hv-root :where(p){margin:1em 0}
.hv-root :where(h1,h2,h3,h4){font-weight:700;line-height:normal}
.hv-root :where(ul){padding-left:40px}
.hv-root :where(*:not(button,input,select,textarea),*::before,*::after){box-sizing:content-box}
.hv-root button{font:inherit}
@media (max-width:640px){.hv-root{padding-top:84px}}
.hv-root [hidden]{display:none!important}
.hv-root select{font:inherit}
/* generated from the design board (Hunde: HundeB + glide + reset in the bar); page rules only */
.hv-root .wrap{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
@media (max-width:640px){.hv-root .wrap{padding:0 20px}}
.hv-root .hw{display:flex;flex-direction:column;align-items:center;text-align:center}
.hv-root .wb{position:relative;z-index:6;display:flex;align-items:center;gap:16px;max-width:960px;margin:22px auto 0;padding:14px 16px 14px 14px;border-radius:18px;border:1px solid #E6DDD2;background:#fff;box-sizing:border-box;color:#1F1B16;transition:border-color .25s ease,box-shadow .25s ease}
.hv-root .wb:hover,.hv-root .wb:focus-visible{border-color:#D6C9BA;box-shadow:0 12px 28px rgba(74,61,49,.08)}
.hv-root .wb-av{display:flex;flex:none;padding-left:4px}
.hv-root .wb-av img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px rgba(74,61,49,.12);display:block}
.hv-root .wb-av img+img{margin-left:-16px}
.hv-root .wb-tx{flex:1;min-width:0}
.hv-root .wb-t{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}
.hv-root .wb-s{display:block;font-size:14px;line-height:1.5;color:#5E5246;margin-top:2px}
.hv-root .wb-go{width:40px;height:40px;border-radius:50%;background:#F3EEE8;display:flex;align-items:center;justify-content:center;flex:none;transition:background .25s ease,color .25s ease,transform .25s ease}
.hv-root .wb:hover .wb-go,.hv-root .wb:focus-visible .wb-go{background:#4E5A2E;color:#fff;transform:translateX(3px)}
@media (max-width:640px){.hv-root .wb{align-items:center;gap:12px;padding:16px;margin-top:16px;flex-wrap:wrap}
.hv-root .wb-av img{width:38px;height:38px}
.hv-root .wb-av img+img{margin-left:-14px}
.hv-root .wb-go{width:34px;height:34px;align-self:center;order:1;margin-left:auto}
.hv-root .wb-tx{flex:1 1 100%;order:2}}
.hv-root .page-h1{margin:0;font-size:clamp(40px,4.4vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#1F1B16}
@media (max-width:640px){.hv-root .page-h1{font-size:36px}}
@media (min-width:641px){.hv-root h1.page-h1{margin-bottom:10px!important}}
.hv-root{position:relative;padding-bottom:20px}
.hv-root .hv-head{padding-top:36px}
.hv-root h1.page-h1{margin:0}
.hv-root .hv-hw{padding-top:24px}
.hv-root .hv-count{margin:20px 4px 0;font-size:14px;font-weight:700;color:#9F8B72}
.hv-root .hv-sec{padding-top:20px}
.hv-root .hv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;border-radius:24px;background:#fff;border:1px solid #EDE7DF;box-shadow:0 24px 48px -40px rgba(47,39,34,.4)}
.hv-root .hf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hv-root .hv-search{position:relative;flex:1 1 220px;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border-radius:16px;background:#F7F3EE}
.hv-root .hv-search input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15px;color:#1F1B16;outline:none}
.hv-root .hv-sels{display:flex;flex-wrap:wrap;gap:8px}
.hv-root .hv-sel{position:relative;display:flex;align-items:center;height:48px;border-radius:999px;background:#F7F3EE;transition:background .2s ease}
.hv-root .hv-sel-t{padding:0 38px 0 18px;font-size:14.5px;font-weight:700;color:#1F1B16;white-space:nowrap;pointer-events:none}
.hv-root .hv-sel select{position:absolute;inset:0;width:100%;opacity:0;appearance:none;-webkit-appearance:none;border:0;font:inherit;cursor:pointer}
.hv-root .hv-sel:focus-within{box-shadow:0 0 0 2px #B9C98B}
.hv-root .hv-sel svg{position:absolute;right:14px;pointer-events:none}
.hv-root .hv-sel:hover{background:#EFE8DF}
.hv-root .hv-sel.on{background:#4E5A2E}
.hv-root .hv-sel.on .hv-sel-t{color:#fff}
.hv-root .hv-sel.on svg path{stroke:#fff}
.hv-root .hv-reset{height:48px;padding:0 18px;border:0;border-radius:999px;background:none;font:inherit;font-size:14px;font-weight:800;color:#7A6652;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hv-root .hv-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;padding:0 8px}
.hv-root .hv-f{display:flex;align-items:center;gap:10px;min-width:0}
.hv-root .hv-ic{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center}
.hv-root .hv-ic svg{width:26px;height:26px}
.hv-root .hv-l{display:block;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9F8B72}
.hv-root .hv-v{display:block;margin-top:2px;font-size:14.5px;font-weight:800;color:#1F1B16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-root .hv-none{margin:24px 0 0;padding:28px;border-radius:24px;background:#F7F3EE;text-align:center;font-weight:700;color:#7A6652}
.hv-root .hv-sec2{padding-top:28px}
.hv-root .hv-wb{max-width:none;margin:28px 0 0;text-decoration:none;border:0;border-radius:24px;background:#F3EEE8}
.hv-root .hv-wb:hover,.hv-root .hv-wb:focus-visible{background:#EDE6DD;box-shadow:none}
.hv-root .hv-wb .wb-go{background:#fff}
.hv-root .hv-wb .wb-av img{border-color:#F3EEE8}
.hv-root .hv-next{padding-top:56px}
.hv-root .hv-next-h{margin:0;font-size:24px;font-weight:800;letter-spacing:-.025em;color:#1F1B16}
.hv-root .hv-next-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.hv-root .hv-nc{display:flex;align-items:center;gap:14px;min-height:84px;padding:16px 16px 16px 18px;border-radius:24px;background:#F3EEE8;color:#1F1B16;text-decoration:none;transition:background .25s ease,transform .3s ease}
.hv-root .hv-nc:hover{background:#EDE5DA;transform:translateY(-2px)}
.hv-root .hv-nc-ic{width:48px;height:48px;flex:none;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center}
.hv-root .hv-nc-t{flex:1;font-size:16px;font-weight:800;line-height:1.3}
.hv-root .hv-nc-go{width:42px;height:42px;flex:none;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(47,39,34,.09);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.hv-root .hv-nc:hover .hv-nc-go{transform:rotate(45deg)}
@media (max-width:900px){.hv-root .hv-next-g{grid-template-columns:1fr}}
@media (max-width:640px){.hv-root .hv-next{padding-top:40px}
.hv-root .hv-next-h{font-size:21px}
.hv-root .hv-wb{flex-wrap:wrap;gap:12px;padding:16px}
.hv-root .hv-wb .wb-go{order:1;margin-left:auto}
.hv-root .hv-wb .wb-tx{flex:1 1 100%;order:2}}
.hv-root .hw{border-radius:26px;background:#F3EEE8}
.hv-root .hw-top{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:0;background:none;font:inherit;text-align:left;cursor:pointer}
.hv-root .hw-ic{width:48px;height:48px;flex:none;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:center}
.hv-root .hw-h{flex:1;font-size:17px;font-weight:800;color:#1F1B16}
.hv-root .hw-chev{width:38px;height:38px;flex:none;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .35s ease}
.hv-root .hw.open .hw-chev{transform:rotate(180deg)}
.hv-root .hw-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}
.hv-root .hw.open .hw-body{grid-template-rows:1fr}
.hv-root .hw-in{overflow:hidden}
.hv-root .hw-in p{margin:0;padding:0 26px 24px 80px;font-size:15.5px;line-height:1.75;color:#5E5246;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:640px){.hv-root .hv-head{padding-top:24px}
.hv-root .hv-bar{padding:8px;border-radius:20px}
.hv-root .hv-search{flex-basis:100%}
.hv-root .hv-sels{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.hv-root .hv-sel{height:44px;min-width:0}
.hv-root .hv-sel-t{padding:0 30px 0 14px;font-size:14px;overflow:hidden;text-overflow:ellipsis}
.hv-root .hv-sel svg{right:11px}
.hv-root .hv-reset{width:100%;height:36px}
.hv-root .hv-facts{gap:10px 6px;padding:0 6px}
.hv-root .hv-count{margin-top:16px}
.hv-root .hv-nc{min-height:68px;padding:12px 12px 12px 14px;border-radius:20px}
.hv-root .hv-nc-ic{width:42px;height:42px;border-radius:13px}
.hv-root .hv-nc-go{width:38px;height:38px}
.hv-root .hv-next-g{gap:10px;margin-top:14px}
.hv-root .hv-wb{margin-top:20px}
.hv-root .hw-top{padding:12px 12px}
.hv-root .hw-ic{width:42px;height:42px}
.hv-root .hv-hw{padding-top:18px}
.hv-root .hw-in p{padding:0 18px 20px;font-size:15px;text-align:left;-webkit-hyphens:manual;hyphens:manual}
.hv-root .hw-h{font-size:15.5px}}
.hv-root{overflow-x:clip}
.hv-root .hv-meta{display:flex;align-items:center;gap:14px;margin-top:18px;padding:0 4px}
.hv-root .hv-meta .hv-count{margin:0}
.hv-root .hv-meta .hv-reset{height:auto;padding:0;width:auto}
.hv-root .hv-hide{display:none}
.hv-root .sx-i{display:flex}
.hv-root .sx-no{display:none}
.hv-root .fl{width:18px;height:18px;flex:none;border-radius:50%;overflow:hidden;display:inline-flex;flex-direction:column;box-shadow:0 0 0 1px rgba(31,27,22,.12)}
.hv-root .fl i{flex:1}
.hv-root .fl-de i:nth-child(1){background:#1F1B16}
.hv-root .fl-de i:nth-child(2){background:#D2222D}
.hv-root .fl-de i:nth-child(3){background:#F2C230}
.hv-root .fl-sk i:nth-child(1){background:#fff}
.hv-root .fl-sk i:nth-child(2){background:#1E4FA8}
.hv-root .fl-sk i:nth-child(3){background:#D2222D}
.hv-root .fl-sk{position:relative}
.hv-root .fl-sk::after{content:"";position:absolute;left:17%;top:20%;width:38%;height:60%;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'><path d='M1 1H19V12C19 18 14 21.5 10 23C6 21.5 1 18 1 12Z' fill='%23fff'/><path d='M2.6 2.6H17.4V12C17.4 17 13.5 20 10 21.3C6.5 20 2.6 17 2.6 12Z' fill='%23D2222D'/><path d='M9 4.5H11V16.5H9ZM6.6 7.4H13.4V9.2H6.6ZM5.2 10.6H14.8V12.6H5.2Z' fill='%23fff'/><path d='M3.4 16.6C5 14.6 7.6 14.4 10 16.2C12.4 14.4 15 14.6 16.6 16.6C15 18.9 12.6 20.4 10 21.3C7.4 20.4 5 18.9 3.4 16.6Z' fill='%231E4FA8'/></svg>") center/contain no-repeat}
.hv-root .hv-ic .fl{width:24px;height:24px}
.hv-root .hg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:14px}
.hv-root .hg-card{display:flex;flex-direction:column;border-radius:26px;background:#fff;border:1px solid #EDE7DF;color:#1F1B16;text-decoration:none;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;animation:hvIn .5s cubic-bezier(.2,.75,.15,1) both}
.hv-root .hg-card:hover{transform:translateY(-5px);box-shadow:0 30px 56px -36px rgba(47,39,34,.55)}
.hv-root .hg-ph{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#F3EEE8}
.hv-root .hg-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hv-root .hg-card:hover .hg-ph img{transform:scale(1.05)}
.hv-root .hg-b{display:flex;flex-direction:column;gap:4px;padding:14px 14px 16px 16px}
.hv-root .hg-meta{display:grid;grid-template-columns:auto auto;justify-content:start;gap:6px 14px;margin-top:4px}
.hv-root .hg-m{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#3A342C;white-space:nowrap}
.hv-root .hg-mi{width:20px;height:20px;flex:none;display:flex;align-items:center;justify-content:center}
.hv-root .hg-mi svg{width:20px;height:20px}
.hv-root .hg-mi .fl{width:17px;height:17px}
.hv-root .hg-more{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:30px}
.hv-root .hg-of{font-size:13.5px;font-weight:700;color:#9F8B72}
.hv-root .hg-mbtn{height:52px;padding:0 28px;border:0;border-radius:999px;background:#4E5A2E;color:#fff;font:inherit;font-size:15.5px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s ease}
.hv-root .hg-mbtn:hover{background:#3B4522;transform:translateY(-2px)}
.hv-root .sw{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:56px;align-items:center;margin-top:20px}
.hv-root .sw-deck{position:relative;height:560px;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.hv-root .sw-cap{display:none;position:absolute;left:18px;right:18px;bottom:18px;z-index:2;flex-direction:column;gap:4px;color:#fff}
.hv-root .sw-name{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1}
.hv-root .sw-side{display:flex;flex-direction:column;gap:24px;min-width:0}
.hv-root .si.on{display:flex;flex-direction:column;gap:22px}
.hv-root .si-name{margin:0;font-size:clamp(44px,5vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1;color:#1F1B16}
.hv-root .si-facts{padding:20px;border-radius:24px;background:#F7F3EE;gap:18px 12px}
.hv-root .si-go{display:inline-flex;align-self:flex-start;align-items:center;gap:14px;min-height:56px;padding:6px 6px 6px 26px;border-radius:999px;background:#4E5A2E;color:#fff;font-size:16px;font-weight:800;text-decoration:none}
.hv-root .si-go:hover{background:#3B4522}
.hv-root .si-go-ic{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.hv-root .si-go:hover .si-go-ic{transform:rotate(45deg)}
.hv-root .sw-nav{display:flex;align-items:center;gap:14px}
.hv-root .sw-count{min-width:64px;text-align:center;font-size:15px;font-weight:800;color:#7A6652;font-variant-numeric:tabular-nums}
@media (max-width:1000px){.hv-root .hg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.hv-root .sw{grid-template-columns:1fr;gap:24px;max-width:520px;margin-left:auto;margin-right:auto}}
@media (max-width:640px){.hv-root .hv-meta{flex-wrap:wrap;gap:10px}
.hv-root .hg{grid-template-columns:1fr;gap:16px;margin-top:12px}
.hv-root .hg-card{border-radius:20px}
.hv-root .hg-b{padding:10px 10px 12px 12px;gap:2px}
.hv-root .hg-meta{grid-template-columns:1fr;gap:5px}
.hv-root .hg-m{font-size:12px;gap:4px}
.hv-root .hg-mi,.hv-root .hg-mi svg{width:17px;height:17px}
.hv-root .hg-mbtn{width:100%}
.hv-root .sw-deck{height:auto;aspect-ratio:4/5;margin-right:22px}
.hv-root .sw-cap{display:flex}
.hv-root .si-name{display:none}
.hv-root .si-go{align-self:stretch;justify-content:space-between}
.hv-root .sw-nav{justify-content:center}}
.hv-root .hg-card{border:0;border-radius:28px;background:#fff;box-shadow:0 0 0 1px rgba(47,39,34,.06),0 24px 48px -32px rgba(74,61,49,.45);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1);-webkit-tap-highlight-color:transparent}
.hv-root .hg-card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(47,39,34,.06),0 34px 60px -34px rgba(74,61,49,.55)}
.hv-root .hg-card:active{transform:scale(.97);transition-duration:.15s}
.hv-root .hg-ph{aspect-ratio:4/5;border-radius:28px 28px 0 0}
.hv-root .hg-ph img{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.hv-root .hg-b{padding:14px 16px 16px}
.hv-root .hg-meta{margin-top:0}
.hv-root .hg-mbtn{transition:transform .2s ease,background .2s ease}
.hv-root .hg-mbtn:active{transform:scale(.97)}
@media (max-width:640px){.hv-root .hg{gap:12px}
.hv-root .hg-card{border-radius:22px}
.hv-root .hg-ph{border-radius:22px 22px 0 0}
.hv-root .hg-b{padding:10px 12px 12px}
.hv-root .hg-card:hover{transform:none}}
@media (hover:none){.hv-root .hg-card:hover{transform:none}
.hv-root .hg-card:hover .hg-ph img{transform:none}}
.hv-root .hg-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;margin-top:0}
.hv-root .hg-m{display:flex;align-items:center;gap:8px;min-width:0;font-size:inherit;white-space:normal}
.hv-root .hg-mi{width:24px;height:24px;flex:none;display:flex;align-items:center;justify-content:center}
.hv-root .hg-mi svg{width:22px;height:22px}
.hv-root .hg-mi .fl{width:20px;height:20px}
.hv-root .hg-mt{display:flex;flex-direction:column;min-width:0}
.hv-root .hg-ml{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9F8B72;line-height:1.3}
.hv-root .hg-mv{font-size:13.5px;font-weight:800;color:#1F1B16;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.hv-root .hg-ph{aspect-ratio:4/3}
.hv-root .hg-b{padding:16px 18px 18px}
.hv-root .hg-meta{gap:14px 10px}
.hv-root .hg-mv{font-size:14.5px}
.hv-root .hg-ml{font-size:10.5px}
.hv-root .hg-mi svg{width:24px;height:24px}
.hv-root .hg-mi .fl{width:22px;height:22px}
.hv-root .hg-mi{width:26px;height:26px}}
@media (prefers-reduced-motion:reduce){.hv-root .hg-card{animation:none;transition:none}}
.hv-root .hg-card{position:relative;overflow:hidden;border-radius:30px;background:#E9E1D6;isolation:isolate;-webkit-tap-highlight-color:transparent}
.hv-root .hg-ph img{will-change:transform}
.hv-root .hv-sel,.hv-root .hg-mbtn,.hv-root .si-go,.hv-root .hw-top{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.hv-root .hg-ph{aspect-ratio:4/5!important;border-radius:0!important}
.hv-root .hg-b{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:12px;padding:16px 16px 16px!important;border-radius:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 30px -20px rgba(31,27,22,.5);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.hv-root .hg-card:hover .hg-b{transform:translateY(-4px)}
.hv-root .hg-nm{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#1F1B16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:12px;border-bottom:1px solid #EDE7DF}
.hv-root .hg-meta{gap:10px 8px!important}
@media (max-width:640px){.hv-root .hg-card{border-radius:26px}
.hv-root .hg-ph{aspect-ratio:1/1!important}
.hv-root .hg-b{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;left:8px;right:8px;bottom:8px;padding:14px!important;border-radius:20px;gap:10px}
.hv-root .hg-nm{font-size:22px}
.hv-root .hg-mv{font-size:14px!important}}
.hv-root .hg-ph img{object-position:center 25%}
.hv-root .hv-fbtn{display:none}
@media (max-width:640px){.hv-root .hv-bar{flex-wrap:nowrap}
.hv-root .hv-search{flex:1 1 auto!important;min-width:0}
.hv-root .hv-fbtn{display:inline-flex;flex:none;align-items:center;gap:8px;height:48px;padding:0 16px;border:0;border-radius:16px;background:#F7F3EE;font:inherit;font-size:14.5px;font-weight:800;color:#1F1B16;cursor:pointer;-webkit-tap-highlight-color:transparent}
.hv-root .hv-fbtn.open{background:#4E5A2E;color:#fff}
.hv-root .hv-fn{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#4E5A2E;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.hv-root .hv-fbtn.open .hv-fn{background:#fff;color:#4E5A2E}
.hv-root .hv-bar{flex-wrap:wrap}
.hv-root .hv-search{flex:1 1 0!important}
.hv-root .hv-sels{display:none!important}
.hv-root .hv-sels.open{display:grid!important;animation:fsIn .3s ease}}
.hv-root .hw-in p{font-size:16px!important;font-weight:400!important;line-height:1.7!important}
.hv-root .hg-ml,.hv-root .hv-l{font-size:11px!important}
.hv-root .hg-mv,.hv-root .hv-v{font-weight:400!important;color:#3A342C!important}
.hv-root .hg-ml,.hv-root .hv-l{font-weight:500!important}
.hv-root .hb-head{padding-top:28px!important}
.hv-root .hb-ht{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.hv-root .hb-ht h1.page-h1{margin:0!important}
.hv-root .hv-hw{padding-top:18px}
.hv-root .hv-sec{padding-top:12px}
.hv-root .hv-meta{margin-top:12px}
.hv-root .hg{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:12px}
.hv-root .hg-card{background:#fff;border-radius:24px;box-shadow:0 0 0 1px #EDE7DF,0 20px 40px -32px rgba(74,61,49,.45)}
.hv-root .hg-ph{aspect-ratio:4/5!important;border-radius:0!important}
.hv-root .hg-b.hb-b{position:relative;left:auto;right:auto;bottom:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0 14px 16px!important;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transform:none!important}
.hv-root .hb-tag{position:relative;z-index:1;display:inline-flex;align-items:center;max-width:100%;height:44px;margin-top:-22px;padding:0 18px;box-sizing:border-box;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(47,39,34,.06),0 12px 22px -12px rgba(47,39,34,.5);transform:rotate(-2deg);transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.hv-root .hg-card:hover .hb-tag{transform:rotate(0) translateY(-3px)}
.hv-root .hb-nm{min-width:0;padding:0;border:0;font-size:22px;line-height:1;letter-spacing:-.03em}
.hv-root .hb-b .hg-meta{align-self:stretch;margin:0}
@media (max-width:1100px){.hv-root .hg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.hv-root .hg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hv-root .hb-head{padding-top:20px!important}
.hv-root .hv-hw{padding-top:14px}
.hv-root .hg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hv-root .hg-card{border-radius:18px}
.hv-root .hg-b.hb-b{gap:9px;padding:0 9px 11px!important}
.hv-root .hb-tag{height:36px;margin-top:-18px;padding:0 12px;border-radius:11px}
.hv-root .hb-nm{font-size:17px}
.hv-root .hb-b .hg-meta{grid-template-columns:1fr!important;gap:8px!important}
.hv-root .hb-b .hg-mv{font-size:13px!important}}
@media (prefers-reduced-motion:reduce){.hv-root .hb-tag{transition:none}}
.hv-root .hg-card{padding:8px;border-radius:28px;background:#F3EEE8;box-shadow:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.hv-root .hg-card:hover{box-shadow:0 30px 52px -34px rgba(74,61,49,.6)}
.hv-root .hg-ph{border-radius:21px!important}
.hv-root .hg-b.hb-b{gap:10px;padding:0 6px 6px!important}
.hv-root .hb-tag{margin-left:8px;background:#4E5A2E;box-shadow:0 12px 22px -12px rgba(78,90,46,.75)}
.hv-root .hb-nm{color:#fff}
.hv-root .hb-b .hg-meta{padding:12px;border-radius:18px;background:#fff}
.hv-root .hb-b .hg-mi{width:34px;height:34px;border-radius:10px;background:#F7F3EE}
.hv-root .hb-b .hg-mi svg{width:20px;height:20px}
.hv-root .hb-b .hg-mi .fl{width:18px;height:18px}
@media (max-width:640px){.hv-root .hg-card{padding:6px;border-radius:20px}
.hv-root .hg-ph{border-radius:15px!important}
.hv-root .hg-b.hb-b{gap:8px;padding:0 3px 3px!important}
.hv-root .hb-tag{margin-left:5px}
.hv-root .hb-b .hg-meta{padding:9px;border-radius:14px}
.hv-root .hb-b .hg-mi{width:28px;height:28px;border-radius:8px}
.hv-root .hb-b .hg-mi svg{width:17px;height:17px}
.hv-root .hb-b .hg-mi .fl{width:15px;height:15px}}
.hv-root .hg{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hv-root .hv-meta .hv-count{display:none}
.hv-root .hb-tag{height:40px;max-width:calc(100% - 16px);padding:0 18px;border-radius:10px;background:#fff;transform:none;box-shadow:inset 0 0 0 1.5px #1F1B16,inset 0 0 0 4px #fff,inset 0 0 0 5px rgba(31,27,22,.25),0 12px 22px -14px rgba(31,27,22,.45)}
.hv-root .hg-card:hover .hb-tag{transform:translateY(-3px)}
.hv-root .hb-nm{color:#1F1B16;font-size:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
@media (max-width:860px){.hv-root .hg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hv-root .hg{gap:10px}
.hv-root .hb-tag{height:34px;max-width:calc(100% - 10px);padding:0 12px;border-radius:8px}
.hv-root .hb-nm{font-size:13px;letter-spacing:.1em}}
.hv-root .hg-b.hb-b{position:absolute;left:18px;right:18px;bottom:18px;gap:12px;padding:14px!important;border-radius:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 32px -18px rgba(31,27,22,.6)}
.hv-root .hb-tag{margin:-34px 0 0}
.hv-root .hb-b .hg-meta{padding:0;border-radius:0;background:none}
@media (max-width:640px){.hv-root .hg{grid-template-columns:1fr;gap:16px}
.hv-root .hg-card{padding:7px;border-radius:24px}
.hv-root .hg-ph{border-radius:18px!important}
.hv-root .hg-b.hb-b{left:15px;right:15px;bottom:15px;gap:10px;padding:12px!important;border-radius:16px}
.hv-root .hb-tag{height:36px;margin-top:-30px;padding:0 14px;max-width:calc(100% - 8px)}
.hv-root .hb-nm{font-size:14px}
.hv-root .hb-b .hg-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 8px!important}}
.hv-root .hg-b.hb-b{position:relative;z-index:1;left:auto;right:auto;bottom:auto;margin:-64px 10px 4px}
@media (max-width:640px){.hv-root .hg-b.hb-b{left:auto;right:auto;bottom:auto;margin:-56px 8px 3px}}
.hv-root .hg-card{padding:0;overflow:visible;border-radius:28px;background:none;box-shadow:none}
.hv-root .hg-card:hover{box-shadow:none}
.hv-root .hg-ph{border-radius:28px!important;background:#E0D7CF;box-shadow:0 26px 48px -22px rgba(74,61,49,.45)}
.hv-root .hg-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,13,0) 45%,rgba(20,17,13,.72) 100%);pointer-events:none}
.hv-root .hg-b.hb-b{margin:-44px 14px 0;padding:16px 18px!important;border-radius:22px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 24px 50px -18px rgba(74,61,49,.3)}
.hv-root .hb-tag{position:absolute;left:12px;right:12px;bottom:100%;height:auto;max-width:none;margin:0 0 16px;padding:0;border-radius:0;background:none;box-shadow:none;transform:none}
.hv-root .hg-card:hover .hb-tag{transform:none}
.hv-root .hb-nm{display:block;color:#fff;font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;text-transform:none}
.hv-root .hb-b .hg-mi{width:34px;height:34px;border-radius:0;background:none}
.hv-root .hb-b .hg-mi svg{width:30px;height:30px;overflow:visible}
.hv-root .hb-b .hg-mi .fl{width:22px;height:22px}
@media (max-width:640px){.hv-root .hg-ph{border-radius:24px!important}
.hv-root .hg-b.hb-b{margin:-40px 12px 0;padding:14px 16px!important;border-radius:20px}
.hv-root .hb-tag{left:10px;right:10px;height:auto;margin:0 0 14px;padding:0;max-width:none}
.hv-root .hb-nm{font-size:28px}
.hv-root .hb-b .hg-mi{width:30px;height:30px}
.hv-root .hb-b .hg-mi svg{width:26px;height:26px}
.hv-root .hb-b .hg-mi .fl{width:20px;height:20px}}
.hv-root .hg{row-gap:40px}
.hv-root .hv-meta:not(:has(.hv-reset)){display:none}
.hv-root .hb-b .hg-m{position:relative}
.hv-root .hb-b .hg-ml{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hv-root .hb-b .hg-mv{font-size:15px!important;color:#1F1B16!important}
.hv-root .hg-b.hb-b{padding:14px 18px!important}
@media (max-width:640px){.hv-root .hg{row-gap:28px}
.hv-root .hg-b.hb-b{padding:12px 16px!important}
.hv-root .hb-b .hg-mv{font-size:14.5px!important}}
.hv-root .hb-b .hg-ml{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:12.5px!important;font-weight:500!important;letter-spacing:0;text-transform:none;color:#7A6652;line-height:1.3}
.hv-root .hw{background:#FBF4E4;box-shadow:inset 0 0 0 1.5px #EBC265}
.hv-root .hw-tx{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.hv-root .hw-tx .hw-h{flex:none}
.hv-root .hw-sum{font-size:14.5px;line-height:1.45;color:#5E5246}
.hv-root .hw-more{flex:none;font-size:14px;font-weight:600;color:#1F1B16;text-decoration:underline;text-decoration-color:#EBC265;text-decoration-thickness:2px;text-underline-offset:4px}
.hv-root .hw.open .hw-more{visibility:hidden}
.hv-root .hw-top:focus-visible{outline:3px solid #4E5A2E;outline-offset:3px;border-radius:26px}
.hv-root .hg-card:focus-visible{outline:3px solid #4E5A2E;outline-offset:5px}
@media (max-width:640px){.hv-root .hw-sum{font-size:13.5px}
.hv-root .hw-more{display:none}}
.hv-root .hw{background:#F3EEE8;box-shadow:none}
.hv-root .hw-h{font-weight:600;letter-spacing:-.01em}
.hv-root .hw-more{text-decoration:none;color:#4E5A2E;font-weight:600;transition:color .2s ease}
.hv-root .hw-top:hover .hw-more{color:#1F1B16}
.hv-root .hw-top:hover .hw-chev{background:#4E5A2E}
.hv-root .hw-top:hover .hw-chev svg path{stroke:#fff}
.hv-root .hw-chev{transition:transform .35s ease,background .2s ease}
.hv-root .hw-chev svg path{transition:stroke .2s ease}
.hv-root .hg-b.hb-b{margin:-48px 10px 0;padding:20px 22px!important;border-radius:24px}
.hv-root .hb-b .hg-meta{gap:16px 12px!important}
.hv-root .hb-b .hg-m{gap:10px}
.hv-root .hb-b .hg-mi{width:38px;height:38px}
.hv-root .hb-b .hg-mi svg{width:33px;height:33px}
.hv-root .hb-b .hg-mi .fl{width:24px;height:24px}
.hv-root .hb-b .hg-ml{font-size:13.5px!important}
.hv-root .hb-b .hg-mv{font-size:16.5px!important}
@media (max-width:640px){.hv-root .hg-b.hb-b{margin:-44px 8px 0;padding:18px 18px!important;border-radius:22px}
.hv-root .hb-b .hg-meta{gap:14px 10px!important}
.hv-root .hb-b .hg-mi{width:34px;height:34px}
.hv-root .hb-b .hg-mi svg{width:29px;height:29px}
.hv-root .hb-b .hg-mi .fl{width:22px;height:22px}
.hv-root .hb-b .hg-ml{font-size:13px!important}
.hv-root .hb-b .hg-mv{font-size:16px!important}}
.hv-root .hb-tag{left:14px;right:14px;margin-bottom:18px}
.hv-root .hb-nm{font-size:36px;letter-spacing:-.035em;text-shadow:0 2px 14px rgba(20,17,13,.35)}
@media (max-width:640px){.hv-root .hb-tag{left:12px;right:12px;margin-bottom:16px}
.hv-root .hb-nm{font-size:30px}}
.hv-root .hb-b .hg-meta{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)!important}
.hv-root .hb-b .hg-m{gap:8px}
.hv-root .hb-b .hg-mi{width:34px;height:34px}
.hv-root .hb-b .hg-mi svg{width:30px;height:30px}
.hv-root .hb-b .hg-mv{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.hv-root .hw-in p{margin:0 16px 16px;padding:22px 26px;border-radius:20px;background:#fff;font-size:16px!important;line-height:1.75!important;color:#3A342C;text-align:left;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:640px){.hv-root .hw-in p{margin:0 10px 10px;padding:16px;border-radius:16px;font-size:15px!important;line-height:1.7!important}}
.hv-root .hv-meta,.hv-root .hv-meta:not(:has(.hv-reset)){display:flex}
.hv-root .hv-meta{margin-top:18px}
.hv-root .hv-meta .hv-count{display:inline;margin:0;font-size:15px;font-weight:600;color:#7A6652}
.hv-root .hv-bar{gap:8px;padding:8px;border:0;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(47,39,34,.06),0 16px 36px -22px rgba(74,61,49,.45)}
.hv-root .hv-search{height:50px;padding:0 20px;gap:12px;border-radius:999px;background:#F7F3EE;transition:box-shadow .2s ease}
.hv-root .hv-search input{font-size:15.5px}
.hv-root .hv-search:focus-within{box-shadow:0 0 0 3px rgba(78,90,46,.25)}
.hv-root .hv-sels{gap:6px}
.hv-root .hv-sel{height:50px;border-radius:999px;background:#F7F3EE;transition:background .2s ease,color .2s ease}
.hv-root .hv-sel:hover{background:#EFE8DF}
.hv-root .hv-sel-t{padding:0 40px 0 20px;font-size:15px;font-weight:600!important;color:#1F1B16}
.hv-root .hv-sel svg{right:16px}
.hv-root .hv-sel:focus-within{box-shadow:0 0 0 3px rgba(78,90,46,.25)}
.hv-root .hv-sel.on,.hv-root .hv-sel.on:hover{background:#4E5A2E}
.hv-root .hv-sel.on .hv-sel-t{color:#fff}
.hv-root .hv-reset{color:#4E5A2E;text-decoration:none;font-weight:600}
@media (max-width:640px){.hv-root .hv-bar{padding:6px;gap:6px;border-radius:26px}
.hv-root .hv-search{height:46px;padding:0 14px;gap:9px}
.hv-root .hv-fbtn{height:46px;padding:0 16px;border-radius:999px;background:#F7F3EE;font-weight:600}
.hv-root .hv-fbtn.open{background:#4E5A2E;color:#fff}
.hv-root .hv-sels.open{gap:6px;padding:2px 0}
.hv-root .hv-sel{height:46px}
.hv-root .hv-sel-t{padding:0 32px 0 16px;font-size:14.5px}}
@media (prefers-reduced-motion:reduce){.hv-root .hv-sel,.hv-root .hv-search{transition:none}}
.hv-root .hv-bar{gap:6px;padding:6px;border-radius:18px;box-shadow:0 0 0 1px rgba(47,39,34,.07),0 10px 28px -20px rgba(47,39,34,.35)}
.hv-root .hv-search{height:46px;padding:0 16px;gap:10px;border-radius:12px}
.hv-root .hv-search input{font-size:15px}
.hv-root .hv-sel{height:46px;border-radius:12px}
.hv-root .hv-sel-t{padding:0 36px 0 16px;font-size:14.5px;font-weight:500!important}
.hv-root .hv-sel svg{right:13px}
.hv-root .hv-search:focus-within,.hv-root .hv-sel:focus-within{box-shadow:0 0 0 2px #4E5A2E}
.hv-root .hv-reset{font-weight:500}
@media (max-width:640px){.hv-root .hv-bar{padding:5px;gap:5px;border-radius:16px}
.hv-root .hv-search{height:44px;border-radius:11px;padding:0 13px}
.hv-root .hv-fbtn{height:44px;border-radius:11px;font-weight:500}
.hv-root .hv-sel{height:44px;border-radius:11px}}
.hv-root .hv-bar{position:relative}
.hv-root .hf-glide{position:absolute;top:0;left:0;width:0;height:0;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #EFE8DE,0 2px 10px rgba(47,39,34,.10);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease;pointer-events:none;z-index:1}
.hv-root .hv-search svg,.hv-root .hv-search input{position:relative;z-index:2}
.hv-root .hv-sel-t{position:relative;z-index:2}
.hv-root .hv-sel svg{z-index:2}
.hv-root .hv-sel select{z-index:3}
.hv-root .hv-sel:hover{background:#F7F3EE}
.hv-root .hv-sel.on::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#4E5A2E;z-index:1}
@media (max-width:640px){.hv-root .hf-glide{border-radius:11px}}
@media (hover:none){.hv-root .hf-glide{display:none}
.hv-root .hv-sel:hover{background:#EFE8DF}}
@media (prefers-reduced-motion:reduce){.hv-root .hf-glide{transition:opacity .2s ease}}
.hv-root .hv-bar .hr-bar{position:relative;z-index:2;flex:none;display:inline-flex;align-items:center;height:46px;padding:0 18px;border:0;border-radius:12px;background:#EEF2E2;font:inherit;font-size:14.5px;font-weight:600;color:#4E5A2E;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease;animation:hrIn .3s ease both;-webkit-tap-highlight-color:transparent}
@media (hover:hover){.hv-root .hv-bar .hr-bar:hover{background:#4E5A2E;color:#fff}}
.hv-root .hv-bar .hr-bar:focus-visible{outline:2px solid #4E5A2E;outline-offset:2px}
@media (max-width:640px){.hv-root .hv-bar .hr-bar{justify-content:center;height:44px;padding:0 14px;border-radius:11px}}
@media (prefers-reduced-motion:reduce){.hv-root .hv-reset{animation:none}}
@keyframes fsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes hvIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hrIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
/* Reset as a small X: slides open and closed instead of jumping in */
.hv-root .hv-bar .hr-x{justify-content:center;width:46px;padding:0;margin-left:0;overflow:hidden;opacity:1;visibility:visible;animation:none;transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease,background .2s ease,color .2s ease,visibility 0s}
.hv-root .hv-bar .hr-x:not(.show){width:0;margin-left:-6px;opacity:0;visibility:hidden;pointer-events:none;transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility 0s .35s}
.hv-root .hv-bar .hr-x svg{flex:none}
@media (max-width:640px){.hv-root .hv-bar .hr-x{width:44px;padding:0;height:44px}
.hv-root .hv-bar .hr-x:not(.show){width:0;margin-left:-5px}}
.hv-root .hv-sel.hv-w{transition:width .35s cubic-bezier(.2,.8,.2,1),background .2s ease}
@media (prefers-reduced-motion:reduce){.hv-root .hv-bar .hr-x,.hv-root .hv-bar .hr-x:not(.show),.hv-root .hv-sel.hv-w{transition:none}}
@media (max-width:640px){.hv-root .hv-bar .hv-search{flex:1 1 0;min-width:0}
.hv-root .hv-bar .hr-x{order:1}
.hv-root .hv-bar .hv-sels{order:2}}
@media (max-width:640px){.hv-root .hv-bar .hv-search{padding:0 10px 0 12px;gap:8px}
.hv-root .hv-bar .hv-search input{text-overflow:ellipsis}
.hv-root .hv-bar .hv-fbtn{padding:0 11px;gap:7px}
.hv-root .hv-bar .hr-x{width:42px}}
.hv-root .hv-fbtn.hv-w{transition:width .35s cubic-bezier(.2,.8,.2,1),background .2s ease,color .2s ease}
.hv-root .hv-fbtn{white-space:nowrap;overflow:hidden;transition:background .2s ease,color .2s ease}
.hv-root .hv-fn:not([hidden]){animation:fnIn .3s cubic-bezier(.2,.8,.2,1) both}
.hv-root .hv-none:not([hidden]){animation:fsIn .35s ease both}
@media (max-width:640px){.hv-root .hv-sels.open{animation:none}}
@keyframes fnIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hv-root .hv-fn:not([hidden]),.hv-root .hv-none:not([hidden]){animation:none}}
/* The X keeps its place: muted when there is nothing to reset, so the bar never shifts */
.hv-root .hv-bar .hr-x,.hv-root .hv-bar .hr-x:not(.show){width:46px;margin-left:0;opacity:1;visibility:visible;transition:background .25s ease,color .25s ease}
.hv-root .hv-bar .hr-x:not(.show){background:#F7F3EE;color:#CFC3B5;pointer-events:none;cursor:default}
@media (max-width:640px){.hv-root .hv-bar .hr-x,.hv-root .hv-bar .hr-x:not(.show){width:42px;margin-left:0}}
/* No outline left behind after a click or tap; keyboard users still get it */
.hv-root .hv-bar:not(.kb) .hv-sel:focus-within{box-shadow:none}
.hv-root .hv-bar:not(.kb) .hr-bar:focus-visible{outline:none}
/* No dark outline on the filter fields at all; keyboard focus is shown by the white highlight */
.hv-root .hv-bar .hv-sel:focus-within,.hv-root .hv-bar .hv-search:focus-within,.hv-root .hv-bar.kb .hv-sel:focus-within{box-shadow:none}
.hv-root .hv-bar .hr-bar:focus-visible{outline:none}
.hv-root .hv-bar.kb .hr-x.show:focus-visible{background:#4E5A2E;color:#fff}
.hv-root .hv-bar.kb .hv-sel.on:focus-within::before{background:#3F4A24}
/* Wichtige Hinweise: one white card holding three short paragraphs */
.hv-root .hw-in .hw-card{margin:0 16px 16px;padding:22px 26px;border-radius:20px;background:#fff}
.hv-root .hw-in .hw-card p{margin:0;padding:0;border-radius:0;background:none;text-align:justify;text-justify:inter-word}
.hv-root .hw-in .hw-card p+p{margin-top:14px}
.hv-root .hw-h{text-wrap:balance}
@media (max-width:640px){.hv-root .hw-in .hw-card{margin:0 8px 8px;padding:18px 16px 20px;border-radius:16px}
.hv-root .hw-in .hw-card p{font-size:15.5px!important;line-height:1.65!important;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3;text-align:justify}
.hv-root .hw-in .hw-card p+p{margin-top:12px}
.hv-root .hw-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:10px;padding:14px 14px 16px}
.hv-root .hw-tx{display:contents}
.hv-root .hw-ic{grid-row:1;grid-column:1}
.hv-root .hw-h{grid-row:1;grid-column:2;font-size:16px;line-height:1.3}
.hv-root .hw-chev{grid-row:1;grid-column:3}
.hv-root .hw-sum{grid-row:2;grid-column:1/-1;font-size:14px;line-height:1.5;text-wrap:pretty}}
/* Card labels in capitals like the home dog bar; cards sized so they always fit */
.hv-root .hb-b .hg-ml{font-size:11px!important;font-weight:500!important;letter-spacing:.08em;text-transform:uppercase;color:#9F8B72;line-height:1.3;white-space:nowrap}
.hv-root .hb-b .hg-meta{grid-template-columns:auto auto!important;justify-content:space-evenly;column-gap:12px!important}
.hv-root .hb-b .hg-m{min-width:0}
.hv-root .hg-card{container-type:inline-size}
@media (max-width:1139px){.hv-root .hg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:759px){.hv-root .hg{grid-template-columns:minmax(0,560px);justify-content:center}}
@container (max-width:359px){.hv-root .hg-b.hb-b{margin:-44px 8px 0;padding:18px 16px!important}
.hv-root .hb-b .hg-meta{column-gap:10px!important}
.hv-root .hb-b .hg-m{gap:8px}
.hv-root .hb-b .hg-mi{width:32px;height:32px}
.hv-root .hb-b .hg-mi svg{width:28px;height:28px}
.hv-root .hb-b .hg-mi .fl{width:21px;height:21px}
.hv-root .hb-b .hg-mv{font-size:15.5px!important}}
@container (max-width:319px){.hv-root .hg-b.hb-b{margin:-40px 6px 0;padding:16px 13px!important}
.hv-root .hb-b .hg-meta{column-gap:8px!important}
.hv-root .hb-b .hg-m{gap:7px}
.hv-root .hb-b .hg-mi{width:28px;height:28px}
.hv-root .hb-b .hg-mi svg{width:25px;height:25px}
.hv-root .hb-b .hg-mi .fl{width:19px;height:19px}
.hv-root .hb-b .hg-ml{letter-spacing:.06em}
.hv-root .hb-b .hg-mv{font-size:15px!important}}
@container (max-width:279px){.hv-root .hg-b.hb-b{margin:-40px 5px 0;padding:15px 11px!important}
.hv-root .hb-b .hg-m{gap:6px}
.hv-root .hb-b .hg-mi{width:26px;height:26px}
.hv-root .hb-b .hg-mi svg{width:23px;height:23px}
.hv-root .hb-b .hg-mi .fl{width:18px;height:18px}
.hv-root .hb-b .hg-ml{font-size:10.5px!important;letter-spacing:.04em}
.hv-root .hb-b .hg-mv{font-size:14.5px!important}}
/* Info panel scales with the card so the facts fill the white box */
@media (max-width:759px){.hv-root .hg{grid-template-columns:minmax(0,460px)}}
.hv-root .hg-b.hb-b{padding:clamp(14px,5.4cqi,24px) clamp(11px,4.4cqi,20px)!important}
.hv-root .hb-b .hg-meta{row-gap:clamp(10px,4.4cqi,20px)!important}
.hv-root .hb-b .hg-m{gap:clamp(6px,2.7cqi,12px)}
.hv-root .hb-b .hg-mi{width:clamp(26px,10cqi,46px);height:clamp(26px,10cqi,46px)}
.hv-root .hb-b .hg-mi svg{width:clamp(23px,8.8cqi,40px);height:clamp(23px,8.8cqi,40px)}
.hv-root .hb-b .hg-mi .fl{width:clamp(18px,6.3cqi,29px);height:clamp(18px,6.3cqi,29px)}
.hv-root .hb-b .hg-ml{font-size:clamp(10px,3.15cqi,14px)!important}
.hv-root .hb-b .hg-mv{font-size:clamp(14px,5cqi,23px)!important}
/* Bigger dog cards: wider page on desktop, slimmer side margins on phones, taller info box */
.hv-root .wrap{max-width:1264px}
@media (max-width:759px){.hv-root .hg{grid-template-columns:minmax(0,480px)}}
.hv-root .hg-b.hb-b{padding:clamp(16px,6.4cqi,28px) clamp(11px,4.4cqi,20px)!important}
.hv-root .hb-b .hg-meta{row-gap:clamp(12px,5.2cqi,24px)!important}
.hv-root .hb-b .hg-mi{width:clamp(26px,10cqi,48px);height:clamp(26px,10cqi,48px)}
.hv-root .hb-b .hg-mi svg{width:clamp(23px,8.8cqi,42px);height:clamp(23px,8.8cqi,42px)}
.hv-root .hb-b .hg-mi .fl{width:clamp(18px,6.3cqi,30px);height:clamp(18px,6.3cqi,30px)}
.hv-root .hb-b .hg-ml{font-size:clamp(10px,3.15cqi,14.5px)!important}
.hv-root .hb-b .hg-mv{font-size:clamp(14px,5cqi,24px)!important}
/* Dog name: room for letters that go below the line (g, y, p) so they are not cut off */
.hv-root .hb-b .hb-nm{line-height:1.2;padding-bottom:.08em;margin-bottom:-.18em}
/* Info box: the same space on the left, in the middle and on the right (icons' built-in blank edge not counted) */
.hv-root .hg-b.hb-b{padding-left:0!important;padding-right:0!important}
.hv-root .hb-b .hg-meta{justify-content:space-evenly!important;column-gap:0!important}
.hv-root .hb-b .hg-m .hg-mi{margin-left:calc(clamp(26px,10cqi,48px)*-.18)}
/* Dog name grows with the card like the info text, so name and facts keep the desktop proportion on phones too */
.hv-root .hb-b .hb-nm{font-size:clamp(24px,9.3cqi,46px)}
/* Calmer info text: a little smaller everywhere and capped on tablets, name keeps the same proportion */
.hv-root .hb-b .hg-ml{font-size:clamp(10px,2.95cqi,12.5px)!important}
.hv-root .hb-b .hg-mv{font-size:clamp(13px,4.6cqi,20px)!important}
.hv-root .hb-b .hb-nm{font-size:clamp(24px,8.55cqi,37px)}
.hv-root .hb-b .hg-mi{width:clamp(25px,9.4cqi,42px);height:clamp(25px,9.4cqi,42px)}
.hv-root .hb-b .hg-mi svg{width:clamp(22px,8.3cqi,37px);height:clamp(22px,8.3cqi,37px)}
.hv-root .hb-b .hg-mi .fl{width:clamp(17px,5.9cqi,26px);height:clamp(17px,5.9cqi,26px)}
.hv-root .hb-b .hg-m .hg-mi{margin-left:calc(clamp(25px,9.4cqi,42px)*-.18)}
/* Pflegehunde in Deutschland: the same dog cards below the notice box */
.hv-root.hv-de{padding-top:0;padding-bottom:72px}
.hv-root.hv-de .hv-sec{padding-top:0}
@media (max-width:640px){.hv-root.hv-de{padding-bottom:48px}}

/* Hunde: call for foster homes, a yellow banner above the grid when Standort is Slowakei. Desktop: text left, dog bed right. Phone: dog bed on top, text centred */
.hv-root .hv-fos{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 24px;padding:30px 48px 30px 44px;box-sizing:border-box;border-radius:28px;background:#EBC265;color:#1F1B16;animation:hvFos .45s ease both}
.hv-root .hv-fos[hidden]{display:none}
.hv-root .hv-fos-t{margin:0;max-width:640px;font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.12;text-align:left;hyphens:manual;text-wrap:balance}
.hv-root .hv-fos-art{display:block;flex:none;width:220px;height:auto}
@keyframes hvFos{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hv-root .hv-fos{animation:none}}
@media (max-width:1100px){.hv-root .hv-fos-t{font-size:32px}.hv-root .hv-fos-art{width:180px}}
@media (max-width:640px){.hv-root .hv-fos{flex-direction:column-reverse;justify-content:center;gap:12px;margin-bottom:16px;padding:22px 20px;border-radius:22px}
.hv-root .hv-fos-t{font-size:22px;text-align:center}
.hv-root .hv-fos-art{width:140px}}