.ll-kopf {
position: sticky;
inset-block-start: 0;
z-index: 60;
border-block-end: 1px solid var(--ll-kopf-rand);
}

.ll-kopf::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background: var(--ll-kopf-flaeche);
}

@supports (backdrop-filter: blur(1px)) {
.ll-kopf--transparent.is-gescrollt::after {
background: var(--ll-kopf-flaeche-gescrollt);
backdrop-filter: blur(12px) saturate(1.1);
}
}

.ll-kopf__leiste {
max-width: var(--wp--style--global--wide-size);
margin-inline: auto;
padding-inline: var(--wp--preset--spacing--40);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--40);
block-size: var(--ll-kopf-hoehe, 88px);
}

.ll-kopf--schrumpft.is-gescrollt .ll-kopf__leiste {
--ll-kopf-hoehe: 64px;
}

@media (prefers-reduced-motion: reduce) {
.ll-kopf__logo img,
.ll-kopf__logo svg,
.ll-kopf__marke { transition: none; }
}

.ll-kopf__logo,
.ll-kopf__rechts {
position: relative;
z-index: 3;
}

.ll-kopf__logo {
display: flex;
align-items: center;
text-decoration: none;
flex: none;
}

.ll-kopf__logo img,
.ll-kopf__logo svg {
display: block;
block-size: 44px;
inline-size: auto;

transform-origin: left center;
transition: transform var(--wp--custom--tempo--normal) ease-out;
}

.ll-kopf--schrumpft.is-gescrollt .ll-kopf__logo img,
.ll-kopf--schrumpft.is-gescrollt .ll-kopf__logo svg {
transform: scale(0.727);
}

.ll-kopf__wortmarke {
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--titel-3);
font-weight: 400;
letter-spacing: -0.01em;
color: var(--wp--preset--color--text);
white-space: nowrap;
}

.ll-kopf__rechts {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--30);
min-inline-size: 0;
}

.ll-kopf__telefon {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--20);
text-decoration: none;
color: var(--wp--preset--color--text);
white-space: nowrap;
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--lead);
min-block-size: 48px;
}

.ll-nav__schreiben {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--20);
min-block-size: 48px;
color: var(--wp--preset--color--text-leise);
font-size: var(--wp--preset--font-size--klein);
font-weight: 500;
text-decoration: none;
}

.ll-nav__schreiben:hover,
.ll-nav__schreiben:active,
.ll-nav__schreiben:focus-visible { color: var(--wp--preset--color--aktion); }

.ll-kopf__telefon:hover, .ll-kopf__telefon:active { color: var(--wp--preset--color--akzent-text); }
.ll-kopf__telefon svg { flex: none; stroke: var(--wp--preset--color--aktion); }

.ll-kopf__marke {
display: block;
block-size: 40px;
transform-origin: left center;
transition: transform var(--wp--custom--tempo--normal) ease-out;
aspect-ratio: var(--ll-logo-seite, 4);
background-image: var(--ll-logo, none);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
}

:root[data-thema="dunkel"] .ll-kopf__marke { background-image: var(--ll-logo-dunkel, none); }

.ll-kopf--schrumpft.is-gescrollt .ll-kopf__marke { transform: scale(0.8); }

.ll-nur-vorlesen {
position: absolute;
inline-size: 1px;
block-size: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}

.ll-kopf__cta {
min-block-size: 48px;
padding-inline: var(--wp--preset--spacing--40);
font-weight: 500;
white-space: nowrap;

inline-size: auto;
}

.ll-nav {
display: none;
}

.ll-nav__liste,
.ll-nav__unter {
list-style: none;
margin: 0;
padding: 0;
}

.ll-nav__link {
display: inline-flex;
align-items: center;
gap: var(--wp--preset--spacing--15);
text-decoration: none;
color: var(--wp--preset--color--text);
}

