* {box-sizing: border-box;}

html {
    scroll-behavior: auto;
}
body {
    margin: 0;
    padding: 0;
    background: #fffdfb;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
body.lock\:scroll {overflow: hidden;}
body.md\:lock\:scroll {overflow: hidden;}


/* Global */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
ul,ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
p {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
a {
    color: #ff5a00;
    text-decoration: underline;
    cursor: pointer;
}
a:hover {color: #b7480c;}
button {
    cursor: pointer;
    border: none;
    font-size: inherit;
}
.color-gray {
    color: #7b7c7e;
}
.alert {}
.alert.alert-danger {
    color: #ff2323;
}

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}

.block {display: block}
.flex {display: flex}
.none {display: none}

.flex.f\:center {justify-content: center}
.flex.f\:column {flex-direction: column}
.flex.f\:row {flex-direction: row}
.flex.f\:gap\:normal {gap: 1rem}

.txt\:center {text-align: center}

/* Container */
.container {
    width: 100%;
    max-width: none;
    margin: auto;
    padding-left: 2rem;
    padding-right: 2rem;
}
.container.c\:center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.container.c\:cover {
    min-height: calc(100vh - 102px);
}

/* Navigation  */
.navigation\:main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 34px;
    width: 100%;
    padding: 0.3rem 2rem;
}
.navigation\:main > .nav\:section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 100%;
}
.navigation\:main > .nav\:section.nav\:mobile {
    display: none;
    flex-direction: column;
    position: absolute;
    align-items: start;
    top: 100%;
    left: 0;
    background: #fffdfb;
    width: 100%;
    min-height: 0;
    padding: 30px 2rem;
    z-index: 1;
}
.navigation\:main[data-hamburger="true"] > .nav\:section.nav\:mobile {
    display: flex;
}
.navigation\:main[data-hamburger="true"] > .nav\:section.nav\:mobile::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    z-index: -1;
    background: #fffdfb;
    box-shadow: 0 2px 10px -10px #151515;
    border-bottom: 1px solid #dadada;
}

.navigation\:main > .nav\:section.nav\:hamburger {
    display: block;
}
.navigation\:main .nav\:logo {
    min-height: 100%;
}
.navigation\:main .nav\:logo .logo {
    max-height: 32px;
}
.navigation\:main .nav\:wrapper {
    min-height: 100%;
}
.navigation\:main .nav\:wrapper > .nav\:element {
    color: #1A1B1CFF;
    text-decoration: none;
}
.navigation\:main .nav\:wrapper > .nav\:element:hover {
    color: #575b5d;
}

/* hamburger */
.hamburger {
    width: 24px;
    height: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
}
.hamburger > .hamburger\:stripe,
.hamburger > .hamburger\:stripe > .hamburger\:stripe\:middle {
    width: 100%;
    height: 3px;
    border-radius: 10rem;
    background-color: #1b1b18;
}
.hamburger > .hamburger\:stripe {
    display: block;
    transition: background-color 75ms ease-in-out;
}
.hamburger > .hamburger\:stripe > .hamburger\:stripe\:middle {
    display: block;
    top: 0;
    left: 0;
    transition: transform 75ms ease-in-out;
}
.navigation\:main.active .hamburger\:stripe,
.navigation\:main[data-hamburger="true"] .hamburger\:stripe {
    background-color: #1b1b1800;
}
.navigation\:main.active .hamburger\:stripe\:middle:nth-child(1),
.navigation\:main[data-hamburger="true"] .hamburger\:stripe\:middle:nth-child(1) {
    transform: rotate(45deg);
}
.navigation\:main.active .hamburger\:stripe\:middle:nth-child(2),
.navigation\:main[data-hamburger="true"] .hamburger\:stripe\:middle:nth-child(2) {
    transform: rotate(-45deg);
}

/* Form */
/* input[type="checkbox"]:focus {
     outline: 2px solid #007BFF;
     outline-offset: 2px;
} */

