.hinweis-pill { display: inline-block; font-size: var(--schrift-2); padding: var(--abstand-1) var(--abstand-3); }
.hinweis-text > :first-child {
    margin-top: 0;
}
.hinweis-text { 
    margin-top: var(--abstand-1);
}
.hinweis-text > :last-child {
    margin-bottom: 0;
}
.hinweis-kopf { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--abstand-1) var(--abstand-3); }
.hinweis-titel { margin: 0; font-size: var(--schrift-3); padding-inline-end: 3.4rem; }
.hinweis-zeit { display: inline-flex; align-items: baseline; gap: var(--abstand-2); white-space: nowrap; }
.hinweis-termin { font-weight: 600; font-size: var(--schrift-3); }
.hinweis-pill { border: 1px solid var(--primary); border-radius: var(--radius-pille); background: var(--primary); color: var(--on-primary); font-weight: 600; text-decoration: none; }
.hinweis-pill:hover, .hinweis-pill:focus { filter: brightness(1.1); }