/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */
/* =========================
   Herz-Animation
   ========================= */

.heart-pulse {
    color: red;
    display: inline-block;
    animation: pulse 1s infinite;
    transform-origin: center;
}

@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(0.75); }
    100% { transform: scale(1); }
}

/* =========================
   Archiv Accordion (Jahre / Monate)
   ========================= */

.archive-accordion details {
    margin: 4px; /* Abstand zwischen einzelnen Jahren */
}

.archive-accordion summary {
    display: flex;              /* Layout für Pfeil + Jahr */
    justify-content: flex-start;
    align-items: center;

    margin-bottom: 0 !important; /* verhindert Abstand zu Monaten */
    padding-bottom: 3px;         /* kleiner optischer Abstand nach unten */
}

.archive-accordion ul {
    margin: 0;                  /* entfernt Standard-Listenabstand */
    padding: 0 0 0 14px;       /* Einrückung der Monate */
}

.archive-accordion li {
    margin: 0;   /* kein zusätzlicher Abstand zwischen Monaten */
    padding: 0;
}

.archive-accordion a {
    display: block;            /* volle Klickfläche */
    text-decoration: none;     /* keine Unterstreichung */
}

/* Links innerhalb der Monatsliste */
.archive-accordion ul li a {
    padding: 0;        /* kompakte Darstellung */
    line-height: 1.4;  /* vertikaler Abstand zwischen Monatszeilen */
}

/* ========================
   Start: Shortcode
   ======================== */

.adresse-label {    /* Darstellung der Adressen / Standort */
  margin: 0 0 2px 0;
  font-size: 0.9em;
  line-height: 1.1;
  font-weight: 600;
  color: var(--q2-text-muted);
}

p.adresse {
  margin: 0;
  font-size: 0.9em;
  line-height: 1.15;
}

p.adresse a {
  color: inherit;
  text-decoration: none;
}

p.adresse a:hover {
  text-decoration: underline;
}

.bild-shortcode img,    /* Formatierung der Größe für Vilder und Filme */
.video-shortcode video {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

.bild-shortcode figcaption,     /* Formatierung der Unterschriften für Video und Filme */
.video-shortcode figcaption {
  padding: 4px 0;
  font-size: 0.9em;
  line-height: 1.1;
  font-style: italic;
  text-align: left;
}

/* ========================
   Start: Pagination Bar
   ======================== */
.pagination .active,
.pagination .active span,
.pagination li span.active {
    background-color: var(--q2-text-strong) !important;
   /*  color: var(--q2-text) !important; */
    border-radius: 5px !important;
}

.pagination .active span { /* Ausgewähltest Feld */
    color: var(--q2-text-inverse) !important;
    font-weight: 500;
}

.pagination a { /* Auswahl Felder */
    color: var(--q2-text-strong) !important;
    font-weight: 500;
}

.pagination a:hover {
    background-color: var(--q2-bg-muted) !important;
}

.pagination li span {
    color: var(--q2-text-muted) !important;
    font-weight: 500;
}

.pagination .disabled span,
.pagination .disabled a {
    color: var(--q2-text-muted) !important;
    opacity: 0.5; /* optional */
}