.glide {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.glide * {
    box-sizing: inherit
}

.glide__slides,
.glide__track {
    overflow: hidden
}

.glide__slides {
    backface-visibility: hidden;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    touch-action: pan-Y;
    transform-style: preserve-3d;
    white-space: nowrap;
    width: 100%;
    will-change: transform
}

.glide__slide,
.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide__slide {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    flex-shrink: 0;
    height: 100%;
    white-space: normal;
    width: 100%
}

.glide__slide a {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.glide__arrows,
.glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.glide--rtl {
    direction: rtl
}

.glide__arrow {
    background-color: transparent;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 4px;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    color: #fff;
    cursor: pointer;
    display: block;
    line-height: 1;
    opacity: 1;
    padding: 9px 12px;
    position: absolute;
    text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .15s ease, border .3s ease-in-out;
    z-index: 2
}

.glide__arrow:focus {
    outline: none
}

.glide__arrow:hover {
    border-color: #fff
}

.glide__arrow--left {
    left: 2em
}

.glide__arrow--right {
    right: 2em
}

.glide__arrow--disabled {
    opacity: .33
}

.glide__bullets {
    bottom: 2em;
    display: inline-flex;
    left: 50%;
    list-style: none;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2
}

.glide__bullet {
    background-color: hsla(0, 0%, 100%, .5);
    border: 2px solid transparent;
    border-radius: 50%;
    box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    height: 9px;
    line-height: 0;
    margin: 0 .25em;
    padding: 0;
    transition: all .3s ease-in-out;
    width: 9px
}

.glide__bullet:focus {
    outline: none
}

.glide__bullet:focus,
.glide__bullet:hover {
    background-color: hsla(0, 0%, 100%, .5);
    border: 2px solid #fff
}

.glide__bullet--active {
    background-color: #fff
}

.glide--swipeable {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.glide--dragging {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}

/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
    --beb-black: #000;
    --beb-gray: #6c6c6c;
    --beb-red: #b50020;
    --beb-white: #fff;
    --beb-gray-200: #d6d6d6;
    --beb-gray-300: #b5b5b5;
    --beb-gray-400: #6c6c6c;
    --beb-gray-500: #1f1f1f;
    --beb-primary: #b50020;
    --beb-secondary: #6c6c6c;
    --beb-success: #00dc44;
    --beb-info: #ff96ff;
    --beb-warning: #f6d055;
    --beb-danger: #b50020;
    --beb-light: #6c6c6c;
    --beb-dark: #1f1f1f;
    --beb-primary-rgb: 181, 0, 32;
    --beb-secondary-rgb: 108, 108, 108;
    --beb-success-rgb: 0, 220, 68;
    --beb-info-rgb: 255, 150, 255;
    --beb-warning-rgb: 246, 208, 85;
    --beb-danger-rgb: 181, 0, 32;
    --beb-light-rgb: 108, 108, 108;
    --beb-dark-rgb: 31, 31, 31;
    --beb-primary-text-emphasis: #48000d;
    --beb-secondary-text-emphasis: #2b2b2b;
    --beb-success-text-emphasis: #00581b;
    --beb-info-text-emphasis: #663c66;
    --beb-warning-text-emphasis: #625322;
    --beb-danger-text-emphasis: #48000d;
    --beb-light-text-emphasis: #6c6c6c;
    --beb-dark-text-emphasis: #6c6c6c;
    --beb-primary-bg-subtle: #f0ccd2;
    --beb-secondary-bg-subtle: #e2e2e2;
    --beb-success-bg-subtle: #ccf8da;
    --beb-info-bg-subtle: #ffeaff;
    --beb-warning-bg-subtle: #fdf6dd;
    --beb-danger-bg-subtle: #f0ccd2;
    --beb-light-bg-subtle: #ebebeb;
    --beb-dark-bg-subtle: #6c6c6c;
    --beb-primary-border-subtle: #e199a6;
    --beb-secondary-border-subtle: #c4c4c4;
    --beb-success-border-subtle: #99f1b4;
    --beb-info-border-subtle: #ffd5ff;
    --beb-warning-border-subtle: #fbecbb;
    --beb-danger-border-subtle: #e199a6;
    --beb-light-border-subtle: #d6d6d6;
    --beb-dark-border-subtle: #6c6c6c;
    --beb-white-rgb: 255, 255, 255;
    --beb-black-rgb: 0, 0, 0;
    --beb-font-sans-serif: HelveticaNeue, Arial, sans-serif;
    --beb-font-monospace: monospace;
    --beb-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --beb-body-font-family: var(--beb-font-sans-serif);
    --beb-body-font-size: 1.25rem;
    --beb-body-font-weight: 400;
    --beb-body-line-height: 1.2;
    --beb-body-color: #fff;
    --beb-body-color-rgb: 255, 255, 255;
    --beb-body-bg: #1f1f1f;
    --beb-body-bg-rgb: 31, 31, 31;
    --beb-emphasis-color: #000;
    --beb-emphasis-color-rgb: 0, 0, 0;
    --beb-secondary-color: #000;
    --beb-secondary-color-rgb: 0, 0, 0;
    --beb-secondary-bg: #b5b5b5;
    --beb-secondary-bg-rgb: 181, 181, 181;
    --beb-tertiary-color: #000;
    --beb-tertiary-color-rgb: 0, 0, 0;
    --beb-tertiary-bg: #6c6c6c;
    --beb-tertiary-bg-rgb: 108, 108, 108;
    --beb-heading-color: #fff;
    --beb-link-color: #b50020;
    --beb-link-color-rgb: 181, 0, 32;
    --beb-link-decoration: underline;
    --beb-link-hover-color: #91001a;
    --beb-link-hover-color-rgb: 145, 0, 26;
    --beb-code-color: #b50020;
    --beb-highlight-color: #fff;
    --beb-highlight-bg: #f6d055;
    --beb-border-width: 2px;
    --beb-border-style: solid;
    --beb-border-color: #fff;
    --beb-border-color-translucent: rgba(0, 0, 0, .175);
    --beb-border-radius: 32px;
    --beb-border-radius-sm: 24px;
    --beb-border-radius-lg: 40px;
    --beb-border-radius-xl: 64px;
    --beb-border-radius-xxl: 96px;
    --beb-border-radius-2xl: var(--beb-border-radius-xxl);
    --beb-border-radius-pill: 128px;
    --beb-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
    --beb-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    --beb-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --beb-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --beb-focus-ring-width: 0.25rem;
    --beb-focus-ring-opacity: 0.25;
    --beb-focus-ring-color: rgba(181, 0, 32, .25);
    --beb-form-valid-color: #00dc44;
    --beb-form-valid-border-color: #00dc44;
    --beb-form-invalid-color: #b50020;
    --beb-form-invalid-border-color: #b50020
}

*,
:after,
:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--beb-body-bg);
    color: var(--beb-body-color);
    font-family: var(--beb-body-font-family);
    font-size: var(--beb-body-font-size);
    font-weight: var(--beb-body-font-weight);
    line-height: var(--beb-body-line-height);
    margin: 0;
    text-align: var(--beb-body-text-align)
}

hr {
    border: 0;
    border-top: var(--beb-border-width) solid;
    color: inherit;
    margin: 1.5rem 0;
    opacity: 1
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--beb-heading-color);
    font-family: shne_schmalbold_kursiv, HelveticaNeue, Arial, sans-serif;
    font-style: italic;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4rem;
    margin-top: 0
}

.h1,
h1 {
    font-size: 15.625rem
}

.h2,
h2 {
    font-size: 11.25rem
}

.h3,
h3 {
    font-size: 8.125rem
}

.h4,
h4 {
    font-size: 4rem
}

.h5,
h5 {
    font-size: 2rem
}

.h6,
h6 {
    font-size: 1.125rem
}

p {
    margin-bottom: 1.5rem;
    margin-top: 0
}

abbr[title] {
    cursor: help;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    background-color: var(--beb-highlight-bg);
    color: var(--beb-highlight-color);
    padding: .1875em
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

a {
    color: rgba(var(--beb-link-color-rgb), var(--beb-link-opacity, 1));
    text-decoration: underline
}

a:hover {
    --beb-link-color-rgb: var(--beb-link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--beb-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    font-size: .875em;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    word-wrap: break-word;
    color: var(--beb-code-color);
    font-size: .875em
}

a>code {
    color: inherit
}

kbd {
    background-color: var(--beb-body-color);
    color: var(--beb-body-bg);
    font-size: .875em;
    padding: .1875rem .375rem
}

kbd kbd {
    font-size: 1em;
    padding: 0
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    border-collapse: collapse;
    caption-side: bottom
}

caption {
    color: var(--beb-secondary-color);
    padding-bottom: .5rem;
    padding-top: .5rem;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border: 0 solid;
    border-color: inherit
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    float: left;
    font-size: 1.5rem;
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    filter: grayscale(1)
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    cursor: pointer;
    display: list-item
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.5625rem;
    font-weight: 300
}

.display-1 {
    font-size: 5rem
}

.display-1,
.display-2 {
    font-weight: 300;
    line-height: 1
}

.display-2 {
    font-size: 4.5rem
}

.display-3 {
    font-size: 4rem
}

.display-3,
.display-4 {
    font-weight: 300;
    line-height: 1
}

.display-4 {
    font-size: 3.5rem
}

.display-5 {
    font-size: 3rem
}

.display-5,
.display-6 {
    font-weight: 300;
    line-height: 1
}

.display-6 {
    font-size: 2.5rem
}

.list-inline,
.list-unstyled {
    list-style: none;
    padding-left: 0
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.5625rem;
    margin-bottom: 1.5rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    color: #6c6c6c;
    font-size: .875em;
    margin-bottom: 1.5rem;
    margin-top: -1.5rem
}

.blockquote-footer:before {
    content: "— "
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --beb-gutter-x: 40px;
    --beb-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--beb-gutter-x)*.5);
    padding-right: calc(var(--beb-gutter-x)*.5);
    width: 100%
}

@media(min-width:576px) {

    .container,
    .container-sm {
        max-width: 100vw
    }
}

@media(min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 100vw
    }
}

@media(min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 100vw
    }
}