.ll-nav__link:hover, .ll-nav__link:active { color: var(--wp--preset--color--aktion); }

@media (max-width: 1023.98px) {

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav {
position: fixed;
inset: 0;
z-index: 1;
display: flex;
flex-direction: column;

justify-content: flex-start;
align-items: flex-start;
background: var(--ll-menue-flaeche);

box-sizing: border-box;
padding: var(--wp--preset--spacing--60);
padding-block-start: calc(var(--ll-kopf-hoehe, 88px) + var(--wp--preset--spacing--60));
overflow: hidden auto;
overscroll-behavior: contain;
isolation: isolate;
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav {
block-size: 100dvh;
inset-block-end: auto;
padding-block-end: calc(var(--wp--preset--spacing--60) + env(safe-area-inset-bottom, 0px));
}

@media (prefers-reduced-motion: no-preference) {
.ll-kopf.is-menue-offen .ll-nav {
transform-origin: top center;
animation: ll-blatt 460ms cubic-bezier(.2, .8, .28, 1);
}

.ll-kopf.is-menue-offen .ll-nav__punkt {
animation: ll-aufsteigen 420ms cubic-bezier(.2, .8, .3, 1) backwards;
animation-delay: calc(var(--ll-tempo, 0ms) + 160ms);
}

.ll-nav__punkt:nth-child(1) { --ll-tempo: 0ms; }
.ll-nav__punkt:nth-child(2) { --ll-tempo: 45ms; }
.ll-nav__punkt:nth-child(3) { --ll-tempo: 90ms; }
.ll-nav__punkt:nth-child(4) { --ll-tempo: 135ms; }
.ll-nav__punkt:nth-child(5) { --ll-tempo: 180ms; }
.ll-nav__punkt:nth-child(6) { --ll-tempo: 225ms; }

.ll-kopf.is-menue-offen .ll-nav__fuss {
animation: ll-aufsteigen 420ms cubic-bezier(.2, .8, .3, 1) backwards;
animation-delay: 340ms;
}

.ll-kopf.is-menue-offen .ll-nav__linie path {
stroke-dasharray: 520;
stroke-dashoffset: 520;
animation: ll-ziehen 900ms cubic-bezier(.25, .1, .25, 1) forwards;
animation-delay: 300ms;
}

.ll-kopf.is-menue-offen .ll-nav__vogel {
animation: ll-vogel-ein 900ms cubic-bezier(.16, .84, .3, 1) backwards;
animation-delay: 140ms;
}

.ll-kopf.is-menue-schliesst .ll-nav {
transform-origin: top center;
animation: ll-blatt-zurueck 300ms cubic-bezier(.4, 0, .78, .3) forwards;
}
}

.ll-kopf.is-menue-schliesst .ll-nav {
pointer-events: none;
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst)::before {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: var(--ll-menue-flaeche);

border-block-end: 1px solid var(--ll-kopf-rand);
pointer-events: none;
}

@keyframes ll-blatt {
from { transform: translateY(-100%) scaleY(.98); }
to   { transform: none; }
}

@keyframes ll-blatt-zurueck {
from { transform: none; }
to   { transform: translateY(-100%) scaleY(.98); }
}

@keyframes ll-aufsteigen {
from { opacity: 0; transform: translateY(10px); }
to   { opacity: 1; transform: none; }
}

@keyframes ll-ziehen {
to { stroke-dashoffset: 0; }
}

@keyframes ll-vogel-ein {
from { opacity: 0; transform: translateX(24%); }
to   { opacity: .13; transform: none; }
}

.ll-nav__vogel {
position: absolute;
inset-block-start: calc(var(--ll-kopf-hoehe, 88px) + 8%);
inset-inline-end: 2%;
inline-size: clamp(240px, 66vw, 390px);
block-size: auto;
opacity: .13;
pointer-events: none;
z-index: -1;
}

.ll-nav__linie {
inline-size: 100%;
max-inline-size: 320px;
block-size: 14px;
margin-block-start: var(--wp--preset--spacing--40);
color: var(--wp--preset--color--rand-stark);
flex: none;
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav__liste {
inline-size: 100%;
display: grid;
gap: var(--wp--preset--spacing--10);
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav__link {
display: block;
inline-size: 100%;
padding-block: var(--wp--preset--spacing--20);
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--titel);
font-weight: 400;
line-height: 1.12;
letter-spacing: -0.015em;
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav__link--kontakt {
color: var(--wp--preset--color--aktion);
font-style: italic;
font-weight: inherit;
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav__unter {
margin-block-start: var(--wp--preset--spacing--20);
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav__unter a {
display: inline-flex;
align-items: center;
min-block-size: 44px;
color: var(--wp--preset--color--text-leise);
text-decoration: none;
font-size: var(--wp--preset--font-size--klein);
}

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav__unter a:hover,
.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav__unter a:active {
color: var(--wp--preset--color--aktion);
text-decoration: underline;
}

.ll-nav__fuss {
margin-block-start: var(--wp--preset--spacing--60);
padding-block-start: var(--wp--preset--spacing--40);
border-block-start: 1px solid var(--wp--preset--color--rand-leise);
inline-size: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--40);
}

.ll-nav__fuss .ll-status { inline-size: 100%; }

html.ll-menue-offen { overflow: hidden; }

.ll-kontaktleiste {
transform: translateY(0);
}

html.ll-menue-offen .ll-kontaktleiste {
transform: translateY(100%);
pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {

.ll-kontaktleiste {
transition: transform 320ms cubic-bezier(.2, .8, .28, 1);
}

html.ll-menue-offen .ll-kontaktleiste {
transition-duration: 260ms;
transition-delay: 200ms;
}
}
}

@media (min-width: 1024px) {

.ll-nav {
display: block;

margin-inline: auto var(--wp--preset--spacing--60);
overflow: visible;
}

.ll-nav__liste {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--40);
}

.ll-nav__punkt { position: relative; }

.ll-nav__link {
min-block-size: 48px;
font-size: var(--wp--preset--font-size--klein);
}

}

.ll-thema,
.ll-menue-schalter {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 48px;
block-size: 48px;
flex: none;
border: 0;
background: none;
padding: 0;
cursor: pointer;
color: var(--wp--preset--color--text-leise);
}

.ll-menue-schalter { color: var(--wp--preset--color--text); }

.ll-thema:hover,
.ll-thema:active,
.ll-menue-schalter:hover, .ll-menue-schalter:active { color: var(--wp--preset--color--aktion); }

@media (prefers-reduced-motion: no-preference) {
.ll-thema svg,
.ll-burger {
transition:
transform var(--wp--custom--tempo--schnell) ease-out,
opacity var(--wp--custom--tempo--schnell) ease-out;
}

.ll-thema:hover svg, .ll-thema:active svg { transform: scale(1.08); }
.ll-menue-schalter:hover .ll-burger, .ll-menue-schalter:active .ll-burger { transform: scale(.94); }
}

.ll-thema svg { display: none; }
.ll-thema[data-ziel="dunkel"] .ll-thema__dunkel { display: block; }
.ll-thema[data-ziel="hell"]   .ll-thema__hell   { display: block; }

.ll-burger path {
transform-box: view-box;
transform-origin: 12px 12px;
}

@media (prefers-reduced-motion: no-preference) {
.ll-burger path {
transition:
transform 320ms cubic-bezier(.22, .8, .3, 1),
opacity 160ms ease-out;
}
}

.ll-menue-schalter[aria-expanded="true"] .ll-burger__oben {
transform: translateY(4px) rotate(45deg);
}

.ll-menue-schalter[aria-expanded="true"] .ll-burger__mitte {
opacity: 0;
transform: scaleX(.3);
}

.ll-menue-schalter[aria-expanded="true"] .ll-burger__unten {
transform: translateY(-4px) rotate(-45deg);
}

.ll-fuss {
position: relative;
isolation: isolate;
overflow: hidden;
inline-size: 100%;

border-block-start: 1px solid transparent;
background: var(--wp--preset--color--flaeche-dunkel);
color: var(--wp--preset--color--text-auf-dunkel-leise);
padding-block: var(--wp--preset--spacing--80) var(--wp--preset--spacing--50);

content-visibility: auto;
contain-intrinsic-size: auto 1800px;
}

.wp-block-template-part:has(> .ll-fuss),
.wp-block-template-part:has(> .ll-kopf) {
margin-block: 0;
padding-inline: 0;
}

.wp-site-blocks > .wp-block-template-part:last-child { margin-block-start: 0; }
.wp-site-blocks > *:last-child { margin-block-end: 0; }

.ll-fuss__licht {
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background: var(--wp--custom--aura--fuss-mobil);

--ll-einblendung: linear-gradient(
180deg,
transparent 0,
rgba(0, 0, 0, .12) 60px,
rgba(0, 0, 0, .62) 150px,
rgb(0, 0, 0) 260px
);
-webkit-mask-image: var(--ll-einblendung);
mask-image: var(--ll-einblendung);
}

@media (min-width: 768px) {
.ll-fuss__licht {
background: var(--wp--custom--aura--fuss);
--ll-einblendung: linear-gradient(
180deg,
transparent 0,
rgba(0, 0, 0, .14) 50px,
rgba(0, 0, 0, .66) 120px,
rgb(0, 0, 0) 220px
);
}
}

.ll-fuss__vogel {
position: absolute;
inset-block-end: -14%;
inset-inline-end: -4%;
inline-size: clamp(220px, 30vw, 460px);
block-size: auto;
opacity: .10;
pointer-events: none;
z-index: -1;
}

@media (max-width: 767px) {
.ll-fuss__vogel {
inset-block-end: -6%;
inset-block-start: auto;
inset-inline-end: -16%;
inline-size: clamp(220px, 62vw, 320px);
opacity: .12;
}
}

.ll-fuss__innen {
position: relative;
max-width: var(--wp--style--global--wide-size);
margin-inline: auto;
padding-inline: var(--wp--preset--spacing--40);
}

.ll-status {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--25);
margin: 0;
font-size: var(--wp--preset--font-size--klein);
letter-spacing: var(--wp--custom--beschriftung--sperrung);
text-transform: var(--wp--custom--beschriftung--grossschrift);
color: var(--wp--preset--color--text-leise);
}

.ll-fuss__stand {
margin-block-end: var(--wp--preset--spacing--40);
}

.ll-fuss .ll-status { color: var(--wp--preset--color--text-auf-dunkel-zart); }

.ll-status__punkt {
position: relative;
flex: none;
inline-size: 8px;
block-size: 8px;
border-radius: var(--wp--custom--radius--voll);
background: transparent;
box-shadow: inset 0 0 0 1.5px currentColor;
opacity: .75;
}

.ll-status.ist-offen .ll-status__punkt {
background: var(--wp--preset--color--erreichbar);
box-shadow: none;
opacity: 1;
}

.ll-fuss .ll-status.ist-offen .ll-status__punkt {
background: var(--wp--preset--color--erreichbar-auf-dunkel);
}

@media (prefers-reduced-motion: no-preference) {
.ll-status.ist-offen .ll-status__punkt::after,
.ll-punkt.ist-frei::after {
content: "";
position: absolute;
inset: -7px;
border-radius: var(--wp--custom--radius--voll);
border: 1.5px solid currentColor;
color: var(--wp--preset--color--status-frei);
animation: ll-atem 2.8s ease-out infinite;
}

.ll-status.ist-offen .ll-status__punkt::after {
color: var(--wp--preset--color--erreichbar);
}

.ll-fuss .ll-status.ist-offen .ll-status__punkt::after {
color: var(--wp--preset--color--erreichbar-auf-dunkel);
}

@keyframes ll-atem {
0%   { opacity: .5; transform: scale(.6); }
70%  { opacity: 0;  transform: scale(1.5); }
100% { opacity: 0;  transform: scale(1.5); }
}
}

.ll-fuss__oben {
display: grid;
gap: var(--wp--preset--spacing--70);
margin-block-end: var(--wp--preset--spacing--70);
}

@media (min-width: 1024px) {

.ll-fuss__oben {
grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
column-gap: var(--wp--preset--spacing--80);
}
}

.ll-fuss__satz {
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--titel);
font-weight: 350;
line-height: 1.14;
letter-spacing: -0.015em;
color: var(--wp--preset--color--text-auf-dunkel);
max-width: 30ch;
margin: 0 0 var(--wp--preset--spacing--30);
text-wrap: balance;
}

.ll-fuss__satz em {
font-style: normal;
color: var(--wp--preset--color--akzent);
}

.ll-fuss__unterzeile {
font-size: var(--wp--preset--font-size--lead);
line-height: 1.55;
max-width: 42ch;
margin: 0 0 var(--wp--preset--spacing--50);
}

.ll-fuss__wege {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
}

.ll-fuss__telefon { font-size: var(--wp--preset--font-size--fliesstext); }

.ll-fuss__mail { color: var(--wp--preset--color--text-auf-dunkel); }

.ll-fuss__mail:hover,
.ll-fuss__mail:active,
.ll-fuss__mail:focus-visible { color: var(--wp--preset--color--akzent); }

.ll-fuss__fax {
margin: 0;
font-size: var(--wp--preset--font-size--klein);
font-weight: 400;
line-height: 1.4;
color: var(--wp--preset--color--text-auf-dunkel-zart);
}

@media (max-width: 689px) {
.ll-fuss__wege { display: grid; }

.ll-fuss__fax { text-align: center; }
}

.ll-fuss__wegweiser {
display: grid;
gap: var(--wp--preset--spacing--50);
grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 700px) {
.ll-fuss__wegweiser { column-gap: var(--wp--preset--spacing--60); }
}

.ll-fuss__marke {
font-family: var(--wp--preset--font-family--text);
font-size: var(--wp--preset--font-size--klein);
font-weight: 400;
text-transform: var(--wp--custom--beschriftung--grossschrift);
letter-spacing: var(--wp--custom--beschriftung--sperrung);
color: var(--wp--preset--color--beschriftung-auf-dunkel);
margin: 0 0 var(--wp--preset--spacing--30);
}

.ll-fuss ul {
list-style: none;
margin: 0;
padding: 0;
}

.ll-fuss__wegweiser a {

display: block;
padding-block: var(--wp--preset--spacing--20);
min-block-size: 40px;
color: var(--wp--preset--color--text-auf-dunkel-leise);
text-decoration: none;
font-size: var(--wp--preset--font-size--klein);
line-height: 1.35;
text-wrap: pretty;

-webkit-hyphens: auto;
hyphens: auto;
overflow-wrap: break-word;
}

.ll-fuss__schluss { white-space: nowrap; }

@media (min-width: 1024px) {
.ll-fuss__wegweiser a {
padding-block: var(--wp--preset--spacing--15);
min-block-size: 0;
}
}

.ll-fuss__wegweiser a:hover,
.ll-fuss__wegweiser a:active,
.ll-fuss__wegweiser a:focus-visible,
.ll-fuss__recht a:hover,
.ll-fuss__recht a:active,
.ll-fuss__recht a:focus-visible {
color: var(--wp--preset--color--akzent);
text-decoration: underline;
text-underline-offset: 3px;
}

.ll-fuss__unten {
padding-block-start: var(--wp--preset--spacing--40);
border-block-start: 1px solid var(--wp--preset--color--rand-auf-dunkel);
display: grid;
gap: var(--wp--preset--spacing--30);
font-size: var(--wp--preset--font-size--klein);
color: var(--wp--preset--color--text-auf-dunkel-zart);
}

.ll-fuss__recht   { order: 1; }
.ll-fuss__adresse { order: 2; }

@media (min-width: 1024px) {
.ll-fuss__unten {
grid-template-columns: 1fr auto;
align-items: center;
column-gap: var(--wp--preset--spacing--50);
}

.ll-fuss__adresse { order: 0; }
.ll-fuss__recht   { order: 0; }
}

.ll-fuss__adresse {
display: flex;
flex-wrap: wrap;
gap: 0 var(--wp--preset--spacing--20);
font-style: normal;
line-height: 1.7;
}

.ll-fuss__adresse span { white-space: nowrap; }

.ll-fuss__adresse span:not(:last-child)::after {
content: " \00B7";
margin-inline-start: var(--wp--preset--spacing--20);
color: var(--wp--preset--color--beschriftung-auf-dunkel);
}

.ll-fuss__recht {
display: grid;
}

.ll-fuss__recht a {
display: flex;
align-items: center;
justify-content: space-between;
min-block-size: 48px;
padding-block: var(--wp--preset--spacing--10);
border-block-start: 1px solid var(--wp--preset--color--rand-auf-dunkel);
color: var(--wp--preset--color--text-auf-dunkel-leise);
text-decoration: none;
}

.ll-fuss__recht li:first-child a { border-block-start: 0; }

.ll-zeichen {
flex: none;
color: var(--wp--preset--color--beschriftung-auf-dunkel);
}

.ll-zeichen--schraeg {
display: inline-block;
margin-inline-start: var(--wp--preset--spacing--15);
vertical-align: -2px;
}

@media (prefers-reduced-motion: no-preference) {
.ll-zeichen--schraeg { transition: transform var(--wp--custom--tempo--schnell) ease-out; }
.ll-fuss__wegweiser a:hover .ll-zeichen--schraeg, .ll-fuss__wegweiser a:active .ll-zeichen--schraeg { transform: translate(2px, -2px); }
}

@media (min-width: 700px) {
.ll-fuss__recht {
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}

.ll-fuss__recht a {
min-block-size: 32px;
border: 0;
padding: 0;
}
}

@media (max-width: 1023.98px) {
.ll-fuss__innen { display: flex; flex-direction: column; }
.ll-fuss__stand     { order: 1; }
.ll-fuss__oben      { order: 2; }
.ll-zettelwand      { order: 3; }
.ll-fuss__wegweiser { order: 4; margin-block-end: var(--wp--preset--spacing--60); }
.ll-fuss__unten     { order: 5; }

.ll-fuss__oben { display: contents; }
.ll-fuss__einladung { order: 2; margin-block-end: var(--wp--preset--spacing--60); }
}

.ll-zettelwand {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: var(--wp--preset--spacing--30);
margin-block: var(--wp--preset--spacing--70);
padding-block: var(--wp--preset--spacing--30);
}

@media (min-width: 1024px) {
.ll-zettelwand {
flex-wrap: nowrap;
justify-content: space-between;
gap: var(--wp--preset--spacing--20);
}
}

.ll-zettel {
box-sizing: border-box;
flex: 0 1 auto;
inline-size: clamp(150px, 15vw, 186px);
padding: var(--wp--preset--spacing--25) var(--wp--preset--spacing--25) var(--wp--preset--spacing--25);
background: var(--wp--preset--color--papier);
border: 1px solid var(--wp--preset--color--papier-rand);
border-radius: var(--wp--custom--radius--papier);
box-shadow: var(--wp--preset--shadow--angehoben);
color: var(--wp--preset--color--papier-text);
text-decoration: none;

--ll-winkel: -5deg;
--ll-hoehe: 0px;
--ll-tempo: 0ms;
transform: translateY(var(--ll-hoehe)) rotate(var(--ll-winkel));
}

.ll-zettel:nth-child(2) { --ll-winkel:  4deg; --ll-hoehe: 26px; --ll-tempo: 130ms; }
.ll-zettel:nth-child(3) { --ll-winkel: -3deg; --ll-hoehe: 10px; --ll-tempo:  45ms; }
.ll-zettel:nth-child(4) { --ll-winkel:  6deg; --ll-hoehe: 32px; --ll-tempo: 175ms; }
.ll-zettel:nth-child(5) { --ll-winkel: -6deg; --ll-hoehe:  4px; --ll-tempo:  85ms; }
.ll-zettel:nth-child(6) { --ll-winkel:  3deg; --ll-hoehe: 22px; --ll-tempo:  20ms; }
.ll-zettel:nth-child(7) { --ll-winkel: -4deg; --ll-hoehe: 14px; --ll-tempo: 110ms; }

.ll-zettel blockquote {
margin: 0;
padding: 0;
border: 0;
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--klein);
line-height: 1.35;
color: var(--wp--preset--color--papier-text);
}

.ll-zettel figcaption {
margin-block-start: var(--wp--preset--spacing--20);
font-size: var(--wp--preset--font-size--klein);
color: var(--wp--preset--color--papier-text-leise);
}

@media (max-width: 479px) {
.ll-zettel--zitat:nth-of-type(n+3) { display: none; }
}

@media (min-width: 480px) and (max-width: 767px) {
.ll-zettel--zitat:nth-of-type(n+4) { display: none; }
}

@media (min-width: 768px) and (max-width: 1023px) {
.ll-zettel--zitat:nth-of-type(n+5) { display: none; }
}

@media (min-width: 1024px) and (max-width: 1439px) {
.ll-zettel--zitat:nth-of-type(n+6) { display: none; }
}

.ll-zettel--frei {
display: block;
background: var(--wp--preset--color--papier-warm);
border-color: var(--wp--preset--color--papier-warm-rand);
box-shadow: var(--wp--preset--shadow--schwebend);
}

.ll-zettel--frei:hover,
.ll-zettel--frei:active,
.ll-zettel--frei:focus-visible {
text-decoration: none;
transform: translateY(calc(var(--ll-hoehe) - 4px)) rotate(var(--ll-winkel));
}

.ll-zettel__marke {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--20);
font-size: var(--wp--preset--font-size--klein);
letter-spacing: var(--wp--custom--beschriftung--sperrung);
text-transform: var(--wp--custom--beschriftung--grossschrift);
color: var(--wp--preset--color--papier-warm-text);
}

