.zan-futterrunden-kachel{position:relative;isolation:isolate;box-sizing:border-box;overflow:visible;margin:40px 0 55px;min-height:var(--zfk-height);padding:28px 34px 27px;border-radius:var(--zfk-radius);background:linear-gradient(var(--zfk-angle),var(--zfk-g1),var(--zfk-g2));color:var(--zfk-text);font-family:inherit;box-shadow:0 16px 30px rgba(24,46,17,.12)}
.zan-futterrunden-kachel *{box-sizing:border-box}
/* Bildfläche: eigene Berechnung der Pixelmaße durch JS, CSS-Fallback inklusive Safari. */
.zan-futterrunden-kachel .zfk-hero-holder{position:absolute!important;display:block!important;left:var(--zfk-x);top:calc(-1 * var(--zfk-top));width:max-content;height:calc(100% + var(--zfk-top) + var(--zfk-bottom));max-width:none!important;max-height:none!important;z-index:2;pointer-events:none;transform:none}
.zan-futterrunden-kachel.zfk-right-image .zfk-hero-holder{left:auto;right:var(--zfk-x)}
.zan-futterrunden-kachel.zfk-top-anchored .zfk-hero-holder{top:auto;bottom:calc(-1 * var(--zfk-bottom))}
.zan-futterrunden-kachel .zfk-hero-holder .zfk-hero{display:block!important;width:auto!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 9px 9px rgba(0,0,0,.09));margin:0!important}
.zan-futterrunden-kachel.zfk-flipped .zfk-hero{transform:scaleX(-1)}
.zan-futterrunden-kachel .zfk-main{position:relative;z-index:3;width:68%;margin-left:auto;display:flex;flex-direction:column;gap:17px}
.zan-futterrunden-kachel.zfk-right-image .zfk-main{margin-left:0;margin-right:auto}
.zan-futterrunden-kachel.zfk-no-image .zfk-main{width:100%;max-width:850px;margin-left:auto;margin-right:auto}
.zan-futterrunden-kachel .zfk-heading{margin:0}
.zan-futterrunden-kachel .zfk-heading p,.zan-futterrunden-kachel .zfk-round p{margin:0;color:inherit}
.zan-futterrunden-kachel .zfk-eyebrow{font-size:var(--zfk-f-eyebrow);font-weight:700;line-height:1.15}
.zan-futterrunden-kachel .zfk-title{color:inherit!important;font-size:var(--zfk-f-headline)!important;line-height:1.07!important;letter-spacing:-.03em!important;margin:7px 0 1px!important;font-weight:800!important;overflow-wrap:anywhere}
.zan-futterrunden-kachel .zfk-subtitle{font-size:var(--zfk-f-subtitle);font-weight:750;line-height:1.18}
.zan-futterrunden-kachel .zfk-duration{font-size:var(--zfk-f-duration);font-weight:600;line-height:1.4;margin-top:10px!important}
.zan-futterrunden-kachel .zfk-rounds{display:flex;flex-direction:column;gap:12px}
.zan-futterrunden-kachel .zfk-round{display:grid;grid-template-columns:minmax(120px,172px) 2px 42px minmax(0,1fr);align-items:center;gap:12px;min-height:46px}
.zan-futterrunden-kachel .zfk-time{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border-radius:100px;background:#fff;color:#43733a;font-size:var(--zfk-f-time);line-height:1.15;font-weight:800;white-space:nowrap}
.zan-futterrunden-kachel .zfk-time svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zan-futterrunden-kachel .zfk-separator{display:block;width:2px;height:37px;background:rgba(255,255,255,.83)}
.zan-futterrunden-kachel .zfk-animal{width:42px;height:44px;display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1}
.zan-futterrunden-kachel .zfk-animal-image{height:100%!important;max-width:100%!important;width:100%!important;object-fit:contain;display:block}
.zan-futterrunden-kachel .zfk-place{font-size:var(--zfk-f-place);line-height:1.2;font-weight:600}
.zan-futterrunden-kachel .zfk-place strong{display:block;font-weight:750}
.zan-futterrunden-kachel .zfk-next{display:flex;align-items:center;gap:15px;padding:12px 19px;border:2px solid rgba(255,212,84,.72);background:linear-gradient(110deg,var(--zfk-n1),var(--zfk-n2));border-radius:100px;color:#fff;min-height:65px}
.zan-futterrunden-kachel .zfk-next[hidden]{display:none!important}
.zan-futterrunden-kachel .zfk-calendar{flex:none;width:37px;height:37px;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
.zan-futterrunden-kachel .zfk-next-copy{display:flex;flex-direction:column;min-width:0;font-size:var(--zfk-f-next-detail);line-height:1.25;font-weight:600}
.zan-futterrunden-kachel .zfk-next-copy strong{font-size:var(--zfk-f-next-title);font-weight:800}
@media(max-width:1100px){.zan-futterrunden-kachel{padding:24px 24px 25px}.zan-futterrunden-kachel .zfk-main{width:70%;gap:14px}.zan-futterrunden-kachel .zfk-round{grid-template-columns:minmax(108px,145px) 2px 36px minmax(0,1fr);gap:9px}.zan-futterrunden-kachel .zfk-animal{width:36px;height:36px;font-size:29px}}
@media(max-width:690px){
.zan-futterrunden-kachel{min-height:0;margin:37px 0 40px;padding:24px 18px 22px}
.zan-futterrunden-kachel .zfk-hero-holder,.zan-futterrunden-kachel.zfk-right-image .zfk-hero-holder,.zan-futterrunden-kachel.zfk-top-anchored .zfk-hero-holder{position:absolute!important;top:calc(-1 * var(--zfk-mobile-top))!important;bottom:auto!important;left:auto!important;right:var(--zfk-mobile-x)!important;width:var(--zfk-mobile-width)!important;height:auto!important;max-width:none!important}
.zan-futterrunden-kachel .zfk-hero-holder .zfk-hero{width:100%!important;height:auto!important;max-width:none!important;max-height:none!important}
.zan-futterrunden-kachel.zfk-flipped .zfk-hero{transform:none}
.zan-futterrunden-kachel.zfk-mobile-flipped .zfk-hero{transform:scaleX(-1)}
.zan-futterrunden-kachel .zfk-main,.zan-futterrunden-kachel.zfk-right-image .zfk-main{width:100%;margin:0;gap:16px}
.zan-futterrunden-kachel .zfk-heading{min-height:135px;padding-right:34%}
.zan-futterrunden-kachel.zfk-no-image .zfk-heading{padding-right:0;min-height:0}
.zan-futterrunden-kachel .zfk-eyebrow{font-size:16px}
.zan-futterrunden-kachel .zfk-title{font-size:clamp(26px,7vw,40px)!important;margin:6px 0!important}
.zan-futterrunden-kachel .zfk-subtitle{font-size:clamp(16px,4vw,21px)}
.zan-futterrunden-kachel .zfk-duration{font-size:14px;margin-top:10px!important}
.zan-futterrunden-kachel .zfk-rounds{gap:11px}
.zan-futterrunden-kachel .zfk-round{grid-template-columns:minmax(105px,42%) 1px 32px minmax(0,1fr);gap:7px}
.zan-futterrunden-kachel .zfk-time{gap:5px;padding:8px 5px;font-size:clamp(12px,3.8vw,19px)}
.zan-futterrunden-kachel .zfk-time svg{width:18px;height:18px}
.zan-futterrunden-kachel .zfk-separator{height:34px;width:1px}
.zan-futterrunden-kachel .zfk-animal{width:32px;height:36px;font-size:27px}
.zan-futterrunden-kachel .zfk-place{font-size:clamp(12px,3.2vw,16px)}
.zan-futterrunden-kachel .zfk-next{gap:10px;padding:11px 15px;min-height:61px}
.zan-futterrunden-kachel .zfk-calendar{width:31px;height:31px}
.zan-futterrunden-kachel .zfk-next-copy{font-size:13px}
.zan-futterrunden-kachel .zfk-next-copy strong{font-size:18px}
}
@media(max-width:360px){.zan-futterrunden-kachel{padding:20px 12px}.zan-futterrunden-kachel .zfk-round{grid-template-columns:minmax(100px,40%) 1px 27px 1fr;gap:5px}.zan-futterrunden-kachel .zfk-animal{width:27px}}

/* Version 1.2: Links, Textblock und kompakte Uncode-unabhängige Typografie. */
.zan-futterrunden-kachel .zfk-intro{font-size:var(--zfk-f-duration);line-height:1.45;font-weight:400;margin:9px 0 5px;color:inherit}
.zan-futterrunden-kachel .zfk-intro p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 7px!important}
.zan-futterrunden-kachel .zfk-intro p:last-child{margin-bottom:0!important}
.zan-futterrunden-kachel .zfk-card-link{position:absolute;inset:0;z-index:4;border-radius:inherit;display:block;outline-offset:4px;text-decoration:none!important}
.zan-futterrunden-kachel .zfk-more-button{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:12px;align-self:flex-start;padding:11px 20px;border-radius:100px;background:var(--zfk-button-bg);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:15px;line-height:1.25;transition:filter .2s ease}
.zan-futterrunden-kachel .zfk-more-button:hover{filter:brightness(1.08);color:#fff!important}
.zan-futterrunden-kachel .zfk-more-button:focus-visible,.zan-futterrunden-kachel .zfk-card-link:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:690px){.zan-futterrunden-kachel .zfk-intro{font-size:14px}.zan-futterrunden-kachel .zfk-more-button{font-size:14px;padding:10px 17px}}

/* Click-through for the stretched card link, except the independent button. */
.zan-futterrunden-kachel .zfk-main{pointer-events:none}
.zan-futterrunden-kachel .zfk-more-button{pointer-events:auto}

/* v1.2.1: gleiche, Safari-stabile Bildsteuerung für Desktop und Smartphone.
   Die transform-Verschiebung berechnet sich proportional zur Bildhöhe. */
.zan-futterrunden-kachel .zfk-hero-holder,
.zan-futterrunden-kachel.zfk-right-image .zfk-hero-holder,
.zan-futterrunden-kachel.zfk-top-anchored .zfk-hero-holder {
  position:absolute!important;display:block!important;
  top:auto!important;bottom:0!important;left:0!important;right:auto!important;
  width:var(--zfk-desktop-width)!important;height:auto!important;
  max-width:none!important;max-height:none!important;
  transform:translateY(var(--zfk-desktop-y)) translateX(var(--zfk-x))!important;
  pointer-events:none;z-index:2;
}
.zan-futterrunden-kachel.zfk-right-image .zfk-hero-holder {left:auto!important;right:0!important;}
.zan-futterrunden-kachel.zfk-top-anchored .zfk-hero-holder {top:0!important;bottom:auto!important;}
.zan-futterrunden-kachel .zfk-hero-holder .zfk-hero {
  display:block!important;width:100%!important;height:auto!important;
  max-width:none!important;max-height:none!important;object-fit:contain;
}
@media(max-width:690px) {
  .zan-futterrunden-kachel .zfk-hero-holder,
  .zan-futterrunden-kachel.zfk-right-image .zfk-hero-holder,
  .zan-futterrunden-kachel.zfk-top-anchored .zfk-hero-holder,
  .zan-futterrunden-kachel.zfk-mobile-bottom-anchored .zfk-hero-holder {
    left:auto!important;right:0!important;top:0!important;bottom:auto!important;
    width:var(--zfk-mobile-width)!important;height:auto!important;
    transform:translateY(var(--zfk-mobile-y)) translateX(var(--zfk-mobile-x))!important;
  }
  .zan-futterrunden-kachel.zfk-mobile-bottom-anchored .zfk-hero-holder {top:auto!important;bottom:0!important;}
}

/* v1.2.2: Die Bildgrafik ist absolut positioniert und darf die Kachelhöhe
   nicht bestimmen. Der normale Inhaltsfluss gibt die Höhe vor. */
.zan-futterrunden-kachel {
  min-height:0!important;
  height:auto!important;
}
.zan-futterrunden-kachel .zfk-hero-holder {
  position:absolute!important;
}
/* Auf Smartphones auch den für das bisherige Bild reservierten
   Kopfbereich freigeben. Alle Einstellungen auf Desktop bleiben erhalten. */
@media(max-width:690px) {
  .zan-futterrunden-kachel.zfk-mobile-hide-image .zfk-hero-holder {
    display:none!important;
  }
  .zan-futterrunden-kachel.zfk-mobile-hide-image .zfk-heading {
    padding-right:0!important;
    min-height:0!important;
  }
  .zan-futterrunden-kachel.zfk-mobile-hide-image {
    margin-top:22px;
    margin-bottom:22px;
  }
}

/* v1.2.3: Schriftgrößen auf Smartphones individuell einstellbar.
   Bewusst am Ende der CSS-Datei, damit die bisherigen festen Mobile-Regeln
   zuverlässig überschrieben werden. Alle Variablen sind kachelbezogen. */
@media (max-width:690px) {
  .zan-futterrunden-kachel .zfk-eyebrow {font-size:var(--zfk-m-eyebrow)!important;}
  .zan-futterrunden-kachel .zfk-title {font-size:var(--zfk-m-headline)!important;}
  .zan-futterrunden-kachel .zfk-intro,
  .zan-futterrunden-kachel .zfk-intro p {font-size:var(--zfk-m-intro)!important;}
  .zan-futterrunden-kachel .zfk-subtitle {font-size:var(--zfk-m-subtitle)!important;}
  .zan-futterrunden-kachel .zfk-duration {font-size:var(--zfk-m-duration)!important;}
  .zan-futterrunden-kachel .zfk-time {font-size:var(--zfk-m-time)!important;}
  .zan-futterrunden-kachel .zfk-place {font-size:var(--zfk-m-place)!important;}
  .zan-futterrunden-kachel .zfk-next-copy {font-size:var(--zfk-m-next_detail)!important;}
  .zan-futterrunden-kachel .zfk-next-copy strong {font-size:var(--zfk-m-next_title)!important;}
  .zan-futterrunden-kachel .zfk-more-button {font-size:var(--zfk-m-button)!important;}
}