/* Buddies — design tokens, keyframes and page CSS.
   Lifted verbatim from the four design files, then scoped.

   WHY THE SCOPING: each design file redefines the same helper selectors with
   different values ([data-grid2] gap 24px vs 32px, [data-buddy] 4.2s vs 1.5s,
   and each file restyles bare <a>). Flattened into one file they overwrite each
   other. Tokens and @keyframes are shared, so they stay global; everything else
   is scoped to the body class the plugin adds for that page family.

   The Google Fonts CDN link in the client's export is deliberately NOT here:
   the brief requires self-hosted fonts, and a German site calling Google's font
   servers is a GDPR exposure. See fonts.css. */

html{overflow-x:hidden}
body.buddies-page{background:var(--surface-page);overflow-x:hidden}

:root{
/* Brand palette — exactly the five colours in the brand book */
--blue-500:#2660FF; --gold-500:#EFAB00; --white:#FFFFFF; --black:#000000; --sand-100:#F7F2ED;

/* Tints & shades, derived only for states/depth. Never introduce new hues. */
--blue-700:#1B47C4; --blue-600:#2154DC; --blue-400:#5480FF; --blue-200:#B8CBFF; --blue-050:#EDF2FF;
--gold-700:#B98600; --gold-600:#D69A00; --gold-300:#F7CE63; --gold-100:#FCEFCE;
--sand-200:#EEE6DD; --sand-300:#E2D7CB;
--ink-800:#1A1A1A; --ink-600:#3D3D3D; --ink-400:#6E6A66; --ink-200:#B4AFA9;

/* Semantic aliases — reach for these first */
--brand:var(--blue-500); --brand-hover:var(--blue-600); --brand-press:var(--blue-700);
--accent:var(--gold-500); --accent-hover:var(--gold-600); --accent-press:var(--gold-700);

--surface-page:var(--sand-100);
--surface-card:var(--white);
--surface-raised:var(--white);
--surface-inverse:var(--blue-500);
--surface-muted:var(--sand-200);
--surface-accent-soft:var(--gold-100);
--surface-brand-soft:var(--blue-050);

--text-heading:var(--black);
--text-body:var(--ink-600);
--text-muted:var(--ink-400);
--text-on-brand:var(--white);
--text-on-accent:var(--black);
--text-link:var(--blue-500);
--text-link-hover:var(--blue-700);

--border-subtle:var(--sand-300);
--border-strong:var(--black);
--border-brand:var(--blue-500);

--focus-ring:var(--blue-500);
--sketch-ink:var(--black);
}
:root{
--font-heading:"M PLUS 2","Hiragino Sans",system-ui,sans-serif;
--font-body:"Lato",system-ui,-apple-system,sans-serif;

--weight-heading:800; --weight-heading-alt:800;
--weight-body-light:300; --weight-body:400; --weight-body-bold:700;

/* Display / heading scale — always caps, always tight */
--text-display:clamp(40px,6vw,88px);
--text-h1:clamp(32px,4.4vw,60px);
--text-h2:clamp(26px,3vw,40px);
--text-h3:22px;
--text-h4:17px;
--text-eyebrow:13px;

/* Body scale */
--text-lead:20px; --text-body-lg:18px; --text-body-md:16px; --text-body-sm:14px; --text-caption:12px;

--leading-display:1.02; --leading-heading:1.1; --leading-body:1.6; --leading-tight:1.35;

--tracking-display:-0.005em; --tracking-heading:0.005em; --tracking-eyebrow:0.14em; --tracking-body:0;

--case-heading:uppercase; /* @kind font */
}
:root{
--space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
--space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px; --space-10:128px;

--gutter:24px;
--section-y:96px;
--container-max:1200px;
--container-narrow:720px;
--content-measure:62ch;
}
:root{
/* Buddies has almost no square corners: pills, generous rounds, and organic blobs. */
--radius-sm:8px; --radius-md:16px; --radius-lg:24px; --radius-xl:36px; --radius-pill:999px;

/* Organic blob border-radius recipes — the signature shape language */
--blob-1:58% 42% 47% 53% / 52% 46% 54% 48%; /* @kind radius */
--blob-2:44% 56% 62% 38% / 49% 57% 43% 51%; /* @kind radius */
--blob-3:63% 37% 39% 61% / 57% 44% 56% 43%; /* @kind radius */
--blob-4:50% 50% 55% 45% / 45% 55% 45% 55%; /* @kind radius */

--border-width:2px; --border-width-thick:3px;

/* Shadows are used sparingly — brand surfaces are flat. */
--shadow-none:none;
--shadow-sm:0 2px 6px rgba(26,26,26,.06);
--shadow-md:0 10px 28px rgba(26,26,26,.08);
--shadow-lift:0 14px 34px rgba(38,96,255,.18);
--focus-shadow:0 0 0 3px rgba(38,96,255,.35);
}
:root{
--ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-soft:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-bounce:cubic-bezier(.34,1.4,.64,1); /* @kind other */
--dur-fast:120ms; /* @kind other */ --dur-base:200ms; /* @kind other */ --dur-slow:420ms; /* @kind other */ --dur-blob:900ms; /* @kind other */
--press-scale:.97; /* @kind other */ --hover-lift:-2px; /* @kind other */
}
@keyframes bwRise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes bwMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes bwBlobMorph{0%,100%{border-radius:var(--blob-1)}33%{border-radius:var(--blob-2)}66%{border-radius:var(--blob-4)}}
@keyframes bwFloatA{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-22px,0) rotate(-1.5deg)}}
@keyframes bwFloatB{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,26px,0) rotate(1.5deg)}}
@keyframes bwFloatC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-14px,-18px,0)}}
@keyframes bwFloatD{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(14px,20px,0)}}
@keyframes bw-team-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bw-team-marquee-half{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bwSketch{
  0%{-webkit-mask-position:100% 0;mask-position:100% 0;opacity:0}
  4%{opacity:1}
  16%{-webkit-mask-position:78% 0;mask-position:78% 0}
  24%{-webkit-mask-position:73% 0;mask-position:73% 0}
  40%{-webkit-mask-position:52% 0;mask-position:52% 0}
  48%{-webkit-mask-position:48% 0;mask-position:48% 0}
  66%{-webkit-mask-position:24% 0;mask-position:24% 0}
  74%{-webkit-mask-position:19% 0;mask-position:19% 0}
  100%{-webkit-mask-position:0% 0;mask-position:0% 0;opacity:1}
}
@keyframes bwHand{
  0%,100%{transform:none}
  18%{transform:translate(.7px,-.6px) rotate(.22deg)}
  42%{transform:translate(-.6px,.5px) rotate(-.18deg)}
  66%{transform:translate(.5px,.35px) rotate(.12deg)}
}

/* ===== home (elementor-homepage.html) ===== */
.buddies-fam-home *, .buddies-fam-home *::before, .buddies-fam-home *::after{box-sizing:border-box}
body.buddies-fam-home{font-family:var(--font-body);font-weight:var(--weight-body-light);font-size:var(--text-body-md);line-height:var(--leading-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-wrap:pretty}
.buddies-fam-home h1, .buddies-fam-home h2, .buddies-fam-home h3, .buddies-fam-home h4, .buddies-fam-home h5, .buddies-fam-home h6{font-family:var(--font-heading);font-weight:var(--weight-heading);text-transform:var(--case-heading);color:var(--text-heading);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0}
.buddies-fam-home a{color:var(--text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}
.buddies-fam-home a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:3px}
.buddies-fam-home :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
body.buddies-fam-home{margin:0}
.buddies-fam-home summary::-webkit-details-marker{display:none}
.buddies-fam-home summary{list-style:none}
.buddies-fam-home [data-svc-body]{max-height:0;opacity:0;overflow:hidden;transition:max-height .42s var(--ease-standard),opacity .28s var(--ease-standard),margin-top .42s var(--ease-standard)}
.buddies-fam-home [data-svc]:hover [data-svc-body], .buddies-fam-home [data-svc]:focus-visible [data-svc-body], .buddies-fam-home [data-svc]:focus-within [data-svc-body]{max-height:460px;opacity:1;margin-top:20px}
.buddies-fam-home [data-svc]:hover [data-svc-arrow], .buddies-fam-home [data-svc]:focus-visible [data-svc-arrow]{transform:translateX(4px)}
.buddies-fam-home [data-svc]:hover, .buddies-fam-home [data-svc]:focus-visible{background:var(--white);box-shadow:var(--shadow-md)}
.buddies-fam-home #bw-partner-track{animation:bwMarquee 34s linear infinite}
.buddies-fam-home #bw-partner-viewport:hover #bw-partner-track{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){
.buddies-fam-home #bw-partner-track{animation:none;flex-wrap:wrap;justify-content:center}
}
.buddies-fam-home #bw-steps{grid-template-columns:repeat(4,1fr)}
@media (max-width:1040px){
.buddies-fam-home #bw-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:460px){
.buddies-fam-home #bw-steps{grid-template-columns:1fr}
}
.buddies-fam-home #bw-trust{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){
.buddies-fam-home #bw-trust{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
.buddies-fam-home #bw-trust{grid-template-columns:1fr}
}
.buddies-fam-home #bw-hero{position:relative;overflow:hidden;background:var(--white);padding:clamp(56px,7vw,104px) 24px clamp(64px,7vw,96px)}
.buddies-fam-home #bw-hero-top{position:relative}
.buddies-fam-home #bw-hero-deco{position:absolute;inset:0;pointer-events:none;z-index:1}
.buddies-fam-home #bw-hero-deco > *{position:absolute}
.buddies-fam-home #bw-hero-photos{position:absolute;inset:0;z-index:2;pointer-events:none}
.buddies-fam-home #bw-hero-photos figure{position:absolute;margin:0;pointer-events:auto;overflow:hidden;background:var(--sand-200);border-radius:var(--blob-1)}
.buddies-fam-home #bw-hero-photos img{width:100%;height:100%;object-fit:cover;display:block}
.buddies-fam-home #bw-hero-photos [data-p="1"]{left:1.5vw;top:34%;width:clamp(150px,17vw,320px);aspect-ratio:1/1;animation:bwBlobMorph 26s var(--ease-standard) infinite,bwFloatA 11s ease-in-out infinite}
.buddies-fam-home #bw-hero-photos [data-p="2"]{right:6vw;bottom:6%;width:clamp(160px,17vw,300px);aspect-ratio:1/1;animation:bwBlobMorph 30s var(--ease-standard) infinite,bwFloatC 13s ease-in-out infinite .8s}
.buddies-fam-home #bw-hero-photos [data-p="3"]{left:2vw;top:48px;width:clamp(150px,16vw,300px);aspect-ratio:1/1;animation:bwBlobMorph 28s var(--ease-standard) infinite,bwFloatB 12s ease-in-out infinite .4s}
.buddies-fam-home #bw-hero-photos [data-p="4"]{right:5.5vw;bottom:48px;width:clamp(130px,14vw,260px);aspect-ratio:1/1;animation:bwBlobMorph 32s var(--ease-standard) infinite,bwFloatD 14s ease-in-out infinite 1.2s}
.buddies-fam-home #bw-hero-inner{position:relative;z-index:3;max-width:min(1100px,62vw);margin:0 auto;text-align:center}
@media (max-width:1600px){
.buddies-fam-home #bw-hero-inner{max-width:min(980px,72vw)}
}
@media (max-width:1240px){
.buddies-fam-home #bw-hero-inner{max-width:min(1720px,94vw)}
}
.buddies-fam-home #bw-hero, .buddies-fam-home #bw-hero-inner{box-sizing:border-box}
.buddies-fam-home #bw-hero-inner{width:100%}
.buddies-fam-home #bw-hero-inner h1, .buddies-fam-home #bw-hero-inner p{overflow-wrap:break-word}
@media (max-width:1240px){
.buddies-fam-home #bw-hero-top{display:flex;flex-direction:column}
.buddies-fam-home #bw-hero-inner{order:1}
.buddies-fam-home #bw-hero-photos{order:2;position:static!important;inset:auto!important;height:auto!important;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:18px;margin-top:48px}
.buddies-fam-home #bw-hero-photos{width:auto!important;height:auto!important}
.buddies-fam-home #bw-hero-photos figure{position:static!important;inset:auto!important;width:clamp(130px,24vw,200px)!important;height:auto!important;flex:none;animation:bwBlobMorph 26s var(--ease-standard) infinite!important}
.buddies-fam-home #bw-hero-deco [data-blob="left"]{opacity:.5}
}
@media (prefers-reduced-motion: reduce){
.buddies-fam-home #bw-hero-photos figure, .buddies-fam-home #bw-hero-deco > *{animation:none!important}
}
.buddies-fam-home #bw-salon{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,minmax(0,230px));grid-template-areas:"a a c c b" "e d c c b"}
.buddies-fam-home #bw-salon figure{min-height:0}
.buddies-fam-home #bw-salon img{height:100%}
@media (max-width:900px){
.buddies-fam-home #bw-salon{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(0,210px));grid-template-areas:"a a" "c b" "e d"}
}
@media (max-width:560px){
.buddies-fam-home #bw-salon{grid-template-columns:1fr;grid-template-rows:repeat(5,minmax(0,220px));grid-template-areas:"a" "c" "b" "d" "e"}
}
.buddies-fam-home #bw-services{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){
.buddies-fam-home #bw-services{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
.buddies-fam-home #bw-services{grid-template-columns:1fr}
}
.buddies-fam-home [data-team-track]:hover{animation-play-state:paused}
@media (prefers-reduced-motion: reduce){
.buddies-fam-home [data-team-track]{animation:none!important}
}
@media (prefers-reduced-motion: reduce){
.buddies-fam-home [data-anim]{animation:none!important;opacity:1!important;transform:none!important}
}
.buddies-fam-home [data-buddy]{
  -webkit-mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  animation:bwSketch 4.2s cubic-bezier(.42,.02,.46,1) both,bwHand 1.5s ease-in-out 3 both;
}
.buddies-fam-home [data-buddy="2"]{animation-delay:.55s,.55s}
.buddies-fam-home [data-buddy="3"]{animation-delay:1.1s,1.1s}
.buddies-fam-home [data-buddy="4"]{animation-delay:1.65s,1.65s}
.buddies-fam-home [data-buddy="5"]{animation-delay:2.2s,2.2s}
.buddies-fam-home [data-buddy="6"]{animation-delay:2.75s,2.75s}
@media (prefers-reduced-motion: reduce){
.buddies-fam-home [data-buddy]{animation:none;-webkit-mask-image:none;mask-image:none}
}
.buddies-fam-home #bw-versprechen{grid-template-columns:repeat(2,1fr)}
@media (max-width:620px){
.buddies-fam-home #bw-versprechen{grid-template-columns:1fr}
}

