.ll-einwilligung[hidden] { display: none; }

.ll-einwilligung {
position: fixed;
inset-inline: 0;
inset-block-end: 0;
z-index: 60;

max-block-size: 75dvh;
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
padding-block-end: calc(var(--wp--preset--spacing--30) + env(safe-area-inset-bottom, 0px));

background: var(--ll-einwilligung-flaeche, var(--wp--preset--color--flaeche-ruhig));
border-block-start: 1px solid var(--ll-einwilligung-rand, var(--wp--preset--color--rand-stark));
color: var(--wp--preset--color--text);

}

@media (min-width: 782px) {

.ll-einwilligung:not(.ll-einwilligung--leiste) {
margin: var(--wp--preset--spacing--50);
max-inline-size: 27rem;
padding: var(--wp--preset--spacing--40);
padding-block-end: calc(var(--wp--preset--spacing--40) + env(safe-area-inset-bottom, 0px));
border: 1px solid var(--ll-einwilligung-rand, var(--wp--preset--color--rand-stark));
border-radius: var(--wp--custom--radius--lg);

max-block-size: calc(100dvh - 2 * var(--wp--preset--spacing--50));
}

.ll-einwilligung.ll-einwilligung--unten-links { inset-inline: 0 auto; }

.ll-einwilligung.ll-einwilligung--unten-rechts { inset-inline: auto 0; }

.ll-einwilligung.ll-einwilligung--unten-mitte {
inset-inline: 0;
margin-inline: auto;
}

.ll-einwilligung.ll-einwilligung--mitte {
inset: 0;
margin: auto;
block-size: fit-content;
}

.ll-einwilligung--leiste { padding-inline: var(--wp--preset--spacing--50); }

.ll-einwilligung--leiste .ll-einwilligung__frage,
.ll-einwilligung--leiste .ll-einwilligung__wahl {
max-inline-size: var(--wp--style--global--content-size, 760px);
margin-inline: auto;
inline-size: 100%;
}
}

.ll-keksliste { overflow-x: auto; margin-block: var(--wp--preset--spacing--40); }

.ll-keksliste table {
inline-size: 100%;
border-collapse: collapse;
font-size: var(--wp--preset--font-size--klein);

min-inline-size: 34rem;
}

.ll-keksliste th,
.ll-keksliste td {
text-align: start;
vertical-align: top;
padding: var(--wp--preset--spacing--25) var(--wp--preset--spacing--30) var(--wp--preset--spacing--25) 0;
border-block-end: 1px solid var(--wp--preset--color--rand);
}

.ll-keksliste th {
font-size: var(--wp--preset--font-size--eyebrow);
font-weight: var(--wp--custom--beschriftung--staerke);
letter-spacing: var(--wp--custom--beschriftung--sperrung);
text-transform: var(--wp--custom--beschriftung--grossschrift);
color: var(--wp--preset--color--text-leise);
}

.ll-keksliste code {
font-size: inherit;
overflow-wrap: anywhere;
}

.ll-keksliste__noetig {
display: block;
margin-block-start: var(--wp--preset--spacing--10);
font-size: var(--wp--preset--font-size--eyebrow);
color: var(--wp--preset--color--text-zart);
}

.ll-einwilligung__frage { flex: none; }

.ll-einwilligung.ll-hebung {
box-shadow: var(--wp--preset--shadow--schwebend);
}

.ll-einwilligung__titel {
margin: 0 0 var(--wp--preset--spacing--15);
font-family: var(--wp--preset--font-family--titel);
font-size: var(--wp--preset--font-size--titel-3);
font-weight: 600;
line-height: 1.15;
}

.ll-einwilligung__wahl .ll-einwilligung__titel {
font-size: var(--wp--preset--font-size--lead);
}

.ll-einwilligung__satz {
margin: 0;
font-size: var(--wp--preset--font-size--klein);
color: var(--wp--preset--color--text-leise);
max-inline-size: 62ch;
}

.ll-einwilligung__tasten {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--wp--preset--spacing--25);
margin-block-start: var(--wp--preset--spacing--30);
}

.ll-einwilligung__taste {
display: inline-flex;
align-items: center;
justify-content: center;

min-block-size: 52px;

padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
border: 1px solid transparent;
border-radius: var(--wp--custom--radius--voll);
font-family: var(--wp--preset--font-family--text);
font-size: var(--wp--preset--font-size--klein);
font-weight: 600;
line-height: 1.25;
text-align: center;
cursor: pointer;
}

.ll-einwilligung__taste--voll {
background: var(--wp--preset--color--aktion);
color: var(--wp--preset--color--aktion-kontrast);
}