.ll-zettel__titel {
display: block;
margin-block: var(--wp--preset--spacing--20) var(--wp--preset--spacing--25);
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--lead);
line-height: 1.2;
color: var(--wp--preset--color--papier-text);
}

.ll-zettel__weg {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--15);
font-size: var(--wp--preset--font-size--klein);
font-weight: 500;
color: var(--wp--preset--color--papier-warm-text);
}

.ll-zettel--frei:hover .ll-zettel__weg-text,
.ll-zettel--frei:active .ll-zettel__weg-text,
.ll-zettel--frei:focus-visible .ll-zettel__weg-text {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}

.ll-zettel--frei .ll-zeichen--pfeil { color: var(--wp--preset--color--papier-warm-rand); }

.ll-zettel--frei:hover .ll-zeichen--pfeil,
.ll-zettel--frei:active .ll-zeichen--pfeil,
.ll-zettel--frei:focus-visible .ll-zeichen--pfeil {
color: var(--wp--preset--color--papier-text);
}

@media (prefers-reduced-motion: no-preference) {
.ll-zettel--frei .ll-zeichen--pfeil {
transition:
transform var(--wp--custom--tempo--schnell) ease-out,
color var(--wp--custom--tempo--schnell) ease-out;
}

.ll-zettel--frei:hover .ll-zeichen--pfeil, .ll-zettel--frei:active .ll-zeichen--pfeil { transform: translateX(3px); }
}

