/* ---- Umzug-Kasten mit Plakat (Startseite) ---------------------------------- */
/* Gleiche ruhige Gestaltung wie der Markt-Kasten (Haarlinie, Rundung aus der Basis), aber eigene Klassen: Die Module kennen einander nicht. */
.sv-uk {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
    background: #fff;
    border: 1px solid var(--sv-linie, rgba(0, 0, 0, .08));
    border-radius: var(--sv-radius, 12px);
}
/* Handy: erst das Wichtigste (Name, Tag, Ablauf, Knoepfe), das Plakat darunter. Es ist hoch und schoebe sonst alles unter den Bildschirmrand. */
.sv-uk-plakat {
    order: 2;
    align-self: center;
    display: block;
    width: min(100%, 280px);
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .14);
}
.sv-uk-plakat:focus-visible {
    outline: 2px solid var(--sv-primaer-text, #7a1b3c);
    outline-offset: 3px;
}
.sv-uk-bild {
    display: block;
    width: 100%;
    height: auto;
}
.sv-uk-text {
    order: 1;
    min-width: 0;
}
.sv-uk-titel {
    margin: 0 0 .35rem;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.2;
}
.sv-uk-wann {
    margin: 0 0 .6rem;
    font-size: 1.025rem;
}
.sv-uk-wann strong {
    font-weight: 600;
}
/* Der Ablauf: Uhrzeit links in fester Breite, Ort daneben, ein Hinweis leiser darunter */
.sv-uk-ablauf {
    margin: 0 0 .6rem;
    padding: 0;
    list-style: none;
}
.sv-uk-ablauf li {
    display: grid;
    grid-template-columns: 3.6rem minmax(0, 1fr);   /* Uhrzeit | Ort; ein Hinweis steht unter dem Ort */
    gap: 0 .5rem;
    padding: .25rem 0;
    border-top: 1px solid var(--sv-linie, rgba(0, 0, 0, .08));
}
.sv-uk-ablauf li:first-child {
    border-top: 0;
}
.sv-uk-zeit {
    grid-column: 1;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--sv-primaer-text, #7a1b3c);
}
.sv-uk-ort {
    grid-column: 2;
}
.sv-uk-hinweis {
    grid-column: 2;
    font-size: .875rem;
    opacity: .75;
}
.sv-uk-beschreibung {
    margin: 0 0 .6rem;
}
.sv-uk-beschreibung p {
    margin: 0 0 .5rem;   /* die Absaetze des Editors */
}
.sv-uk-beschreibung p:last-child {
    margin-bottom: 0;
}
.sv-uk-beschreibung ul,
.sv-uk-beschreibung ol {
    margin: 0 0 .5rem;
    padding-left: 1.25rem;   /* Listen aus dem Editor */
}
.sv-uk-beschreibung blockquote {
    margin: 0 0 .5rem;
    padding-left: .75rem;
    border-left: 3px solid var(--sv-linie, rgba(0, 0, 0, .15));
}
.sv-uk-beschreibung a {
    color: var(--sv-primaer-text, #7a1b3c);
}
.sv-uk-knoepfe {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .6rem 0 0;
}
@media (min-width: 560px) {
    .sv-uk.hat-plakat {
        flex-direction: row;
        align-items: flex-start;
    }
    .sv-uk.hat-plakat .sv-uk-plakat {
        order: 0;   /* breiter Bildschirm: das Plakat steht links neben dem Text */
        flex: none;
        width: 230px;
    }
}