#header{
    font-family: "SokolTyrs", var(--default-font-family);
    font-size: 1.5rem;
}
#header .text-\[length\:var\(--font-size-sm\)\] {
    font-size: 1em;
}
#header .group\/item{
    font-size: 1rem;
}


h1{
    font-family: "SokolFugner", var(--default-font-family);
    letter-spacing: var(--tracking-wide);
}
h2, h3 {
    font-family: "SokolTyrs", var(--default-font-family);
    letter-spacing: var(--tracking-wide);
}
table {
    font-family: "SokolTyrs", var(--default-font-family);
    letter-spacing: var(--tracking-wide);
}
table th{
    text-align: left;
    font-size: 1.125rem;
}
footer {
    font-family: "SokolTyrs", var(--default-font-family);
    letter-spacing: var(--tracking-wide);
}
.button-ghost, .btn-primary{
    font-family: "SokolTyrs", var(--default-font-family);
    letter-spacing: var(--tracking-wide);
}

.cookie-consent{
    position: fixed;
    bottom: 0px;
    right: 0px;
    max-width: 100%;
    width: 35rem;
    background-color: white;
    padding: 1rem;
}
.cookie-button{
    position: fixed;
    bottom: var(--side-padding);
    right: var(--side-padding);
}
@media (hover: hover) {
    header .group-hover\/item\:text-\[var\(--color-2\)\]:is(:where(.group\/item):hover *) {
        color: var(--color-1);
    }
}
header .group\/item .bg-\[var\(--color-2\)\] {
    background-color: var(--color-1);
}
.ce-bodytext a:not(.btn-primary,.button-ghost):before, .button-text-underline:before {
    background-color: var(--color-1)
}
.ce-bodytext a:not(.btn-primary,.button-ghost), .button-text-underline{
    border-bottom: 1px solid var(--color-1);
    outline-color: var(--color-1);
}