.ll-punkt {
position: relative;
flex: none;
inline-size: 8px;
block-size: 8px;
border-radius: var(--wp--custom--radius--voll);
background: var(--wp--preset--color--papier-warm-rand);
}

@media (prefers-reduced-motion: no-preference) {
.ll-zettel.ll-reveal {
opacity: 0;
transform: translateY(calc(var(--ll-hoehe) - 14px)) rotate(calc(var(--ll-winkel) * .25));
transition:
opacity 480ms ease-out,
transform 620ms cubic-bezier(.18, .8, .3, 1);
transition-delay: var(--ll-tempo);
}

.ll-zettel.ll-reveal.is-sichtbar {
opacity: 1;
transform: translateY(var(--ll-hoehe)) rotate(var(--ll-winkel));
}

.ll-zettel--frei { transition: transform 200ms ease-out; }
}

.ll-zitatkarten {
display: grid;
gap: var(--wp--preset--spacing--40);
margin-block: var(--wp--preset--spacing--60);
}

@media (min-width: 768px) {
.ll-zitatkarten { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
}

.ll-zitatkarte {
margin: 0;
padding: var(--wp--preset--spacing--50);
background: var(--wp--preset--color--papier);
border: 1px solid var(--wp--preset--color--papier-rand);
border-radius: var(--wp--custom--radius--papier);
box-shadow: var(--wp--preset--shadow--angehoben);
color: var(--wp--preset--color--papier-text);
rotate: -1.2deg;
}

.ll-zitatkarte:nth-child(even) { rotate: 1deg; }

@media (prefers-reduced-motion: reduce) {
.ll-zitatkarte,
.ll-zitatkarte:nth-child(even) { rotate: 0deg; }
}

.ll-zitatkarte__schleife {
display: block;
inline-size: 64px;
block-size: auto;
margin-block-end: var(--wp--preset--spacing--30);
opacity: .7;
}

.ll-zitatkarte blockquote {
margin: 0;
padding: 0;
border: 0;
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--lead);
line-height: 1.45;
color: var(--wp--preset--color--papier-text);
text-wrap: pretty;
}

