.event-area-page .private-reiter { grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; gap: 6px; }
.event-area-page .cookie-banner { position: relative !important; inset: auto !important; width: calc(100% - 32px) !important; max-width: 1100px !important; margin: 0 auto 24px !important; z-index: auto !important; box-shadow: none !important; }
.event-area-page .private-reiter-knopf { min-height: 48px; padding: 12px 8px; font-size: 14px; }
.event-area-page .event-next-steps { padding: 28px; margin: 24px 0; background: #eef3f0; border-radius: 16px; }
.event-next-steps h2 { font-size: clamp(24px, 3vw, 32px); line-height: 1.2; margin: 8px 0 12px; }
.event-next-steps > p { line-height: 1.6; margin-bottom: 20px; max-width: 65ch; }
.event-task-list { display: grid; gap: 0; }
.event-task { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 0; border-top: 1px solid #d3dfd7; }
.event-task strong, .event-task small { display: block; }
.event-task strong { font-size: 17px; line-height: 1.4; }
.event-task small { font-size: 14px; line-height: 1.5; color: #50615a; margin-top: 5px; }
.event-task button { flex-shrink: 0; min-height: 44px; }
.event-area-page .private-menu-card:has(> .event-card-details) { padding: 0; }
.event-area-page .event-card-details { margin: 0; padding: 0; border: 0; }
.event-area-page .event-card-details > summary { padding: 22px; font-size: 17px; font-weight: 600; cursor: pointer; }
.event-area-page .event-details-content { padding: 0 22px 22px; }
.event-area-page .event-card-details .private-card-head { margin-top: 8px; }
.event-area-page .private-reiter-knopf:focus-visible, .event-task button:focus-visible, .event-card-details summary:focus-visible { outline: 3px solid #426e60; outline-offset: 3px; }
.event-area-page [data-reiter].is-fremd { display: none !important; }
.event-area-page [id^="private"] { scroll-margin-top: 100px; }
@media (max-width: 600px) {
    .event-area-page .private-reiter { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; }
    .event-area-page .private-reiter-knopf { font-size: 11px; padding: 10px 3px; overflow-wrap: normal; }
    .event-area-page .event-next-steps { padding: 20px 16px; margin: 18px 0; }
    .event-task { gap: 12px; align-items: start; flex-wrap: wrap; }
    .event-task > div { flex: 1 1 100%; }
    .event-task button { font-size: 14px; }
    .event-area-page .event-card-details > summary { padding: 18px 16px; font-size: 16px; }
    .event-area-page .event-details-content { padding: 0 16px 18px; }
}

.event-retention-overview { margin: 24px 0; padding: 24px 28px; border-left: 4px solid #ad753b; background: #faf3e8; border-radius: 4px 14px 14px 4px; color: #493722; }
.event-retention-overview h2 { margin: 0 0 12px; font-size: clamp(21px, 2.5vw, 27px); line-height: 1.25; }
.event-retention-overview p { margin: 8px 0; max-width: 65ch; line-height: 1.6; }
.event-retention-overview strong { font-variant-numeric: tabular-nums; }
.event-retention-overview.is-urgent { border-left-color: #aa4937; background: #fff0e9; }
.event-retention-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.event-retention-links .btn { min-height: 44px; white-space: normal; }
.event-retention-links button:focus-visible { outline: 3px solid #426e60; outline-offset: 3px; }
@media (max-width: 600px) {
    .event-retention-overview { padding: 20px 16px; margin: 18px 0; }
    .event-retention-links { flex-direction: column; align-items: stretch; }
}

/* Media collections stay compact; sharing and retention remain outside. */
.event-area-page .event-media-disclosure { margin: 16px 0; }
.event-area-page .event-media-disclosure > summary { font-weight: 600; }
.event-area-page .event-media-hint { display: block; margin: 4px 0 0 18px; font-size: 13px; font-weight: 400; color: #50615a; }
.event-area-page .event-media-content { min-width: 0; }
.event-area-page .event-media-disclosure:not([open]) > summary { margin-bottom: 0; }
.event-media-disclosure:not([open]) .event-media-open,
.event-media-disclosure[open] .event-media-closed { display: none; }

.event-area-page .event-tutorial { margin: 18px 0 24px; border-block: 1px solid #c8d6ce; color: #173d32; }
.event-tutorial > summary { padding: 18px 4px; min-height: 48px; cursor: pointer; font-size: 17px; font-weight: 600; }
.event-tutorial-content { padding: 0 4px 20px; }
.event-tutorial-content > p { max-width: 72ch; line-height: 1.65; }
.event-tutorial-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 36px; padding: 0; margin: 24px 0; list-style: none; counter-reset: tutorial; }
.event-tutorial-steps > li { counter-increment: tutorial; min-width: 0; }
.event-tutorial-steps h2 { font-size: 22px; line-height: 1.35; margin: 0 0 8px; }
.event-tutorial-steps h2::before { content: counter(tutorial) ". "; color: #587065; }
.event-tutorial-steps p { margin: 0 0 10px; line-height: 1.6; }
.event-tutorial-steps ul { padding-left: 20px; }
.event-tutorial-steps ul li { margin: 0 0 14px; line-height: 1.65; }
.event-tutorial a { color: #173d32; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.event-tutorial a:focus-visible, .event-tutorial > summary:focus-visible { outline: 3px solid #426e60; outline-offset: 4px; }
.event-tutorial-note { padding-top: 18px; border-top: 1px solid #c8d6ce; font-size: 14px; }
@media (max-width: 600px) {
    .event-tutorial-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .event-tutorial > summary { font-size: 16px; }
}