.ll-einwilligung__taste--voll:hover,
.ll-einwilligung__taste--voll:active { background: var(--wp--preset--color--aktion-aktiv); }

.ll-einwilligung__taste--rand {
background: transparent;
border-color: var(--wp--preset--color--rand-stark);
color: var(--wp--preset--color--aktion);
}

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

.ll-einwilligung__taste:focus-visible,
.ll-einwilligung__leise:focus-visible {
outline: 2px solid var(--wp--preset--color--aktion);
outline-offset: 2px;
}

.ll-einwilligung__nachsatz {
margin: 0;
text-align: center;
}

.ll-einwilligung__leise {
display: inline-flex;
align-items: center;
justify-content: center;
min-block-size: 44px;
padding-inline: var(--wp--preset--spacing--20);
border: 0;
background: transparent;
color: var(--wp--preset--color--text-leise);
font-family: var(--wp--preset--font-family--text);
font-size: var(--wp--preset--font-size--klein);
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
}

.ll-einwilligung__leise:hover { color: var(--wp--preset--color--text); }

.ll-einwilligung__wahl[hidden] { display: none; }

.ll-einwilligung__frage[hidden] { display: none; }

.ll-einwilligung__wahl {
display: grid;
gap: var(--wp--preset--spacing--30);
max-inline-size: var(--wp--style--global--content-size, 760px);
margin-inline: auto;
inline-size: 100%;

flex: 1 1 auto;
min-block-size: 0;
overscroll-behavior: contain;
}

.ll-einwilligung__liste {
display: grid;
gap: var(--wp--preset--spacing--30);
min-block-size: 0;
overflow-y: auto;
overscroll-behavior: contain;
}

.ll-einwilligung__zweck,
.ll-einwilligung__noetig {
display: grid;
gap: var(--wp--preset--spacing--10);
margin: 0;

padding: var(--wp--preset--spacing--15);
border: 1px solid var(--ll-einwilligung-rand, var(--wp--preset--color--rand));
border-radius: var(--wp--custom--radius--md);
background: var(--wp--preset--color--flaeche);
}

.ll-einwilligung__wahlzeile {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: var(--wp--preset--spacing--30);
align-items: start;
cursor: pointer;
}

.ll-einwilligung__zweck {

font-weight: 400;
}

.ll-einwilligung__noetig {
background: transparent;
}

.ll-einwilligung__noetig strong {
font-size: var(--wp--preset--font-size--klein);
font-weight: 600;
}

.ll-einwilligung__noetig small {
font-size: var(--wp--preset--font-size--klein);
line-height: 1.5;
color: var(--wp--preset--color--text-leise);
}

.ll-einwilligung__wahlzeile input {

inline-size: 24px;
block-size: 24px;

margin: var(--wp--preset--spacing--10) 0 0;
accent-color: var(--wp--preset--color--aktion);
}

.ll-einwilligung__wahlzeile strong {
display: block;
font-size: var(--wp--preset--font-size--klein);
font-weight: 600;
}

.ll-einwilligung__wahlzeile small {
display: block;
margin-block-start: var(--wp--preset--spacing--10);
font-size: var(--wp--preset--font-size--klein);

line-height: 1.5;
color: var(--wp--preset--color--text-leise);
}

.ll-einwilligung__wahlzeile .ll-einwilligung__angabe {
font-size: var(--wp--preset--font-size--eyebrow);
color: var(--wp--preset--color--text-leise);
}

.ll-einwilligung__mehr {
margin-block-start: var(--wp--preset--spacing--10);
margin-inline-start: calc(24px + var(--wp--preset--spacing--30));
font-size: var(--wp--preset--font-size--klein);
}

.ll-einwilligung__mehr summary {
cursor: pointer;
color: var(--wp--preset--color--text-leise);
font-size: var(--wp--preset--font-size--eyebrow);
text-decoration: underline;
text-underline-offset: 2px;
}

.ll-einwilligung__mehr summary:focus-visible {
outline: 2px solid var(--wp--preset--color--aktion);
outline-offset: 2px;
border-radius: var(--wp--custom--radius--sm);
}

.ll-einwilligung__mehr p {
margin: var(--wp--preset--spacing--10) 0 0;
line-height: 1.5;
color: var(--wp--preset--color--text-leise);
}

.ll-einwilligung__fuss {
margin: 0;
font-size: var(--wp--preset--font-size--klein);
}

.ll-einwilligung-offen .ll-kontaktleiste {
visibility: hidden;
pointer-events: none;
}

.ll-einwilligung-weg[hidden] { display: none; }