@media(min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 100vw
    }
}

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1400px
    }
}

:root {
    --beb-breakpoint-xs: 0;
    --beb-breakpoint-sm: 576px;
    --beb-breakpoint-md: 768px;
    --beb-breakpoint-lg: 992px;
    --beb-breakpoint-xl: 1200px;
    --beb-breakpoint-xxl: 1400px;
    --beb-breakpoint-xxxl: 2000px
}

.row {
    --beb-gutter-x: 40px;
    --beb-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--beb-gutter-x)*-.5);
    margin-right: calc(var(--beb-gutter-x)*-.5);
    margin-top: calc(var(--beb-gutter-y)*-1)
}

.row>* {
    flex-shrink: 0;
    margin-top: var(--beb-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--beb-gutter-x)*.5);
    padding-right: calc(var(--beb-gutter-x)*.5);
    width: 100%
}

.col {
    flex: 1 0 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --beb-gutter-x: 0
}

.g-0,
.gy-0 {
    --beb-gutter-y: 0
}

.g-1,
.gx-1 {
    --beb-gutter-x: 0.375rem
}

.g-1,
.gy-1 {
    --beb-gutter-y: 0.375rem
}

.g-2,
.gx-2 {
    --beb-gutter-x: 0.75rem
}

.g-2,
.gy-2 {
    --beb-gutter-y: 0.75rem
}

.g-3,
.gx-3 {
    --beb-gutter-x: 1.5rem
}

.g-3,
.gy-3 {
    --beb-gutter-y: 1.5rem
}

.g-4,
.gx-4 {
    --beb-gutter-x: 2.25rem
}

.g-4,
.gy-4 {
    --beb-gutter-y: 2.25rem
}

.g-5,
.gx-5 {
    --beb-gutter-x: 4.5rem
}

.g-5,
.gy-5 {
    --beb-gutter-y: 4.5rem
}

@media(min-width:576px) {
    .col-sm {
        flex: 1 0 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --beb-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --beb-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --beb-gutter-x: 0.375rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --beb-gutter-y: 0.375rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --beb-gutter-x: 0.75rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --beb-gutter-y: 0.75rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --beb-gutter-x: 1.5rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --beb-gutter-y: 1.5rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --beb-gutter-x: 2.25rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --beb-gutter-y: 2.25rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --beb-gutter-x: 4.5rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --beb-gutter-y: 4.5rem
    }
}

@media(min-width:768px) {
    .col-md {
        flex: 1 0 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --beb-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --beb-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --beb-gutter-x: 0.375rem
    }

    .g-md-1,
    .gy-md-1 {
        --beb-gutter-y: 0.375rem
    }

    .g-md-2,
    .gx-md-2 {
        --beb-gutter-x: 0.75rem
    }

    .g-md-2,
    .gy-md-2 {
        --beb-gutter-y: 0.75rem
    }

    .g-md-3,
    .gx-md-3 {
        --beb-gutter-x: 1.5rem
    }

    .g-md-3,
    .gy-md-3 {
        --beb-gutter-y: 1.5rem
    }

    .g-md-4,
    .gx-md-4 {
        --beb-gutter-x: 2.25rem
    }

    .g-md-4,
    .gy-md-4 {
        --beb-gutter-y: 2.25rem
    }

    .g-md-5,
    .gx-md-5 {
        --beb-gutter-x: 4.5rem
    }

    .g-md-5,
    .gy-md-5 {
        --beb-gutter-y: 4.5rem
    }
}

@media(min-width:992px) {
    .col-lg {
        flex: 1 0 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --beb-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --beb-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --beb-gutter-x: 0.375rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --beb-gutter-y: 0.375rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --beb-gutter-x: 0.75rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --beb-gutter-y: 0.75rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --beb-gutter-x: 1.5rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --beb-gutter-y: 1.5rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --beb-gutter-x: 2.25rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --beb-gutter-y: 2.25rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --beb-gutter-x: 4.5rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --beb-gutter-y: 4.5rem
    }
}

@media(min-width:1200px) {
    .col-xl {
        flex: 1 0 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --beb-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --beb-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --beb-gutter-x: 0.375rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --beb-gutter-y: 0.375rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --beb-gutter-x: 0.75rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --beb-gutter-y: 0.75rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --beb-gutter-x: 1.5rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --beb-gutter-y: 1.5rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --beb-gutter-x: 2.25rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --beb-gutter-y: 2.25rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --beb-gutter-x: 4.5rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --beb-gutter-y: 4.5rem
    }
}

@media(min-width:1400px) {
    .col-xxl {
        flex: 1 0 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --beb-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --beb-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --beb-gutter-x: 0.375rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --beb-gutter-y: 0.375rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --beb-gutter-x: 0.75rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --beb-gutter-y: 0.75rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --beb-gutter-x: 1.5rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --beb-gutter-y: 1.5rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --beb-gutter-x: 2.25rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --beb-gutter-y: 2.25rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --beb-gutter-x: 4.5rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --beb-gutter-y: 4.5rem
    }
}

@media(min-width:2000px) {
    .col-xxxl {
        flex: 1 0 0
    }

    .row-cols-xxxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxxl-0 {
        margin-left: 0
    }

    .offset-xxxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxxl-3 {
        margin-left: 25%
    }

    .offset-xxxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxxl-6 {
        margin-left: 50%
    }

    .offset-xxxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxxl-9 {
        margin-left: 75%
    }

    .offset-xxxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxxl-0,
    .gx-xxxl-0 {
        --beb-gutter-x: 0
    }

    .g-xxxl-0,
    .gy-xxxl-0 {
        --beb-gutter-y: 0
    }

    .g-xxxl-1,
    .gx-xxxl-1 {
        --beb-gutter-x: 0.375rem
    }

    .g-xxxl-1,
    .gy-xxxl-1 {
        --beb-gutter-y: 0.375rem
    }

    .g-xxxl-2,
    .gx-xxxl-2 {
        --beb-gutter-x: 0.75rem
    }

    .g-xxxl-2,
    .gy-xxxl-2 {
        --beb-gutter-y: 0.75rem
    }

    .g-xxxl-3,
    .gx-xxxl-3 {
        --beb-gutter-x: 1.5rem
    }

    .g-xxxl-3,
    .gy-xxxl-3 {
        --beb-gutter-y: 1.5rem
    }

    .g-xxxl-4,
    .gx-xxxl-4 {
        --beb-gutter-x: 2.25rem
    }

    .g-xxxl-4,
    .gy-xxxl-4 {
        --beb-gutter-y: 2.25rem
    }

    .g-xxxl-5,
    .gx-xxxl-5 {
        --beb-gutter-x: 4.5rem
    }

    .g-xxxl-5,
    .gy-xxxl-5 {
        --beb-gutter-y: 4.5rem
    }
}

.btn {
    --beb-btn-padding-x: 24px;
    --beb-btn-padding-y: 12px;
    --beb-btn-font-family: shne_schmalbold_kursiv, HelveticaNeue, Arial, sans-serif;
    --beb-btn-font-size: 1.875rem;
    --beb-btn-font-weight: 700;
    --beb-btn-line-height: 1.2;
    --beb-btn-color: var(--beb-body-color);
    --beb-btn-bg: transparent;
    --beb-btn-border-width: var(--beb-border-width);
    --beb-btn-border-color: transparent;
    --beb-btn-border-radius: var(--beb-border-radius-xl);
    --beb-btn-hover-border-color: transparent;
    --beb-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --beb-btn-disabled-opacity: 0.65;
    --beb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--beb-btn-focus-shadow-rgb), .5);
    background-color: var(--beb-btn-bg);
    border: var(--beb-btn-border-width) solid var(--beb-btn-border-color);
    color: var(--beb-btn-color);
    cursor: pointer;
    display: inline-block;
    font-family: var(--beb-btn-font-family);
    font-size: var(--beb-btn-font-size);
    font-weight: var(--beb-btn-font-weight);
    line-height: var(--beb-btn-line-height);
    padding: var(--beb-btn-padding-y) var(--beb-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle
}

@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    background-color: var(--beb-btn-hover-bg);
    border-color: var(--beb-btn-hover-border-color);
    color: var(--beb-btn-hover-color)
}

.btn-check+.btn:hover {
    background-color: var(--beb-btn-bg);
    border-color: var(--beb-btn-border-color);
    color: var(--beb-btn-color)
}

.btn:focus-visible {
    background-color: var(--beb-btn-hover-bg);
    border-color: var(--beb-btn-hover-border-color);
    box-shadow: var(--beb-btn-focus-box-shadow);
    color: var(--beb-btn-hover-color);
    outline: 0
}