.antrag {
    margin: 2rem 0;
}
.form\:full {
    margin-top: 25px;
    font-size: 13px;
    width: 100%;
    height: 100%;
    max-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
}
.form\:full > .form\:fieldset {
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.form\:full > .form\:fieldset > legend {
    font-size: 1.25rem;
    margin-top: 0.5rem;
    margin-bottom: 0.7rem;
    text-align: center;
}
.form\:full .input\:group {
    display: block;
    margin-top: 0.25rem;
    margin-bottom: 0.45rem;
    width: 100%;
}
.form\:full .input\:group > .group\:label {
    font-size: 1.1em;
    display: block;
    color: #0a0c10;
    margin-bottom: 0.2rem;
}
.form\:full .full\:group {
    width: 100%;
}
.form\:full .input\:group select.input,
.form\:full .input\:group > .group\:input {
    font-size: 1.2em;
    display: block;
    color: #171b23;
    padding: 0.6rem 1rem;
    border: 1px solid #000;
    border-radius: 0.35rem;
    width: 100%;
}
.form\:full .input\:group select.input {
    appearance: initial;
}
.form\:full .input\:group select.input option[disabled] {
    color: #ababa7;
}
.form\:full .input\:button {
    font-size: 1.2em;
    display: block;
    color: #fff8f4;
    padding: 0.6rem 1rem;
    border: 1px solid #ff5a00;
    background-color: #ff5a00;
    border-radius: 0.35rem;
    width: 100%;
}
.form\:full .button\:group {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
}

.form\:horizontal {
    margin-top: 25px;
    font-size: 13px;
}
.form\:horizontal fieldset {
    margin-bottom: 2rem;
}

.form\:horizontal > .form\:group {
    display: flex;
}
.form\:horizontal > .form\:group > .group\:section {
    width: 50%;
}

.form\:horizontal legend {
    border-bottom: 1px solid #ccc;
    font-size: 21px;
    line-height: 36px;
    margin-bottom: 10px;
    width: 100%;
}
.form\:horizontal .fieldset\:description {
    color: #7b7c7e;
    margin: 0 0 1rem;
    line-height: 1.7em;
}
.form\:horizontal .group {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
    gap: 0.15rem;
}
.form\:horizontal .group.g\:inline {
    display: block;
    position: relative;
    margin-left: calc(12px + 0.5rem);
}
.form\:horizontal .group.g\:inline.add_child {
    line-height: 2.3em;
}
.form\:horizontal .group > .group\:label {
    font-size: 15px;
    color: #484842;
}
.form\:horizontal .group > .group\:fields {

}
.form\:horizontal .group:has(.group\:label) > .group\:fields {

}
.form\:horizontal button {
    padding: 0.5rem 3rem;
    border-radius: 0.5rem;
    border: 1px solid #000;
    background: #1a202c;
    color: white;
    cursor: pointer;
}
.form\:horizontal .group > .group\:fields > select.input:not(.ignore),
.form\:horizontal .group > .group\:fields > input.input:not(.ignore) {
    height: 27px;
    padding: 4px;
    width: 100%;
    border: 1px solid #c4c1bd;
    background: #fcfdff;
    border-radius: 0.25rem;
}
.form\:horizontal .group > .group\:fields > input.input:not(.ignore)[readonly] {
    color: #6b6b6b;
}
.form\:horizontal .group > .group\:fields > select.input:not(.ignore) {
    appearance: initial;
}
.form\:horizontal .group > .group\:fields > select.input:not(.ignore) option[disabled] {
    color: #ababa7;
}
.form\:horizontal .group > .group\:fields > input.input:not(.ignore)[disabled] {
    color: #1b1b18;
    background: #bebbb1;
}
.form\:horizontal .group > .group\:fields > input.input:not(.ignore)[disabled]::placeholder {
    color: #727068;
    opacity: 1;
}
.form\:horizontal .group > .group\:fields > input.input:not(.ignore)[disabled]::-ms-input-placeholder { /* Edge 12 -18 */
    color: #727068;
}

.form\:horizontal .group.g\:inline > .group\:label {
    display: inline;
    text-align: left;
    gap: 0.5rem;
    width: auto;
}
.form\:horizontal .group.g\:inline > .group\:label > span {
    line-height: 1.5em;
}
.form\:horizontal .group.g\:inline input[type="checkbox"] {
    top: 6px;
    position: absolute;
    left: calc(-12px - 0.5rem);
    display: block;
    margin: 0;
    padding: 0;
}
.form\:horizontal .group.g\:inline > .group\:fields {
    display: inline;
    margin-left: 0;
}
.form\:horizontal .group.g\:inline > .group\:fields > input.input:not(.ignore)  {
    display: inline;
    min-height: 27px;
    padding: 4px;
    width: auto;
}
.form\:horizontal .group.g\:inline > .group\:fields > input.child_date:not(.ignore)  {
    display: inline-flex;
}
.form\:horizontal .group.g\:inline .group\:addon  {
    display: inline;
}

/* Card */
.card {
    width: 100%;
    max-width: 500px;
    border: 1px solid #7b7c7e;
    border-radius: 0.5rem;
    box-shadow: 0 0 78px -17px #d0d0d0;
}
.card > .title {
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
}
.card > .description {
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
}
.card > .action {
    font-size: 0.9rem;
    padding: 0.3rem 1.4rem;
    border-radius: 0.5rem;
    background-color: #ff5a00;
    color: #f3f7ff;
    text-decoration: none;
}

/* Hero section */
.hero {
    overflow: hidden;
    position: relative;
    padding-top: calc(var(--spacing, .25rem) * 5);
    padding-bottom: calc(var(--spacing, .25rem) * 3);
}
.hero .hero\:img,
.hero .hero\:background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hero .hero\:img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.hero .hero\:background {
    background: linear-gradient(120deg, #2f6b9b, #506da6, #716cad, #926bad, #af68a7, #c9669b);
}

/* Hero section (wrapper) */
.hero > .h-wrapper {
    min-height: 40vh;
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.hero > .h-wrapper > .hw-left,
.hero > .h-wrapper > .hw-right {
    max-width: 550px;
    width: 100%;
}
.hero > .h-wrapper .hw\:title {
    font-variation-settings: "GRAD" 700, "opsz" 17;
    font-weight: 900;
    font-stretch: 100%;
    color: #fff;
    font-size: 3.5rem;
    line-height: 1.05em;
    padding-bottom: 1.8rem;
}
.hero > .h-wrapper .hw\:description {
    color: #d7d7d7;
    font-size: 1.1rem;
    font-weight: normal;
    padding-bottom: 2.6rem;
}
.hero > .h-wrapper .hw\:buttons {
    display: flex;
    gap: 0.4rem;
}
.hero > .h-wrapper .hw\:buttons > button,
.hero > .h-wrapper .hw\:buttons > a {
    padding: 0.6rem 1rem;
    border-radius: 1rem;
    background: #ff5a00;
    color: #ffdaca;
    font-weight: 600;
    text-decoration: none;
}

/* Section */
.section {

}
.section > .section\:title {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.section > .section\:content {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
}
.section\:content > .sc\:element {
    max-width: 550px;
    width: 100%;
}
.section\:content > .sc\:left {

}
.section\:content > .sc\:right > .side\:content  {
    margin-bottom: 3rem;
}
.section\:content > .sc\:center {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section\:content > .sc\:center img{
    max-width: 100%;
}

/* Side Content */
.side\:content {
    display: flex;
    gap: 1.4rem;
    align-items: start;
    margin-bottom: 3rem;
    flex-direction: column;
}
.sideCW-title {
    font-size: 1.4rem;
    font-weight: 600;
    padding-bottom: 1rem;
    color: #1a202c;
    font-family: "Indie Flower",cursive;
    vertical-align: baseline;
    line-height: 1.2em;
}
.sideCW-content {
    font-size: 0.8rem;
    color: #7b7c7e;
}
.sideCW-content  > p {
    line-height: 1.75em;
}
.side\:content > .sideC\:img {
    display: none;
}

/* Policy */
.policy h1 {
    font-size: 2.1rem;
    margin-top: 3rem;
    margin-bottom: 2.4rem;
    font-weight: 700;
    line-height: 1em;
}
.policy h2 {
    font-size: 1.9rem;
    margin-top: 2.6rem;
    margin-bottom: 1.8rem;
    font-weight: 600;
    line-height: 1em;
}
.policy h3 {
    font-size: 1.1rem;
    margin-top: 1.8rem;
    margin-bottom: 0.8rem;
    font-weight: 700;
    line-height: 1em;
}
.policy h4 {
    font-size: 1rem;
    margin-top: 1.3rem;
    margin-bottom: 0.6rem;
    font-weight: 600;
    line-height: 1em;
}
.policy p {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    line-height: 1.5em;
}
.policy a {
    color: #ff5a00;
    text-decoration: underline;
}
.policy a:hover {
    color: #b7480c;
}
.policy ol {
    list-style: decimal;
}
.policy blockquote li {
    line-height: 1.5rem;
}

/* Accordion */
.accordion {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border: 1px solid #afb2b4;
    border-radius: 0.5rem;
    box-shadow: 0 0 15px -12px #0a0a0a;
    overflow: hidden;
}
.accordion\:button {
    background: none;
    position: relative;
    border: 0;
    display: block;
    text-align: left;
    width: 100%;
    font-weight: 500;
}
.accordion\:button > span {
    display: block;
    width: 100%;
    padding-right: 2rem;
    font-size: 0.95rem;
}
.accordion\:button:after {
    position: absolute;
    top: calc(50% - 0.95rem);
    right: 1rem;
    content: '\002B';
    font-size: 1.4rem;
    color: #e2460e;
    float: right;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.accordion\:button[aria-selected="true"]:after {
    content: "\002D";
    right: 1.1rem;
}
.accordion\:content {
    overflow: hidden;
    max-height: 0;
    color: #7b7c7e;
    transition: max-height 0.2s ease-out;
}
.accordion\:content > .accordion\:slot {
    font-size: 0.9rem;
    line-height: 1.4em;
    padding-bottom: 0.75rem;
}
.accordion\:content > .accordion\:slot p {
    line-height: 1.4em;
}
.accordion\:content.active {
    display: block;
}

/* Footer */
.footer {
    margin-top: 1.5rem;
    width: 100%;
    background: #1a202c;
    color: #fff;
}
.footer > .f-copyright {
    position: relative;
    width: 100%;
    min-height: 38px;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    font-size: 0.8em;
    color: #35373b;
}
.footer > .f-copyright a {
    color: #ff5a00;
    text-decoration: underline;
}
.footer > .f-copyright span {
    text-align: center;
}
.footer > .f-copyright a:hover {
    color: #b7480c;
}
.footer > .f-copyright > .container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.f-sponsors {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.fs-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}
.partner {
    height: 48px;
    cursor: pointer;
    text-indent: -500px;
    overflow: hidden;
}
.partner.insosoft {
    background: url("/storage/img/InsOsoft_Logo_244_60.png") no-repeat;
    background-size: 195px 48px;
    border-radius: 0.25rem;
    display: block;
    width: 195px;
}
.partner.requardt {
    background: url("/storage/img/Requardt_Logo_205_60.png") no-repeat;
    background-size: 164px 48px;
    border-radius: 0.25rem;
    display: block;
    width: 164px;
}
.partner.bsd {
    background: url("/storage/img/BSD_Logo_150_60.png") no-repeat;
    background-size: 120px 48px;
    border-radius: 0.25rem;
    display: block;
    width: 120px;
}

/* Search */
#suggestions_container {
    width: 95vw;
    max-width: 250px;
    max-height: 45vh;
    border-radius: 5px;
    border: 0.9px solid rgb(177, 177, 177);
    box-shadow: 0 0 20px -13px;
    position: absolute;
    background: white;
    overflow: scroll;
    top: 0;
    left: 0;
    overflow-y: auto;
}
#suggestions_container > #ultag {
    padding: 0.2rem;
}
#suggestions_container > #ultag > .tag_dd > a,
#suggestions_container > #ultag > .tag > a {
    display: block;
    width: 100%;
    padding: 0.4rem 0.6rem;
    border-radius: 2px;
    color: #1c1d1e;
    text-decoration: none;
    font-size: 0.8rem;
}
#suggestions_container > #ultag > .tag_dd > a:hover,
#suggestions_container > #ultag > .tag > a:hover {
    background: #f3f3f3;
}




/* media */
@media only screen and (min-width:28rem) {
    .container {max-width: 28rem;}
    .side\:content {
        flex-direction: row;
        gap: 3rem;
    }
    .side\:content > .sideC\:img {display: block;}

    .form\:horizontal .group {
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }
    .form\:horizontal .group > .group\:label {
        float: left;
        text-align: right;
        width: 140px;
    }
    .form\:horizontal .group.g\:inline > .group\:label {float: none;}
    .form\:horizontal .group > .group\:fields > select.input:not(.ignore),
    .form\:horizontal .group > .group\:fields > input.input:not(.ignore) {width: 210px;}
}
@media only screen and (min-width:36rem) {
    .container {max-width: 36rem;}
}
@media only screen and (min-width:40rem) {
    .container {max-width: 40rem;}
    .form\:horizontal .group.g\:inline {margin-left: calc(140px + 0.5rem);}
}
@media only screen and (min-width:48rem) {
    .container {max-width: 46rem;}
    body.md\:lock\:scroll {overflow: auto;}
    .navigation\:main > .nav\:section.nav\:hamburger {display: none;}
    .navigation\:main > .nav\:section.nav\:mobile {
        display: flex;
        flex-direction: row;
        position: relative;
        align-items: center;
        background: transparent;
        width: auto;
        min-height: 100%;
        padding: 0;
    }
    .navigation\:main[data-hamburger="true"] > .nav\:section.nav\:mobile::after {
        display: none;
    }
    .footer > .f-copyright > .container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .section > .section\:content {flex-direction: row;}
}
@media only screen and (min-width:58rem) {
    .container {max-width: 54rem;}
    .section > .section\:content {gap: 3rem;}
}
@media only screen and (min-width:64rem) {
    .container {max-width: 60rem;}
    .section\:content > .sc\:element {max-width: 650px;}
}
@media only screen and (min-width:96rem) {
    .container {max-width: 92rem;}
    .section\:content > .sc\:element {max-width: 7500px;}
    .section > .section\:content {gap: 5rem;}
}

/* Custom Tags */
.fw\:normal {font-weight: normal}
.fw\:lighter {font-weight: lighter}
.fw\:bold {font-weight: bold}

.px-0 {padding-left: 0;padding-right: 0;}
.px-1 {padding-left: 0.25rem;padding-right: 0.25rem;}
.px-2 {padding-left: 0.5rem;padding-right: 0.5rem;}
.px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}
.px-4 {padding-left: 1rem;padding-right: 1rem;}
.px-5 {padding-left: 1.5rem;padding-right: 1.5rem;}
.px-6 {padding-left: 2rem;padding-right: 2rem;}

.py-0 {padding-top: 0;padding-bottom: 0;}
.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}
.py-2 {padding-top: 0.5rem;padding-bottom: 0.5rem;}
.py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}
.py-4 {padding-top: 1rem;padding-bottom: 1rem;}
.py-5 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
.py-6 {padding-top: 2rem;padding-bottom: 2rem;}

