@layer components{.po-termin{width:100%;color:var(--foreground);container:po-termin/inline-size}.po-termin__raster{--po-kachel-breite:76px;--po-kachel-hoehe:88px;--po-kachel-band:24px;--po-kachel-tag:44px;--po-termin-titel:20px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"kachel kopf""rumpf rumpf";gap:18px 16px;padding:20px;display:grid}@container po-termin (min-width:440px){.po-termin--kompakt .po-termin__raster{grid-template-rows:auto 1fr;grid-template-areas:"kachel kopf""kachel rumpf";gap:12px 20px;padding:24px}}@container po-termin (min-width:500px){.po-termin--gross .po-termin__raster{--po-kachel-breite:88px;--po-kachel-hoehe:104px;--po-kachel-band:26px;--po-kachel-tag:56px;--po-termin-titel:24px;grid-template-rows:auto 1fr;grid-template-areas:"kachel kopf""kachel rumpf";gap:12px 24px;padding:24px}}.po-termin__kachel{width:var(--po-kachel-breite);height:var(--po-kachel-hoehe);transition:rotate .32s var(--ease-out-fluid);background:linear-gradient(#fbf9f5 0%,#f5f1eb 55%,#efeae2 100%);border-radius:16px;flex-direction:column;grid-area:kachel;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0e0e0e0f,0 3px 8px -2px #0e0e0e14,0 12px 24px -12px #0e0e0e38}.po-termin__kachel:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0e0e0e1a,inset 0 -1px #fff9}.po-termin__band{height:var(--po-kachel-band);color:#f5f1eb;font-family:var(--po-font-mono);letter-spacing:.16em;background-color:#8a553a;background-image:linear-gradient(#ffffff1a,#fff0);flex:none;place-items:center;padding-left:.16em;font-size:12px;font-weight:500;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff24,0 1px #0e0e0e1a}.po-termin__blatt{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding-bottom:2px;display:flex}.po-termin__tag{font-family:var(--po-font-display);font-size:var(--po-kachel-tag);letter-spacing:-.04em;color:var(--foreground);font-weight:300;line-height:.92;display:block}.po-termin__wochentag{font-family:var(--po-font-mono);letter-spacing:.14em;color:var(--muted);padding-left:.14em;font-size:12px;font-weight:500;line-height:1}.po-termin__kopf{grid-area:kopf;align-self:start;min-width:0;margin-top:-3px}.po-termin__etikett{--po-trenner:2.2em;margin:0 0 6px calc(-1 * var(--po-trenner));clip-path:inset(0 0 0 var(--po-trenner));color:var(--link);flex-wrap:wrap;display:flex}.po-termin__etikett>span{margin-left:var(--po-trenner);position:relative}.po-termin__trenner{width:var(--po-trenner);letter-spacing:0;text-align:center;position:absolute;right:100%}.po-termin__titel{font-family:var(--po-font-display);font-size:var(--po-termin-titel);letter-spacing:-.012em;text-wrap:balance;margin:0;font-weight:400;line-height:1.2}.po-termin__titel a{color:inherit;text-decoration:none}.po-termin__rumpf{flex-direction:column;grid-area:rumpf;align-items:flex-start;min-width:0;display:flex}.po-termin__unter{font-family:var(--po-font-body);color:var(--muted);text-wrap:balance;margin:6px 0 0;font-size:15px;line-height:1.35}.po-termin__meta{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.po-termin__datum{font-family:var(--po-font-body);margin:0;font-size:16px;font-weight:500;line-height:1.4}.po-termin__war{color:var(--muted);font-weight:400}.po-termin__chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}:root [data-site=oeffentlich] .po-termin__chips .po-chip--neutral{--chip-bg:#0e0e0e12;box-shadow:inset 0 0 0 1px #0e0e0e0f}:root [data-site=oeffentlich] .po-termin.dunkel .po-termin__chips .po-chip--neutral{--chip-bg:#f5f1eb1a;box-shadow:inset 0 0 0 1px #f5f1eb14}.po-termin__aktionen{flex-wrap:wrap;align-items:center;gap:4px 16px;width:100%;margin-top:20px;display:flex}.po-termin__aktionen>.button{z-index:2;flex:auto}.po-termin__zweit{z-index:2;min-height:44px;font-family:var(--po-font-body);color:var(--foreground);align-items:center;margin-inline:auto;font-size:15px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.po-termin__zweit .po-link:before{content:"";background:var(--border-secondary);height:1px;position:absolute;bottom:-2px;left:0;right:0}.po-termin__zweit:focus-visible{outline:none}.po-termin__zweit:focus-visible .po-link{outline:2px solid var(--focus);outline-offset:5px;border-radius:4px}.po-termin__zweit:focus-visible .po-link:after{transform:scaleX(1)}@media (hover:hover){.po-termin:hover .po-termin__zweit:not(:hover,:focus-visible) .po-link:after{transform:scaleX(0)}}@container po-termin (min-width:440px){.po-termin--kompakt .po-termin__aktionen{column-gap:24px;margin-top:22px}.po-termin--kompakt .po-termin__aktionen>.button{flex:none}.po-termin--kompakt .po-termin__zweit{margin-inline:0}}@container po-termin (min-width:500px){.po-termin--gross .po-termin__aktionen{column-gap:24px;margin-top:22px}.po-termin--gross .po-termin__aktionen>.button{flex:none}.po-termin--gross .po-termin__zweit{margin-inline:0}}@media (hover:hover){.po-termin:hover .po-termin__kachel{rotate:-2deg}.po-termin:hover .po-termin__aktionen>.button--primary{background-color:var(--button-bg-hover)}}.po-termin.po-lift:has(.po-flaechenlink:focus-visible){outline:none}.po-termin--vorbei .po-termin__band{background-color:#6f6a62}.po-termin.dunkel .po-termin__kachel{background:linear-gradient(#1a1a19 0%,#0e0e0e 100%);box-shadow:0 1px 2px #0000004d,0 12px 24px -12px #0009}.po-termin.dunkel .po-termin__kachel:after{box-shadow:inset 0 0 0 1px #f5f1eb1a,inset 0 1px #f5f1eb0f}.po-termin.dunkel .po-termin__band{color:#0e0e0e;background-color:#b8704a;box-shadow:inset 0 1px #ffffff2e,0 1px #0000004d}.po-termin.dunkel.po-termin--vorbei .po-termin__band{color:#f5f1eb;background-color:#6f6a62}.po-termin--laden{animation:po-termin-auftritt var(--po-dur-auftritt) var(--po-ease-out) both;animation-delay:var(--po-termin-verzug,0s)}.po-termin--laden .po-termin__band{animation:po-termin-band .32s var(--po-ease-out) both;animation-delay:calc(var(--po-termin-verzug,0s) + .16s)}.po-termin--laden .po-termin__tag{animation:po-termin-tag .4s var(--po-ease-out) both;animation-delay:calc(var(--po-termin-verzug,0s) + .24s)}@supports (animation-timeline:view()){.po-termin--scrollen{view-timeline:--po-termin block;animation:linear both po-termin-auftritt;animation-timing-function:var(--po-ease-out);animation-timeline:--po-termin;animation-range:entry 0 entry 200px}.po-termin--scrollen .po-termin__band{animation:linear both po-termin-band;animation-timing-function:var(--po-ease-out);animation-timeline:--po-termin;animation-range:entry 80px entry 220px}.po-termin--scrollen .po-termin__tag{animation:linear both po-termin-tag;animation-timing-function:var(--po-ease-out);animation-timeline:--po-termin;animation-range:entry 120px entry 280px}}@media (prefers-reduced-motion:reduce){.po-termin,.po-termin .po-termin__band,.po-termin .po-termin__tag{animation:none}.po-termin .po-termin__kachel{transition:none}.po-termin:hover .po-termin__kachel{rotate:none}}.po-kipp{border-radius:var(--po-radius-karte,1.5rem);position:relative}.po-kipp[data-kipp-an]{transform:perspective(1100px) rotateX(calc(var(--kipp-y,0) * -3.2deg)) rotateY(calc(var(--kipp-x,0) * 4.5deg));transition:transform .7s var(--ease-out-fluid)}.po-kipp[data-kipp-aktiv]{will-change:transform;transition-duration:.26s}.po-kipp__licht{z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out-fluid);position:absolute;inset:0;overflow:hidden}.po-kipp__licht:before{content:"";width:600px;height:600px;transform:translate(var(--licht-x,50%), var(--licht-y,50%));transition:transform .18s var(--ease-out-fluid);background:radial-gradient(closest-side,#b8704a5c,#b8704a21 45%,#0000 74%);border-radius:50%;position:absolute;top:-300px;left:-300px}.dunkel .po-kipp__licht:before,.po-termin.dunkel .po-kipp__licht:before{background:radial-gradient(closest-side,#c67c5457,#b8704a1f 45%,#0000 74%)}.po-kipp[data-kipp-aktiv] .po-kipp__licht{opacity:1}.po-kipp[data-kipp-an] .po-termin__kachel{translate:calc(var(--kipp-x,0) * 4px) calc(var(--kipp-y,0) * 3px);transition:translate .7s var(--ease-out-fluid), rotate .32s var(--ease-out-fluid)}.po-kipp[data-kipp-aktiv] .po-termin__kachel{transition-duration:.26s,.32s}@media (prefers-reduced-motion:reduce){.po-kipp[data-kipp-an]{transition:none;transform:none}.po-kipp__licht{display:none}}}:root [data-site=oeffentlich] .po-termin.dunkel{--surface:#2a2a28;--link:#d9a989}@keyframes po-termin-auftritt{0%{opacity:0;translate:0 12px}}@keyframes po-termin-band{0%{translate:0 -100%}}@keyframes po-termin-tag{0%{opacity:0;scale:.94}}