.wp-block-archives-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.25rem 1.25rem;
}
.wp-block-calendar tbody a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.25rem;
min-height: 2.25rem;
padding: 0.2rem;
color: #000000;
background: rgba(179, 156, 125, 0.16);
border: 1px solid #000000;
border-radius: 50%;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition:
background-color 0.2s ease,
color 0.2s ease,
transform 0.2s ease;
}
.wp-block-calendar tbody a:hover,
.wp-block-calendar tbody a:focus-visible {
color: #ffffff;
background: #000000;
border-color: #000000;
transform: scale(1.06);
}
.wp-block-calendar tbody a:focus-visible {
outline: 2px solid #000000;
outline-offset: 3px;
}  @media (min-width: 782px) {
.ls-randspalte {
max-height: calc(100vh - 4rem);
max-height: calc(100dvh - 4rem);
overflow-y: auto;
overscroll-behavior: contain; scrollbar-width: thin;
scrollbar-color: var(--wp--preset--color--custom-c) transparent;
padding-right: .5rem;
}
.ls-randspalte::-webkit-scrollbar { width: 6px; }
.ls-randspalte::-webkit-scrollbar-thumb { background: var(--wp--preset--color--custom-c); border-radius: 3px; }
} @property --ls-blende { syntax: '<length>'; inherits: false; initial-value: 3rem; }
@media (min-width: 782px) {
.ls-randspalte .ls-navigation { list-style: none; padding-left: 0; }
.ls-randspalte .ls-navigation li { margin: 0 0 .4rem; line-height: 1.35; }
.ls-randspalte .ls-navigation a { text-decoration: none; }
.ls-randspalte .ls-navigation a:hover,
.ls-randspalte .ls-navigation a:focus-visible { text-decoration: underline; }
.ls-randspalte {
padding-bottom: 1rem;
-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - var(--ls-blende)), transparent);
mask-image: linear-gradient(to bottom, #000 calc(100% - var(--ls-blende)), transparent);
} @supports (animation-timeline: scroll()) {
.ls-randspalte { animation: ls-blende-aus linear both; animation-timeline: scroll(self); }
@keyframes ls-blende-aus { 0%, 85% { --ls-blende: 3rem; } 100% { --ls-blende: 0px; } }
}
} @supports (scroll-target-group: auto) {
.ls-navigation { scroll-target-group: auto; }
.ls-navigation a { display: block; margin-left: -.75rem; padding: .15rem 0 .15rem .75rem;
border-left: 2px solid transparent; text-decoration: none; }
.ls-navigation a:target-current {
border-left-color: var(--wp--preset--color--custom-brand-gold);
color: var(--wp--preset--color--custom-text) !important;
font-weight: 600;
}
} @media (prefers-reduced-motion: no-preference) {
@supports (animation-timeline: scroll()) {
.ls-lesesaal::before {
content: ""; position: fixed; inset: 0 0 auto 0; height: 3px; z-index: 100;
background: var(--wp--preset--color--custom-brand-gold);
transform-origin: 0 50%;
animation: ls-fortschritt linear both;
animation-timeline: scroll(root);
}
@keyframes ls-fortschritt { from { transform: scaleX(0); } to { transform: scaleX(1); } }
}
} .ls-lesehilfen {
position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 90;
display: flex; flex-direction: column; gap: .5rem;
opacity: 0; transform: translateY(.5rem); pointer-events: none;
transition: opacity .25s ease, transform .25s ease;
}
.ls-lesehilfen.ist-sichtbar { opacity: 1; transform: none; pointer-events: auto; }
.ls-lesehilfen button {
display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
min-width: 2.75rem; height: 2.75rem; padding: 0 .8rem;
border: 0; border-radius: 5px; cursor: pointer;
background: var(--wp--preset--color--custom-text); color: var(--wp--preset--color--custom-surface);
font: 500 .8rem/1 var(--wp--preset--font-family--manrope, system-ui, sans-serif); letter-spacing: .03em;
box-shadow: 0 6px 18px -8px rgba(41, 39, 36, .45);
}
.ls-lesehilfen button:hover { background: #000; }
.ls-lesehilfen button:focus-visible { outline: 2px solid var(--wp--preset--color--custom-brand-gold); outline-offset: 3px; }
.ls-lesehilfen .ls-lineal-schalter[aria-pressed="true"] { background: var(--wp--preset--color--custom-brand-gold); color: #000; } @media (max-width: 781px) { .ls-lesehilfe-text { display: none; } .ls-lesehilfen button { padding: 0; } } @media (pointer: coarse) { .ls-lineal { height: 3em; box-shadow: 0 0 0 100vmax rgba(41, 39, 36, .16); } }
.ls-lineal {
position: fixed; left: 0; right: 0; top: 0; z-index: 80; height: 2.6em;
pointer-events: none;
border-top: 1px solid var(--wp--preset--color--custom-brand-gold);
border-bottom: 1px solid var(--wp--preset--color--custom-brand-gold);
box-shadow: 0 0 0 100vmax rgba(41, 39, 36, .2); }
@media print { .ls-lesehilfen, .ls-lineal { display: none !important; } } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
font-size: 1.1rem;
line-height: 1.3;
padding: .35rem .75rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
gap: 1.25rem;
}