@font-face{font-family:"Cabin";src:url("assets/fonts/cabin-latin-400-700.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:"Source Sans 3";src:url("assets/fonts/source-sans-3-latin-400-700.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}.msm-dierenpension-dagritme *,.msm-dierenpension-dagritme *::before,.msm-dierenpension-dagritme *::after{box-sizing:border-box;min-width:0}
.msm-dierenpension-dagritme{box-sizing:border-box;font-family:var(--m-font-body,"Source Sans 3",sans-serif);color:var(--m-ink,#213228);padding:110px 5vw;background:var(--m-accent);display:grid;grid-template-columns:1fr 1fr;gap:7vw}.msm-dierenpension-dagritme .dp-clock{position:sticky;top:140px;align-self:start}.msm-dierenpension-dagritme .dp-clock>p{text-transform:uppercase;letter-spacing:.13em;font-weight:900}.msm-dierenpension-dagritme .dp-clock h2{font:900 clamp(50px,7vw,98px)/.88 var(--m-font-display,"Cabin",sans-serif);margin:18px 0}.msm-dierenpension-dagritme .dp-clock>strong,.msm-dierenpension-dagritme .dp-clock>span{display:block;font-size:20px;margin-top:12px}.msm-dierenpension-dagritme .lattice{width:190px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:32px}.msm-dierenpension-dagritme .lattice i{aspect-ratio:1;border:2px solid var(--m-ink);border-radius:12px;opacity:.2}.msm-dierenpension-dagritme .lattice i.done{background:var(--m-primary);opacity:.55}.msm-dierenpension-dagritme .lattice i.now{background:var(--m-bg);opacity:1;animation:dp-wave 1.4s ease infinite}.msm-dierenpension-dagritme ol{list-style:none;margin:0;padding:0}.msm-dierenpension-dagritme li{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid color-mix(in srgb,var(--m-ink) 25%,transparent);font-size:20px}.msm-dierenpension-dagritme li.active{font-weight:900}.msm-dierenpension-dagritme time{font:900 30px var(--m-font-display,"Cabin",sans-serif)}.msm-dierenpension-dagritme .dp-call{grid-column:2;padding:20px;border:1px solid var(--m-ink);border-radius:18px}@keyframes dp-wave{50%{transform:scale(.82);opacity:.6}}@media(max-width:760px){.msm-dierenpension-dagritme{grid-template-columns:1fr}.msm-dierenpension-dagritme .dp-clock{position:static}.msm-dierenpension-dagritme .dp-call{grid-column:1}}@media(prefers-reduced-motion:reduce){.msm-dierenpension-dagritme .lattice i.now{animation:none}}



.msm-dierenpension-dagritme .lattice-native{min-height:44px;margin-top:32px}.msm-dierenpension-dagritme[data-source-paused] .lattice-loader__run .lattice-loader__cell{animation-play-state:paused}
.msm-dierenpension-dagritme .lattice-loader {
  --ll-n: 3;
  --ll-cell: 6px;
  --ll-gap: 2px;
  --ll-font: 14px;
  --ll-color: currentColor;
  --ll-mark: var(--m-bg);
  --ll-idle: 0.15;
  --ll-glow: currentColor;
  --ll-mark-glow: var(--m-bg);
  --ll-peak: 1;
  --ll-cycle: 864ms;
  --ll-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ll-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);

  position: relative;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ll-font) * 0.625);
  font-family: inherit;
  font-size: var(--ll-font);
  line-height: 1;
}

.msm-dierenpension-dagritme .lattice-loader__grid {
  display: grid;
  flex: none;
}

.msm-dierenpension-dagritme .lattice-loader__layer {
  grid-area: 1 / 1;
  display: grid;
  grid-template-columns: repeat(var(--ll-n), var(--ll-cell));
  gap: var(--ll-gap);
}

.msm-dierenpension-dagritme .lattice-loader__cell {
  width: var(--ll-cell);
  height: var(--ll-cell);
  border-radius: max(1px, calc(var(--ll-cell) * 0.25));
  background: var(--ll-color);
  opacity: var(--ll-idle);
}

.msm-dierenpension-dagritme .lattice-loader[data-shape='round'] .lattice-loader__cell {
  border-radius: 50%;
}

.msm-dierenpension-dagritme .lattice-loader[data-glow] .lattice-loader__run .lattice-loader__cell:not([data-hole]) {
  box-shadow: 0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * 0.12) var(--ll-glow);
}

