/* /public_html/assets/css/pages.css */

/* Maximalbreite für Fließtext in Kacheln */
.prose{ max-width: 72ch; }
.prose p{ margin: 10px 0 0; }
.prose p:first-child{ margin-top: 0; }

/* CTA-Kachel */
.cta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 18px;
}
.cta .cta-text{ max-width: 70ch; }
.cta .cta-actions{ display:flex; gap: 10px; flex-wrap:wrap; margin-top: 6px; }
/* Hero: pulsierendes Blatt (doppelter Herzschlag, ca. 62 bpm) */
.hero-mark{
  width: 62px;
  height: 62px;
  margin: 0 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  animation: nb-pulse-double 1.935s infinite; /* ~62 bpm */
  transform-origin: 50% 50%;
}

.hero-mark img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,0.35));
}

.hero-mark img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,0.35));
}

/* lub (kleiner), dub (größer), Pause */
@keyframes nb-pulse-double{
  0%   { transform: scale(1); }
  8%   { transform: scale(1.025); } /* lub */
  16%  { transform: scale(1); }

  28%  { transform: scale(1.045); } /* dub */
  38%  { transform: scale(1); }

  100% { transform: scale(1); }     /* Pause */
}

/* Respektiert Systemeinstellung "weniger Bewegung" */
@media (prefers-reduced-motion: reduce){
  .hero-mark{ animation: none; }
}
/* Akzent-Kachel: Daten & Grenzen (subtiler Verlauf von links oben) */
.tile.accent-limits{
  position: relative;
  overflow: hidden;
}

.tile.accent-limits::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;

  /* sehr subtil: "Licht" aus links oben */
  background: radial-gradient(
    720px 320px at 0% 0%,
    rgba(34, 211, 238, 0.14),
    rgba(34, 211, 238, 0.00) 60%
  );
}

/* Inhalt über dem Verlauf halten */
.tile.accent-limits > *{
  position: relative;
  z-index: 1;
}