.highlight-calendar-page{background:#fff;font-family:Arial,Helvetica,sans-serif}
.highlight-calendar-page .highlight-page-heading{max-width:1240px;padding:0 26px;margin:18px auto 0}
.design-notice{font-size:11px;letter-spacing:.5px;color:#697a70;margin:0 0 16px}
.design-title{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.design-title h1{font:700 28px/1.2 Arial,Helvetica,sans-serif;margin:0}
.highlight-calendar-page .region-choice{margin:22px 0 16px}
.highlight-calendar-page .region-tabs{max-width:none}
.highlight-calendar-page .region-tabs button{font:600 18px/1.2 Arial,Helvetica,sans-serif}
.highlight-calendar-page .region-tabs button[aria-pressed=true] img{animation:design-cover-enter .6s ease both}
@keyframes design-cover-enter{0%{transform:translateY(8px) rotate(-4deg)}60%{transform:translateY(-4px) rotate(2deg)}100%{transform:translateY(0) rotate(0)}}
.highlight-calendar-page .events-hint{margin:12px 0;font-size:14px}
.design-toolbar,.highlight-calendar-page .layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:14px;max-width:1240px}
.design-toolbar{align-items:center}
.design-map-controls{display:flex;gap:7px;align-items:center;justify-content:space-between}
.design-map-controls button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:40px;margin:0;padding:8px 9px;color:#315947;border:1px solid #bdcbb5;border-radius:4px;background:#fff;font:13px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
.design-map-controls button:focus-visible{outline:3px solid #236b8e;outline-offset:2px}
.design-map-controls button:disabled{color:#777;cursor:wait}
.design-map-controls .calendar-search-icon{flex-shrink:0}
.highlight-calendar-page .highlight-month-navigation{margin:0;min-height:40px}
.highlight-calendar-page .layout{padding:0 26px 30px;justify-content:normal}
.highlight-calendar-page .list-column{width:430px;min-width:0;margin:0}
.highlight-calendar-page .wall-column{min-width:0;position:static;padding:0;border:0;background:#fff}
.highlight-calendar-page .sticky{position:static}
.highlight-calendar-page #wall{width:100%;max-width:none;aspect-ratio:3/5;margin:0}
.highlight-calendar-page #design-map{width:100%;height:610px;border:1px solid #bdcbb5;z-index:0}
.highlight-calendar-page [hidden]{display:none!important}
.highlight-calendar-page #design-status{font-size:12px;min-height:16px;margin:4px 0}
.highlight-calendar-page .list-head{padding-top:10px}
.highlight-calendar-page .list-column .event-row{scroll-margin-top:20px}
.highlight-calendar-page .selection-message{padding:0;max-width:100%;font-size:12px}
@media(max-width:1100px) and (min-width:901px){.design-map-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.highlight-calendar-page #design-map{height:540px}}
@media(max-width:900px){.highlight-calendar-page .highlight-page-heading{padding:0 14px}.highlight-calendar-page .layout{display:flex;flex-direction:column;padding:0 14px 24px;gap:18px}.highlight-calendar-page .wall-column,.highlight-calendar-page .list-column{width:100%}.design-toolbar{grid-template-columns:1fr;gap:8px}.highlight-calendar-page .highlight-month-navigation{max-width:430px;margin:auto}.highlight-calendar-page #wall{aspect-ratio:3/2;grid-template-rows:repeat(2,minmax(0,1fr))}.highlight-calendar-page #design-map{height:420px}.highlight-calendar-page .wall-column{position:static}.highlight-calendar-page .events-hint{line-height:1.4}.highlight-calendar-page .region-tabs button span{font-size:16px}}
@media(max-width:650px){.design-title{gap:4px 12px}.design-title h1{font-size:24px}.highlight-calendar-page .region-choice{margin-top:14px}.highlight-calendar-page .region-tabs button{min-height:64px;padding:5px 7px}.highlight-calendar-page .region-tabs button span{font-size:clamp(11px,3.1vw,14px)}.highlight-calendar-page .region-tabs button img{width:30px;height:48px}.design-map-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.design-map-controls button{min-height:44px;padding:8px;font-size:12px}.highlight-calendar-page #design-map{height:330px}.highlight-calendar-page .highlight-month-navigation{width:100%}.highlight-calendar-page .list-help{margin-bottom:6px}}
@media(max-height:600px) and (orientation:landscape) and (max-width:900px){.highlight-calendar-page #design-map{height:300px}.highlight-calendar-page #wall{max-height:380px}}
@media(prefers-reduced-motion:reduce){.highlight-calendar-page .region-tabs button[aria-pressed=true] img{animation:none}}

@media(max-width:900px){.highlight-calendar-page .events-hint{white-space:normal;overflow-wrap:break-word}}

@media(max-width:400px){.highlight-calendar-page .brand{font-size:22px;white-space:normal;min-width:0;max-width:100%}.highlight-calendar-page .masthead{min-width:0;max-width:100%}.highlight-calendar-page .ek19-navigation{min-width:0;max-width:100%;flex-wrap:wrap}.highlight-calendar-page .ek-version{display:inline-block;white-space:nowrap}}

@media(max-width:400px){.highlight-calendar-page .masthead .brand{font-size:22px!important;white-space:normal!important}.highlight-calendar-page .masthead .ek-version{position:static!important;display:block!important;margin:3px 0!important;white-space:normal!important}}

.design-pin-choice{display:block;width:100%;float:none;padding:12px;margin:8px 0;border:1px solid #bdcbb5;border-radius:4px;background:#f4f7f3;text-align:left;color:#234b35;font:inherit;cursor:pointer}.design-pin-choice:hover,.design-pin-choice:focus-visible{background:#e4ede2;outline:2px solid #315947}

/* Calendar typography, compact controls and a bounded event list. */
.highlight-calendar-page{font:16px/1.5 Arial,Helvetica,sans-serif;color:#17352b}
.highlight-calendar-page .design-title{gap:12px}
.highlight-calendar-page .design-title h1{font:400 34px/1.15 Georgia,"Times New Roman",serif;color:#17352b;margin:0}
.highlight-calendar-page .region-invitation{font:400 14px/1.5 Arial,Helvetica,sans-serif;color:#888}
.highlight-calendar-page .region-choice{margin:22px 0 8px}
.highlight-calendar-page .region-tabs button{font-family:Arial,Helvetica,sans-serif}
.highlight-calendar-page .events-hint{font:400 14.72px/1.5 Arial,Helvetica,sans-serif;margin:0 0 5px}
.highlight-calendar-page .design-toolbar{align-items:center;margin:0 0 5px}
.highlight-calendar-page .design-map-controls{justify-content:normal;gap:6px;align-items:stretch}
.highlight-calendar-page .design-map-controls button{min-height:48px;padding:10px;border:1px solid #bdcbb5;border-radius:4px;background:#fff;color:#315947;font:400 13px/1.3 system-ui;box-shadow:0 1px 3px #0002}
.highlight-calendar-page .design-map-controls #design-search{flex:1 1 auto;min-width:100px;font-size:15px}
.highlight-calendar-page .design-map-controls button:hover:not(:disabled){background:#e5edf2}
.highlight-calendar-page .highlight-month-navigation,.highlight-calendar-page .highlight-month-navigation button{min-height:48px}
.highlight-calendar-page #design-status{min-height:0;margin:0 0 5px;font-size:12px}
.highlight-calendar-page #design-status:empty{display:none}
.highlight-calendar-page .list-column{height:var(--design-media-height,610px);display:flex;flex-direction:column;overflow:hidden}
.highlight-calendar-page .list-head,.highlight-calendar-page .list-help{flex:0 0 auto}
.highlight-calendar-page #events{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:5px}
.highlight-calendar-page #events:focus-visible{outline:2px solid #236b8e;outline-offset:-2px}
@media(max-width:1100px) and (min-width:901px){.highlight-calendar-page .design-map-controls{gap:4px}.highlight-calendar-page .design-map-controls #design-search{min-width:0}}
@media(max-width:900px){.highlight-calendar-page .design-toolbar{gap:4px;margin-bottom:5px}.highlight-calendar-page .layout{gap:8px}.highlight-calendar-page .events-hint{white-space:normal}.highlight-calendar-page .design-map-controls{gap:4px}}
@media(max-width:650px){.highlight-calendar-page .region-choice{margin-top:12px;margin-bottom:6px}.highlight-calendar-page .design-map-controls{gap:4px}.highlight-calendar-page .design-map-controls button{min-height:48px;padding:8px;font-size:12px}.highlight-calendar-page .design-map-controls #design-search{min-width:0;font-size:14px}.highlight-calendar-page .list-help{margin-bottom:6px}}

/* In portrait the month selector follows the map/wall, as in the calendar. */
@media(orientation:portrait) and (max-width:1100px){
 .highlight-calendar-page .highlight-page-heading{padding:0 14px}
 .highlight-calendar-page .design-toolbar{grid-template-columns:1fr}
 .highlight-calendar-page .layout{display:flex;flex-direction:column;padding:0 14px 24px;gap:8px}
 .highlight-calendar-page .wall-column,.highlight-calendar-page .list-column{width:100%}
 .highlight-calendar-page #wall{aspect-ratio:3/2;grid-template-rows:repeat(2,minmax(0,1fr))}
 .highlight-calendar-page .list-column>#design-month{flex:0 0 auto;margin:0 0 5px;width:100%}
 .highlight-calendar-page #message:empty{display:none}
 .highlight-calendar-page .highlight-month-navigation{max-width:430px;margin:0 auto}
}

/* Seitentitel wie Kalender: Schrift, Farbe und mobile Skalierung. */
body.highlight-calendar-page .design-title h1{font:400 34px/1.15 Georgia,"Times New Roman",serif;color:#17352b;letter-spacing:-.7px;text-transform:none;white-space:normal;overflow-wrap:normal}
@media(max-width:680px){body.highlight-calendar-page .design-title h1{font-size:30px}}