.btn-check:focus-visible+.btn {
    border-color: var(--beb-btn-hover-border-color);
    box-shadow: var(--beb-btn-focus-box-shadow);
    outline: 0
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: var(--beb-btn-active-bg);
    border-color: var(--beb-btn-active-border-color);
    color: var(--beb-btn-active-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--beb-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--beb-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background-color: var(--beb-btn-disabled-bg);
    border-color: var(--beb-btn-disabled-border-color);
    color: var(--beb-btn-disabled-color);
    opacity: var(--beb-btn-disabled-opacity);
    pointer-events: none
}

.btn-primary {
    --beb-btn-color: #fff;
    --beb-btn-bg: #b50020;
    --beb-btn-border-color: #b50020;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #9a001b;
    --beb-btn-hover-border-color: #91001a;
    --beb-btn-focus-shadow-rgb: 192, 38, 65;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #91001a;
    --beb-btn-active-border-color: #880018;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #fff;
    --beb-btn-disabled-bg: #b50020;
    --beb-btn-disabled-border-color: #b50020
}

.btn-secondary {
    --beb-btn-color: #fff;
    --beb-btn-bg: #6c6c6c;
    --beb-btn-border-color: #6c6c6c;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #5c5c5c;
    --beb-btn-hover-border-color: #565656;
    --beb-btn-focus-shadow-rgb: 130, 130, 130;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #565656;
    --beb-btn-active-border-color: #515151;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #fff;
    --beb-btn-disabled-bg: #6c6c6c;
    --beb-btn-disabled-border-color: #6c6c6c
}

.btn-success {
    --beb-btn-color: #000;
    --beb-btn-bg: #00dc44;
    --beb-btn-border-color: #00dc44;
    --beb-btn-hover-color: #000;
    --beb-btn-hover-bg: #26e160;
    --beb-btn-hover-border-color: #1ae057;
    --beb-btn-focus-shadow-rgb: 0, 187, 58;
    --beb-btn-active-color: #000;
    --beb-btn-active-bg: #33e369;
    --beb-btn-active-border-color: #1ae057;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #000;
    --beb-btn-disabled-bg: #00dc44;
    --beb-btn-disabled-border-color: #00dc44
}

.btn-info {
    --beb-btn-color: #000;
    --beb-btn-bg: #ff96ff;
    --beb-btn-border-color: #ff96ff;
    --beb-btn-hover-color: #000;
    --beb-btn-hover-bg: #ffa6ff;
    --beb-btn-hover-border-color: #ffa1ff;
    --beb-btn-focus-shadow-rgb: 217, 128, 217;
    --beb-btn-active-color: #000;
    --beb-btn-active-bg: #ffabff;
    --beb-btn-active-border-color: #ffa1ff;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #000;
    --beb-btn-disabled-bg: #ff96ff;
    --beb-btn-disabled-border-color: #ff96ff
}

.btn-warning {
    --beb-btn-color: #000;
    --beb-btn-bg: #f6d055;
    --beb-btn-border-color: #f6d055;
    --beb-btn-hover-color: #000;
    --beb-btn-hover-bg: #f7d76f;
    --beb-btn-hover-border-color: #f7d566;
    --beb-btn-focus-shadow-rgb: 209, 177, 72;
    --beb-btn-active-color: #000;
    --beb-btn-active-bg: #f8d977;
    --beb-btn-active-border-color: #f7d566;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #000;
    --beb-btn-disabled-bg: #f6d055;
    --beb-btn-disabled-border-color: #f6d055
}

.btn-danger {
    --beb-btn-color: #fff;
    --beb-btn-bg: #b50020;
    --beb-btn-border-color: #b50020;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #9a001b;
    --beb-btn-hover-border-color: #91001a;
    --beb-btn-focus-shadow-rgb: 192, 38, 65;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #91001a;
    --beb-btn-active-border-color: #880018;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #fff;
    --beb-btn-disabled-bg: #b50020;
    --beb-btn-disabled-border-color: #b50020
}

.btn-light {
    --beb-btn-color: #fff;
    --beb-btn-bg: #6c6c6c;
    --beb-btn-border-color: #6c6c6c;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #5c5c5c;
    --beb-btn-hover-border-color: #565656;
    --beb-btn-focus-shadow-rgb: 130, 130, 130;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #565656;
    --beb-btn-active-border-color: #515151;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #fff;
    --beb-btn-disabled-bg: #6c6c6c;
    --beb-btn-disabled-border-color: #6c6c6c
}

.btn-dark {
    --beb-btn-color: #fff;
    --beb-btn-bg: #1f1f1f;
    --beb-btn-border-color: #1f1f1f;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #414141;
    --beb-btn-hover-border-color: #353535;
    --beb-btn-focus-shadow-rgb: 65, 65, 65;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #4c4c4c;
    --beb-btn-active-border-color: #353535;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #fff;
    --beb-btn-disabled-bg: #1f1f1f;
    --beb-btn-disabled-border-color: #1f1f1f
}

.btn-outline-primary {
    --beb-btn-color: #b50020;
    --beb-btn-border-color: #b50020;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #b50020;
    --beb-btn-hover-border-color: #b50020;
    --beb-btn-focus-shadow-rgb: 181, 0, 32;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #b50020;
    --beb-btn-active-border-color: #b50020;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #b50020;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #b50020;
    --beb-gradient: none
}

.btn-outline-secondary {
    --beb-btn-color: #6c6c6c;
    --beb-btn-border-color: #6c6c6c;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #6c6c6c;
    --beb-btn-hover-border-color: #6c6c6c;
    --beb-btn-focus-shadow-rgb: 108, 108, 108;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #6c6c6c;
    --beb-btn-active-border-color: #6c6c6c;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #6c6c6c;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #6c6c6c;
    --beb-gradient: none
}

.btn-outline-success {
    --beb-btn-color: #00dc44;
    --beb-btn-border-color: #00dc44;
    --beb-btn-hover-color: #000;
    --beb-btn-hover-bg: #00dc44;
    --beb-btn-hover-border-color: #00dc44;
    --beb-btn-focus-shadow-rgb: 0, 220, 68;
    --beb-btn-active-color: #000;
    --beb-btn-active-bg: #00dc44;
    --beb-btn-active-border-color: #00dc44;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #00dc44;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #00dc44;
    --beb-gradient: none
}

.btn-outline-info {
    --beb-btn-color: #ff96ff;
    --beb-btn-border-color: #ff96ff;
    --beb-btn-hover-color: #000;
    --beb-btn-hover-bg: #ff96ff;
    --beb-btn-hover-border-color: #ff96ff;
    --beb-btn-focus-shadow-rgb: 255, 150, 255;
    --beb-btn-active-color: #000;
    --beb-btn-active-bg: #ff96ff;
    --beb-btn-active-border-color: #ff96ff;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #ff96ff;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #ff96ff;
    --beb-gradient: none
}

.btn-outline-warning {
    --beb-btn-color: #f6d055;
    --beb-btn-border-color: #f6d055;
    --beb-btn-hover-color: #000;
    --beb-btn-hover-bg: #f6d055;
    --beb-btn-hover-border-color: #f6d055;
    --beb-btn-focus-shadow-rgb: 246, 208, 85;
    --beb-btn-active-color: #000;
    --beb-btn-active-bg: #f6d055;
    --beb-btn-active-border-color: #f6d055;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #f6d055;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #f6d055;
    --beb-gradient: none
}

.btn-outline-danger {
    --beb-btn-color: #b50020;
    --beb-btn-border-color: #b50020;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #b50020;
    --beb-btn-hover-border-color: #b50020;
    --beb-btn-focus-shadow-rgb: 181, 0, 32;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #b50020;
    --beb-btn-active-border-color: #b50020;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #b50020;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #b50020;
    --beb-gradient: none
}

.btn-outline-light {
    --beb-btn-color: #6c6c6c;
    --beb-btn-border-color: #6c6c6c;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #6c6c6c;
    --beb-btn-hover-border-color: #6c6c6c;
    --beb-btn-focus-shadow-rgb: 108, 108, 108;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #6c6c6c;
    --beb-btn-active-border-color: #6c6c6c;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #6c6c6c;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #6c6c6c;
    --beb-gradient: none
}

.btn-outline-dark {
    --beb-btn-color: #1f1f1f;
    --beb-btn-border-color: #1f1f1f;
    --beb-btn-hover-color: #fff;
    --beb-btn-hover-bg: #1f1f1f;
    --beb-btn-hover-border-color: #1f1f1f;
    --beb-btn-focus-shadow-rgb: 31, 31, 31;
    --beb-btn-active-color: #fff;
    --beb-btn-active-bg: #1f1f1f;
    --beb-btn-active-border-color: #1f1f1f;
    --beb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --beb-btn-disabled-color: #1f1f1f;
    --beb-btn-disabled-bg: transparent;
    --beb-btn-disabled-border-color: #1f1f1f;
    --beb-gradient: none
}

.btn-link {
    --beb-btn-font-weight: 400;
    --beb-btn-color: var(--beb-link-color);
    --beb-btn-bg: transparent;
    --beb-btn-border-color: transparent;
    --beb-btn-hover-color: var(--beb-link-hover-color);
    --beb-btn-hover-border-color: transparent;
    --beb-btn-active-color: var(--beb-link-hover-color);
    --beb-btn-active-border-color: transparent;
    --beb-btn-disabled-color: #6c6c6c;
    --beb-btn-disabled-border-color: transparent;
    --beb-btn-box-shadow: 0 0 0 #000;
    --beb-btn-focus-shadow-rgb: 192, 38, 65;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--beb-btn-color)
}

