/* ===== Termine (Sidebar) ================================================== */
/* Blocktitel – gleiche Geometrie wie die anderen Sidebar-Titel,
   Icon via ::before (KEIN <i> im Markup!) */
#block-mittelstrimmig-base-views-block-termine-block-2 > h2{
  display:block;
  position:relative;
  margin:16px 0 6px;                 /* kleiner Abstand runter zum Inhalt */
  padding:10px 16px 10px 44px;       /* Platz fürs Icon links */
  border-radius:10px;
  font-weight:900;
  color:#fff;
  background:#b58a33;                /* Termin-Gold */
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.14);
}
#block-mittelstrimmig-base-views-block-termine-block-2 > h2::before{
  content:"\f073";                   /* fa-calendar-days */
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute; left:14px; top:50%;
  transform:translateY(-50%);
  line-height:1; font-size:1rem; opacity:.95;
}

/* Wrapper – etwas eingerückt wie bei Mitteilungen */
.view-ms-sidebar-termine{
  padding:6px 14px 12px;             /* mehr „Luft“ innen, oben kompakt */
}

/* ===== Datum-Pill (kompakt, bündig) ====================================== */
.view-ms-sidebar-termine .ms-datepill{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.34rem .58rem;              /* KOMPAKT */
  margin:4px 0 6px 0;                 /* bündig unter dem Titel */
  border-radius:999px;
  font-weight:800; line-height:1; font-size:.95rem;
  border:1px solid #e8d6ad;
  background:#fff8e8;                 /* soft gold */
  color:#3b2b0e;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.view-ms-sidebar-termine .ms-datepill i{opacity:.9}

/* ===== Titel ============================================================= */
.view-ms-sidebar-termine .ms-side-title{
  margin:2px 0 8px;
  font-size:1.22rem;                  /* größer */
  font-weight:900;
}
.view-ms-sidebar-termine .ms-side-title a{
  color:#111;                         /* tiefschwarz */
  text-decoration:none;               /* keine Unterstreichung */
}
.view-ms-sidebar-termine .ms-side-title a:hover{
  text-decoration:underline;          /* optional auf Hover */
}

/* ===== Poster ============================================================ */
.view-ms-sidebar-termine .ms-side-poster img{
  display:block;
  width:100%;
  max-width:250px;                    /* etwas kleiner als Content-Ansicht */
  height:auto;
  border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  margin:6px 0 8px;
}

/* ===== Meta (Zeit & Ort UNTEREINANDER) =================================== */
.view-ms-sidebar-termine .ms-side-meta{
  display:grid;
  gap:6px;                            /* Abstand zwischen den Zeilen */
  color:#244a45;
  font-weight:600;
}
.view-ms-sidebar-termine .ms-meta-line{
  display:flex; align-items:center; gap:8px;
}

/* kleine FA-Icons über Pseudo-Elemente */
.view-ms-sidebar-termine .ms-icon-clock::before,
.view-ms-sidebar-termine .ms-icon-pin::before{
  font-family:"Font Awesome 6 Free"; font-weight:900; display:inline-block;
}
.view-ms-sidebar-termine .ms-icon-clock::before{ content:"\f017"; }   /* clock */
.view-ms-sidebar-termine .ms-icon-pin::before  { content:"\f3c5"; }   /* location-dot */

/* „Alle Termine“-Link etwas Luft nach oben */
#block-mittelstrimmig-base-views-block-termine-block-2 .more-link{
  margin-top:10px;
}
/* === Feinjustage: kompakter Innenabstand & 5px Einzug ================== */
.view-ms-sidebar-termine{
  padding: 0;                         /* Padding komplett entfernen */
}

/* Titel, Zeit & Ort um 5px einrücken (Pill bleibt bündig zum Blocktitel) */
.view-ms-sidebar-termine .ms-side-title{
  margin-left: 10px;
}

.view-ms-sidebar-termine .ms-side-meta{
  margin-left: 10px;
}
/* === Termine-Sidebar: kleiner Pfeil vor jedem Titel (wie Mitteilungen) */
.view-ms-sidebar-termine .ms-side-title{
  display:flex; align-items:baseline; gap:.45rem;
  margin:2px 0 8px;               /* vorhandene Werte ok */
  margin-left:10px;                /* wie unten schon eingezogen */
}
.view-ms-sidebar-termine .ms-side-title::before{
  content:"";
  width:.95rem; height:.95rem; flex:0 0 .95rem;
  background:no-repeat 50%/100% 100%;
  transform:translateY(1px); margin-left:.1rem;
  /* gefüllter Pfeil – Farbton passend zur Termine-Farbwelt (Gold) */
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='%23b58a33'>\
<path d='M5 3l10 6-10 6z'/></svg>");
  transition:filter .18s ease, opacity .18s ease, background-image .18s ease;
}
.view-ms-sidebar-termine .ms-side-title:hover::before,
.view-ms-sidebar-termine .ms-side-title:focus-within::before{
  /* Outline-Variante beim Hover/Fokus – wie bei Mitteilungen */
  background-image:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='%23b58a33' stroke-width='2' stroke-linejoin='round'>\
<path d='M5 3l10 6-10 6z'/></svg>");
}

/* === “Alle Termine” (Views more-link) als dezenter Pill-Button in Gold */
.view-ms-sidebar-termine .more-link{ margin-top:10px; }
.view-ms-sidebar-termine .more-link a,
#block-mittelstrimmig-base-views-block-termine-block-2 .more-link a{
  display:inline-flex; align-items:center; gap:.55rem;
  padding:calc(.55rem + 1px) calc(.95rem + 2px);
  border-radius:999px;
  font-weight:700; line-height:1; text-decoration:none;
  color:#3b2b0e;
  background:color-mix(in srgb, #b58a33 12%, white);
  border:1px solid color-mix(in srgb, #b58a33 30%, transparent);
  box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9), inset 0 -1px 0 rgba(0,0,0,.05);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.view-ms-sidebar-termine .more-link a:hover,
#block-mittelstrimmig-base-views-block-termine-block-2 .more-link a:hover{
  background:color-mix(in srgb, #b58a33 20%, white);
  border-color:color-mix(in srgb, #b58a33 45%, transparent);
  box-shadow:0 6px 16px rgba(0,0,0,.10);
  transform:translateY(-1px);
}
/* kleiner Pfeil rechts im Button (reines CSS via Mask) */
.view-ms-sidebar-termine .more-link a::after,
#block-mittelstrimmig-base-views-block-termine-block-2 .more-link a::after{
  content:"";
  width:1em; height:1em; display:inline-block; background:currentColor; transform:translateY(1px);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 3l9 5-9 5z'/></svg>") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 3l9 5-9 5z'/></svg>") center/100% 100% no-repeat;
}