.mx-0 {margin-left: 0;margin-right: 0;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.mx-2 {margin-left: 0.5rem;margin-right: 0.5rem;}
.mx-3 {margin-left: 0.75rem;margin-right: 0.75rem;}
.mx-4 {margin-left: 1rem;margin-right: 1rem;}
.mx-5 {margin-left: 1.5rem;margin-right: 1.5rem;}
.mx-6 {margin-left: 2rem;margin-right: 2rem;}

.my-0 {margin-top: 0;margin-bottom: 0;}
.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.my-3 {margin-top: 0.75rem;margin-bottom: 0.75rem;}
.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-5 {margin-top: 1.5rem;margin-bottom: 1.5rem;}
.my-6 {margin-top: 2rem;margin-bottom: 2rem;}

.mx-auto {margin-right: auto; margin-left: auto}
.my-auto {margin-top: auto; margin-bottom: auto}

/* Image Effect */
.ie\:blur > img {--blur: blur(0.05rem);}
.ie\:blur\/1 > img {--blur: blur(calc(0.05rem * 2));}
.ie\:blur\/2 > img {--blur: blur(calc(0.05rem * 3));}
.ie\:blur\/3 > img {--blur: blur(calc(0.05rem * 4));}
.ie\:blur\/4 > img {--blur: blur(calc(0.05rem * 5));}
.ie\:blur\/5 > img {--blur: blur(calc(0.05rem * 6));}
.ie\:blur\/6 > img {--blur: blur(calc(0.05rem * 7));}
.ie\:blur\/7 > img {--blur: blur(calc(0.05rem * 8));}
.ie\:blur\/8 > img {--blur: blur(calc(0.05rem * 9));}
.ie\:blur\/9 > img {--blur: blur(calc(0.05rem * 10));}
.ie\:blur\/10 > img {--blur: blur(calc(0.05rem * 11));}

.ie\:brightness > img {--brightness: brightness(5%);}
.ie\:brightness\/1 > img {--brightness: brightness(10%);}
.ie\:brightness\/2 > img {--brightness: brightness(15%);}
.ie\:brightness\/3 > img {--brightness: brightness(25%);}
.ie\:brightness\/4 > img {--brightness: brightness(50%);}
.ie\:brightness\/5 > img {--brightness: brightness(75%);}
.ie\:brightness\/6 > img {--brightness: brightness(100%);}
.ie\:brightness\/7 > img {--brightness: brightness(125%);}
.ie\:brightness\/8 > img {--brightness: brightness(150%);}
.ie\:brightness\/9 > img {--brightness: brightness(175%);}
.ie\:brightness\/10 > img {--brightness: brightness(200%);}

.ie\:contrast > img {--contrast: contrast(5%);}
.ie\:contrast\/1 > img {--contrast: contrast(10%);}
.ie\:contrast\/2 > img {--contrast: contrast(15%);}
.ie\:contrast\/3 > img {--contrast: contrast(25%);}
.ie\:contrast\/4 > img {--contrast: contrast(50%);}
.ie\:contrast\/5 > img {--contrast: contrast(75%);}
.ie\:contrast\/6 > img {--contrast: contrast(100%);}
.ie\:contrast\/7 > img {--contrast: contrast(125%);}
.ie\:contrast\/8 > img {--contrast: contrast(150%);}
.ie\:contrast\/9 > img {--contrast: contrast(175%);}
.ie\:contrast\/10 > img {--contrast: contrast(200%);}

.ie\:grayscale > img {--grayscale: grayscale(5%);}
.ie\:grayscale\/1 > img {--grayscale: grayscale(10%);}
.ie\:grayscale\/2 > img {--grayscale: grayscale(20%);}
.ie\:grayscale\/3 > img {--grayscale: grayscale(30%);}
.ie\:grayscale\/4 > img {--grayscale: grayscale(40%);}
.ie\:grayscale\/5 > img {--grayscale: grayscale(50%);}
.ie\:grayscale\/6 > img {--grayscale: grayscale(60%);}
.ie\:grayscale\/7 > img {--grayscale: grayscale(70%);}
.ie\:grayscale\/8 > img {--grayscale: grayscale(80%);}
.ie\:grayscale\/9 > img {--grayscale: grayscale(90%);}
.ie\:grayscale\/10 > img {--grayscale: grayscale(100%);}

.ie\:hue-rotate > img {--hue-rotate: hue-rotate(5deg);}
.ie\:hue-rotate\/1 > img {--hue-rotate: hue-rotate(10deg);}
.ie\:hue-rotate\/2 > img {--hue-rotate: hue-rotate(15deg);}
.ie\:hue-rotate\/3 > img {--hue-rotate: hue-rotate(20deg);}
.ie\:hue-rotate\/4 > img {--hue-rotate: hue-rotate(25deg);}
.ie\:hue-rotate\/5 > img {--hue-rotate: hue-rotate(50deg);}
.ie\:hue-rotate\/6 > img {--hue-rotate: hue-rotate(75deg);}
.ie\:hue-rotate\/7 > img {--hue-rotate: hue-rotate(100deg);}
.ie\:hue-rotate\/8 > img {--hue-rotate: hue-rotate(130deg);}
.ie\:hue-rotate\/9 > img {--hue-rotate: hue-rotate(160deg);}
.ie\:hue-rotate\/10 > img {--hue-rotate: hue-rotate(180deg);}

.ie\:invert > img {--invert: invert(5%);}
.ie\:invert\/1 > img {--invert: invert(10%);}
.ie\:invert\/2 > img {--invert: invert(15%);}
.ie\:invert\/3 > img {--invert: invert(25%);}
.ie\:invert\/4 > img {--invert: invert(50%);}
.ie\:invert\/5 > img {--invert: invert(75%);}
.ie\:invert\/6 > img {--invert: invert(100%);}
.ie\:invert\/7 > img {--invert: invert(125%);}
.ie\:invert\/8 > img {--invert: invert(150%);}
.ie\:invert\/9 > img {--invert: invert(175%);}
.ie\:invert\/10 > img {--invert: invert(200%);}

.ie\:opacity > img {--opacity: opacity(5%);}
.ie\:opacity\/1 > img {--opacity: opacity(10%);}
.ie\:opacity\/2 > img {--opacity: opacity(20%);}
.ie\:opacity\/3 > img {--opacity: opacity(30%);}
.ie\:opacity\/4 > img {--opacity: opacity(40%);}
.ie\:opacity\/5 > img {--opacity: opacity(50%);}
.ie\:opacity\/6 > img {--opacity: opacity(60%);}
.ie\:opacity\/7 > img {--opacity: opacity(70%);}
.ie\:opacity\/8 > img {--opacity: opacity(80%);}
.ie\:opacity\/9 > img {--opacity: opacity(90%);}
.ie\:opacity\/10 > img {--opacity: opacity(100%);}

.ie\:saturate > img {--saturate: saturate(5%);}
.ie\:saturate\/1 > img {--saturate: saturate(10%);}
.ie\:saturate\/2 > img {--saturate: saturate(15%);}
.ie\:saturate\/3 > img {--saturate: saturate(25%);}
.ie\:saturate\/4 > img {--saturate: saturate(50%);}
.ie\:saturate\/5 > img {--saturate: saturate(75%);}
.ie\:saturate\/6 > img {--saturate: saturate(100%);}
.ie\:saturate\/7 > img {--saturate: saturate(125%);}
.ie\:saturate\/8 > img {--saturate: saturate(150%);}
.ie\:saturate\/9 > img {--saturate: saturate(175%);}
.ie\:saturate\/10 > img {--saturate: saturate(200%);}

.ie\:sepia > img {--sepia: sepia(5%);}
.ie\:sepia\/1 > img {--sepia: sepia(10%);}
.ie\:sepia\/2 > img {--sepia: sepia(20%);}
.ie\:sepia\/3 > img {--sepia: sepia(30%);}
.ie\:sepia\/4 > img {--sepia: sepia(40%);}
.ie\:sepia\/5 > img {--sepia: sepia(50%);}
.ie\:sepia\/6 > img {--sepia: sepia(60%);}
.ie\:sepia\/7 > img {--sepia: sepia(70%);}
.ie\:sepia\/8 > img {--sepia: sepia(80%);}
.ie\:sepia\/9 > img {--sepia: sepia(90%);}
.ie\:sepia\/10 > img {--sepia: sepia(100%);}

.ie\:shadow-corner:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 5%));}
.ie\:shadow-corner\/1:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 10%));}
.ie\:shadow-corner\/2:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 20%));}
.ie\:shadow-corner\/3:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 30%));}
.ie\:shadow-corner\/4:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 40%));}
.ie\:shadow-corner\/5:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 50%));}
.ie\:shadow-corner\/6:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 60%));}
.ie\:shadow-corner\/7:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 70%));}
.ie\:shadow-corner\/8:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 80%));}
.ie\:shadow-corner\/9:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 90%));}
.ie\:shadow-corner\/10:after {--shadow: radial-gradient(transparent, rgba(0, 0, 0, 100%));}