.btn-link:hover {
    color: var(--beb-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
    --beb-btn-padding-y: 16px;
    --beb-btn-padding-x: 32px;
    --beb-btn-font-size: 1.875rem;
    --beb-btn-border-radius: var(--beb-border-radius-lg)
}

.btn-group-sm>.btn,
.btn-sm {
    --beb-btn-padding-y: 8px;
    --beb-btn-padding-x: 16px;
    --beb-btn-font-size: 1.125rem;
    --beb-btn-border-radius: var(--beb-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .5s ease
}

@media(prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    height: auto;
    transition: width .5s ease;
    width: 0
}

@media(prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.btn-group,
.btn-group-vertical {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    flex: 1 1 auto;
    position: relative
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--beb-border-width)*-1)
}

.dropdown-toggle-split {
    padding-left: 18px;
    padding-right: 18px
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-left: 24px;
    padding-right: 24px
}

.btn-group-vertical {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: calc(var(--beb-border-width)*-1)
}

.accordion {
    --beb-accordion-color: inherit;
    --beb-accordion-bg: transparent;
    --beb-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --beb-accordion-border-color: var(--beb-border-color);
    --beb-accordion-border-width: 1px;
    --beb-accordion-border-radius: var(--beb-border-radius);
    --beb-accordion-inner-border-radius: calc(var(--beb-border-radius) - 1px);
    --beb-accordion-btn-padding-x: 1.5rem;
    --beb-accordion-btn-padding-y: 1.875rem;
    --beb-accordion-btn-color: inherit;
    --beb-accordion-btn-bg: var(--beb-accordion-bg);
    --beb-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath fill='%23101010' d='M10.223.5h1.555v21h-1.555z'/%3E%3Cpath fill='%23101010' d='M.5 11.777v-1.555h21v1.555z'/%3E%3C/svg%3E");
    --beb-accordion-btn-icon-width: 1.25rem;
    --beb-accordion-btn-icon-transform: rotate(180deg);
    --beb-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --beb-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath fill='%23101010' d='M.5 11.777v-1.555h21v1.555z'/%3E%3C/svg%3E");
    --beb-accordion-btn-focus-box-shadow: none;
    --beb-accordion-body-padding-x: 1.5rem;
    --beb-accordion-body-padding-y: 1.5rem;
    --beb-accordion-active-color: inherit;
    --beb-accordion-active-bg: transparent
}

.accordion-button {
    align-items: center;
    background-color: var(--beb-accordion-btn-bg);
    border: 0;
    color: var(--beb-accordion-btn-color);
    display: flex;
    font-size: 1.25rem;
    overflow-anchor: none;
    padding: var(--beb-accordion-btn-padding-y) var(--beb-accordion-btn-padding-x);
    position: relative;
    text-align: left;
    transition: var(--beb-accordion-transition);
    width: 100%
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    background-color: var(--beb-accordion-active-bg);
    box-shadow: inset 0 calc(var(--beb-accordion-border-width)*-1) 0 var(--beb-accordion-border-color);
    color: var(--beb-accordion-active-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--beb-accordion-btn-active-icon);
    transform: var(--beb-accordion-btn-icon-transform)
}

.accordion-button:after {
    background-image: var(--beb-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--beb-accordion-btn-icon-width);
    content: "";
    flex-shrink: 0;
    height: var(--beb-accordion-btn-icon-width);
    margin-left: auto;
    transition: var(--beb-accordion-btn-icon-transition);
    width: var(--beb-accordion-btn-icon-width)
}

@media(prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    box-shadow: var(--beb-accordion-btn-focus-box-shadow);
    outline: 0;
    z-index: 3
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: var(--beb-accordion-bg);
    border: var(--beb-accordion-border-width) solid var(--beb-accordion-border-color);
    color: var(--beb-accordion-color)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-body {
    padding: var(--beb-accordion-body-padding-y) var(--beb-accordion-body-padding-x)
}

.accordion-flush>.accordion-item {
    border-left: 0;
    border-right: 0
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0
}

.clearfix:after {
    clear: both;
    content: "";
    display: block
}

.text-bg-primary {
    background-color: RGBA(var(--beb-primary-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-secondary {
    background-color: RGBA(var(--beb-secondary-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-success {
    background-color: RGBA(var(--beb-success-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-info {
    background-color: RGBA(var(--beb-info-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-warning {
    background-color: RGBA(var(--beb-warning-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #000 !important
}

.text-bg-danger {
    background-color: RGBA(var(--beb-danger-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-light {
    background-color: RGBA(var(--beb-light-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #fff !important
}

.text-bg-dark {
    background-color: RGBA(var(--beb-dark-rgb), var(--beb-bg-opacity, 1)) !important;
    color: #fff !important
}

.link-primary {
    color: RGBA(var(--beb-primary-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-primary-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(145, 0, 26, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(145, 0, 26, var(--beb-link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--beb-secondary-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-secondary-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 86, 86, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 86, 86, var(--beb-link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(var(--beb-success-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-success-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(51, 227, 105, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(51, 227, 105, var(--beb-link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(var(--beb-info-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-info-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(255, 171, 255, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 171, 255, var(--beb-link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(var(--beb-warning-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-warning-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(248, 217, 119, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(248, 217, 119, var(--beb-link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(var(--beb-danger-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-danger-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(145, 0, 26, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(145, 0, 26, var(--beb-link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--beb-light-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-light-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(86, 86, 86, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 86, 86, var(--beb-link-underline-opacity, 1)) !important
}

.link-dark {
    color: RGBA(var(--beb-dark-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-dark-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
    color: RGBA(25, 25, 25, var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(25, 25, 25, var(--beb-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(var(--beb-emphasis-color-rgb), var(--beb-link-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--beb-emphasis-color-rgb), var(--beb-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--beb-emphasis-color-rgb), var(--beb-link-opacity, .75)) !important;
    text-decoration-color: RGBA(var(--beb-emphasis-color-rgb), var(--beb-link-underline-opacity, .75)) !important
}

.focus-ring:focus {
    box-shadow: var(--beb-focus-ring-x, 0) var(--beb-focus-ring-y, 0) var(--beb-focus-ring-blur, 0) var(--beb-focus-ring-width) var(--beb-focus-ring-color);
    outline: 0
}

.icon-link {
    align-items: center;
    backface-visibility: hidden;
    display: inline-flex;
    gap: .375rem;
    text-decoration-color: rgba(var(--beb-link-color-rgb), var(--beb-link-opacity, .5));
    text-underline-offset: .25em
}

.icon-link>.bi {
    fill: currentcolor;
    flex-shrink: 0;
    height: 1em;
    transition: transform .2s ease-in-out;
    width: 1em
}

@media(prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: var(--beb-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--beb-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --beb-aspect-ratio: 100%
}

.ratio-4x3 {
    --beb-aspect-ratio: 75%
}

.ratio-16x9 {
    --beb-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --beb-aspect-ratio: 42.8571428571%
}

.fixed-top {
    top: 0
}

.fixed-bottom,
.fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    top: 0
}

.sticky-bottom,
.sticky-top {
    position: sticky;
    z-index: 1020
}

.sticky-bottom {
    bottom: 0
}

@media(min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

@media(min-width:2000px) {
    .sticky-xxxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxxl-bottom {
        bottom: 0;
        position: sticky;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack,
.vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    white-space: nowrap !important;
    width: 1px !important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
    position: absolute !important
}

.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
    overflow: hidden !important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    align-self: stretch;
    background-color: currentcolor;
    display: inline-block;
    min-height: 1em;
    opacity: 1;
    width: var(--beb-border-width)
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: 800 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

@media(min-width:576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media(min-width:1400px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media(min-width:2000px) {
    .d-xxxl-inline {
        display: inline !important
    }

    .d-xxxl-inline-block {
        display: inline-block !important
    }

    .d-xxxl-block {
        display: block !important
    }

    .d-xxxl-flex {
        display: flex !important
    }

    .d-xxxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxxl-none {
        display: none !important
    }

    .text-xxxl-start {
        text-align: left !important
    }

    .text-xxxl-end {
        text-align: right !important
    }

    .text-xxxl-center {
        text-align: center !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.horizontal-marquee {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--_gap);
    max-width: 100%;
    overflow: hidden
}

.horizontal-marquee.smooth {
    -webkit-mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
    mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent)
}

.horizontal-marquee-inner {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--_gap);
    justify-content: space-around;
    white-space: nowrap
}

.horizontal-marquee.paused .horizontal-marquee-inner {
    animation-play-state: paused
}

.horizontal-marquee.full .horizontal-marquee-inner {
    min-width: var(--_containerWidth)
}

[data-animate=true] .horizontal-marquee-inner {
    animation: horizontal-marquee var(--_speed) linear infinite var(--_direction)
}

@keyframes horizontal-marquee {
    0% {
        transform: translate(calc(var(--_gap)*-1))
    }

    to {
        transform: translate(calc(-100% - var(--_gap)*2))
    }
}

.vertical-marquee {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: calc((var(--_containerSize) - var(--_vGap))/1.2);
    margin-bottom: var(--_gap);
    max-height: 100%;
    overflow: hidden
}

.vertical-marquee.smooth {
    -webkit-mask: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent);
    mask: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent)
}

.vertical-marquee-inner {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin-bottom: var(--_vGap)
}

.vertical-marquee.paused .vertical-marquee-inner {
    animation-play-state: paused
}

[data-animate=true] .vertical-marquee-inner {
    animation: vertical-marquee var(--_speed) linear infinite var(--_direction)
}

.vertical-marquee-inner>:not(:last-child) {
    margin-right: var(--_hGap)
}

@keyframes vertical-marquee {
    0% {
        transform: translateY(calc(var(--_vGap)*-1))
    }

    to {
        transform: translateY(calc(-100% - var(--_vGap)*2))
    }
}

:root {
    --beb--spacing--xs: 20px;
    --beb--spacing--sm: 40px;
    --beb--spacing--md: 80px;
    --beb--spacing--lg: 120px;
    --beb--spacing--xl: 160px;
    --beb--spacing--xxl: 200px
}

@media(min-width:992px) {
    :root {
        --beb--spacing--xs: 20px;
        --beb--spacing--sm: 40px;
        --beb--spacing--md: 120px;
        --beb--spacing--lg: 160px;
        --beb--spacing--xl: 200px;
        --beb--spacing--xxl: 240px
    }
}

.padding-top-xs {
    padding-top: var(--beb--spacing--xs)
}

.padding-top-sm {
    padding-top: var(--beb--spacing--sm)
}

.padding-top-md {
    padding-top: var(--beb--spacing--md)
}

.padding-top-lg {
    padding-top: var(--beb--spacing--lg)
}

.padding-top-xl {
    padding-top: var(--beb--spacing--xl)
}

.padding-top-xxl {
    padding-top: var(--beb--spacing--xxl)
}

.padding-bottom-xs {
    padding-bottom: var(--beb--spacing--xs)
}

.padding-bottom-sm {
    padding-bottom: var(--beb--spacing--sm)
}

.padding-bottom-md {
    padding-bottom: var(--beb--spacing--md)
}

.padding-bottom-lg {
    padding-bottom: var(--beb--spacing--lg)
}

.padding-bottom-xl {
    padding-bottom: var(--beb--spacing--xl)
}

.padding-bottom-xxl {
    padding-bottom: var(--beb--spacing--xxl)
}

.full-width {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 100vw
}

.color-black {
    color: #000
}

.bg-black {
    background-color: #000
}

.color-gray {
    color: #6c6c6c
}

.bg-gray {
    background-color: #6c6c6c
}

.color-red {
    color: #b50020
}

.bg-red {
    background-color: #b50020
}

.color-white {
    color: #fff
}

.bg-white {
    background-color: #fff
}

.bg-gray-500 {
    background-color: #1f1f1f
}

.bg-gray-300 {
    background-color: #b5b5b5
}

.bg-gray-200 {
    background-color: #d6d6d6
}

@media screen {
    html:not(.no-js) [data-animate]:not(.module--marquee__content) {
        opacity: 0;
        transition: opacity .5s, color .5s, transform .5s, background-color .5s
    }

    html:not(.no-js) [data-animate=from-bottom]:not(.module--marquee__content) {
        transform: translate3d(0, 30px, 0)
    }

    html:not(.no-js) [data-animate=from-bottom]:not(.module--marquee__content).is-inviewport {
        opacity: 1;
        transform: translateZ(0)
    }

    html:not(.no-js) [data-animate=from-top]:not(.module--marquee__content) {
        transform: translate3d(0, -30px, 0)
    }

    html:not(.no-js) [data-animate=from-top]:not(.module--marquee__content).is-inviewport {
        opacity: 1;
        transform: translateZ(0)
    }

    html:not(.no-js) [data-animate=from-left]:not(.module--marquee__content) {
        transform: translate3d(-30px, 0, 0)
    }

    html:not(.no-js) [data-animate=from-left]:not(.module--marquee__content).is-inviewport {
        opacity: 1;
        transform: translateZ(0)
    }

    html:not(.no-js) [data-animate=from-right]:not(.module--marquee__content) {
        transform: translate3d(30px, 0, 0)
    }

    html:not(.no-js) [data-animate=from-right]:not(.module--marquee__content).is-inviewport {
        opacity: 1;
        transform: translateZ(0)
    }

    html:not(.no-js) [data-animate=from-back]:not(.module--marquee__content) {
        transform: translateZ(0)
    }

    html:not(.no-js) [data-animate=from-back]:not(.module--marquee__content).is-inviewport {
        opacity: 1;
        transform: translateZ(0)
    }
}

@font-face {
    font-display: swap;
    font-family: shne_schmalbold_kursiv;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/sohneschmal-dreiviertelfettkursiv-webfont.woff2) format("woff2"), url(../fonts/sohneschmal-dreiviertelfettkursiv-webfont.woff) format("woff")
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%
}

html.has-menu {
    overflow: hidden
}

body {
    background-color: #101010;
    display: flex;
    flex-direction: column;
    font-size: clamp(1.125rem, -4rem + 10vw, 1.25rem);
    overflow-x: hidden;
    overflow-y: auto
}

.has-menu body {
    overflow: hidden
}

main {
    flex-direction: column;
    flex-grow: 1;
    gap: 15rem;
    overflow: clip;
    width: 100%
}

.menu,
main {
    display: flex
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.menu-vertical {
    flex-direction: column
}

img {
    height: auto;
    max-width: 100%
}

p+.button {
    margin-top: 1rem !important
}

.container {
    position: relative
}

.container-larger {
    max-width: 1592px;
    position: relative
}

.container-largest {
    max-width: 1920px;
    position: relative
}

.container-full {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.module:not(:last-child) {
    margin-bottom: var(--beb--spacing--md)
}

.section {
    position: relative
}

.preloader {
    color: #fff;
    display: none;
    pointer-events: none
}

@media screen {
    html:not(.no-js) .preloader {
        align-items: center;
        background: #000;
        color: #fff;
        display: flex;
        height: 100dvh;
        justify-content: center;
        left: 0;
        position: fixed;
        top: 0;
        transition: opacity .5s ease;
        width: 100dvw;
        z-index: 999999
    }

    html:not(.no-js) .preloader svg {
        color: #fff;
        max-width: 70%
    }

    html:not(.no-js) .preloader.is-initialized {
        opacity: 0
    }
}

.btn {
    font-style: italic;
    overflow: hidden;
    padding: 0;
    position: relative
}

@media(max-width:767.98px) {
    .btn {
        font-size: 1.5rem
    }
}

.btn-tertiary {
    background: #1a1a1a;
    color: #fff
}

.no-touch .btn-tertiary:hover {
    background: #b50020;
    color: #fff
}

.btn span {
    display: block;
    line-height: var(--cit-body-line-height);
    pointer-events: none;
    text-align: center;
    transition: transform .25s
}

.btn span:last-child:not(:first-child) {
    left: 0;
    position: absolute;
    right: 0;
    top: 100%
}

.no-touch .btn:hover span:not(:only-child) {
    transform: translate3d(0, -100%, 0)
}

.btn-circle {
    aspect-ratio: 1;
    border-radius: 50%;
    width: 44px
}

@media(min-width:1200px) {
    .btn-circle {
        width: 64px
    }
}

.btn-circle svg {
    width: 50%
}

.btn-group--gap .btn:not(:last-child) {
    margin-right: 1.5rem
}

.btn.btn-primary {
    padding: .5rem 1rem
}

@media(min-width:576px) {
    .btn.btn-primary {
        padding: 1rem 2rem
    }
}

a {
    color: inherit;
    transition: color .25s
}

b,
strong {
    font-weight: 800
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    line-height: .9
}

.h1,
h1 {
    font-size: clamp(105px, -2rem + 13vw, 250px)
}

.h2,
h2 {
    font-size: clamp(85px, -2rem + 12vw, 180px)
}

.h3,
h3 {
    font-size: clamp(70px, -4rem + 9vw, 130px)
}

.h4,
h4 {
    font-size: clamp(40px, -2rem + 12vw, 64px)
}

.h5,
h5 {
    font-size: clamp(26px, -3.9rem + 8.333vw, 32px)
}

.h6,
h6 {
    font-weight: 400
}

p:last-child {
    margin-bottom: 0
}

.slider__controls button {
    background: none;
    border: 0;
    color: #ff96ff;
    height: 68px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px
}

.bg-lime .slider__controls button,
.slider__controls button:hover {
    color: #00dc44
}

.bg-lime .slider__controls button:hover {
    color: #6c6c6c
}

@media(min-width:768px) {
    .slider__controls button {
        height: 102px;
        width: 60px
    }
}

@media(min-width:1200px) {
    .slider__controls button {
        height: 124px;
        width: 73px
    }
}

.slider__controls button.button-prev {
    left: 1.5rem
}

@media(min-width:768px) {
    .slider__controls button.button-prev {
        left: 3rem
    }
}

.slider__controls button.button-next {
    right: 1.5rem
}

@media(min-width:768px) {
    .slider__controls button.button-next {
        right: 3rem
    }
}

.slider__controls button svg {
    max-width: 100%
}

.slider__bullets {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    position: static;
    transform: none;
    width: 100%
}

.slider__bullets .slider__bullet {
    background: #b50020;
    border: 0 !important;
    border-radius: 50%;
    height: 8px;
    margin: 0 5px;
    opacity: 20%;
    transition: opacity .2s;
    width: 8px
}

@media(min-width:992px) {
    .slider__bullets .slider__bullet {
        height: 16px;
        width: 16px
    }
}

.no-touch .slider__bullets .slider__bullet:hover,
.slider__bullets .slider__bullet.glide__bullet--active {
    opacity: 1
}

.slider__arrows--opaque .slider__arrow {
    border: 0;
    box-shadow: none;
    height: 100%;
    top: 0;
    transform: none;
    width: 13vw
}

.slider__arrows--opaque .slider__arrow--left {
    left: -20px
}

.slider__arrows--opaque .slider__arrow--right {
    right: -20px
}

.module--intro {
    margin-bottom: 0 !important;
    overflow: hidden;
    padding-bottom: 40px;
    position: relative
}

@media(min-width:992px) {
    .module--intro {
        padding-bottom: 40px
    }
}

.module--intro:after {
    background: linear-gradient(0deg, #101010 20%, hsla(0, 0%, 6%, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 50vh;
    left: 0;
    position: absolute;
    right: 0
}

.module--intro__visual {
    overflow: hidden;
    pointer-events: none;
    position: relative
}

.module--intro__visual img {
    -o-object-fit: cover;
    object-fit: cover
}

.module--intro__visual--01 {
    transform-origin: top;
    width: 100%
}

.module--intro__visual--02 {
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-25%, -200%);
    width: 100px;
    z-index: 2
}

@media(min-width:768px) {
    .module--intro__visual--02 {
        max-width: 425px;
        width: 20vw
    }
}

@media(min-width:992px) {
    .module--intro__visual--02 {
        transform: translate(-25%, -100%)
    }
}

@media(min-width:1400px) {
    .module--intro__visual--02 {
        transform: translate(-35%, -100%)
    }
}

.module--intro__visual--03 {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(25%, 100%);
    width: 150px;
    z-index: 2
}

@media(min-width:768px) {
    .module--intro__visual--03 {
        max-width: 630px;
        transform: translate(25%, 150%);
        width: 25vw
    }
}

@media(min-width:992px) {
    .module--intro__visual--03 {
        transform: translate(25%, 50%)
    }
}

@media(min-width:1400px) {
    .module--intro__visual--03 {
        transform: translate(50%, -30%)
    }
}

.module--intro__content {
    height: 50vh;
    height: 50lvh;
    margin-top: -150%
}

@media(min-width:768px) {
    .module--intro__content {
        margin-top: -70%
    }
}

@media(min-width:992px) {
    .module--intro__content {
        margin-top: -75%
    }
}

.module--intro__content__row {
    position: relative;
    z-index: 2
}

@media(min-width:992px) {
    .module--intro__content__row {
        font-size: 1.875rem;
        margin-top: 1.5rem
    }
}

@media(max-width:991.98px) {
    .module--intro__content__row p {
        font-size: 26px;
        padding-right: 10vw
    }
}

.module--intro__headline {
    filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, .5));
    position: relative;
    width: 100%;
    z-index: 1
}

@media(min-width:576px) {
    .module--intro__headline {
        max-width: 70vw
    }
}

@media(min-width:992px) {
    .module--intro__headline {
        max-width: 900px
    }
}

.module--intro__headline__wrapper {
    display: inline-block;
    position: relative;
    z-index: 1
}

.module--intro__product {
    margin-bottom: -3rem
}

@media(min-width:992px) {
    .module--intro__product {
        margin-bottom: 0;
        margin-left: -10%;
        margin-top: -20%;
        max-width: 120%
    }
}

@media(max-width:575.98px) {
    .module--intro~.module--video img {
        height: 120vw;
        -o-object-fit: cover;
        object-fit: cover
    }
}

section#intro {
    padding-bottom: 0;
    padding-top: 0
}

.module--faq__group {
    align-items: flex-start;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    row-gap: 1.5rem
}

.module--faq__group .h4 {
    grid-column: 1/span 3;
    margin-bottom: 0
}

.module--faq__group .accordion {
    grid-column: 5/span 8
}

@media(max-width:767.98px) {
    .module--faq__group {
        grid-template-columns: 1fr
    }

    .module--faq__group .accordion,
    .module--faq__group .h4 {
        grid-column: auto
    }
}

.module--faq .accordion-item {
    border-color: #101010;
    border-width: 1px 0
}

.module--faq .accordion-button {
    box-shadow: none;
    font-family: var(--beb-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2
}

.module--faq .accordion-button:hover {
    color: #b50020
}

.module--faq .accordion-body {
    font-size: 1rem;
    padding-bottom: 1.875rem;
    padding-top: 0
}

.module--faq .accordion-body a:hover {
    color: #b50020
}

.footer {
    font-size: 1.125rem;
    padding: clamp(2rem, 4vw, 3.5rem) 0
}

.footer a:hover {
    color: #b50020
}

.footer__row {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media(min-width:768px) {
    .footer__row {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.footer__legal,
.footer__social {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem
}

.footer__social-link {
    align-items: center;
    display: inline-flex;
    gap: .5rem
}

.footer__icon {
    flex-shrink: 0;
    height: 1.25rem;
    width: 1.25rem
}

.footer__legal {
    justify-content: flex-start
}

@media(min-width:768px) {
    .footer__legal {
        justify-content: flex-end
    }
}

.module--bike-finder .h2,
.module--bike-finder h2 {
    margin-bottom: 2rem;
    text-align: center
}

.module--bike-finder .slider {
    margin-top: 3rem
}

@media(min-width:768px) {
    .module--bike-finder .slider {
        margin-top: 6rem
    }
}

.module--bike-finder .slider__slide {
    text-align: center
}

@media(min-width:768px) {
    .module--bike-finder .slider__slide {
        padding: 0 5vw
    }
}

.module--bike-finder .slider__slide img {
    pointer-events: none;
    width: 100%
}

.module--bike-finder__slider {
    position: relative
}

.module--bike-finder__controls {
    align-items: baseline;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 1.5rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media(min-width:768px) {
    .module--bike-finder__controls {
        align-items: center;
        -moz-column-gap: 46vw;
        column-gap: 46vw;
        justify-content: center;
        padding: 0
    }
}

.module--bike-finder__controls .btn {
    pointer-events: auto
}

.module--bike-finder__gradient {
    background-color: #101010;
    background: linear-gradient(180deg, #101010 85%, #1a1a1a 0, #1b1b1b 87%, #9e9e9e 98%)
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

@media(min-width:576px) {
    .header {
        padding-top: var(--beb--spacing--sm)
    }
}

.header__row {
    align-items: center;
    display: flex;
    gap: var(--beb--spacing--sm);
    justify-content: space-between
}

.header__logo {
    color: #000;
    pointer-events: all;
    transition: color .3s ease
}

@media(max-width:575.98px) {
    .header__logo {
        max-width: 85px
    }
}

.header__logo.color-white {
    color: #fff
}

.header__nav {
    display: none
}

@media(min-width:992px) {
    .header__nav {
        align-items: center;
        align-self: stretch;
        display: flex
    }
}

.header__nav-list {
    align-items: center;
    backdrop-filter: blur(3px);
    backdrop-filter: blur(6px);
    background: hsla(0, 0%, 100%, .6);
    border-radius: 999px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    display: flex;
    gap: 4rem;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: .5rem 2.5rem
}

.header__nav-link {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    transition: opacity .2s ease;
    white-space: nowrap
}

.header__nav-link:focus-visible,
.header__nav-link:hover {
    color: #b50020
}

.header__nav-link.is-active {
    color: #b50020
}

.module--marquee {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    left: 50%;
    padding: 20px 0;
    position: relative;
    transform: translateX(-50%);
    width: 100vw;
    z-index: 0
}

.module--marquee__content {
    display: flex;
    justify-content: center
}

.module--marquee__content p {
    flex-shrink: 0;
    font-size: clamp(25px, -2rem + 12vw, 40px);
    margin: 0 20px
}

#systemparts {
    overflow: hidden
}

.systemparts-switch {
    --systemparts-switch-left: 0.25rem;
    --systemparts-switch-width: calc(50% - 0.25rem);
    background: #474747;
    border-radius: 999px;
    display: inline-flex;
    isolation: isolate;
    padding: .25rem;
    position: relative
}

.systemparts-switch:before {
    background: #b50020;
    border-radius: inherit;
    bottom: .25rem;
    content: "";
    left: var(--systemparts-switch-left);
    position: absolute;
    top: .25rem;
    transition: left .25s ease, width .25s ease;
    width: var(--systemparts-switch-width);
    z-index: 0
}

.systemparts-switch__button {
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: hsla(0, 0%, 100%, .6);
    cursor: pointer;
    flex: 0 0 auto;
    line-height: 1.1;
    padding: .65rem 1.25rem;
    position: relative;
    transition: color .2s ease;
    white-space: nowrap;
    z-index: 1
}

.systemparts-switch__button:focus-visible {
    outline: 2px solid hsla(0, 0%, 100%, .3);
    outline-offset: 3px
}

.systemparts-switch__button.is-active {
    color: #fff
}

.systemparts-card-grid {
    align-items: stretch;
    display: grid;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    grid-template-columns: repeat(2, 1fr)
}

.systemparts-card-grid>* {
    height: 100%
}

@media(min-width:768px) {
    .systemparts-card-grid[data-cards="36v"] {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
    }

    .systemparts-card-grid[data-cards="48v"] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media(min-width:992px) {

    .systemparts-card-grid[data-cards="36v"],
    .systemparts-card-grid[data-cards="48v"] {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.systemparts-card {
    overflow: hidden
}

.systemparts-card,
.systemparts-card>button {
    display: flex;
    flex-direction: column;
    height: 100%
}

.systemparts-card>button {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    gap: 1.5rem;
    padding: 0;
    text-align: left;
    width: 100%
}

.systemparts-card>button img {
    transform: translateY(10%);
    transition: transform .25s ease
}

@media(min-width:768px) {
    .systemparts-card>button img {
        transform: translateY(0)
    }
}

.systemparts-card>button:hover img {
    transform: scale(1.05)
}

.systemparts-card>button:hover .systemparts-card__badge {
    background-color: #b50020;
    color: #fff
}

.systemparts-card>button:focus-visible .systemparts-card__link,
.systemparts-card>button:hover .systemparts-card__link {
    color: #b50020
}

.systemparts-card__media {
    aspect-ratio: 1/1;
    background-color: #1a1a1a;
    padding: 1.5rem;
    position: relative
}

.systemparts-card__media img {
    display: block;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.systemparts-card__badge {
    background-color: #474747;
    border-radius: 999px;
    font-family: shne_schmalbold_kursiv, HelveticaNeue, Arial, sans-serif;
    font-size: .95rem;
    font-style: italic;
    margin: 0;
    padding: .1rem .5rem;
    position: absolute;
    right: .75rem;
    top: .75rem
}

@media(min-width:768px) {
    .systemparts-card__badge {
        font-size: 1rem;
        padding: .2rem .85rem
    }
}

.systemparts-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1rem
}

.systemparts-card__title {
    font-family: shne_schmalbold_kursiv, HelveticaNeue, Arial, sans-serif;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 700;
    margin: 0
}

.systemparts-card__text {
    color: hsla(0, 0%, 100%, .7);
    margin: 0
}

.systemparts-card__link {
    align-items: center;
    display: inline-flex;
    font-weight: inherit;
    gap: .35rem;
    margin: auto 0 0;
    text-decoration: none;
    transition: color .2s ease
}

.systemparts-card__link svg {
    fill: currentColor
}

.systemparts-overview {
    overflow: hidden;
    position: relative
}

.systemparts-overview__heading .h2,
.systemparts-overview__heading h2 {
    hyphens: auto;
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word
}

.systemparts-overview__eyebrow {
    color: hsla(0, 0%, 100%, .6);
    font-size: 1.125rem;
    letter-spacing: .4em;
    text-transform: uppercase
}

.systemparts-overlay .h3,
.systemparts-overlay h3 {
    padding-bottom: 1.5rem
}

.systemparts-overlay__body {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .502);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding-top: 80px;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .5s ease, visibility .5s ease;
    visibility: hidden;
    width: 100%;
    z-index: 111
}

.systemparts-overlay__body[aria-hidden=false] {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.systemparts-overlay__close {
    align-items: center;
    background-color: #e1e1e1;
    border: none;
    border-radius: 50%;
    color: #101010;
    cursor: pointer;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 24px;
    top: 24px;
    transition: background-color .5s ease, transform .15s ease;
    width: 48px
}

.systemparts-overlay__close:focus-visible,
.systemparts-overlay__close:hover {
    background-color: #9e9e9e;
    transform: scale(.95)
}

.systemparts-overlay__close svg {
    display: block
}

.systemparts-overlay__innerWrapper {
    background-color: #fff;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    height: 100%;
    overflow: hidden;
    position: relative;
    transform: translateY(100%);
    transition: transform .4s cubic-bezier(.4, 0, .2, 1)
}

.systemparts-overlay__body[aria-hidden=false] .systemparts-overlay__innerWrapper {
    transform: translateY(0)
}

.systemparts-overlay-category,
.systemparts-overlay__system {
    display: flex;
    flex-direction: column;
    height: 100%
}

.systemparts-overlay-category {
    gap: 2rem;
    padding: 7rem 7rem 2.5rem
}

@media(max-width:767.98px) {
    .systemparts-overlay-category {
        padding: 4rem 1.5rem 2rem
    }
}

.systemparts-overlay-category__list {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0;
    list-style: none;
    margin: 0;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none
}

.systemparts-overlay-category__list::-webkit-scrollbar {
    display: none
}

.systemparts-overlay-category__item {
    align-items: center;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem 0
}

@media(max-width:767.98px) {
    .systemparts-overlay-category__item {
        align-items: flex-start;
        flex-direction: column
    }
}

.systemparts-overlay-category__media {
    background-color: #e1e1e1;
    flex-shrink: 0;
    margin: 0;
    max-width: 144px;
    width: 100%
}

.systemparts-overlay-category__media img {
    aspect-ratio: 1/1;
    display: block;
    height: auto;
    padding: .25rem;
    width: 100%
}

.systemparts-overlay-category__copy {
    flex: 1
}

.systemparts-overlay-category__title {
    color: #101010;
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 600;
    margin: 0 0 .25rem
}

.systemparts-overlay-category__text {
    color: #6c6c6c
}

.systemparts-overlay-category__cta {
    display: flex;
    justify-content: center;
    margin-top: auto;
    padding: 0;
    white-space: nowrap
}

@media(min-width:768px) {
    .systemparts-overlay-category__cta {
        padding-left: calc(var(--beb-gutter-x)*.5);
        padding-right: calc(var(--beb-gutter-x)*.5);
        padding-top: 2.5rem
    }
}

.systemparts-overlay-category__cta .btn {
    font-size: clamp(8px, 6vw, 1.5rem)
}

.systemparts-overlay .link-arrow {
    margin-top: 0
}

.systemparts-overlay .hidden {
    display: none
}

.systemparts-product-name {
    white-space: nowrap
}

#service-section .service-section__cards {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr
}

@media(min-width:768px) {
    #service-section .service-section__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    #service-section .service-section__cards>.kachel:last-child {
        grid-column: 1/-1
    }
}

@media(min-width:992px) {
    #service-section .service-section__cards {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    #service-section .service-section__cards>.kachel:last-child {
        grid-column: auto
    }
}

@media(min-width:768px) {
    .dealer-section__container {
        padding-left: 0;
        padding-right: 0
    }
}

.module--why-qore {
    padding-bottom: 0;
    padding-top: 0
}

.module--why-qore__sizer {
    height: 0
}

.module--why-qore__container {
    display: flex;
    flex-wrap: wrap;
    min-height: 100svh
}

.module--why-qore__scroller {
    display: flex;
    gap: 25vw;
    transform: translateZ(0)
}

@media(min-width:768px) {
    .module--why-qore__scroller {
        gap: 0
    }
}

.module--why-qore__item {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    position: relative;
    width: 200vw
}

@media(min-width:576px) {
    .module--why-qore__item {
        padding-left: 25vw;
        width: 120vw
    }
}

@media(min-width:768px) {
    .module--why-qore__item {
        padding-left: 100px;
        width: 100vw
    }
}

@media(min-width:992px) {
    .module--why-qore__item {
        padding-left: 100px;
        width: 90vw
    }
}

@media(min-width:1200px) {
    .module--why-qore__item {
        width: 70vw
    }
}

@media(min-width:1400px) {
    .module--why-qore__item {
        width: 60vw
    }
}

.module--why-qore__item video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.module--why-qore__item__image img,
.module--why-qore__item__text .h3,
.module--why-qore__item__text h3 {
    transform: translateZ(0);
    transition: transform .2s linear
}

.module--why-qore__item.module--why-qore__item--01 {
    width: 300vw
}

@media(min-width:576px) {
    .module--why-qore__item.module--why-qore__item--01 {
        width: 180vw
    }
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--01 {
        width: 120vw
    }
}

@media(min-width:992px) {
    .module--why-qore__item.module--why-qore__item--01 {
        width: 80vw
    }
}

.module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text {
    position: relative;
    width: 60vw;
    z-index: 1
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text {
        margin-top: -5%;
        width: 50%
    }
}

@media(min-width:1200px) {
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text {
        width: 38%
    }
}

@media(min-width:1400px) {
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text {
        width: 28%
    }
}

.module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text .h2 span,
.module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text h2 span,
.module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text p {
    position: relative;
    z-index: 1
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__text p {
        margin-right: 5rem
    }
}

.module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image {
    margin-top: 12vw;
    transform: translateX(-20px);
    width: 100%
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image {
        transform: translateX(-120px)
    }
}

@media(min-width:992px) {
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image {
        transform: translateX(-50px)
    }
}

@media(min-width:1400px) {
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image {
        width: 70%
    }
}

.module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image img,
.module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image video {
    aspect-ratio: 1/.7;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:767.98px) {

    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image img,
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image video {
        height: 75svh
    }
}

@media(min-width:768px) {

    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image img,
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image video {
        max-width: 110%;
        width: 110%
    }
}

@media(min-width:1400px) {

    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image img,
    .module--why-qore__item.module--why-qore__item--01 .module--why-qore__item__image video {
        max-width: 100%;
        transform: translateX(0);
        width: 100%
    }
}

.module--why-qore__item.module--why-qore__item--02 {
    margin-right: -50vw
}

@media(min-width:576px) {
    .module--why-qore__item.module--why-qore__item--02 {
        margin-right: 0
    }
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--02 {
        margin-right: -20vw
    }
}

.module--why-qore__item.module--why-qore__item--02 .module--why-qore__item__text {
    margin-top: 40%;
    width: 60%
}

.module--why-qore__item.module--why-qore__item--02 .module--why-qore__item__text .h3,
.module--why-qore__item.module--why-qore__item--02 .module--why-qore__item__text h3 {
    white-space: nowrap
}

.module--why-qore__item.module--why-qore__item--02 .module--why-qore__item__image {
    transform: translateX(20%);
    width: 50%
}

.module--why-qore__item.module--why-qore__item--02 .module--why-qore__item__image img {
    height: 75svh;
    max-width: none;
    width: auto
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--02 .module--why-qore__item__image img {
        height: auto;
        max-width: 100%;
        transform: translateX(0)
    }
}

.module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__image {
    margin-top: 20%;
    position: relative;
    width: 75%
}

.module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__image img {
    height: 75svh;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__image img {
        height: auto
    }
}

.module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__image img.module--why-qore__item--03--b {
    left: 0;
    position: absolute;
    top: 0
}

.module--why-qore__item.module--why-qore__item--03 .h3,
.module--why-qore__item.module--why-qore__item--03 h3 {
    text-shadow: 0 0 20px rgba(0, 0, 0, .33)
}

.module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__text {
    margin-bottom: 30%;
    position: absolute;
    right: -5%;
    width: 50%
}

@media(max-height:800px)and (max-width:375px) {
    .module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__text {
        margin-bottom: 10%
    }
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__text {
        margin-left: 0;
        right: 0
    }
}

@media(min-width:1200px) {
    .module--why-qore__item.module--why-qore__item--03 .module--why-qore__item__text {
        margin-bottom: 30%
    }
}

.module--why-qore__item.module--why-qore__item--04 .module--why-qore__item__text {
    margin-bottom: 50%;
    position: relative;
    width: 60%;
    z-index: 1
}

@media(max-height:800px)and (max-width:375px) {
    .module--why-qore__item.module--why-qore__item--04 .module--why-qore__item__text {
        margin-bottom: 20%
    }
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--04 .module--why-qore__item__text {
        margin-bottom: 35%
    }
}

.module--why-qore__item.module--why-qore__item--04 .module--why-qore__item__image {
    left: 20%;
    position: absolute
}

.module--why-qore__item.module--why-qore__item--05 .module--why-qore__item__text {
    margin-top: 40%;
    position: absolute;
    right: -10vw;
    width: 45%
}

@media(min-width:576px) {
    .module--why-qore__item.module--why-qore__item--05 .module--why-qore__item__text {
        right: -5%;
        width: 50%
    }
}

@media(min-width:768px) {
    .module--why-qore__item.module--why-qore__item--05 .module--why-qore__item__text {
        right: -10%
    }
}

@media(min-width:2000px) {
    .module--why-qore__item.module--why-qore__item--05 .module--why-qore__item__text {
        width: 60%
    }
}

.module--why-qore__item.module--why-qore__item--05 .module--why-qore__item__image {
    width: 70%
}

.module--why-qore__item__text {
    max-width: 90vw
}

@media(min-width:576px) {
    .module--why-qore__item__text {
        max-width: 100vw
    }
}

#warum-qore {
    position: relative
}

#warum-qore .scrollmagic-pin-spacer {
    margin-bottom: 0 !important
}

.module--app__image {
    margin-bottom: 3rem
}

@media(min-width:768px) {
    .module--app__image {
        margin-bottom: 0;
        margin-top: 10vh
    }
}

@media(min-width:992px) {
    .module--app__image {
        margin-left: -10%
    }
}

.module--app__glow {
    max-width: unset;
    pointer-events: none;
    position: absolute;
    transform: translate(-30%, -40%);
    width: 300%;
    z-index: 0
}

.module--app__appicons {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%
}

.module--app__appicons a {
    flex: 1 1 0%;
    max-width: 200px;
    min-width: 150px
}

.module--app__appicons svg {
    height: auto;
    width: 100%
}

@media(max-width:575.98px) {
    .module--app__appicons {
        gap: 1rem
    }

    .module--app__appicons a {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0
    }
}

#ebike-app {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 90svh
}

.module--dealer__img {
    height: 200%;
    left: -35%;
    max-width: unset;
    position: absolute;
    top: -50%;
    z-index: 1
}

.module--schulungen__img {
    bottom: 0;
    height: 160%;
    left: -18%;
    max-width: unset;
    position: absolute;
    z-index: 0
}

.page-schulung-row {
    justify-content: left;
    text-align: left
}

@media(min-width:576px) {
    .page-schulung-row__headline {
        justify-content: center
    }

    .page-schulung-row__text {
        font-size: 1.125rem;
        text-align: center
    }
}

.online-schulungen-wrapper__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media(min-width:768px) {
    .online-schulungen-wrapper__grid {
        display: flex
    }
}

.live-schulung-wrapper__headline {
    font-size: clamp(55px, 24vw, 180px)
}

@media(min-width:768px) {
    .live-schulung-wrapper__headline {
        font-size: clamp(95px, 10vw, 180px)
    }
}

.module--video .video {
    overflow: hidden;
    position: relative;
    width: 100%
}

.module--video .video video {
    aspect-ratio: 4/5;
    height: auto;
    max-height: 95lvh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:768px) {
    .module--video .video video {
        aspect-ratio: 16/9
    }
}

.module--video .video .video__button {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .2s ease
}

.module--video .video .video__button svg {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-40%, -45%);
    width: unset
}

.module--video .video.is-playing .video__button {
    opacity: 0
}

.imprint-page {
    background: #e1e1e1;
    color: #101010;
    min-height: 100vh
}

.imprint {
    font-size: 1.125rem;
    line-height: 1.6;
    padding: 0 clamp(1rem, 4vw, 2.5rem) clamp(2rem, 5vw, 3rem)
}

.imprint__lang-row {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
    padding: 1.5rem 0
}

.imprint__lang-switch {
    align-items: center;
    background: #d0d0d0;
    border-radius: 999px;
    display: inline-flex;
    gap: .25rem;
    padding: .25rem
}

.imprint__lang-btn {
    background: transparent;
    border: none;
    border-radius: 999px;
    color: #101010;
    cursor: pointer;
    font-weight: 700;
    padding: .35rem 1.25rem;
    transition: background .25s, color .25s
}

.imprint__lang-btn.is-active {
    background: #b50020;
    color: #fff
}

.imprint .h2,
.imprint h2,
.imprint__headline {
    font-family: shne_schmalbold_kursiv, HelveticaNeue, Arial, sans-serif;
    font-size: 2rem;
    font-style: italic;
    font-weight: 700;
    margin: 0 0 .75rem
}

.imprint p {
    margin: 0
}

.imprint__principles {
    border-left: 2px solid #000;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 1rem;
    padding-left: 2rem
}

.imprint__principles article {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    list-style: disc
}

.imprint__principles article .h3,
.imprint__principles article h3 {
    font-size: 2rem;
    margin: 0
}

.imprint__principles article p {
    margin: 0
}

.imprint__content {
    display: none
}

.imprint__content.is-active {
    display: flex
}

.legal-page {
    background: #e1e1e1;
    color: #101010;
    min-height: 100vh
}

.legal {
    font-size: 1.125rem;
    line-height: 1.6
}

.legal__lang-row {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
    padding: 1.5rem 0
}

.legal__lang-switch {
    --legal-lang-left: 0.25rem;
    --legal-lang-width: calc(50% - 0.25rem);
    align-items: stretch;
    background: #d0d0d0;
    border-radius: 999px;
    display: inline-flex;
    gap: 0;
    isolation: isolate;
    padding: .25rem;
    position: relative
}

.legal__lang-switch:before {
    background: #b50020;
    border-radius: inherit;
    bottom: .25rem;
    content: "";
    left: var(--legal-lang-left);
    position: absolute;
    top: .25rem;
    transition: left .25s ease, width .25s ease;
    width: var(--legal-lang-width);
    z-index: 0
}

.legal__lang-btn {
    background: transparent;
    border: none;
    border-radius: 999px;
    color: hsla(0, 0%, 6%, .6);
    cursor: pointer;
    font-weight: 700;
    padding: .45rem 1.25rem;
    position: relative;
    transition: color .2s ease;
    white-space: nowrap;
    z-index: 1
}

.legal__lang-btn:focus-visible {
    outline: 2px solid hsla(0, 0%, 6%, .3);
    outline-offset: 3px
}

.legal__lang-btn.is-active {
    color: #fff
}

.legal .h2,
.legal h2,
.legal__headline {
    font-family: shne_schmalbold_kursiv, HelveticaNeue, Arial, sans-serif;
    font-size: 2rem;
    font-style: italic;
    font-weight: 700;
    margin: 0 0 .75rem
}

.legal p {
    margin: 0
}

.legal__principles {
    border-left: 2px solid #000;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 1rem;
    padding-left: 2rem
}

.legal__principles article {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    list-style: disc
}

.legal__principles article .h3,
.legal__principles article h3 {
    font-size: 2rem;
    margin: 0
}

.legal__principles article p {
    margin: 0
}

.legal__content {
    display: none
}

.legal__content.is-active {
    display: flex
}

.legal p+p {
    margin-top: 1rem
}

.module--splited {
    align-items: flex-start;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    row-gap: 1.5rem
}

.module--splited .h5 {
    grid-column: 1/span 3;
    margin-bottom: 0
}

.module--splited .right {
    grid-column: 5/span 8
}

@media(max-width:767.98px) {
    .module--splited {
        grid-template-columns: 1fr
    }

    .module--splited .h5,
    .module--splited .right {
        grid-column: auto
    }
}

.module--splited__item {
    align-items: center;
    border-bottom: 1px solid #101010;
    display: flex;
    padding: 1.5rem;
    position: relative;
    width: 100%
}

.module--splited__item:first-child {
    border-top: 1px solid #101010
}

.contact-section {
    padding: clamp(3rem, 6vw, 5rem) 0
}

.contact-section__heading {
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem)
}

.contact-section__title {
    font-size: clamp(3rem, 6vw, 4.5rem);
    font-weight: 700;
    margin: 0
}

.contact-section__grid {
    display: grid;
    gap: 1rem
}

@media(min-width:768px) {
    .contact-section__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

.contact-card {
    background: hsla(0, 0%, 100%, .35);
    padding: clamp(1.25rem, 2vw, 1.75rem)
}

.contact-card .h5,
.contact-card h5 {
    margin-bottom: 1rem
}

.contact-card__link {
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    gap: .4rem;
    text-decoration: underline
}

.contact-card__link span {
    text-decoration: none
}

.contact-card__link:hover {
    color: #b50020 !important
}

.text-tiny {
    font-size: 1rem
}

.text-small {
    font-size: 1.125rem
}

@media(min-width:768px) {
    .text-large {
        font-size: 1.5rem
    }
}

.text-larger {
    font-size: 1.5rem
}

@media(min-width:768px) {
    .text-larger {
        font-size: 30px
    }
}

.nowrap {
    text-wrap: nowrap
}

.z-index-unset {
    z-index: unset !important
}

.z-index-2 {
    z-index: 2 !important
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-break: normal
}

.round-full {
    border-radius: 1000px
}

.flex {
    display: flex
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-1 {
    flex: 1 1 0%
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.items-end {
    align-items: end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.m-0 {
    margin: 0
}

.mb-075 {
    margin-bottom: .75rem
}

.p-0 {
    padding: 0
}

.p-y-7 {
    padding: 7rem 0
}

.p-y-5 {
    padding: 5rem 0
}

.p-b-5 {
    padding-bottom: 5rem
}

.p-t-5 {
    padding-top: 5rem
}

.p-t-1-5 {
    padding-top: 1.5rem
}

.gap-2 {
    gap: 2rem
}

.gap-1-5 {
    gap: 1.5rem
}

.gap-7 {
    gap: 7rem
}

.gap-5 {
    gap: 5rem
}

.link-arrow {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    margin-top: auto
}

.link-arrow svg {
    height: auto;
    transition: transform .25s;
    width: 1rem
}

.link-arrow:hover {
    color: #fff
}

.link-arrow:focus-visible svg,
.link-arrow:hover svg {
    transform: translateX(2px)
}

.download-arrow {
    align-items: center;
    display: inline-flex;
    gap: .35rem
}

.download-arrow svg {
    height: 1em;
    transition: transform .25s;
    width: auto
}

.download-arrow:focus-visible,
.download-arrow:hover {
    color: #b50020
}

.download-arrow:focus-visible svg,
.download-arrow:hover svg {
    transform: translateY(1px)
}

.service-section__cards .download-arrow:focus-visible,
.service-section__cards .download-arrow:hover {
    color: #fff
}

body.overlay-open {
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    width: 100%
}

body.overlay-open,
body.overlay-open .header {
    padding-right: var(--scrollbar-compensation, 0)
}

body.overlay-open-ios {
    overflow: hidden;
    overscroll-behavior: none
}

:root {
    --scrollbar-compensation: 0px
}

.eye-icon {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    hyphens: auto;
    margin-top: auto
}

.eye-icon svg {
    flex-shrink: 0;
    height: auto;
    transition: transform .25s;
    width: 1.25rem
}

.eye-icon:hover {
    color: #fff
}

.eye-icon:focus-visible svg,
.eye-icon:hover svg {
    transform: scale(1.1)
}

.link-underline {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    margin-top: auto
}

.link-underline svg {
    transition: transform .25s
}

.link-underline:hover {
    color: #b50020
}

.link-underline:focus-visible svg,
.link-underline:hover svg {
    transform: translateY(5px)
}

.legal-page .eye-icon:hover,
.legal-page .link-arrow:hover {
    color: #b50020
}

.legal-page .download-arrow:hover {
    color: #000
}

.font-xl {
    font-size: 1.875rem
}

.font-xs {
    font-size: 1rem
}

sup {
    font-size: 65%;
    left: .15rem;
    top: -.5em
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.w-full {
    width: 100%
}

.z-1 {
    z-index: 1
}

.bg-lightgray {
    background: #9e9e9e
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.translateX-50 {
    transform: translateX(-50%)
}

.bg-qoreblack {
    background-color: #101010
}

.color-lightgray {
    color: #9e9e9e
}

.kachel>img {
    aspect-ratio: 1/1;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.h-screen {
    height: 100vh;
    height: 100lvh
}

.text-left {
    text-align: left
}

.text-decoration-none {
    text-decoration: none
}

.translateY-25 {
    transform: translateY(25%)
}

.m-m-b-25 {
    margin-bottom: -.25em
}

.m-t-2 {
    margin-top: 2rem
}

.m-t-0-25 {
    margin-top: .25rem
}

.m-t-auto {
    margin-top: auto
}

.qore-font {
    font-family: shne_schmalbold_kursiv, HelveticaNeue, Arial, sans-serif;
    font-style: italic;
    font-weight: 700;
    margin: 0
}

.qore-font.m-t-2 {
    margin-top: 2rem
}

.qore-font.m-b-2 {
    margin-bottom: 2rem
}

.glow-bg {
    pointer-events: none;
    position: relative;
    z-index: -1
}

.glow-bg:before {
    background-image: url(../images/glow.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 300%;
    left: 40%;
    pointer-events: none;
    position: absolute;
    top: -120%;
    transform: translateX(-50%);
    width: 300%
}

.glow-bg.small-glow:before {
    height: 200%;
    left: 50%;
    top: -50%;
    width: 200%
}

ul.list-type-none li {
    list-style-type: none
}

.gap-0 {
    gap: 0 !important
}

.gap-0-25 {
    gap: .25rem
}

.overflow-hidden {
    overflow: hidden
}