.ll-zitatkarte figcaption {
margin-block-start: var(--wp--preset--spacing--30);
font-size: var(--wp--preset--font-size--klein);
color: var(--wp--preset--color--papier-text-leise);
}

@media (max-width: 1023.98px) {
.ll-nur-desktop { display: none !important; }
}

@media (min-width: 1024px) {
.ll-nur-mobil { display: none !important; }
}

@media (min-width: 700px) {
.ll-nur-schmal { display: none !important; }
}

@media (max-width: 1023.98px) and (max-height: 780px) {
.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav {
padding-block-start: calc(var(--ll-kopf-hoehe, 88px) + var(--wp--preset--spacing--30));
padding-block-end: calc(var(--wp--preset--spacing--30) + env(safe-area-inset-bottom, 0px));
}

.ll-nav__linie {
margin-block-start: var(--wp--preset--spacing--20);
}

.ll-nav__fuss {
margin-block-start: var(--wp--preset--spacing--30);
padding-block-start: 0;
border-block-start: 0;
gap: var(--wp--preset--spacing--30);
}
}

@media (max-width: 1023.98px) and (max-height: 659.98px) {
.ll-nav__linie { display: none; }

.ll-kopf:is(.is-menue-offen, .is-menue-schliesst) .ll-nav {
padding-block-start: calc(var(--ll-kopf-hoehe, 88px) + var(--wp--preset--spacing--20));
}

.ll-nav__fuss { gap: var(--wp--preset--spacing--20); }
}