.ie\:darker:after {--darker: rgba(0,0,0, 5%);}
.ie\:darker\/1:after {--darker: rgba(0,0,0, 10%);}
.ie\:darker\/2:after {--darker: rgba(0,0,0, 20%);}
.ie\:darker\/3:after {--darker: rgba(0,0,0, 30%);}
.ie\:darker\/4:after {--darker: rgba(0,0,0, 40%);}
.ie\:darker\/5:after {--darker: rgba(0,0,0, 50%);}
.ie\:darker\/6:after {--darker: rgba(0,0,0, 60%);}
.ie\:darker\/7:after {--darker: rgba(0,0,0, 70%);}
.ie\:darker\/8:after {--darker: rgba(0,0,0, 80%);}
.ie\:darker\/9:after {--darker: rgba(0,0,0, 90%);}
.ie\:darker\/10:after {--darker: rgba(0,0,0, 100%);}

[class^="ie:"]:after, [class^="ie:"]:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background: var(--darker,) var(--shadow,);
}
[class^="ie:"] > img {
    filter: var(--blur,) var(--brightness,) var(--contrast,) var(--grayscale,) var(--hue-rotate,) var(--invert,) var(--opacity,) var(--saturate,) var(--sepia,);
}

/* Cookies */
#cookies {
    position: fixed;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: rgba(19, 21, 23, 0.93);
    z-index: 1031;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
