/* Shared v2.0 alignment: one header geometry, independent of page/widget CSS. */
.site-header{background:#062c40!important;color:#fff!important;padding:0!important;margin:0!important;border:0!important;border-bottom:1px solid #ffffff1c!important;box-sizing:border-box!important}
.site-header .header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;width:min(1240px,calc(100% - 80px))!important;height:84px!important;min-height:84px!important;max-height:none!important;margin:0 auto!important;padding:0!important;gap:24px!important;box-sizing:border-box!important}
.site-header .brand{display:block!important;width:390px!important;max-width:38%!important;flex-shrink:0!important;margin:0!important;padding:0!important;line-height:0!important}
.site-header .brand svg{display:block!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;aspect-ratio:1785 / 250!important}
.site-header .desktop-nav{gap:15px!important;margin:0!important;padding:0!important}
/* Section kickers and titles share a left edge, never a centred narrow wrapper. */
/* Taller copy must not vertically centre the photo and expose a navy band under the header. */
body .animal-hero-image,body .hero-image{align-self:start}
body .section-heading{max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
body .section-heading h2:after{left:0!important}
body .eyebrow{margin-left:0;margin-right:0;padding-left:0;text-indent:0;transform:none;line-height:1.5;letter-spacing:.11em}
body :is(.hero-copy,.animal-hero-copy,.family-hero-content,.knowledge-hero-copy,.about-intro,.faq-heading)>.eyebrow{font-size:13px;margin-top:0;margin-bottom:12px;text-align:left}
body :is(.hero-copy,.animal-hero-copy,.family-hero-content,.knowledge-hero-copy,.about-intro,.faq-heading)>:is(h1,h2){margin-left:0;margin-right:0;text-align:left}
@media(max-width:1340px){.site-header .brand{max-width:65%!important}}
@media(max-width:1100px){.site-header .header-inner{width:calc(100% - 48px)!important}.site-header .brand{width:390px!important}}
@media(max-width:560px){.site-header .header-inner{width:calc(100% - 30px)!important;height:69px!important;min-height:69px!important;gap:12px!important}.site-header .brand{width:270px!important;max-width:calc(100% - 60px)!important}body :is(.hero-copy,.animal-hero-copy,.family-hero-content,.knowledge-hero-copy,.about-intro,.faq-heading)>.eyebrow{font-size:12px;margin-bottom:11px}}
@media print{.site-header{display:none!important}}
/* Standalone funnels retain their phone link without crowding the original logo. */
@media(max-width:560px){.site-header:has(.header-phone) .brand{max-width:calc(100% - 125px)!important}.site-header .header-phone{flex-shrink:0}}

/* Shared accent rules: reuse the existing brand palette, keep navy/sky actions. */
:root{--accent-lilac:#babaff;--accent-lilac-soft:#eeecf4;--accent-lilac-line:#c9c5db}
/* One contact role, one colour across pages and both standalone funnels. */
body .care-contact .button[href^="https://wa.me/"]{background:linear-gradient(180deg,var(--accent-lilac),#adadee);color:#062c40!important;border-color:#8686ba;box-shadow:0 4px 0 #8686ba,0 7px 0 #d8c49a55,inset 0 1px 0 #ffffff65}
body .care-contact .button[href^="https://wa.me/"]:before{border-color:#ffffff70}
body .care-contact .button[href^="https://wa.me/"]:hover{background:linear-gradient(180deg,#c7c7ff,#babaff);box-shadow:0 6px 0 #8686ba,0 10px 13px #062c4020}
body .care-contact .button[href^="https://wa.me/"]:active{box-shadow:0 1px 0 #8686ba}
/* Contact triples read phone / WhatsApp / email in both visual and tab order. */
body .care-contact.contact-trio{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));justify-content:center;align-items:stretch}
body .care-contact.contact-trio .button{width:auto;min-width:0}
@media(max-width:650px){body .care-contact.contact-trio{grid-template-columns:minmax(0,1fr);width:100%;max-width:360px;margin-inline:auto}body .care-contact.contact-trio .button{width:100%}}
/* Small recurring accents, never a replacement for the main page surfaces. */
body :is(.benefit-card,.animal-choice,.service-tile,.faq-topic-card,.family-package) .tile-label{background:#babaff12;border-color:#babaff45;color:#e2e0ff}
body :is(.reason-icon,.faq-paw){background:var(--accent-lilac-soft)}
body :is(.why-us,.knowledge-summary){border-color:var(--accent-lilac-line)}
body .knowledge-opinion:before{border-color:#babaff66}
body .knowledge-card-meta{color:#d7d2e8}

/* One spacing rule for added topic illustrations. */
.insurance-guide-card>.tile-symbol,.family-holder-card>.tile-symbol{margin-bottom:20px}
.animal-hero h1{overflow-wrap:break-word;hyphens:auto}

.brand-proof{padding-block:22px;color:#153b4c}.brand-proof p{margin:0 0 8px;line-height:1.7;font-size:16px}.brand-proof a{font-size:15px}.review-text{max-width:1000px;margin:25px auto;text-align:left}.review-text>p{line-height:1.65}.review-excerpts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.review-excerpts figure{margin:0;padding:22px;background:#fffcf4;border:1px solid #dcca9f;border-radius:24px 18px 27px 20px}.review-excerpts blockquote{margin:0 0 14px;font-size:18px;line-height:1.45}.review-excerpts figcaption,.review-source{font-size:13px;color:#56646a}.about-profile-links{max-width:1080px;margin:20px auto 50px;padding:0 24px;line-height:2}@media(max-width:700px){.review-excerpts{grid-template-columns:1fr}.brand-proof p{font-size:15px}}

/* Appointment option below the existing three contact channels. */
body .care-contact.contact-trio .booking-contact{grid-column:1/-1;justify-self:stretch}
/* Keep long German words and contact content inside narrow viewports. */
.mission-grid{grid-template-columns:minmax(0,1fr)}.mission-grid>*{min-width:0}.mission-copy{width:100%;overflow-wrap:anywhere}
@media(max-width:560px){main :is(h1,h2,h3,.faq-question-heading){overflow-wrap:anywhere;hyphens:auto}main .care-contact{max-width:100%;min-width:0}main .care-contact .button{max-width:100%;white-space:normal}}