*{box-sizing:border-box}body{margin:0;background:#f3f5f2;color:#203e38;font:15px/1.4 system-ui}header,main,.selection-message{max-width:1240px;margin:auto}header{padding:24px 26px 18px}a{color:#2b675b}header>a{font-size:13px}.eyebrow{font-size:10px;letter-spacing:2px;color:#697a70;margin:20px 0 6px}.heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.heading h1{font-family:Georgia,serif;font-size:38px;font-weight:500;margin:0}.heading p{font-size:16px;margin:0}.intro{color:#607469;margin:10px 0 0;font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:30px;padding:0 26px 32px;align-items:start}.wall-column{min-width:0;align-self:stretch}.sticky{position:sticky;top:14px}.wall{width:min(100%,calc((100dvh - 190px)*.6));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;aspect-ratio:3/5;isolation:isolate}.tile{position:relative;min-width:0;min-height:0;border:0;padding:0;background:#213f3b;cursor:pointer;perspective:900px;overflow:visible;color:white;border-radius:3px}.tile-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.25,1)}.face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:3px;background:#25443e}.face.back{transform:rotateY(180deg)}.face img{width:100%;height:100%;object-fit:cover;display:block}.face img.placeholder{object-fit:contain}.caption{position:absolute;bottom:0;left:0;right:0;padding:20px 7px 7px;background:linear-gradient(transparent,#102a28e8);font-size:11px;line-height:1.2;text-align:left}.caption small{display:block;font-size:9px;color:#dfd4b5;margin-top:4px}.placeholder+.caption{background:#102a28c9;padding-top:7px}.tile.is-selected{outline:3px solid #dcac5c;outline-offset:0;z-index:2}.tile:focus-visible{outline:3px solid #dcac5c}.face .outgoing{position:absolute;inset:0;animation:fadeout .85s ease forwards;pointer-events:none;background:#25443e}.wall-tools{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:10px;font-size:11px;color:#63736b}.wall-tools button{font:inherit;background:white;color:#31584a;border:1px solid #b5c5b9;border-radius:4px;padding:7px 10px;cursor:pointer}.image-note{max-width:480px;font-size:11px;color:#6d7770;margin:10px 0}.list-head{display:flex;align-items:center;justify-content:space-between;border-top:2px solid #315c4f;padding:12px 0 8px}.list-head h2{font-size:17px;font-weight:500;margin:0}.list-head span{font-size:12px;color:#647469}.list-help{font-size:11px;color:#647469;margin:0 0 10px}.year{font-size:13px;letter-spacing:2px;color:#8d6237;margin:18px 0 4px}.event-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-bottom:1px solid #dbe2da;padding:5px 0;gap:4px}.entry{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:0 9px;width:100%;padding:4px;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer;font:inherit;align-items:baseline}.date{grid-row:1/3;display:flex;flex-direction:column;align-self:center;line-height:1.05;text-align:center}.date b{font-size:22px;color:#a7652d;font-weight:650}.date small{font-size:10px;text-transform:uppercase;margin-top:3px;color:#72796f}.short-title{font-size:14px;font-weight:700;color:#285b50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.where{grid-column:2;font-size:11px;color:#6f776f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.event-row.is-active{background:#e4ede2;border-radius:4px}.info-button{border:1px solid #94a79b;color:#466e5f;border-radius:50%;background:transparent;width:23px;height:23px;font:italic 15px Georgia;cursor:pointer}.entry:focus-visible,.info-button:focus-visible{outline:2px solid #9b7639;outline-offset:1px}.selection-message{padding:0 26px 20px;font-size:12px;color:#63736b}dialog{border:1px solid #afc0b3;border-radius:10px;padding:25px;max-width:500px;width:calc(100% - 32px);color:#203e38;background:#fff}dialog::backdrop{background:#0d242477}dialog>button{float:right;padding:8px 12px;border:1px solid #b0beb4;background:white;border-radius:4px;color:inherit;cursor:pointer}dialog h2{font-size:21px}dialog p{font-size:14px}#info-source{font-size:11px;color:#697a70}@keyframes fadeout{to{opacity:0}}@media(max-width:850px){.layout{gap:18px;grid-template-columns:minmax(0,43fr) minmax(0,57fr);padding:0 14px 24px}header{padding:16px 14px}.heading{display:block}.heading h1{font-size:30px}.heading p{font-size:14px;margin-top:5px}.short-title{font-size:13px}.entry{grid-template-columns:36px minmax(0,1fr);gap:0 5px}.caption{font-size:10px}.wall{gap:4px}}@media(max-width:600px){.layout{display:block}.wall-column{position:sticky;top:0;z-index:5;background:#f3f5f2;padding:8px 0;border-bottom:1px solid #dbe2da}.sticky{position:static}.wall{width:min(100%,calc((45dvh - 35px)*.6));margin:auto}.wall-tools{margin:5px 0 0}.image-note{display:none}.list-column{margin-top:16px}.caption{font-size:8px;padding:12px 3px 3px}.caption small{display:none}.short-title{font-size:14px}.entry{grid-template-columns:42px minmax(0,1fr)}.list-help{font-size:11px}.event-row{scroll-margin-top:48dvh}}@media(prefers-reduced-motion:reduce){.tile-inner{transition:none}.face .outgoing{animation:none;display:none}}

.wall{aspect-ratio:auto;grid-template-rows:repeat(5,var(--unit,100px))}

/* Homepage typography and compact image/list arrangement, 14 October 2026. */
body{background:#fff;font-family:Arial,Helvetica,sans-serif}header,main,.selection-message{max-width:1040px}header{padding:20px 20px 16px}nav{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;font-size:14px;font-weight:700;letter-spacing:1px}nav a{text-decoration:none}nav a[aria-current]{border-bottom:2px solid #315c4f;padding-bottom:4px}.tourist-i{display:inline-flex;background:#c82429;color:#fff;width:23px;height:25px;align-items:center;justify-content:center;font:bold 24px Georgia;border-radius:2px}.heading h1{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:700}.eyebrow{letter-spacing:1px;margin:20px 0 5px}.layout{grid-template-columns:minmax(0, min(480px,calc((100dvh - 190px)*.6))) minmax(0,430px);gap:14px;padding:0 20px 30px;justify-content:center}.wall{width:100%}.image-credits{font-size:10px;color:#888;margin:6px 0;line-height:1.3}.wall-tools{margin-top:5px}.image-note{font-size:10px;margin-top:6px}.list-head{padding:7px 0}.list-head h2{font-weight:700}.year{margin-top:10px}.event-row{padding:3px 0}.entry{padding:3px}.list-help{margin-bottom:5px}.caption{display:none}
@media(min-width:601px){.layout{grid-template-columns:minmax(0,calc((100dvh - 190px)*.6)) minmax(0,430px)}}
@media(max-width:850px){nav{font-size:11px;gap:12px}.layout{gap:12px;padding:0 14px 24px}header{padding:16px 14px}.heading h1{font-size:27px}}
@media(max-width:600px){.layout{display:block}.wall-column{background:white;padding:4px 0 6px}.wall{width:100%;grid-template-rows:repeat(2,var(--unit,100px));gap:4px}.image-note{display:block;margin-bottom:0}.image-credits{font-size:9px}.list-column{margin-top:10px}.event-row{scroll-margin-top:calc(66.67vw + 70px)}nav{font-size:10px;gap:10px 14px;letter-spacing:.4px}.heading h1{font-size:25px}.eyebrow{margin-top:14px}.wall-tools button{padding:4px 8px}}

.info-links{display:flex;flex-wrap:wrap;gap:10px 16px}.info-links a{font-size:13px}#info-note{font-size:12px;color:#697a70}

.tourist-i{width:1em;height:1em;font-size:1em;line-height:1;vertical-align:baseline}.wall-tools:empty{display:none}.wall-tools{margin:0}dialog{max-width:640px;max-height:90dvh;overflow:auto}.detail-image{display:block;clear:both;width:100%;height:auto;max-height:42dvh;object-fit:contain;margin:12px 0 15px}.detail-image[hidden]{display:none}.info-links .ticket-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 20px;border:1px solid #315c4f;border-radius:4px;background:#315c4f;color:#fff;font-size:14px;font-weight:700;text-decoration:none}.ticket-button:hover{background:#24493e}.ticket-button:focus-visible{outline:2px solid #a7652d;outline-offset:3px}

/* Shared visual structure with calendar event details. */
dialog.event-details{width:640px;max-width:calc(100vw - 36px);max-height:85vh;border:1px solid #a9bca0;border-radius:6px;padding:22px;color:#243d28}dialog.event-details::backdrop{background:#0006}dialog.event-details h2{font-size:1.4em;padding-right:70px;margin:20px 0 16px}dialog.event-details>button:first-child{float:right;font:inherit}#info-date{font-size:14px}.detail-place{margin:22px 0 24px;padding:12px 14px;background:#f2f5ef;border-left:3px solid #9ab3a5;line-height:1.55;font-size:14px}.detail-place>strong,.detail-place>span{display:block}.detail-place a{display:inline-block;margin-top:8px;font-size:.9em}.detail-image{clear:none;max-width:100%;width:auto;max-height:300px;object-fit:contain;margin:0 0 6px}#info-credit{display:block;color:#6f776c;font-size:11px}.detail-description{white-space:pre-wrap;line-height:1.5}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.detail-action{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:#315c4f;color:white;border:1px solid #315c4f;border-radius:4px;text-decoration:none;font:14px Arial;cursor:pointer}.detail-action:disabled{background:#e0e0e0;color:#777;border-color:#bbb;cursor:default}.action-icon{display:inline-block;width:28px;height:26px;background-position:center;background-size:contain;background-repeat:no-repeat}.ticket-icon{background-image:url('/assets/ticket-vorverkauf.svg')}.calendar-icon{background-image:url('/assets/events-calendar.svg')}#info-homepage{display:block;margin:8px 0;font-size:14px}#info-homepage[hidden],#info-navigation[hidden]{display:none}#info-note:empty,#info-description:empty{display:none}@media(max-width:850px){dialog.event-details{padding:16px}dialog.event-details h2{font-size:1.2em}}

/* Compact event details: image left, description right, actions below. */
dialog.event-details{width:760px}.detail-content{display:grid;grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:16px;align-items:start}.detail-picture{min-width:0}.detail-picture[hidden]{display:none}.detail-content.without-image{grid-template-columns:1fr}.detail-content .detail-image{width:100%;height:auto;max-height:340px;margin:0 0 5px;object-fit:contain}.detail-content .detail-description{margin:0;font-size:14px;line-height:1.45}.detail-place{margin:14px 0 18px;padding:10px 12px}.detail-actions{clear:both;margin-top:16px;padding-top:12px;border-top:1px solid #dbe2da}#info-homepage{margin-top:14px}@media(max-width:520px){.detail-content{grid-template-columns:1fr;gap:12px}.detail-content .detail-image{width:auto;max-width:100%;max-height:220px}.detail-content .detail-description{font-size:14px}}

.detail-actions{gap:12px}.detail-action{justify-content:center;text-align:center;min-width:190px;min-height:56px;padding:10px 18px;font:700 17px/1.2 Arial,Helvetica,sans-serif;background:linear-gradient(#4c7967,#315c4f);border:1px solid #294d41;border-bottom:4px solid #1e3b31;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff60,0 2px 3px #0002;gap:10px}.detail-action .action-icon{width:32px;height:30px;flex-shrink:0}.ticket-icon{background-image:url('/highlights/images/ticket-button.svg')}.calendar-icon{background-image:url('/highlights/images/calendar-button.svg')}.detail-action:not(:disabled):hover{background:linear-gradient(#588974,#386857)}.detail-action:not(:disabled):active{border-bottom-width:2px;transform:translateY(2px);box-shadow:inset 0 1px 3px #0003}.detail-action:disabled{background:linear-gradient(#ededed,#d2d2d2);color:#777;border-color:#b8b8b8;border-bottom-color:#aaa;box-shadow:inset 0 1px 0 #fff,0 1px 2px #0001}.detail-action:disabled .action-icon{filter:brightness(.48);opacity:.8}.detail-action:focus-visible{outline:3px solid #a7652d;outline-offset:3px}dialog.event-details>button:first-child{font-size:16px;font-weight:700;min-height:42px;border-bottom:3px solid #9eafa2;box-shadow:inset 0 1px 0 white,0 1px 3px #0002}@media(max-width:520px){.detail-actions .detail-action{flex:1 1 180px;min-width:0}}

.share-icon{background-image:url('/highlights/images/share-button.svg')}.detail-feedback{font-size:12px;color:#526448;overflow-wrap:anywhere}.detail-feedback:empty{display:none}

.highlight-page-heading{max-width:1240px;margin:20px auto;padding:0 26px}.highlight-page-heading .heading h1{font:700 28px Arial,Helvetica,sans-serif}

.events-month-dialog{width:340px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:12px;border:1px solid #a9bca0;border-radius:6px;color:#243d28}.events-month-dialog::backdrop{background:#0005}.events-month-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.events-month-dialog button{min-height:44px;min-width:40px;border:0;border-radius:4px;background:#f0f4ec;color:#234b35;font:inherit;cursor:pointer}.events-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center;margin-bottom:8px}.events-month-grid small{padding:5px 0}.events-month-grid button[aria-pressed=true]{background:#315c4f;color:#fff}.events-month-grid button{min-width:0}.events-month-heading button{font-size:26px}@media(max-width:850px){.events-hint{font-size:.85em;line-height:1.2;margin-bottom:6px}}
.daily-tip-page .events-date-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 8px}.daily-tip-page .events-date-nav button{font:inherit;color:#234b35;border:0;background:none;min-height:44px;padding:6px;cursor:pointer}.daily-tip-page .events-date-nav button:first-child,.daily-tip-page .events-date-nav button:last-child{font-size:28px}.daily-tip-page .events-date-nav button:disabled,.events-month-dialog button:disabled{opacity:.35;cursor:default}.daily-tip-page .list-head{border-top:0;padding:0 0 8px}.daily-tip-page .list-head h2{display:none}.daily-tip-page .entry{display:block}.daily-tip-page .where{display:block;white-space:normal;font-size:.78em;color:#62705d}.daily-tip-page .daily-title-line{display:grid;grid-template-columns:5.6em minmax(0,1fr);gap:7px;line-height:1.23;font-size:.91em}.daily-tip-page .daily-title-line .short-title{font-size:1em;font-weight:400;white-space:normal;overflow:visible}.daily-tip-page .daily-time{color:#287342;white-space:nowrap;font-weight:700}.daily-tip-page .event-row{padding:2px 0;border:0;margin-bottom:4px}.daily-calendar-icon{display:inline-block;width:20px;height:20px;background:url('/assets/events-calendar.svg') center/contain no-repeat;font-size:0;vertical-align:middle}