@supports (backdrop-filter: blur(2rem)) {
    #cookies {
        background: rgba(19, 21, 23, 0.88);
        backdrop-filter: blur(2rem);
    }
}
#cookies > .cookies-wrapper {
    width: 95%;
    max-width: 350px;
    height: 95vh;
    max-height: 650px;
    background: aliceblue;
    border: 1px solid #686F79FF;
    border-radius: 0.35rem;
    padding: 1rem;
    overflow-x: auto;
}
#cookies > .cookies-wrapper h3 {
    color: #121c26;
    margin-bottom: 0.7rem;
}
#cookies > .cookies-wrapper p {
    line-height: normal;
    margin-bottom: 0.6rem;
}
#cookies > .cookies-wrapper h4 {
    margin-bottom: 0.6rem;
}
#cookies > .cookies-wrapper li {
    margin-bottom: 0.5rem;
}
#cookies > .cookies-wrapper p,
#cookies > .cookies-wrapper li,
#cookies > .cookies-wrapper h4 {
    color: #2e3d4d;
}
.bold {
    font-weight: bold;
}
.cookies-button\:1 {
    padding: 0.25rem 0.5rem;
    border-radius: 0.2rem;
    background: #070709;
    color: aliceblue;
    border: 1px solid #686F79FF;
}
.buttons-wrapper {
    margin-top: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    gap: 0.85rem;
}