.msm-dierenpension-dagritme .lattice-loader[data-glow] .lattice-loader__mark .lattice-loader__cell[data-on] {
  box-shadow: 0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * 0.12) var(--ll-mark-glow);
}

.msm-dierenpension-dagritme .lattice-loader__run {
  transition: opacity 200ms ease;
}

.msm-dierenpension-dagritme .lattice-loader__run .lattice-loader__cell {
  animation: lattice-on var(--ll-cycle) var(--ll-ease-in-out) infinite;
}

.msm-dierenpension-dagritme .lattice-loader__run .lattice-loader__cell[data-lit='45'] {
  animation-name: lattice-on-45;
}

.msm-dierenpension-dagritme .lattice-loader__run .lattice-loader__cell[data-lit='35'] {
  animation-name: lattice-on-35;
}

.msm-dierenpension-dagritme .lattice-loader__run .lattice-loader__cell[data-lit='25'] {
  animation-name: lattice-on-25;
}

.msm-dierenpension-dagritme .lattice-loader__run .lattice-loader__cell[data-hole] {
  animation: none;
  opacity: calc(var(--ll-idle) * 0.47);
}

.msm-dierenpension-dagritme .lattice-loader__mark {
  opacity: 0;
  transform: scale(0.9);
  transform-origin: center;
  transition:
    opacity 160ms var(--ll-ease-out),
    transform 160ms var(--ll-ease-out);
}

.msm-dierenpension-dagritme .lattice-loader__mark .lattice-loader__cell {
  transition:
    opacity 200ms ease,
    background-color 200ms ease;
}

.msm-dierenpension-dagritme .lattice-loader__mark .lattice-loader__cell[data-on] {
  background: var(--ll-mark);
  opacity: var(--ll-peak);
}

.msm-dierenpension-dagritme .lattice-loader:not([data-status='working']) .lattice-loader__run {
  opacity: 0;
}

.msm-dierenpension-dagritme .lattice-loader:not([data-status='working']) .lattice-loader__run .lattice-loader__cell {
  animation-play-state: paused;
}

.msm-dierenpension-dagritme .lattice-loader:not([data-status='working']) .lattice-loader__mark {
  opacity: 1;
  transform: none;
  transition:
    opacity 200ms ease,
    transform 200ms var(--ll-ease-out);
}

.msm-dierenpension-dagritme .lattice-loader__label {
  position: relative;
  display: inline-block;
  font-weight: 500;
}

.msm-dierenpension-dagritme .lattice-loader__text {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  opacity: 0;
  filter: blur(2px);
  transition:
    opacity 200ms ease,
    filter 200ms ease;
}

.msm-dierenpension-dagritme .lattice-loader__text[data-active] {
  position: static;
  opacity: 1;
  filter: blur(0);
}

.msm-dierenpension-dagritme .lattice-loader__timer {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: calc(var(--ll-font) * 0.875);
  font-variant-numeric: tabular-nums;
  opacity: 0.6;
}

.msm-dierenpension-dagritme .lattice-loader__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

@keyframes lattice-on {
  0%,
  100% {
    opacity: var(--ll-idle);
  }

  18%,
  42% {
    opacity: var(--ll-peak);
  }

  62% {
    opacity: var(--ll-idle);
  }
}

@keyframes lattice-on-45 {
  0%,
  100% {
    opacity: var(--ll-idle);
  }

  13%,
  31% {
    opacity: var(--ll-peak);
  }

  45% {
    opacity: var(--ll-idle);
  }
}

@keyframes lattice-on-35 {
  0%,
  100% {
    opacity: var(--ll-idle);
  }

  10%,
  24% {
    opacity: var(--ll-peak);
  }

  35% {
    opacity: var(--ll-idle);
  }
}

@keyframes lattice-on-25 {
  0%,
  100% {
    opacity: var(--ll-idle);
  }

  7%,
  17% {
    opacity: var(--ll-peak);
  }

  25% {
    opacity: var(--ll-idle);
  }
}

@media (prefers-reduced-motion: reduce) {
  .msm-dierenpension-dagritme .lattice-loader__run {
    --ll-peak: 0.7;
  }

  .msm-dierenpension-dagritme .lattice-loader__run .lattice-loader__cell {
    animation: none !important;
    opacity: var(--ll-peak);
  }

  .msm-dierenpension-dagritme .lattice-loader .lattice-loader__mark {
    transform: none;
  }

  .msm-dierenpension-dagritme .lattice-loader .lattice-loader__text {
    filter: none;
  }
}