/* ===== standorte (Standorte.dc.html) ===== */
body.buddies-fam-standorte{margin:0}
.buddies-fam-standorte summary::-webkit-details-marker{display:none}
.buddies-fam-standorte summary{list-style:none}
.buddies-fam-standorte a{color:var(--brand)}
.buddies-fam-standorte a:hover{color:var(--blue-700)}
.buddies-fam-standorte [data-grid4]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.buddies-fam-standorte [data-grid3]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.buddies-fam-standorte [data-grid2]{display:grid;grid-template-columns:1fr 1fr;gap:32px}
@media (max-width:1000px){
.buddies-fam-standorte [data-grid4]{grid-template-columns:repeat(2,1fr)}
.buddies-fam-standorte [data-grid3]{grid-template-columns:repeat(2,1fr)}
.buddies-fam-standorte [data-grid2]{grid-template-columns:1fr}
}
@media (max-width:560px){
.buddies-fam-standorte [data-grid4]{grid-template-columns:1fr}
.buddies-fam-standorte [data-grid3]{grid-template-columns:1fr}
}
.buddies-fam-standorte [data-buddy]{
  -webkit-mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  animation:bwSketch 4.2s cubic-bezier(.42,.02,.46,1) both,bwHand 1.5s ease-in-out 3 both;
}
.buddies-fam-standorte [data-buddy="2"]{animation-delay:.55s,.55s}
.buddies-fam-standorte [data-buddy="3"]{animation-delay:1.1s,1.1s}
.buddies-fam-standorte [data-buddy="4"]{animation-delay:1.65s,1.65s}
.buddies-fam-standorte [data-buddy="5"]{animation-delay:2.2s,2.2s}
.buddies-fam-standorte [data-buddy="6"]{animation-delay:2.75s,2.75s}
@media (prefers-reduced-motion: reduce){
.buddies-fam-standorte [data-buddy]{animation:none;-webkit-mask-image:none;mask-image:none}
}
.buddies-fam-standorte #bw-s-eindruecke{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(0,230px));grid-template-areas:"a a b c" "a a d d"}
@media (max-width:1000px){
.buddies-fam-standorte #bw-s-eindruecke{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(0,220px));grid-template-areas:"a a" "b c" "d d"}
}
@media (max-width:600px){
.buddies-fam-standorte #bw-s-eindruecke{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"a" "b" "c" "d"}
.buddies-fam-standorte #bw-s-eindruecke figure{aspect-ratio:4/3}
}

