:root {
    --Hintergrund: #FDFDFD;
    --HintergrundAlt: #FFFFFF;
    --card:color-mix(in srgb, #F0F0F0 50%, transparent);
    --Blau: #003d7d;
    --Rot: #f26650;
    --Text: #000000;
    --Schattierung: color-mix(in srgb, black 50%, transparent);
    --prackfade: color-mix(in srgb, var(--Rot) 50%, transparent);
    --hr-c: color-mix(in srgb, black 50%, transparent);
    /* Zusätzliche Größen */
}



html {
    cursor: url("../images/cursor.svg"), auto;
}

a,
button,
grab,
grabbing,
hover,
info,
pointer {
    cursor: url("../images/clicker.svg") 5 5, auto;
}

html {
    background: var(--Hintergrund);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

main {
     mask-image: linear-gradient(
        to bottom,
        transparent,
        black .5rem,
        black calc(100% - .5rem),
        transparent
    );
}

header {
    overflow-x: hidden;
}

ul {
    line-height: 1.2 !important;
    border-width: 0;
    padding-left: 0.75rem;
    margin: 0;
}

.docs-sidebar ul li {
    position: relative;
}

.impressum {
    margin-top: 2rem;
    font-size: var(--Text);
    color: var(--Text);
}