/* ===== leistungen (Leistungsseiten.dc.html) ===== */
body.buddies-fam-leistungen{margin:0}
.buddies-fam-leistungen summary::-webkit-details-marker{display:none}
.buddies-fam-leistungen summary{list-style:none}
.buddies-fam-leistungen a{color:var(--brand)}
.buddies-fam-leistungen a:hover{color:var(--blue-700)}
.buddies-fam-leistungen [data-grid4]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.buddies-fam-leistungen [data-grid5]{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.buddies-fam-leistungen [data-grid3]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.buddies-fam-leistungen [data-prod-track]::-webkit-scrollbar{display:none}
.buddies-fam-leistungen [data-grid2]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media (max-width:1200px){
.buddies-fam-leistungen [data-grid5]{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1000px){
.buddies-fam-leistungen [data-grid4]{grid-template-columns:repeat(2,1fr)}
.buddies-fam-leistungen [data-grid5]{grid-template-columns:repeat(2,1fr)}
.buddies-fam-leistungen [data-grid3]{grid-template-columns:repeat(2,1fr)}
.buddies-fam-leistungen [data-grid2]{grid-template-columns:1fr}
}
@media (max-width:560px){
.buddies-fam-leistungen [data-grid4]{grid-template-columns:1fr}
.buddies-fam-leistungen [data-grid5]{grid-template-columns:1fr}
.buddies-fam-leistungen [data-grid3]{grid-template-columns:1fr}
}
.buddies-fam-leistungen [data-buddy]{
  -webkit-mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  animation:bwSketch 1.5s cubic-bezier(.42,.02,.46,1) both,bwHand .7s ease-in-out 2 both;
}
.buddies-fam-leistungen [data-buddy="2"]{animation-delay:.12s,.12s}
.buddies-fam-leistungen [data-buddy="3"]{animation-delay:.24s,.24s}
.buddies-fam-leistungen [data-buddy="4"]{animation-delay:.36s,.36s}
.buddies-fam-leistungen [data-buddy="5"]{animation-delay:.48s,.48s}
.buddies-fam-leistungen [data-buddy="6"]{animation-delay:.6s,.6s}
@media (prefers-reduced-motion: reduce){
.buddies-fam-leistungen [data-buddy]{animation:none;-webkit-mask-image:none;mask-image:none}
}

/* ===== ratgeber (Ratgeber.dc.html) ===== */
body.buddies-fam-ratgeber{margin:0}
.buddies-fam-ratgeber a{color:var(--brand)}
.buddies-fam-ratgeber a:hover{color:var(--blue-700)}
.buddies-fam-ratgeber [data-grid3]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.buddies-fam-ratgeber [data-grid2]{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.buddies-fam-ratgeber [data-feature]{display:grid;grid-template-columns:1.1fr 1fr}
.buddies-fam-ratgeber [data-feature] > span:first-child{border-right:2px dashed var(--sand-300)}
.buddies-fam-ratgeber [data-feature] > span:last-child{padding:48px 44px}
@media (max-width:1000px){
.buddies-fam-ratgeber [data-grid3]{grid-template-columns:repeat(2,1fr)}
.buddies-fam-ratgeber [data-grid2]{grid-template-columns:1fr}
.buddies-fam-ratgeber [data-feature]{grid-template-columns:1fr}
.buddies-fam-ratgeber [data-feature] > span:first-child{border-right:0;border-bottom:2px dashed var(--sand-300)}
.buddies-fam-ratgeber [data-feature] > span:last-child{padding:32px 26px}
}
@media (max-width:620px){
.buddies-fam-ratgeber [data-grid3]{grid-template-columns:1fr}
}
.buddies-fam-ratgeber [data-buddy]{
  -webkit-mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  mask-image:linear-gradient(104deg,#000 0 58%,rgba(0,0,0,.7) 63%,rgba(0,0,0,.25) 67%,transparent 72%);
  -webkit-mask-size:300% 100%;mask-size:300% 100%;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  animation:bwSketch 4.2s cubic-bezier(.42,.02,.46,1) both,bwHand 1.5s ease-in-out 3 both;
}
.buddies-fam-ratgeber [data-buddy="2"]{animation-delay:.55s,.55s}
.buddies-fam-ratgeber [data-buddy="3"]{animation-delay:1.1s,1.1s}
.buddies-fam-ratgeber [data-buddy="4"]{animation-delay:1.65s,1.65s}
.buddies-fam-ratgeber [data-buddy="5"]{animation-delay:2.2s,2.2s}
.buddies-fam-ratgeber [data-buddy="6"]{animation-delay:2.75s,2.75s}
@media (prefers-reduced-motion: reduce){
.buddies-fam-ratgeber [data-buddy]{animation:none;-webkit-mask-image:none;mask-image:none}
}