/* 1. abstracts
variables */
:root {
    /* colors */
    --color--primary: #314b60;
    --color--light: #fff;
    --color--dark: #1e1e1e;
    --color--gray: #f8f8f8;
    --color--font-base: #1e1e1e;
    --color--line: #d8d8d8;
    --color--logo1: #ffd932;
    --color--logo2: #7a7a7a;

    /* typography */
    --font--base-family: Poppins;
    --font--headline-family: Poppins;
    --font--base-size: 16px;

    /* spacing */
    --spacing--xs: 0.75rem;
    --spacing--sm: 1.5rem;
    --spacing--md: 3rem;
    --spacing--lg: 6rem;
    --spacing--xl: 8rem;
    --spacing--xxl: 10rem;

    /* radius */
    --radius--sm: 0.5rem;
    --radius--md: 1rem;
    --radius--lg: 2rem;

    /* shadow */
    --shadow--sm: 0 0px 10px rgba(0, 0, 0, 0.1);
    --shadow--md: 0 0px 16px rgba(0, 0, 0, 0.175);
    --shadow--lg: 0 0px 30px rgba(0, 0, 0, 0.2);

    /* easing */
    --easing--in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --easing--in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --easing--out: cubic-bezier(0.075, 0.82, 0.165, 1);
}
/* @media (prefers-color-scheme: dark) {
        --color--primary: #7faed0;
        --color--light: #1f1f1f;
        --color--dark: #2b2b2b;
        --color--gray: #232323;
        --color--font-base: #f8f8f8;
        --color--line: #8e8e8e;
        --color--logo1: #ffd932;
        --color--logo2: #d9d9d9;
    } */
/* text-size*/
/* small */
/* base */
/* large */
/* headline-size*/
/* xs */
/* sm */
/* md */
/* lg */
/* xl */
/*globalclasses*/
:root .hidden {
        display: none;
    }
/* breakpoints with custom media, because css variables is not supportet in media queries */
/* 2. vendors */
/* 3. base */
html {
    font-size: 16px;
    font-size: var(--font--base-size);
    scroll-behavior: smooth;
    scroll-padding-top: 3rem;
    scroll-padding-top: var(--spacing--md);
}
body {
    max-width: 100vw;
    font-family: Poppins;
    font-family: var(--font--base-family);
    font-size: 16px;
    font-size: var(--font--base-size);
    font-weight: 300;
    color: #1e1e1e;
    color: var(--color--font-base);
    background: #fff;
    background: var(--color--light);
    overflow-x: hidden;
    overflow-y: scroll;
}
body.active {
        height: 100vh;
        overflow: hidden;
    }
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.neos-backend .neos-contentcollection > div {
            width: 100%;
        }
::-moz-selection {
    text-shadow: none;
    color: #fff;
    color: var(--color--light);
    background: #314b60;
    background: var(--color--primary);
}
::selection {
    text-shadow: none;
    color: #fff;
    color: var(--color--light);
    background: #314b60;
    background: var(--color--primary);
}
::-moz-selection {
    text-shadow: none;
    color: #fff;
    color: var(--color--light);
    background: #314b60;
    background: var(--color--primary);
}
/* poppins-300 - latin */
@font-face {
    font-style: normal;
    font-family: "Poppins";
    font-weight: 300;
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    src: url("../fonts/poppins-v20-latin-300.eot"); /* IE9 Compat Modes */
    src: url("../fonts/poppins-v20-latin-300.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/poppins-v20-latin-300.woff2")
            format("woff2"),
        /* Super Modern Browsers */ url("../fonts/poppins-v20-latin-300.woff")
            format("woff"),
        /* Modern Browsers */ url("../fonts/poppins-v20-latin-300.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/poppins-v20-latin-300.svg#Poppins") format("svg"); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
    font-style: normal;
    font-family: "Poppins";
    font-weight: 500;
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    src: url("../fonts/poppins-v20-latin-500.eot"); /* IE9 Compat Modes */
    src: url("../fonts/poppins-v20-latin-500.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/poppins-v20-latin-500.woff2")
            format("woff2"),
        /* Super Modern Browsers */ url("../fonts/poppins-v20-latin-500.woff")
            format("woff"),
        /* Modern Browsers */ url("../fonts/poppins-v20-latin-500.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/poppins-v20-latin-500.svg#Poppins") format("svg"); /* Legacy iOS */
}
/* poppins-700 - latin */
@font-face {
    font-style: normal;
    font-family: "Poppins";
    font-weight: 700;
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    src: url("../fonts/poppins-v20-latin-700.eot"); /* IE9 Compat Modes */
    src: url("../fonts/poppins-v20-latin-700.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/poppins-v20-latin-700.woff2")
            format("woff2"),
        /* Super Modern Browsers */ url("../fonts/poppins-v20-latin-700.woff")
            format("woff"),
        /* Modern Browsers */ url("../fonts/poppins-v20-latin-700.ttf")
            format("truetype"),
        /* Safari, Android, iOS */
            url("../fonts/poppins-v20-latin-700.svg#Poppins") format("svg"); /* Legacy iOS */
}
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
header,
main,
section,
aside,
footer {
    display: block;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}
a {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #314b60;
    color: var(--color--primary);
    background-color: transparent;
    outline: none;
}
b,
strong {
    font-weight: 400;
    color: #314b60;
    color: var(--color--primary);
}
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}
button,
input {
    /* 1 */
    overflow: visible;
}
button,
select {
    /* 1 */
    text-transform: none;
}
button {
    color: inherit;
    background-color: transparent;
    background-color: initial;
    border: none;
    cursor: pointer;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
/* 
fieldset {
    padding: 0.35em 0.75em 0.625em;
} */
legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    white-space: normal;
    color: inherit;
    padding: 0;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px; /* 2 */
    -webkit-appearance: textfield; /* 1 */
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit; /* 2 */
    -webkit-appearance: button; /* 1 */
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
/* 3. global */
/* background-colors */
.bg--primary {
    background: #314b60;
    background: var(--color--primary);
}
.bg--light {
    background: #fff;
    background: var(--color--light);
}
.bg--dark {
    background: #1e1e1e;
    background: var(--color--dark);
}
.bg--gray {
    background: #f8f8f8;
    background: var(--color--gray);
}
/* background-colors */
.fc--primary {
    color: #314b60;
    color: var(--color--primary);
}
.fc--secondary {
    color: var(--color--secondary);
}
.fc--third {
    color: var(--color--third);
}
.fc--light {
    color: #fff;
    color: var(--color--light);
}
.fc--dark {
    color: #1e1e1e;
    color: var(--color--dark);
}
.fc--font-base {
    color: #1e1e1e;
    color: var(--color--font-base);
}
.fc--font-headline {
    color: var(--color--font-headline);
}
.gdpr-cookieconsent-container {

    flex-direction: row !important;
}
.gdpr-cookieconsent-container {
    --cookieconsent-theme-color: var(--color--primary);
    --cookieconsent-overlay-color: rgba(0, 0, 0, 0.5);
    --cookieconsent-bg-color: white;

    --cookieconsent-button-secondary-text-color: var(--color--font-base);
    --cookieconsent-button-borderradius: 0;

    --cookieconsent-spacing: 1rem;
    --cookieconsent-width: 600px;

    --cookieconsent-focus-outline: transparent;
    --cookieconsent-focus-outline-offset: 0;
    justify-content: center;
    max-width: 100vw;
    max-height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
.gdpr-cookieconsent-container::before {
        display: none;
    }
.gdpr-cookieconsent-container.focus-visible {
        outline: transparent;
    }
.gdpr-cookieconsent-container:focus-visible {
        outline: transparent;
    }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings {
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        overflow-y: scroll;
        border-radius: 25px;
        transform: translate(-50%, -50%);
    }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .hidden {
            display: none !important;
        }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto 3fr 4fr;
            height: 100%;
            padding: 1.5rem;
            padding: calc(var(--spacing--sm));
            padding-top: 1.5rem;
            padding-top: var(--spacing--sm);
        }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__info {
                display: block;
                order: 1;
                font-family: Poppins;
                font-family: var(--font--base-family);
                -webkit-hyphens: auto;
                        hyphens: auto;
                padding-bottom: 1.5rem;
                padding-bottom: var(--spacing--sm);
                overflow: hidden;
            }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__info h2 {
                    font-size: var(--headline--lg);
                    color: #314b60;
                    color: var(--color--primary);
                    text-align: center;
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__info .gdpr-cookieconsent-settings__content__info__description {
                    display: block;
                    font-size: var(--text--base);
                    line-height: var(--text--base-height);
                    margin-bottom: 0.75rem;
                    margin-bottom: var(--spacing--xs);
                    overflow-y: scroll;
                    text-align: left;
                    -webkit-overflow-scrolling: touch;
                    grid-area: 1 / 1 / 2 / 2;
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__info .gdpr-cookieconsent-settings__content__info__description p {
                        -webkit-hyphens: auto;
                                hyphens: auto;
                        text-align: center;
                    }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__info .gdpr-cookieconsent-settings__content__info__description.gdpr-cookieconsent-settings__content__info__description--settings {
                        display: none;
                    }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__settings {
                order: 2;
                margin-top: 0;
                margin-bottom: 1.5rem;
                margin-bottom: var(--spacing--sm);
            }
/* grid-area: 2 / 1 / 3 / 2; */
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__settings .gdpr-cookieconsent-switch--group {
                    font-size: var(--headline--xs);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__settings .gdpr-cookieconsent-switch--group .gdpr-cookieconsent-switch--cookie {
                        font-size: var(--text--base);
                    }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cc-button {
                -webkit-hyphens: auto;
                        hyphens: auto;
                filter: brightness(1);
            }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta {
                margin: 0 !important;
            }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta {
                order: 3;
                height: auto;
                position: relative;
                padding-top: 1.5rem;
                padding-top: var(--spacing--sm);
                grid-area: 2 / 1 / 3 / 2;
            }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-accept {
                    font-weight: 300;
                    color: white;
                    padding: 1rem 2rem;
                    border: none;
                    border-radius: 30px;
                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.15s var(--easing--in-out);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-accept-necessary {
                    font-weight: 300;
                    -webkit-hyphens: auto;
                            hyphens: auto;
                    white-space: normal;
                    color: #1e1e1e;
                    color: var(--color--font-base);
                    background-color: #e5e5e5;
                    padding: 1rem 2rem;
                    border: none;
                    border-radius: 30px;
                    transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.35s var(--easing--in-out);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-individual-settings-enable {
                    opacity: 1;
                    font-weight: 300;
                    -webkit-text-decoration: underline;
                    text-decoration: underline;
                    color: #314b60;
                    color: var(--color--primary);
                    padding: 0;
                    margin-top: 3rem;
                    margin-top: var(--spacing--md);
                    border: none;
                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.15s var(--easing--in-out);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-save {
                    font-weight: 300;
                    color: white;
                    padding: 1rem 2rem;
                    border: none;
                    border-radius: 30px;
                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.15s var(--easing--in-out);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-individual-settings-disable {
                    font-weight: 300;
                    -webkit-hyphens: auto;
                            hyphens: auto;
                    white-space: normal;
                    color: #1e1e1e;
                    color: var(--color--font-base);
                    background-color: #e5e5e5;
                    padding: 1rem 2rem;
                    border: none;
                    border-radius: 30px;
                    transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.35s var(--easing--in-out);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__links {
                order: 4;
                bottom: 0;
                text-align: center;
                grid-area: 3 / 1 / 4 / 2;
            }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__links span {
                    font-weight: 300;
                    color: #314b60;
                    color: var(--color--primary);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__links a {
                    font-weight: 300;
                    color: #314b60;
                    color: var(--color--primary);
                    transition: color 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: color 0.35s var(--easing--in-out);
                }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__links a:hover {
                        opacity: 0.5;
                    }
.gdpr-cookieconsent-switch {
    --cookieconsent-switch-thumb-size: 1.25rem;
    /* --cookieconsent-switch-thumb-color: rgb(255 255 255); */
    /* --cookieconsent-switch-thumb-highlight-color: rgba(0 0 0 / 0.25); */
    --cookieconsent-switch-length: calc(var(--cookieconsent-switch-thumb-size)*2);
    --cookieconsent-switch-padding: 4px;
    --cookieconsent-switch-active-color: var(--cookieconsent-theme-color);
    --cookieconsent-switch-thumb-size-small: 1rem;
    --cookieconsent-switch-outline: var(--cookieconsent-focus-outline);
    --cookieconsent-switch-outline-offset: var(
        --cookieconsent-focus-outline-offset
    );
}
.text--xs {
    font-size: var(--text--xs);
    line-height: var(--text--xs-height);
}
.text--base {
    font-size: var(--text--base);
    line-height: var(--text--base-height);
}
.text--xl {
    font-size: var(--text--xl);
    line-height: var(--text--xl-height);
}
.headline--xs {
    font-size: var(--headline--xs);
    line-height: var(--headline--xs-height);
}
.headline--sm {
    font-size: var(--headline--sm);
    line-height: var(--headline--sm-height);
}
.headline--md {
    font-size: var(--headline--md);
    line-height: var(--headline--md-height);
}
.headline--lg {
    font-size: var(--headline--lg);
    line-height: var(--headline--lg-height);
}
.headline--xl {
    font-size: var(--headline--xl);
    line-height: var(--headline--xl-height);
}
/* margin disable */
.margin-top--disable {
    margin-top: 0 !important;
}
.margin-bottom--disable {
    margin-bottom: 0 !important;
}
/* margin xs */
.margin-top--xs {
    margin-top: 0.75rem !important;
    margin-top: var(--spacing--xs) !important;
}
.margin-bottom--xs {
    margin-bottom: 0.75rem !important;
    margin-bottom: var(--spacing--xs) !important;
}
/* margin sm */
.margin-top--sm {
    margin-top: 1.5rem !important;
    margin-top: var(--spacing--sm) !important;
}
.margin-bottom--sm {
    margin-bottom: 1.5rem !important;
    margin-bottom: var(--spacing--sm) !important;
}
/* margin md */
.margin-top--md {
    margin-top: 3rem !important;
    margin-top: var(--spacing--md) !important;
}
.margin-bottom--md {
    margin-bottom: 3rem !important;
    margin-bottom: var(--spacing--md) !important;
}
/* margin lg */
.margin-top--lg {
    margin-top: 6rem !important;
    margin-top: var(--spacing--lg) !important;
}
.margin-bottom--lg {
    margin-bottom: 6rem !important;
    margin-bottom: var(--spacing--lg) !important;
}
/* margin xl */
.margin-top--xl {
    margin-top: 8rem !important;
    margin-top: var(--spacing--xl) !important;
}
.margin-bottom--xl {
    margin-bottom: 8rem !important;
    margin-bottom: var(--spacing--xl) !important;
}
/* margin xxl */
.margin-top--xxl {
    margin-top: 10rem !important;
    margin-top: var(--spacing--xxl) !important;
}
.margin-bottom--xxl {
    margin-bottom: 10rem !important;
    margin-bottom: var(--spacing--xxl) !important;
}
/* Padding disable */
.padding-top--disable {
    padding-top: 0 !important;
}
.padding-bottom--disable {
    padding-bottom: 0 !important;
}
/* Padding xs */
.padding-top--xs {
    padding-top: 0.75rem !important;
    padding-top: var(--spacing--xs) !important;
}
.padding-bottom--xs {
    padding-bottom: 0.75rem !important;
    padding-bottom: var(--spacing--xs) !important;
}
/* Padding sm */
.padding-top--sm {
    padding-top: 1.5rem !important;
    padding-top: var(--spacing--sm) !important;
}
.padding-bottom--sm {
    padding-bottom: 1.5rem !important;
    padding-bottom: var(--spacing--sm) !important;
}
/* Padding md */
.padding-top--md {
    padding-top: 3rem !important;
    padding-top: var(--spacing--md) !important;
}
.padding-bottom--md {
    padding-bottom: 3rem !important;
    padding-bottom: var(--spacing--md) !important;
}
/* Padding lg */
.padding-top--lg {
    padding-top: 6rem !important;
    padding-top: var(--spacing--lg) !important;
}
.padding-bottom--lg {
    padding-bottom: 6rem !important;
    padding-bottom: var(--spacing--lg) !important;
}
/* Padding xl */
.padding-top--xl {
    padding-top: 8rem !important;
    padding-top: var(--spacing--xl) !important;
}
.padding-bottom--xl {
    padding-bottom: 8rem !important;
    padding-bottom: var(--spacing--xl) !important;
}
/* Padding xxl */
.padding-top--xxl {
    padding-top: 10rem !important;
    padding-top: var(--spacing--xxl) !important;
}
.padding-bottom--xxl {
    padding-bottom: 10rem !important;
    padding-bottom: var(--spacing--xxl) !important;
}
/* 4. themes */
/* body.theme--light {

} */
/* 5. components */
div.accordion--item {
    display: block;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    background: var(--color--light);
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing--sm);
    overflow: hidden;
    border: 1px solid #d8d8d8;
    border: 1px solid var(--color--line);
    border-radius: 1rem;
    border-radius: var(--radius--md);
    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.15s var(--easing--in-out);
}
div.accordion--item button {
        width: 100%;
        position: relative;
        font-size: var(--text--base);
        line-height: var(--text--base-height);
        font-weight: 300;
        color: #314b60;
        color: var(--color--primary);
        padding: 1.5rem 3rem 1.5rem
            1.5rem;
        padding: var(--spacing--sm) var(--spacing--md) var(--spacing--sm)
            var(--spacing--sm);
        text-align: left;
    }
div.accordion--item button div.icon {
            width: 1rem;
            height: 1rem;
            position: absolute;
            top: 50%;
            right: 1.5rem;
            right: var(--spacing--sm);
            transform: translateY(-50%);
        }
div.accordion--item button div.icon span {
                display: block;
                width: 100%;
                height: 2px;
                position: absolute;
                top: 50%;
                background: #1e1e1e;
                background: var(--color--font-base);
                border-radius: 10px;
                transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: all 0.35s var(--easing--in-out);
            }
div.accordion--item button div.icon span:first-child {
                    transform: translateY(-50%) rotate(-90deg);
                }
div.accordion--item button div.icon span:last-child {
                    transform: translateY(-50%);
                }
div.accordion--item div.container {
        width: 100%;
        height: 0;
        background: #f8f8f8;
        background: var(--color--gray);
        padding: 0 1.5rem;
        padding: 0 var(--spacing--sm);
        overflow: hidden;
        border-radius: 1rem 1rem 0 0;
        border-radius: var(--radius--md) var(--radius--md) 0 0;
    }
div.accordion--item div.container .keypoints {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
div.accordion--item div.container .keypoints p {
                width: -moz-fit-content;
                width: fit-content;
                padding-bottom: 0.75rem;
                padding-bottom: var(--spacing--xs);
                margin-bottom: 0.75rem;
                margin-bottom: var(--spacing--xs);
                border-right: none;
                border-bottom: 1px solid #d8d8d8;
                border-bottom: 1px solid var(--color--line);
            }
div.accordion--item div.container .keypoints p:last-child {
                    margin-bottom: 0;
                    border: none;
                }
div.accordion--item div.container .contact {
            display: flex;
            flex-direction: column;
            align-content: stretch;
            width: 100%;
            margin: 1.5rem 0;
            margin: var(--spacing--sm) 0;
            margin-bottom: 1.5rem;
            margin-bottom: var(--spacing--sm);
            gap: 1.5rem;
            gap: var(--spacing--sm);
        }
div.accordion--item div.container .contact a {
                -webkit-text-decoration: none !important;
                text-decoration: none !important;
            }
div.accordion--item div.container .contact a {
                opacity: 100;
            }
div.accordion--item div.container .contact .phone {
                width: 100%;
                padding: 1.5rem;
                padding: var(--spacing--sm);
                border: 1px solid #d8d8d8;
                border: 1px solid var(--color--line);
                border-radius: 0.5rem;
                border-radius: var(--radius--sm);
                transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: all 0.15s var(--easing--in-out);
            }
div.accordion--item div.container .contact .mail {
                width: 100%;
                padding: 1.5rem;
                padding: var(--spacing--sm);
                border: 1px solid #d8d8d8;
                border: 1px solid var(--color--line);
                border-radius: 0.5rem;
                border-radius: var(--radius--sm);
                transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: all 0.25s var(--easing--in-out);
            }
div.accordion--item.active {
        border: 1px solid #314b60;
        border: 1px solid var(--color--primary);
    }
div.accordion--item.active button {
            color: #314b60;
            color: var(--color--primary);
        }
div.accordion--item.active button div.icon span:first-child {
                    transform: translateY(-50%) rotate(0deg);
                }
div.accordion--item.active button div.icon span {
                    background: #314b60;
                    background: var(--color--primary);
                }
div.accordion--item.active div.container {
            height: -moz-fit-content;
            height: fit-content;
        }
div.backend--notice {
    background: orangered;
    color: #fff;
    color: var(--color--light);
    border-radius: 1rem;
    border-radius: var(--radius--md);
    padding: 1rem;
    margin: 1rem;
}
button {
    display: flex;
    width: 100%;
}
button.centered {
        justify-content: center;
    }
button.left {
        justify-content: left;
    }
button.right {
        justify-content: right;
    }
button a.button {
        display: inline-block;
        opacity: 1;
        font-size: var(--text--base);
        line-height: var(--text--base-height);
        font-weight: 300;
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: all 0.15s var(--easing--in-out);
    }
button a.button.round {
            font-weight: 300;
            color: #1e1e1e;
            color: var(--color--font-base);
            padding: 1rem 2rem;
            border: 1px solid #1e1e1e;
            border: 1px solid var(--color--font-base);
            border-radius: 30px;
            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: all 0.15s var(--easing--in-out);
        }
button a.button.arrow {
            position: relative;
            color: #1e1e1e;
            color: var(--color--font-base);
            padding: 4px 0;
            border-bottom: 1px solid #d8d8d8;
            border-bottom: 1px solid var(--color--line);
        }
button a.button.arrow:after {
                content: "";
                opacity: 1;
                width: 0%;
                height: 1px;
                position: absolute;
                bottom: -1px;

                left: 0;
                border-bottom: 1px solid #1e1e1e;
                border-bottom: 1px solid var(--color--font-base);
                transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: all 0.5s var(--easing--in-out);
            }
button a.button.arrow:before {
                content: url("/_Resources/Static/Packages/LC.Site/Images/arrow-tip.svg");
                display: block;
                opacity: 0;
                width: 10px;
                height: 10px;
                position: absolute;
                top: 22px;
                right: -13px;
                transition-delay: 0s;
            }
div.headline {
    display: block;
    width: 100%;
    font-family: Poppins;
    font-family: var(--font--base-family);
}
div.headline span {
        display: block;
        width: 100%;
    }
div.headline h1,
    div.headline h2,
    div.headline h3,
    div.headline h4,
    div.headline h5,
    div.headline h6 {
        display: block;
        width: 100%;
        font-weight: 400;
        -webkit-hyphens: none;
                hyphens: none;
    }
div.headline h1 strong, div.headline h2 strong, div.headline h3 strong, div.headline h4 strong, div.headline h5 strong, div.headline h6 strong {
            font-weight: 700;
        }
div.headline u {
        display: inline-block;
        -webkit-text-decoration: none;
        text-decoration: none;
        color: #1e1e1e;
        color: var(--color--font-base);
        background: #314b60;
        background: var(--color--primary);
        padding: 0.25rem 0.75rem;
        border-radius: 100px;
    }
div.lead {
    font-weight: 300;
}
figcaption.figcaption {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0 1.25rem;
    color: var(--color--secondary);
}
div.paragraph {
    display: block;
    width: 100%;
    -webkit-hyphens: auto;
            hyphens: auto;
    gap: 2rem;
    -moz-columns: 1;
         columns: 1;
}
div.paragraph.text--xl {
        -webkit-hyphens: none;
                hyphens: none;
    }
div.paragraph p strong {
            font-weight: 500;
        }
div.paragraph strong {
        font-weight: 600;
    }
div.paragraph li {
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
             break-inside: avoid;
    }
div.paragraph ul {
        list-style-type: square;
        margin-left: calc(3rem - 15px);
        margin-left: calc(var(--spacing--md) - 15px);
    }
div.paragraph ul li {
            padding: 0.25rem 0;
        }
div.paragraph ol {
        list-style-type: none;
        display: block;
        counter-reset: list-number;
    }
div.paragraph ol li {
            display: block;
            align-items: center;
            position: relative;
            padding: 0.5rem 0;
            padding-left: 2rem;
            counter-increment: list-number;
        }
div.paragraph ol li::before {
                content: counter(list-number);
                display: flex;
                justify-content: center;
                align-items: center;
                width: 25px;
                height: 25px;
                position: absolute;
                top: 9px;
                left: 0;
                font-weight: 900;
                color: #1e1e1e;
                color: var(--color--font-base);
                background-color: #314b60;
                background-color: var(--color--primary);
                border-radius: 50px;
                aspect-ratio: 1 / 1;
            }
/* FOR BACKEND */
div.paragraph .ck-content .table {
            display: inline !important;
        }
/* FOR BACKEND */
div.paragraph table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
    }
div.paragraph table strong {
            white-space: nowrap;
        }
div.paragraph table thead tr {
                border-bottom: 1px solid #1e1e1e;
                border-bottom: 1px solid var(--color--font-base);
            }
div.paragraph table thead tr th {
                    opacity: 0.7;
                    font-weight: 400;
                    padding: 7px 0;
                }
div.paragraph table tbody td {
                vertical-align: top;
            }
div.paragraph table tbody tr {
                border-bottom: 1px solid #1e1e1e;
                border-bottom: 1px solid var(--color--font-base);
            }
div.paragraph table tbody tr td {
                    font-weight: 900;
                    padding: 0.1rem 0;
                }
.tab-list-item {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 0;
    padding: var(--spacing--xs) 0;
    border-top: 1px solid #d8d8d8;
    border-top: 1px solid var(--color--line);
}
.tab-list-item .headline {
        display: block;
        color: #314b60;
        color: var(--color--primary);
    }
.tab-list-item .headline h3 {
            font-size: var(--headline--xs);
        }
.tab-list-item .paragraph {
        display: block;
        font-weight: 300;
    }
.tab-list-item .paragraph p {
            font-weight: 300;
        }
.popup-blur {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 1000000;
    background: rgba(0, 0, 0, 0.8);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
}
.popup-blur.active {
        display: flex;
        flex-direction: column;
    }
.popup-header .count {
        position: fixed;
        top: 10px;
        color: #314b60;
        color: var(--color--primary);
    }
.img-popup {
    display: none;
    position: absolute;
}
.img-popup .popup-content {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 50%;
    }
.img-popup .popup-content .prev-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 50px;
            height: 50px;
            position: fixed;
            bottom: 20%;
            left: 2rem;
            background: #314b60;
            background: var(--color--primary);
            border-radius: 100px;
            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: all 0.15s var(--easing--in-out);
            touch-action: manipulation;
        }
.img-popup .popup-content .prev-btn svg {
                width: auto;
                height: 60%;
                margin-right: 5px;
                transform: rotate(180deg);
            }
.img-popup .popup-content .prev-btn svg path {
                    stroke: #1e1e1e;
                    stroke: var(--color--font-base);
                }
.img-popup .popup-content img {
            width: auto;
            max-width: 100vw;
            height: auto;
            max-height: 80vh;
            border-radius: 0;
        }
.img-popup .popup-content .next-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 50px;
            height: 50px;
            position: fixed;
            bottom: 20%;
            right: 2rem;
            background: #314b60;
            background: var(--color--primary);
            border-radius: 100px;
            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: all 0.15s var(--easing--in-out);
            touch-action: manipulation;
        }
.img-popup .popup-content .next-btn svg {
                width: auto;
                height: 60%;
                margin-left: 5px;
            }
.img-popup .popup-content .next-btn svg path {
                    stroke: #1e1e1e;
                    stroke: var(--color--font-base);
                }
.img-popup.active {
        display: flex;
        z-index: 100000000;
    }
.gallery-image {
    width: 100%;
    height: auto;
    overflow: hidden;
    cursor: zoom-in;
    transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.25s var(--easing--in-out);
    aspect-ratio: 1 / 1;
}
.gallery-image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
.close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    background-color: var(--color--third);
    margin-top: 1rem;
    border-radius: 100px;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.35s var(--easing--in-out);
}
.close-btn div.bar {
        width: 16px;
        height: 3px;
        background-color: white;
        border-radius: 10px;
        pointer-events: none;
    }
.close-btn div.bar:first-child {
            transform: translateX(8px) rotate(45deg);
        }
.close-btn div.bar:last-child {
            transform: translateX(-8px) rotate(-45deg);
        }
.tab-item {
    display: none;
    opacity: 0;
    transition: all 0.65s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.65s var(--easing--in-out);
}
.tab-item.active {
        display: block;
        opacity: 1;
    }
nav.tablabels {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    background: #f8f8f8;
    background: var(--color--gray);
    padding: 5px;
    border-radius: 10px;
}
nav.tablabels button {
        display: block;
        min-width: 49%;
        min-height: 100%;
        padding: 1.5rem;
        padding: var(--spacing--sm);
        border-radius: 8px;
        text-align: center;
    }
nav.tablabels button.active {
            background: #fff;
            background: var(--color--light);
        }
div.accordion {
    display: block;
    width: 100%;
    min-height: 60px;

}
figure.media {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1.25rem;
}
.tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 1.5rem;
    padding: var(--spacing--sm);
    border: 1px solid #d8d8d8;
    border: 1px solid var(--color--line);
    border-radius: 2rem;
    border-radius: var(--radius--lg);
}
.tile .headline h3 {
            font-size: var(--headline--xs);
            line-height: var(--headline--lg-height);
            font-weight: 400;
            color: #314b60;
            color: var(--color--primary);
        }
.tile .paragraph {
        font-weight: 300;
    }
.tile .paragraph.text--xs td {
                font-size: var(--text--xs);
            }
.tile .paragraph.text--base td {
                font-size: var(--text--base);
            }
.tile .paragraph.text--xl td {
                font-size: var(--text--xl);
            }
.tile .paragraph table tr {
                border: none;
            }
.tile .paragraph table tr td {
                    font-weight: 300;
                    padding-right: 1.5rem;
                    padding-right: var(--spacing--sm);
                }
.tile .paragraph table tr td strong {
                        font-weight: 500;
                    }
.tile .paragraph table tr td a {
                        font-weight: 300;
                    }
.fact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    background: #fff;
    background: var(--color--light);
    padding: 1.5rem;
    padding: var(--spacing--sm);
    overflow: hidden;
    border-radius: 25px;
}
.fact svg {
        opacity: 0.5;
        width: 250px;
        position: absolute;
        bottom: -50px;
        left: 60%;
    }
.fact svg .st0 {
            fill: #314b60;
            fill: var(--color--primary);
        }
.fact .number {
        font-size: var(--headline--lg);
        line-height: var(--headline--sm-height);
        font-weight: 600;
        color: #314b60;
        color: var(--color--primary);
    }
.fact .headline {
    }
.fact .underline {
        max-width: 60%;
    }
.tile-person {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    max-width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 0.75rem;
    margin-bottom: var(--spacing--xs);
    border: 1px solid #d8d8d8;
    border: 1px solid var(--color--line);
    border-radius: 2rem;
    border-radius: var(--radius--lg);
    transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.35s var(--easing--in-out);
}
.tile-person:last-child {
        margin-bottom: 0;
    }
/* .media-content {
        width: 100%;
        height: 100%;
        position: relative;
        grid-area: 1 / 2 / 2 / 3;

        @media (--media--md) {
            left: 50%;
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            transform: translateX(-50%);
            grid-area: 1 / 2 / 2 / 3;
        }

        .frame {
            display: block;
            width: 100%;
            height: 140%;
            position: absolute;
            bottom: 0;

            @media (--media--md) {
                height: 120%;
            }

            img {
                width: 100%;
                height: 100%;
                filter: grayscale(100%);
                object-fit: cover;
                object-position: center top;
                transition: all 0.35s var(--easing--in-out);
            }
        }
    } */
.tile-person .text-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
        height: 100%;
        -webkit-hyphens: none;
                hyphens: none;
        background: none;
        padding: 1.5rem;
        padding: var(--spacing--sm);
        margin-left: 0;
    }
.tile-person .text-content .headline h5 {
                font-size: var(--headline--sm);
                line-height: var(--headline--lg-height);
                font-weight: 400;
                color: #314b60;
                color: var(--color--primary);
            }
.tile-person .text-content p {
            -webkit-hyphens: none;
                    hyphens: none;
        }
.tile-person .text-content .paragraph {
            font-weight: 300;
        }
.tile-person .text-content .paragraph.text--xs td {
                    font-size: var(--text--xs);
                }
.tile-person .text-content .paragraph.text--base td {
                    font-size: var(--text--base);
                }
.tile-person .text-content .paragraph.text--xl td {
                    font-size: var(--text--xl);
                }
.tile-person .text-content .paragraph table tr {
                    border: none;
                }
.tile-person .text-content .paragraph table tr td {
                        font-weight: 300;
                        -webkit-hyphens: none;
                                hyphens: none;
                        padding-right: 1.5rem;
                        padding-right: var(--spacing--sm);
                    }
.tile-person .text-content .paragraph table tr td strong {
                            font-weight: 500;
                        }
.tile-person .text-content .paragraph table tr td a {
                            font-weight: 300;
                        }
.tile-person .text-content .pop-up {
            display: none;
            width: 100vw;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10000000;
            background: rgba(0, 0, 0, 0.5);
            -webkit-backdrop-filter: blur(10px);
                    backdrop-filter: blur(10px);
        }
.tile-person .text-content .pop-up .qr-code-container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                position: absolute;
                top: 50%;
                left: 50%;
                background: #f8f8f8;
                background: var(--color--gray);
                border-radius: 25px;
                transform: translate(-50%, -50%);
            }
.tile-person .text-content .pop-up .qr-code-container button.close {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 50px;
                    height: 50px;
                    background: white;
                    margin-bottom: 3rem;
                    margin-bottom: var(--spacing--md);
                    border: 1px solid #1e1e1e;
                    border: 1px solid var(--color--font-base);
                    border-radius: 100px;
                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.15s var(--easing--in-out);
                }
.tile-person .text-content .pop-up .qr-code-container button.close svg {
                        width: 25px;
                        height: 25px;
                    }
.tile-person .text-content .pop-up .qr-code-container button.close svg line.st0 {
                            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                            transition: all 0.15s var(--easing--in-out);
                            stroke: #314b60;
                            stroke: var(--color--primary);
                            stroke-width: 5px;
                        }
.tile-person .text-content .pop-up .qr-code-container #canvas {
                    width: 350px;
                    height: 350px;
                }
.tile-person .text-content .pop-up .qr-code-container #canvas #qrcode {
                        background: white;
                        margin: 3rem;
                        margin: var(--spacing--md);
                        border: 1px solid #d8d8d8;
                        border: 1px solid var(--color--line);
                        border-radius: 10px;
                    }
.tile-person .text-content .pop-up .qr-code-container #canvas #qrcode svg {
                            width: 100%;
                            height: 100%;
                            padding: 1.5rem;
                            padding: var(--spacing--sm);
                        }
.tile-person .text-content .pop-up .qr-code-container #canvas #qrcode svg path {
                                fill: #314b60;
                                fill: var(--color--primary);
                            }
.hero-banner {
    display: flex;
    align-items: center;
    width: 100vw;
    z-index: 1;
    padding-top: 3rem;
    padding-top: var(--spacing--md);
    margin-top: 94px;
    text-align: right;
}
.hero-banner .hero-media {
        width: 100%;
        height: 40vh;
        position: relative;
        grid-area: space;
    }
.hero-banner .hero-media img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.hero-banner .hero-content {
        width: 100%;
        position: relative;
        z-index: 1;
        color: #1e1e1e;
        color: var(--color--font-base);
        padding: 3rem 0;
        padding: var(--spacing--md) 0;
        margin-bottom: 3rem;
        margin-bottom: var(--spacing--md);
        grid-column: large;
        text-align: left;
        grid-column: large-start / large-end;
    }
.hero-banner .hero-content p {
            -webkit-hyphens: none;
                    hyphens: none;
        }
.hero-banner .hero-content .lead {
            font-weight: 300;
            padding-top: 0;
        }
.hero-banner .hero-content .headline h1 {
                font-weight: 700;
                -webkit-hyphens: none;
                        hyphens: none;
                color: #314b60;
                color: var(--color--primary);
            }
.hero-banner .hero-content .text {
            font-weight: 300;
        }
.textmedia {
    display: flex;
    align-items: center;
    z-index: 1;
    text-align: right;
}
.textmedia.slim .media-content {
            grid-column: space-start / space-end;
        }
.textmedia .media-content {
        width: 100%;
        height: 500px;
        z-index: 0;
        overflow: hidden;
        grid-column: space-start / space-end;
    }
.textmedia .media-content img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.textmedia .text-content {
        width: 100%;
        position: relative;
        z-index: 1;
        color: #1e1e1e;
        color: var(--color--font-base);
        padding: 8rem 0;
        padding: var(--spacing--xl) 0;
        grid-column: large;
        text-align: left;
        grid-column: page-start / page-end;
    }
.textmedia .text-content .lead {
            font-weight: 300;
        }
.textmedia .text-content .headline {
            font-weight: 600;
        }
.textmedia .text-content .text {
            font-weight: 300;
        }
.textmaps {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
}
.textmaps .text-content-maps {
        grid-area: 1 / 1 / 2 / 2;
        justify-self: center;
        align-self: center;
    }
.textmaps .media-content {
        display: flex;
        flex-direction: column;
        position: relative;
        grid-area: 2 / 1 / 3 / 2;
    }
.textmaps .media-content .maps {
            overflow: hidden;
            border-radius: 25px;
        }
.textmaps .media-content .adress {
            width: -moz-fit-content;
            width: fit-content;
            background-color: #314b60;
            background-color: var(--color--primary);
            padding: 1.5rem;
            padding: var(--spacing--sm);
            border-radius: 25px;
            align-self: center;
        }
:root {
    --alle: var(--color--font-base);
    --herren1: #7dc4c2;
    --herren60: #6988a1;
    --damen1: #f49c56;
    --damen30: #ed7095;
    --damen40: #9b407a;
}
.filterbuttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 100%;
    z-index: 1000;
    margin-bottom: 1.5rem;
    margin-bottom: var(--spacing--sm);
}
.filterbuttons .button {
        display: inline-block;
        justify-content: center;
        align-items: center;
        width: auto;
        color: #fff;
        color: var(--color--light);
        background-color: white;
        padding: 0.25rem 0.75rem;
        margin-right: 0.25rem;
        margin-bottom: 0.25rem;
        border: 2px solid;
        border-radius: 20px;
        cursor: pointer;
    }
.filterbuttons .button.alle.active {
                color: #1e1e1e;
                color: var(--alle);
                background-color: white;
                border: 2px solid #1e1e1e;
                border: 2px solid var(--alle);
                pointer-events: none;
            }
.filterbuttons .button.herren1.active {
                color: #7dc4c2;
                color: var(--herren1);
                background-color: white;
                border: 2px solid #7dc4c2;
                border: 2px solid var(--herren1);
                pointer-events: none;
            }
.filterbuttons .button.herren60.active {
                color: #6988a1;
                color: var(--herren60);
                background-color: white;
                border: 2px solid #6988a1;
                border: 2px solid var(--herren60);
                pointer-events: none;
            }
.filterbuttons .button.damen1.active {
                color: #f49c56;
                color: var(--damen1);
                background-color: white;
                border: 2px solid #f49c56;
                border: 2px solid var(--damen1);
                pointer-events: none;
            }
.filterbuttons .button.damen30.active {
                color: #ed7095;
                color: var(--damen30);
                background-color: white;
                border: 2px solid #ed7095;
                border: 2px solid var(--damen30);
                pointer-events: none;
            }
.filterbuttons .button.damen40.active {
                color: #9b407a;
                color: var(--damen40);
                background-color: white;
                border: 2px solid #9b407a;
                border: 2px solid var(--damen40);
                pointer-events: none;
            }
.filterbuttons .button.alle {
            background-color: #1e1e1e;
            background-color: var(--alle);
        }
.filterbuttons .button.herren1 {
            background-color: #7dc4c2;
            background-color: var(--herren1);
        }
.filterbuttons .button.herren60 {
            background-color: #6988a1;
            background-color: var(--herren60);
        }
.filterbuttons .button.damen1 {
            background-color: #f49c56;
            background-color: var(--damen1);
        }
.filterbuttons .button.damen30 {
            background-color: #ed7095;
            background-color: var(--damen30);
        }
.filterbuttons .button.damen40 {
            background-color: #9b407a;
            background-color: var(--damen40);
        }
ul.match-list {
    max-width: 100%;
}
ul.match-list li.heading {
        display: none;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-row-gap: 10px;
        align-items: center;
        padding: 0.5rem 0;
    }
ul.match-list li.heading .text {
            opacity: 0.7;
        }
ul.match-list .table-item {
        margin-bottom: 0.75rem;
        margin-bottom: var(--spacing--xs);
        overflow: hidden;
        border-radius: 25px;
        box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
        box-shadow: var(--shadow--sm);
    }
ul.match-list .table-item div.icon {
            width: 0.75rem;
            height: 0.75rem;
            position: absolute;
            top: 50%;
            right: 1.25rem;
            transform: translateY(-50%);
        }
ul.match-list .table-item div.icon span {
                display: block;
                width: 100%;
                height: 3px;
                position: absolute;
                top: 50%;
                background: #1e1e1e;
                background: var(--color--font-base);
                border-radius: 10px;
                transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: all 0.35s var(--easing--in-out);
            }
ul.match-list .table-item div.icon span:first-child {
                    transform: translateY(-50%) rotate(-90deg);
                }
ul.match-list .table-item div.icon span:last-child {
                    transform: translateY(-50%);
                }
ul.match-list .table-item.active .match {
                display: grid;
            }
ul.match-list .table-item.active div.icon span:first-child {
                    transform: translateY(-50%) rotate(0deg);
                }
ul.match-list .table-item .mobile-heading {
            display: flex;
            flex-direction: column;
            justify-content: left;
            align-items: left;
            position: relative;
            background: #1e1e1e;
            background: var(--color--dark);
            padding: 1rem;
            padding-left: 3rem;
        }
ul.match-list .table-item .mobile-heading:before {
                content: ;
            }
ul.match-list .table-item .mobile-heading .date {
                width: -moz-fit-content;
                width: fit-content;
                font-weight: 900;
            }
ul.match-list .table-item .mobile-heading .team1 {
                width: -moz-fit-content;
                width: fit-content;
                text-align: left;
            }
ul.match-list .table-item .mobile-heading.herren1:before {
                    content: "";
                    display: inline-block;
                    min-width: 25px;
                    max-height: 25px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    background-color: #7dc4c2;
                    background-color: var(--herren1);
                    margin-right: 10px;
                    margin-bottom: 6px;
                    border-radius: 30px;
                    transform: translate(50%, -50%);
                    aspect-ratio: 1 / 1;
                }
ul.match-list .table-item .mobile-heading.herren60::before {
                    content: "";
                    display: inline-block;
                    min-width: 25px;
                    max-height: 25px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    background-color: #6988a1;
                    background-color: var(--herren60);
                    margin-right: 10px;
                    margin-bottom: 6px;
                    border-radius: 30px;
                    transform: translate(50%, -50%);
                    aspect-ratio: 1 / 1;
                }
ul.match-list .table-item .mobile-heading.damen1::before {
                    content: "";
                    display: inline-block;
                    min-width: 25px;
                    max-height: 25px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    background-color: #f49c56;
                    background-color: var(--damen1);
                    margin-right: 10px;
                    margin-bottom: 6px;
                    border-radius: 30px;
                    transform: translate(50%, -50%);
                    aspect-ratio: 1 / 1;
                }
ul.match-list .table-item .mobile-heading.damen30::before {
                    content: "";
                    display: inline-block;
                    min-width: 25px;
                    max-height: 25px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    background-color: #ed7095;
                    background-color: var(--damen30);
                    margin-right: 10px;
                    margin-bottom: 6px;
                    border-radius: 30px;
                    transform: translate(50%, -50%);
                    aspect-ratio: 1 / 1;
                }
ul.match-list .table-item .mobile-heading.damen40::before {
                    content: "";
                    display: inline-block;
                    min-width: 25px;
                    max-height: 25px;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    background-color: #9b407a;
                    background-color: var(--damen40);
                    margin-right: 10px;
                    margin-bottom: 6px;
                    border-radius: 30px;
                    transform: translate(50%, -50%);
                    aspect-ratio: 1 / 1;
                }
ul.match-list .table-item li.match {
            display: none;
            grid-template-columns: 3fr 7fr;
            grid-template-rows: repeat(4, 1fr);
            grid-row-gap: 10px;
            align-items: center;
            background: white;
            padding: 1rem;
        }
ul.match-list .table-item li.match span {
                opacity: 0.7;
                font-weight: 400;
                grid-column: 1 / 1 / 1 / 2;
            }
ul.match-list .table-item li.match a {
                -webkit-text-decoration: underline;
                text-decoration: underline;
                transition: opacity 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                transition: opacity 0.15s var(--easing--in-out);
            }
ul.match-list .table-item li.match .text {
                display: flex;
                flex-direction: row;
                align-items: center;
                font-weight: 900;
            }
ul.match-list .table-item li.match .text.herren1::before {
                        content: "";
                        display: none;
                        min-width: 16px;
                        max-height: 16px;
                        background-color: #7dc4c2;
                        background-color: var(--herren1);
                        margin-right: 10px;
                        margin-bottom: 2px;
                        border-radius: 8px;
                        aspect-ratio: 1 / 1;
                    }
ul.match-list .table-item li.match .text.herren60::before {
                        content: "";
                        display: none;
                        min-width: 16px;
                        max-height: 16px;
                        background-color: #6988a1;
                        background-color: var(--herren60);
                        margin-right: 10px;
                        margin-bottom: 2px;
                        border-radius: 8px;
                        aspect-ratio: 1 / 1;
                    }
ul.match-list .table-item li.match .text.damen1::before {
                        content: "";
                        display: none;
                        min-width: 16px;
                        max-height: 16px;
                        background-color: #f49c56;
                        background-color: var(--damen1);
                        margin-right: 10px;
                        margin-bottom: 2px;
                        border-radius: 8px;
                        aspect-ratio: 1 / 1;
                    }
ul.match-list .table-item li.match .text.damen30::before {
                        content: "";
                        display: none;
                        min-width: 16px;
                        max-height: 16px;
                        background-color: #ed7095;
                        background-color: var(--damen30);
                        margin-right: 10px;
                        margin-bottom: 2px;
                        border-radius: 8px;
                        aspect-ratio: 1 / 1;
                    }
ul.match-list .table-item li.match .text.damen40::before {
                        content: "";
                        display: none;
                        min-width: 16px;
                        max-height: 16px;
                        background-color: #9b407a;
                        background-color: var(--damen40);
                        margin-right: 10px;
                        margin-bottom: 2px;
                        border-radius: 8px;
                        aspect-ratio: 1 / 1;
                    }
.history {
    position: relative;
}
.history svg.arrow-tip {
        opacity: 0.5;
        max-width: 1.5rem;
        position: absolute;
        top: -1.6rem;
        left: 50%;
        transform: translateX(-50%) rotate(-90deg);
    }
.history svg.arrow-tip path.st3 {
            fill: #314b60 !important;
            fill: var(--color--primary) !important;
        }
.history span {
        display: block;
        opacity: 0.5;
        min-width: 0.6rem;
        height: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        background: none;
        border-left: 0.3rem dotted #314b60;
        border-left: 0.3rem dotted var(--color--primary);
        transform: translateX(calc(-50% + 0.15rem));
        grid-area: 1 / 4 / 2 / 5;
    }
.history .history-item {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        position: relative;
        margin: 8rem 0;
        margin: var(--spacing--xl) 0;
    }
.history .history-item .date {
            width: -moz-fit-content;
            width: fit-content;
            position: absolute;
            top: -4rem;
            left: 50%;
            z-index: 100;
            z-index: 1;
            font-size: 2.5rem;
            font-weight: 900;
            transform: translate(-50%, calc(-50% + 0.1rem));
        }
.history .history-item .date:before {
                content: "";
                width: 3.5rem;
                height: 3.5rem;
                position: absolute;
                top: -100%;
                left: 50%;
                z-index: -1;
                background: #314b60;
                background: var(--color--primary);
                border-radius: 5rem;
                transform: translateX(-50%);
                align-self: center;
            }
.history .history-item.left .card {
                grid-area: 1 / 1 / 2 / 1;
            }
.history .history-item.left svg {
                display: none;
                height: 50px;
                position: absolute;
                top: 50%;
                right: 0;
                transform: translate(100%, -50%);
            }
.history .history-item.left svg polygon {
                    fill: white;
                }
.history .history-item.right .card {
                grid-area: 1 / 8 / 2 / 9;
            }
.history .history-item.right svg {
                display: none;
                height: 50px;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(-100%, -50%) rotate(180deg);
            }
.history .history-item.right svg polygon {
                    fill: white;
                }
.history .history-item .card {
            position: relative;
            background: white;
            padding: 1.5rem;
            padding: var(--spacing--sm);
            border-radius: 25px;
        }
.history .history-item .card .headline {
            }
.history .history-item .card .text {
            }
#snackbar {
    min-width: 500px;
    min-height: 50px;
    position: fixed;
    top: 30px;
    left: 50%;
    z-index: 10000000;
    font-size: var(--text--base);
    color: #fff;
    color: var(--color--light);
    background: #314b60;
    background: var(--color--primary);
    visibility: hidden;
    padding: 16px;
    border-radius: 25px;
    transform: translateX(-50%);
    text-align: center;
}
#snackbar.show {
    visibility: visible;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@keyframes fadein {
    from {
        opacity: 0;
        top: 0;
    }
    to {
        opacity: 1;
        top: 30px;
    }
}
@keyframes fadeout {
    from {
        opacity: 1;
        top: 30px;
    }
    to {
        opacity: 0;
        top: 0;
    }
}
form {
    display: block;
    width: 110%;
    padding-left: 2%;
    margin-top: 8rem;
    margin-top: var(--spacing--xl);
    margin-bottom: 8rem;
    margin-bottom: var(--spacing--xl);
    margin-left: -5%;
    grid-column: small;
}
form:before {
        content: "Wobei können wir Sie unterstützen?";
        display: block;
        width: 100%;
        font-size: var(--headline--md);
        font-weight: 700;
        color: #314b60;
        color: var(--color--primary);
        margin-bottom: 3rem;
        margin-bottom: var(--spacing--md);
        text-align: center;
    }
/* &:after {
        content: "";
        display: block;
        width: 93%;
        height: 1px;
        background: var(--color--line);
        margin: 3%;
        margin-top: var(--spacing--md);
        margin-bottom: 0;
    } */
form fieldset {
        display: block;
        border: none;
    }
form fieldset .clearfix {
            display: block;
            width: 99%;
            height: auto;
            padding: 3%;
            float: left;
        }
form fieldset .clearfix .input input {
                    width: 100%;
                    font-weight: 300;
                    color: #1e1e1e;
                    color: var(--color--font-base);
                    background: #fff;
                    background: var(--color--light);
                    padding: 0.5rem 1.25rem;
                    padding-left: 0;
                    overflow: visible;
                    border: none;
                    border-bottom: 1px solid #d8d8d8;
                    border-bottom: 1px solid var(--color--line);
                    border-radius: 0;
                }
form fieldset .clearfix .input input::-moz-placeholder {
                        opacity: 0.4;
                    }
form fieldset .clearfix .input input::placeholder {
                        opacity: 0.4;
                    }
form fieldset .clearfix .input input.focus-visible {
                        outline: none;
                        border-bottom: 1px solid #1e1e1e;
                        border-bottom: 1px solid var(--color--font-base);
                    }
form fieldset .clearfix .input input.focus-visible {
                        outline: none;
                        border-bottom: 1px solid #1e1e1e;
                        border-bottom: 1px solid var(--color--font-base);
                    }
form fieldset .clearfix .input input:focus-visible {
                        outline: none;
                        border-bottom: 1px solid #1e1e1e;
                        border-bottom: 1px solid var(--color--font-base);
                    }
form fieldset .clearfix .input textarea {
                    width: 100%;
                    height: 200px;
                    font-weight: 300;
                    color: #1e1e1e;
                    color: var(--color--font-base);
                    background: #fff;
                    background: var(--color--light);
                    padding: 0.75rem;
                    padding: var(--spacing--xs);
                    margin-top: 0.75rem;
                    margin-top: var(--spacing--xs);
                    resize: vertical;
                    border: none;
                    border: 1px solid #d8d8d8;
                    border: 1px solid var(--color--line);
                    border-radius: 0.5rem;
                    border-radius: var(--radius--sm);
                }
form fieldset .clearfix .input textarea::-moz-placeholder {
                        font-weight: 300;
                        color: #d8d8d8;
                        color: var(--color--line);
                    }
form fieldset .clearfix .input textarea::placeholder {
                        font-weight: 300;
                        color: #d8d8d8;
                        color: var(--color--line);
                    }
form fieldset .clearfix .input textarea.focus-visible {
                        outline: none;
                        border: 1px solid #1e1e1e;
                        border: 1px solid var(--color--font-base);
                    }
form fieldset .clearfix .input textarea.focus-visible {
                        outline: none;
                        border: 1px solid #1e1e1e;
                        border: 1px solid var(--color--font-base);
                    }
form fieldset .clearfix .input textarea:focus-visible {
                        outline: none;
                        border: 1px solid #1e1e1e;
                        border: 1px solid var(--color--font-base);
                    }
form fieldset .clearfix.checkbox {
                display: flex;
                flex-direction: row;
                width: 93%;
                background: #f8f8f8;
                background: var(--color--gray);
                padding: 1.5rem;
                padding: var(--spacing--sm);
                margin-left: 3%;
                border-radius: 1rem;
                border-radius: var(--radius--md);
                gap: 1.5rem;
                gap: var(--spacing--sm);
            }
form fieldset .clearfix.checkbox input.focus-visible {
                        outline: auto;
                    }
form fieldset .clearfix.checkbox input:focus-visible {
                        outline: auto;
                    }
form fieldset .clearfix.checkbox.error {
                    border: 1px solid rgb(156, 10, 7);
                }
form fieldset .clearfix.checkbox.error.filled {
                        border: 1px solid rgb(8, 186, 34);
                    }
form fieldset .clearfix.checkbox.error .help-inline {
                        display: none;
                    }
form fieldset .clearfix.checkbox.checkbox-input {
                    order: 1;
                }
form fieldset .clearfix.checkbox label {
                    order: 2;
                }
form fieldset .clearfix.error input {
                    margin-bottom: 5px;
                    border-bottom: 1px solid rgb(156, 10, 7);
                }
form fieldset .clearfix.error input.focus-visible {
                        border-bottom: 1px solid rgb(156, 10, 7);
                    }
form fieldset .clearfix.error input:focus-visible {
                        border-bottom: 1px solid rgb(156, 10, 7);
                    }
form fieldset .clearfix.error .help-inline {
                    font-size: var(--text--xs);
                    color: rgb(156, 10, 7);
                    margin-top: 5px;
                }
form fieldset .clearfix.error .currentOption,
                form fieldset .clearfix.error input,
                form fieldset .clearfix.error textarea {
                    color: #1e1e1e;
                    color: var(--color--font-base);
                }
form fieldset .clearfix.error label {
                    color: #1e1e1e;
                    color: var(--color--font-base);
                }
form fieldset .clearfix.filled input {
                    border-bottom: 1px solid rgb(8, 186, 34);
                }
form fieldset .clearfix.filled input.focus-visible {
                        border-bottom: 1px solid rgb(8, 186, 34);
                    }
form fieldset .clearfix.filled input.focus-visible {
                        border-bottom: 1px solid rgb(8, 186, 34);
                    }
form fieldset .clearfix.filled input:focus-visible {
                        border-bottom: 1px solid rgb(8, 186, 34);
                    }
form fieldset .clearfix.filled .help-inline {
                    color: rgb(8, 186, 34);
                }
form fieldset .clearfix.filled .currentOption,
                form fieldset .clearfix.filled input,
                form fieldset .clearfix.filled textarea {
                    color: #1e1e1e;
                    color: var(--color--font-base);
                }
form fieldset .clearfix.w50 {
                display: inline;
                width: 100%;
                height: auto;
            }
form fieldset .clearfix.w33 {
                display: inline;
                width: 100%;
                height: auto;
            }
form fieldset .clearfix ul.inputs-list {
                display: inline-block;
                width: 100%;
                float: left;
            }
form fieldset .clearfix ul.inputs-list li {
                    list-style: none;
                    display: inline;
                    width: 100%;
                }
form fieldset .clearfix ul.inputs-list li:last-child {
                        margin-right: 0;
                    }
form fieldset .clearfix ul.inputs-list li label {
                        display: block;
                        position: relative;
                        margin-right: 5px;
                        float: left;
                    }
form fieldset .clearfix ul.inputs-list li label.active span {
                                color: #1e1e1e;
                                color: var(--color--font-base);
                                transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                transition: all 0.15s var(--easing--in-out);
                            }
form fieldset .clearfix ul.inputs-list li label.active span:before {
                                    background: #314b60;
                                    background: var(--color--primary);
                                    border: 1px solid #314b60;
                                    border: 1px solid var(--color--primary);
                                    border: 1px solid #1e1e1e;
                                    border: 1px solid var(--color--font-base);
                                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                    transition: all 0.15s var(--easing--in-out);
                                }
form fieldset .clearfix ul.inputs-list li label.active span:after {
                                    opacity: 100;
                                    filter: invert(48%) sepia(0%)
                                        saturate(1004%) hue-rotate(135deg)
                                        brightness(90%) contrast(90%);
                                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                    transition: all 0.15s var(--easing--in-out);
                                }
form fieldset .clearfix ul.inputs-list li label input {
                            display: none;
                        }
form fieldset .clearfix ul.inputs-list li label span {
                            display: flex;
                            position: relative;
                            font-size: 1rem;
                            font-weight: 400;
                            color: #1e1e1e;
                            color: var(--color--font-base);
                            background: #ececec;
                            padding: 0.5rem 0.5rem 0.5rem 2rem;
                            float: left;
                            border: 2px solid #ececec;
                            border-radius: 100px;
                            cursor: pointer;
                            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                            transition: all 0.15s var(--easing--in-out);
                            text-align: center;
                        }
form fieldset .clearfix ul.inputs-list li label span:before {
                                content: "";
                                display: block;
                                min-width: 25px;
                                min-height: 25px;
                                position: absolute;
                                top: 50%;
                                left: 1rem;
                                background: none;
                                margin-right: 0.5rem;
                                border: 1px solid #1e1e1e;
                                border: 1px solid var(--color--font-base);
                                border-radius: 100px;
                                transform: translate(-50%, -50%);
                                transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                transition: all 0.15s var(--easing--in-out);
                            }
form fieldset .clearfix ul.inputs-list li label span:after {
                                content: url("/_Resources/Static/Packages/LC.Site/Images/checkmark.svg");
                                display: block;
                                opacity: 0;
                                min-width: 20px;
                                min-height: 20px;
                                position: absolute;
                                top: calc(50% + 0.15rem);
                                left: 1rem;
                                transform: translate(-50%, -50%);
                                transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                transition: all 0.15s var(--easing--in-out);
                            }
form fieldset p {
            display: block;
            width: 99%;
            height: auto;
            padding: 3%;
            float: left;
        }
form .form-navigation {
        display: block;
        width: 100%;
        margin-top: 3rem;
        margin-top: var(--spacing--md);
    }
form .form-navigation ul {
            display: flex;
            justify-content: center;
            align-items: center;
        }
form .form-navigation ul li {
                list-style: none;
                display: inline;
            }
form .form-navigation ul li button {
                    font-weight: 300;
                    color: #1e1e1e;
                    color: var(--color--font-base);
                    padding: 1rem 2rem;
                    border: 1px solid #1e1e1e;
                    border: 1px solid var(--color--font-base);
                    border-radius: 30px;
                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.15s var(--easing--in-out);
                }
form .form-navigation ul li button.focus-visible {
                        outline: auto;
                    }
form .form-navigation ul li button:focus-visible {
                        outline: auto;
                    }
/* prettier-ignore */
.grid--container {
    display: grid;
        grid-template-columns:
            [space-start]
            1.5rem
                [page-start large-start medium-start small-start]
                5fr
                                [center-start]
                                1fr
                                    [center]
                                1fr
                                [center-end]
                5fr
                [page-end large-end medium-end small-end]
            1.5rem
            [space-end];
        grid-template-columns:
            [space-start]
            var(--spacing--sm)
                [page-start large-start medium-start small-start]
                5fr
                                [center-start]
                                1fr
                                    [center]
                                1fr
                                [center-end]
                5fr
                [page-end large-end medium-end small-end]
            var(--spacing--sm)
            [space-end];
}
.grid--container .grid-area-\[page\] {
        grid-column: page;
    }
.grid--container .grid-area-\[page-inner\] {
        grid-column: page-inner;
    }
.grid--container .grid-area-\[large\] {
        grid-column: large;
    }
.grid--container .grid-area-\[large-inner\] {
        grid-column: large-inner;
    }
.grid--container .grid-area-\[medium\] {
        grid-column: medium;
    }
.grid--container .grid-area-\[mediumlarge\] {
        grid-column: mediumlarge;
    }
.grid--container .grid-area-\[medium-inner\] {
        grid-column: medium-inner;
    }
.grid--container .grid-area-\[small\] {
        grid-column: small;
    }
.grid--container .grid-area-\[small-inner\] {
        grid-column: small-inner;
    }
section.section {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
section.section video.background--video {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        -o-object-fit: cover;
           object-fit: cover;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
.news-page .news-content {
        grid-column: mediumlarge;
    }
.news-page .news-content .news-title {
            width: 100%;
        }
.news-page .news-content .date {
            width: 100%;
            font-size: 1.5rem;
            font-weight: 900;
            text-transform: uppercase;
            color: #314b60;
            color: var(--color--primary);
        }
.news-page .news-content .article {
            color: var(--color--font--base);
        }
.news-page .media-box {
        height: 60vh;
        overflow: hidden;
        grid-column: space;
    }
.news-page .media-box img {
            width: 100%;
            height: 100%;
            vertical-align: middle;
            -o-object-fit: cover;
               object-fit: cover;
        }
.news-section {
    flex-direction: column;
    align-items: center;
    padding: 3rem 0;
    padding: var(--spacing--md) 0;
}
.news-section .headline {
        grid-column-start: 1;
        font-size: 3.75rem;
        grid-column: mediumlarge;
    }
.news-section .outer {
        grid-column: mediumlarge;
    }
.news-section .outer .swiper {
            height: 100%;
            padding: 50px 10px;
            overflow: hidden;
        }
.news-section .outer .swiper .news-output .news-item {
                    display: flex;
                    width: 330px;
                    height: auto;
                    margin-right: 30px;
                    border-radius: 25px;
                    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
                    cursor: pointer;
                    transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.35s var(--easing--in-out);
                }
.news-section .outer .swiper .news-output .news-item a {
                        display: flex;
                        flex-direction: column;
                    }
.news-section .outer .swiper .news-output .news-item .media-box {
                        height: 225px;
                        position: relative;
                        z-index: -1;
                        overflow: hidden;
                        border-radius: 25px 25px 0 0;
                        transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                        transition: all 0.35s var(--easing--in-out);
                    }
.news-section .outer .swiper .news-output .news-item .media-box img {
                            display: block;
                            width: 100%;
                            height: 100%;
                            -o-object-fit: cover;
                               object-fit: cover;
                        }
.news-section .outer .swiper .news-output .news-item .content-box {
                        flex-grow: 1;
                        z-index: 1;
                        background-color: #fff;
                        background-color: var(--color--light);
                        padding: 1.5rem;
                        padding: var(--spacing--sm);
                        margin-top: -35px;
                        border-radius: 0 25px 25px 25px;
                    }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner {
                            display: flex;
                            flex-direction: column;
                            height: 100%;
                        }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .date {
                                font-weight: 900;
                                color: #314b60;
                                color: var(--color--primary);
                            }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .text {
                                flex-grow: 1;
                            }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .button {
                                display: flex;
                                position: absolute;
                                bottom: 20px;
                            }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .button .button-text {
                                    margin-right: 10px;
                                }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .button .arrow {
                                    display: flex;
                                    align-items: center;
                                }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .button .arrow .line {
                                        width: 20px;
                                        height: 3px;
                                        background-color: #314b60;
                                        background-color: var(--color--primary);
                                        border-radius: 10px;
                                        transition: all 0.35s
                                            cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                        transition: all 0.35s
                                            var(--easing--in-out);
                                    }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .button .arrow .tip {
                                        display: flex;
                                        align-items: center;
                                        margin-left: -18px;
                                    }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .button .arrow .tip svg {
                                            height: 15px;
                                            overflow: visible;
                                        }
.news-section .outer .swiper .news-output .news-item .content-box .content-inner .button .arrow .tip svg path {
                                                stroke: #314b60;
                                                stroke: var(--color--primary);
                                                stroke-width: 10px;
                                            }
.news-section .outer .swiper .swiper-pagination span.swiper-pagination-bullet {
                    min-width: 40px;
                    max-height: 4px;
                    position: relative;
                    background: #314b60;
                    background: var(--color--primary);
                    background: var(--color--primary);
                    padding: 0;
                    border-radius: 2px;
                }
.news-section .outer .swiper .swiper-pagination span.swiper-pagination-bullet-active-prev-prev {
                    opacity: 0.2;
                    background: #314b60;
                    background: var(--color--primary);
                    transform: scale(1);
                }
.news-section .outer .swiper .swiper-pagination span.swiper-pagination-bullet-active-prev {
                    opacity: 0.5;
                    background: #314b60;
                    background: var(--color--primary);
                    transform: scale(1);
                }
.news-section .outer .swiper .swiper-pagination span.swiper-pagination-bullet-active-next {
                    opacity: 0.5;
                    background: #314b60;
                    background: var(--color--primary);
                    transform: scale(1);
                }
.news-section .outer .swiper .swiper-pagination span.swiper-pagination-bullet-active-next-next {
                    opacity: 0.2;
                    background: #314b60;
                    background: var(--color--primary);
                    transform: scale(1);
                }
.news-section .prev {
        display: none;
        margin-right: 1.5rem;
        margin-right: var(--spacing--sm);
        cursor: pointer;
        transform: rotateY(180deg);
        grid-column: large-start / mediumlarge-start;
    }
.news-section .prev svg {
            height: 40px;
        }
.news-section .prev svg path {
                opacity: 1;
                stroke: #314b60;
                stroke: var(--color--primary);
            }
.news-section .prev:not(.swiper-button-disabled):hover path {
                opacity: 0.5;
            }
.news-section .prev.swiper-button-disabled {
            cursor: default;
        }
.news-section .prev.swiper-button-disabled path {
                opacity: 0.1;
                stroke: #1e1e1e;
                stroke: var(--color--font-base);
            }
.news-section .next {
        display: none;
        margin-left: 1.5rem;
        margin-left: var(--spacing--sm);
        cursor: pointer;
        justify-self: start;
        align-self: center;
        grid-column: large-end / mediumlarge-end;
    }
.news-section .next svg {
            height: 40px;
        }
.news-section .next svg path {
                opacity: 1;
                stroke: #314b60;
                stroke: var(--color--primary);
            }
.news-section .next:not(.swiper-button-disabled):hover path {
                opacity: 0.5;
            }
.news-section .next.swiper-button-disabled {
            cursor: default;
        }
.news-section .next.swiper-button-disabled path {
                opacity: 0.1;
                stroke: #1e1e1e;
                stroke: var(--color--font-base);
            }
.title-container {
    min-height: calc(30vh - 94px);
    color: #314b60;
    color: var(--color--primary);
    background: #f8f8f8;
    background: var(--color--gray);
    margin-top: 94px;
}
.title-container .headline {
        display: flex;
        align-items: center;
    }
.title-container .headline h1 {
            font-size: var(--headline--lg);
            font-weight: 700;
        }
.herobanner-page {
    width: 100vw;
    position: relative;
}
.herobanner-page .text-wrapper {
        display: flex;
        justify-content: flex;
        align-items: center;
        margin: 3rem 0;
        margin: var(--spacing--md) 0;
        grid-column: large-start / large-end;
    }
.herobanner-page .text-wrapper .text-content .paragraph1 p {
                    font-weight: 500;
                }
.herobanner-page .text-wrapper .text-content .paragraph2 p {
                    font-weight: 300;
                }
.herobanner-page .media-content {
        display: block;
        width: 100vw;
        height: 40vh;
        position: relative;
        grid-column: space-start / space-end;
    }
.herobanner-page .media-content img {
            width: 100%;
            max-height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.text-wrapper {
    display: flex;
    justify-content: flex;
    align-items: center;
    margin: 3rem 0;
    margin: var(--spacing--md) 0;
    grid-column: large-start / large-end;
}
.text-wrapper .text-content {
        width: 100%;
    }
.text-wrapper .text-content .day-time {
            display: flex;
            flex-direction: column;
            margin-top: 1.5rem;
            margin-top: var(--spacing--sm);
        }
.text-wrapper .text-content span {
            display: block;
            width: 100%;
            height: 1px;
            background: #d8d8d8;
            background: var(--color--line);
            margin: 1.5rem 0;
            margin: var(--spacing--sm) 0;
        }
.text-wrapper .text-content table tr {
                border: none;
            }
.text-wrapper .text-content table tr td {
                    font-weight: 300;
                    padding-right: 1.5rem;
                    padding-right: var(--spacing--sm);
                }
.text-wrapper .text-content table tr td strong {
                        font-weight: 500;
                    }
.text-wrapper .text-content table tr td a {
                        font-weight: 300;
                    }
div.group {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    gap: var(--spacing--md);
}
div.group .tile,
    div.group .fact,
    div.group .person,
    div.group .gallery-image,
    div.group .accordion,
    div.group .tile-person,
    div.group .tab-list-item,
    div.group form {
        --el--row-count: 1;
        --gap-count: calc(var(--el--row-count) - 1);

        width: 100%;

        width: calc(100%/var(--el--row-count) - var(--gap-count)/var(--el--row-count)*var(--spacing--md));
    }
div.group.justify--start {
        justify-content: flex-start;
    }
div.group.justify--center {
        justify-content: center;
    }
div.group.justify--end {
        justify-content: flex-end;
    }
footer.footer {
    background: #f8f8f8;
    background: var(--color--gray);
    padding: 6rem 0;
    padding: var(--spacing--lg) 0;
    padding-bottom: 0;
}
footer.footer .wrapper {
        display: flex;
        flex-direction: row;
    }
footer.footer .wrapper.top {
            display: flex;
            flex-direction: column;
            padding-bottom: 3rem;
            padding-bottom: var(--spacing--md);
            border-bottom: 1px solid #d8d8d8;
            border-bottom: 1px solid var(--color--line);
        }
footer.footer .wrapper.top .logo {
                display: inline-block;
                margin-bottom: 6rem;
                margin-bottom: var(--spacing--lg);
            }
footer.footer .wrapper.top .logo svg {
                    display: block;
                    height: 80px;
                }
footer.footer .wrapper.top .logo svg .st1 {
                        fill: #ffd932;
                        fill: var(--color--logo1);
                    }
footer.footer .wrapper.top .logo svg .st0 {
                        fill: #7a7a7a;
                        fill: var(--color--logo2);
                    }
footer.footer .wrapper.top .text {
                grid-area: 1 / 3 / 2 / 4;
            }
footer.footer .wrapper.top .text .paragraph {
                    gap: 1.5rem;
                    gap: var(--spacing--sm);
                }
footer.footer .wrapper.top .text .headline {
                    font-weight: 500;
                    color: #314b60;
                    color: var(--color--primary);
                }
footer.footer .wrapper.top .text .time {
                    display: flex;
                    flex-direction: column;
                    height: auto;
                    padding: 1.5rem 0;
                    padding: var(--spacing--sm) 0;
                    border-bottom: 1px solid #d8d8d8;
                    border-bottom: 1px solid var(--color--line);
                }
footer.footer .wrapper.top .text .time p {
                        width: 100%;
                        gap: 0;
                    }
footer.footer .wrapper.top .text .adress {
                }
footer.footer .wrapper.top .text .contact table {
                        white-space: nowrap;
                    }
footer.footer .wrapper.top .text .contact table tr {
                            border: none;
                        }
footer.footer .wrapper.top .text .contact table tr td {
                                font-weight: 300;
                                padding-right: 1.5rem;
                                padding-right: var(--spacing--sm);
                            }
footer.footer .wrapper.top .text .contact table tr td strong {
                                    font-weight: 500;
                                }
footer.footer .wrapper.top .text .contact table tr td a {
                                    font-weight: 300;
                                }
footer.footer .wrapper.bottom .navigation--footer {
                width: 100%;
                padding: 1.5rem 0;
                padding: var(--spacing--sm) 0;
            }
footer.footer .wrapper.bottom .navigation--footer .navigation--list {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    width: 100%;
                }
footer.footer .wrapper.bottom .navigation--footer .navigation--list a {
                        opacity: 0.5;
                        font-size: 0.9rem;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                        transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                        transition: all 0.25s var(--easing--in-out);
                    }
footer.footer .wrapper.bottom .navigation--footer .navigation--list:nth-child(1) {
                    }
footer.footer .wrapper.bottom .navigation--footer .navigation--list:nth-child(2) {
                    }
header.header {
    display: grid;
    width: 100%;
    height: 105px;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #fff;
    background: var(--color--light);
    padding: 0.75rem 0;
    padding: var(--spacing--xs) 0;
    border-bottom: 4px solid #f8f8f8;
    border-bottom: 4px solid var(--color--gray);
    touch-action: manipulation;
}
header.header .logo {
        display: inline-block;
        z-index: 10000;
    }
header.header .logo a {
            opacity: 1;
            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: all 0.15s var(--easing--in-out);
        }
header.header .logo svg {
            display: block;
            height: 40px;
        }
header.header .logo svg .st1 {
                fill: #ffd932;
                fill: var(--color--logo1);
            }
header.header .logo svg .st0 {
                fill: #7a7a7a;
                fill: var(--color--logo2);
            }
header.header.active .background {
            display: block;
        }
header.header.active .logo {
            display: inline-block;
        }
nav.navigation--footer ul.navigation--list li.navigation--listitem {
            list-style-type: none;
            display: inline;
            padding: 0.25rem;
            padding-left: 0;
        }
nav.navigation--footer ul.navigation--list li.navigation--listitem a {
                -webkit-text-decoration: underline;
                text-decoration: underline;
                color: #1e1e1e;
                color: var(--color--dark);
            }
div.header--inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
div.header--inner nav.header-menu {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        z-index: 500;
        border-bottom: 1px solid var(--color--);
        grid-column: large-end;
    }
div.header--inner nav.header-menu .mobile-menu {
            display: block;
        }
div.header--inner nav.header-menu .nav-list {
            display: none;
            flex-direction: row;
            justify-content: flex-end;
            align-items: right;
            width: 100vw;
            padding: 3rem 0;
            padding: var(--spacing--md) 0;
            grid-column: large-end;
        }
div.header--inner nav.header-menu .nav-list.active {
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                position: absolute;
                top: 105px;
                right: 0;
                background: #f8f8f8;
                background: var(--color--gray);
                border-bottom: 4px solid #d8d8d8;
                border-bottom: 4px solid var(--color--line);
                text-align: right;
            }
div.header--inner nav.header-menu .nav-list li {
                list-style-type: none;
                width: -moz-fit-content;
                width: fit-content;
                padding: 0 1.5rem;
                padding: 0 var(--spacing--sm);
            }
div.header--inner nav.header-menu .nav-list li.current {
                    pointer-events: none;
                }
div.header--inner nav.header-menu .nav-list li.current .circlebutton {
                        transform: scale(1.1);
                        transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                        transition: all 0.25s var(--easing--in-out);
                    }
div.header--inner nav.header-menu .nav-list li.current a {
                        font-weight: 500;
                        -webkit-text-decoration: none;
                        text-decoration: none;
                        color: #1e1e1e;
                        color: var(--color--font-base);
                    }
div.header--inner nav.header-menu .nav-list li a {
                    display: flex;
                    flex-direction: row;
                    justify-content: right;
                    width: auto;
                    font-size: var(--headline--md);
                    font-weight: 300;
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    color: #314b60;
                    color: var(--color--primary);
                    margin: 0.75rem 0;
                    margin: var(--spacing--xs) 0;
                    border-radius: 100px;
                    transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                    transition: all 0.15s var(--easing--in-out);
                }
div.header--inner nav.header-menu .nav-list li:last-child {
                    margin: 0;
                    margin-top: 1.5rem;
                    margin-top: var(--spacing--sm);
                }
div.header--inner nav.header-menu .nav-list li:last-child.current a {
                            opacity: 1;
                            font-size: var(--text--xl);
                            color: #fff;
                            color: var(--color--light);
                            background-color: #314b60;
                            background-color: var(--color--primary);
                            border: 1px solid #314b60;
                            border: 1px solid var(--color--primary);
                        }
div.header--inner nav.header-menu .nav-list li:last-child a {
                        font-size: var(--text--xl);
                        font-weight: 300;
                        color: #1e1e1e;
                        color: var(--color--font-base);
                        padding: 1rem 2rem;
                        margin: 0;
                        border: 1px solid #1e1e1e;
                        border: 1px solid var(--color--font-base);
                        border-radius: 30px;
                    }
.hamburger-icon {
    flex-direction: column;
    pointer-events: none;
    transform: scale(1);
}
.hamburger-icon span {
        display: block;
        width: 40px;
        height: 2px;
        background-color: #1e1e1e;
        background-color: var(--color--font-base);
        margin: 8px auto;
        border-radius: 10px;
        transition: transform 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.15s var(--easing--in-out);
    }
.hamburger-icon.active span:nth-child(1) {
                transform: translate(0px, 5px) rotate(45deg);
            }
.hamburger-icon.active span:nth-child(2) {
                transform: translate(0px, -5px) rotate(-45deg);
            }
.hamburger-icon.reverse span:nth-child(1) {
                animation-direction: reverse;
            }
.hamburger-icon.reverse span:nth-child(2) {
                animation-direction: reverse;
            }
/**
 * Swiper 9.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 28, 2023
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
.swiper,
swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-left: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: 27px;
  width: calc(var(--swiper-navigation-size)/44*27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: -22px;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  /*ADD_HOST*/
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: 4px;
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: auto;
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: 4px;
  height: var(--swiper-scrollbar-size, 4px);
  width: 98%;
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: auto;
  left: var(--swiper-scrollbar-left, auto);
  right: 4px;
  right: var(--swiper-scrollbar-right, 4px);
  top: 1%;
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: 4px;
  width: var(--swiper-scrollbar-size, 4px);
  height: 98%;
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
/* a11y */
.swiper .swiper-notification,
swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
@media (min-width: 300px) {
:root {
        --text--xs: 0.9rem
}
:root {
        --text--xs-height: 1
}
:root {
        --text--base: 1rem
}
:root {
        --text--base-height: 1.5
}
:root {
        --text--xl: 1.25rem
}
:root {
        --text--xl-height: 1.3
}
:root {
        --headline--xs: 1.25rem
}
:root {
        --headline--xs-height: 1
}
:root {
        --headline--sm: 1.75rem
}
:root {
        --headline--sm-height: 1
}
:root {
        --headline--md: 2rem
}
:root {
        --headline--md-height: 1
}
:root {
        --headline--lg: 2rem
}
:root {
        --headline--lg-height: 1
}
:root {
        --headline--xl: 2rem
}
:root {
        --headline--xl-height: 1
}
.grid--container {
        grid-template-columns:
            [space-start]
            1.5rem
                [page-start large-start medium-start small-start]
                5fr
                                [center-start]
                                1fr
                                    [center]
                                1fr
                                [center-end]
                5fr
                [page-end large-end medium-end small-end]
            1.5rem
            [space-end];
        grid-template-columns:
            [space-start]
            var(--spacing--sm)
                [page-start large-start medium-start small-start]
                5fr
                                [center-start]
                                1fr
                                    [center]
                                1fr
                                [center-end]
                5fr
                [page-end large-end medium-end small-end]
            var(--spacing--sm)
            [space-end]
}
div.group.flex--2 .tile,
        div.group.flex--2 .fact,
        div.group.flex--2 .person,
        div.group.flex--2 .gallery-image,
        div.group.flex--2 .tile-person,
        div.group.flex--2 .accordion,
        div.group.flex--2 .tab-list-item,
        div.group.flex--2 form {
                --el--row-count: 1
        }
div.group.flex--3 .tile,
        div.group.flex--3 .fact,
        div.group.flex--3 .person,
        div.group.flex--3 .gallery-image,
        div.group.flex--3 .tile-person,
        div.group.flex--3 .accordion,
        div.group.flex--3 .tab-list-item,
        div.group.flex--3 form {
                --el--row-count: 1
        }
div.group.flex--4 .tile,
        div.group.flex--4 .fact,
        div.group.flex--4 .accordion,
        div.group.flex--4 .gallery-image,
        div.group.flex--4 .tile-person,
        div.group.flex--4 .tab-list-item,
        div.group.flex--4 form {
                --el--row-count: 2
        }
div.group.flex--4 .person {
                --el--row-count: 1
        }
}
@media (min-width: 1250px) {
:root {
        --text--xs: 0.9rem
}
:root {
        --text--xs-height: 1
}
:root {
        --text--base: 1rem
}
:root {
        --text--base-height: 1.5
}
:root {
        --text--xl: 1.5rem
}
:root {
        --text--xl-height: 1.3
}
:root {
        --headline--xs: 1.25rem
}
:root {
        --headline--xs-height: 1
}
:root {
        --headline--sm: 1.75rem
}
:root {
        --headline--sm-height: 1
}
:root {
        --headline--md: 2rem
}
:root {
        --headline--md-height: 1
}
:root {
        --headline--lg: 3rem
}
:root {
        --headline--lg-height: 1
}
:root {
        --headline--xl: 4rem
}
:root {
        --headline--xl-height: 1
}
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content {
                display: flex;
                flex-direction: column;
                padding: 4.5rem;
                padding: calc(var(--spacing--md)*1.5)
        }
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__info .gdpr-cookieconsent-settings__content__info__description {
                        max-height: 100%
                }
div.accordion--item button {
            padding: 1.5rem 3rem;
            padding: var(--spacing--sm) var(--spacing--md)
    }
div.accordion--item button div.icon {
                right: 3rem;
                right: var(--spacing--md)
        }
div.accordion--item div.container {
            padding: 0 3rem;
            padding: 0 var(--spacing--md)
    }
div.accordion--item div.container .keypoints {
                flex-direction: row
        }
div.accordion--item div.container .keypoints p {
                    width: 100%;
                    padding-bottom: 0;
                    margin-bottom: 0;
                    border-right: 1px solid #d8d8d8;
                    border-right: 1px solid var(--color--line);
                    border-bottom: none
            }
div.accordion--item div.container .contact {
                flex-direction: row;
                margin-bottom: 3rem;
                margin-bottom: var(--spacing--md)
        }
div.accordion--item div.container .contact .phone {
                    width: 50%
            }
div.accordion--item div.container .contact .mail {
                    width: 50%
            }
figcaption.figcaption {
        padding: 0 2.5rem
}
        div.paragraph.mdr\:columns-2 {
            -moz-columns: 2;
                 columns: 2;
        }
.img-popup .popup-content {
            padding-bottom: 0
    }
.img-popup .popup-content .prev-btn {
                bottom: 50%
        }
.img-popup .popup-content img {
                max-width: 70vw;
                border-radius: 10px
        }
.img-popup .popup-content .next-btn {
                bottom: 50%
        }
nav.tablabels {
        flex-direction: row
}
.tile-person .text-content {
            padding: 3rem;
            padding: var(--spacing--md)
    }
.tile-person .text-content .pop-up {
                display: none
        }

                .tile-person .text-content .pop-up.active {
                    display: block;
                }
.hero-banner {
        min-width: 100vw;
        min-height: 100vh;
        padding-top: 0;
        margin-top: 0
}
.hero-banner .hero-media {
            width: 50%;
            height: 100%;
            position: absolute;
            left: 50%;
            z-index: 0;
            overflow: hidden
    }
.hero-banner .hero-content {
            padding: 0;
            margin-bottom: 0;
            grid-column: large-start / center-start
    }
.hero-banner .hero-content .lead {
                padding-top: 95px
        }
.hero-banner .hero-content .headline h1 {
                    -webkit-hyphens: auto;
                            hyphens: auto
            }
.textmedia.slim .media-content {
                grid-column: span 6 / space-end
        }
.textmedia .media-content {
            grid-column: span 5 / space-end
    }
.textmedia .text-content {
            padding-right: 3rem;
            padding-right: var(--spacing--md);
            grid-column: medium-start / center-start
    }
.textmaps {
        grid-template-columns: 3fr repeat(2, 1fr) 3fr;
        grid-template-rows: 1fr
}
.textmaps .text-content-maps {
            grid-area: 1 / 1 / 2 / 2
    }
.textmaps .media-content {
            grid-area: 1 / 3 / 2 / 5
    }
.textmaps .media-content .adress {
                position: absolute;
                bottom: -30px;
                right: -30px;
                border-radius: 25px
        }
ul.match-list li.heading {
            grid-template-columns: 1fr 0.75fr repeat(2, 1.5fr) repeat(1, 0.75fr);

            grid-template-rows: 1fr;
            border-bottom: 1px solid #1e1e1e;
            border-bottom: 1px solid var(--color--font-base)
    }

            ul.match-list li.heading span {
                display: none;
            }
ul.match-list li.heading {
            display: grid
    }
ul.match-list .table-item {
            padding: 0;
            margin-bottom: 0;
            border-radius: 0;
            box-shadow: none
    }
ul.match-list .table-item .mobile-heading {
                display: none
        }
ul.match-list .table-item li.match {
                display: grid;
                grid-template-columns: 1fr 0.75fr repeat(2, 1.5fr) repeat(
                        1,
                        0.75fr
                    );

                grid-template-rows: 1fr;
                background: none;
                padding: 0.5rem 0;
                border-bottom: 1px solid #1e1e1e;
                border-bottom: 1px solid var(--color--font-base)
        }
                ul.match-list .table-item li.match span {
                    display: none;
                }
ul.match-list .table-item li.match .text.herren1::before {
                            display: block
                    }
ul.match-list .table-item li.match .text.herren60::before {
                            display: block
                    }
ul.match-list .table-item li.match .text.damen1::before {
                            display: block
                    }
ul.match-list .table-item li.match .text.damen30::before {
                            display: block
                    }
ul.match-list .table-item li.match .text.damen40::before {
                            display: block
                    }
.history .history-item {
            display: grid;
            grid-template-columns: 5fr 1fr 1fr repeat(2, 0.5fr) 1fr 1fr 5fr;
            grid-template-rows: 1fr;
            position: relative;
            margin: 0
    }
.history .history-item .date {
                top: 50%;
                left: 50%
        }
.history .history-item.left svg {
                    display: block
            }
.history .history-item.right svg {
                    display: block
            }
form fieldset .clearfix.w50 {
                    width: 49.5%
            }
form fieldset .clearfix.w33 {
                    width: 33%
            }
.grid--container {
        grid-template-columns:
            [space-start]
            6rem
                    [large-start]
                    3fr
                        [medium-start]
                        5fr
                            [small-start]
                            7fr
                                [center-start]
                                8rem
                                    [center]
                                8rem
                                [center-end]
                            7fr
                            [small-end]
                        5fr
                        [medium-end]
                    3fr
                    [large-end]
            6rem
            [space-end];
        grid-template-columns:
            [space-start]
            var(--spacing--lg)
                    [large-start]
                    3fr
                        [medium-start]
                        5fr
                            [small-start]
                            7fr
                                [center-start]
                                var(--spacing--xl)
                                    [center]
                                var(--spacing--xl)
                                [center-end]
                            7fr
                            [small-end]
                        5fr
                        [medium-end]
                    3fr
                    [large-end]
            var(--spacing--lg)
            [space-end]
}
section.section {
        background-attachment: none
}
.news-section .prev {
            display: block
    }
.news-section .next {
            display: block
    }
.title-container {
        min-height: calc(40vh - 94px)
}
.herobanner-page {
        height: 60vh
}
.herobanner-page .text-wrapper {
            margin: 0;
            grid-column: large-start / center-start
    }
.herobanner-page .media-content {
            width: 50vw;
            height: 100%;
            position: absolute;
            top: 0;
            left: 50%
    }
.herobanner-page .media-content img {
                max-height: 100%
        }
.text-wrapper {
        margin: 0;
        grid-column: large-start / center-start
}
.text-wrapper .text-content .day-time {
                display: flex;
                flex-direction: row;
                margin-top: 0
        }
div.group.flex--2 .tile,
        div.group.flex--2 .fact,
        div.group.flex--2 .person,
        div.group.flex--2 .gallery-image,
        div.group.flex--2 .tile-person,
        div.group.flex--2 .accordion,
        div.group.flex--2 .tab-list-item,
        div.group.flex--2 form {
                --el--row-count: 2
        }
div.group.flex--3 .tile,
        div.group.flex--3 .fact,
        div.group.flex--3 .person,
        div.group.flex--3 .gallery-image,
        div.group.flex--3 .tile-person,
        div.group.flex--3 .accordion,
        div.group.flex--3 .tab-list-item,
        div.group.flex--3 form {
                --el--row-count: 2
        }
div.group.flex--4 .tile,
        div.group.flex--4 .fact,
        div.group.flex--4 .accordion,
        div.group.flex--4 .gallery-image,
        div.group.flex--4 .tile-person,
        div.group.flex--4 .tab-list-item,
        div.group.flex--4 form {
                --el--row-count: 3
        }
div.group.flex--4 .person {
                --el--row-count: 2
        }
footer.footer .wrapper.top {
                display: grid;
                grid-template-columns: repeat(3, 1fr)
        }
footer.footer .wrapper.top .logo {
                    grid-area: 1 / 1 / 2 / 2
            }
footer.footer .wrapper.top .logo svg {
                        height: 120px
                }
footer.footer .wrapper.top .text .time {
                        flex-direction: row
                }
footer.footer .wrapper.top .text .time p {
                            width: 50%
                    }
header.header .logo svg {
                height: 60px
        }
div.header--inner nav.header-menu .mobile-menu {
                display: none
        }
div.header--inner nav.header-menu .nav-list {
                display: flex;
                align-items: center;
                width: 100%;
                padding: 0;
                padding-bottom: 0;
                margin-top: (calc(50px + 1.5rem));
                margin-top: (calc(50px + var(--spacing--sm)))
        }
div.header--inner nav.header-menu .nav-list li a {
                        font-size: var(--text--base);
                        font-weight: 300;
                        margin: 1.5rem 0;
                        margin: var(--spacing--sm) 0
                }
div.header--inner nav.header-menu .nav-list li:last-child {
                        display: flex;
                        align-items: center;
                        padding-right: 0;
                        margin-top: 0
                }
div.header--inner nav.header-menu .nav-list li:last-child.current a {
                                font-size: var(--text--base)
                        }
div.header--inner nav.header-menu .nav-list li:last-child a {
                            font-size: var(--text--base)
                    }
}
@media not (min-width: 1250px) {
ul.match-list .table-item li.match a {
                    display: inline-block;
                    font-size: var(--text--base);
                    line-height: var(--text--base-height);
                    letter-spacing: 0.5px;
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    color: #1e1e1e;
                    color: var(--color--font-base);
                    background-color: #314b60;
                    background-color: var(--color--primary);
                    padding: 0.5rem 2rem;
                    border-radius: 30px
            }
}
@media (min-width: 1500px) {
        div.paragraph.lg\:columns-3 {
            -moz-columns: 3;
                 columns: 3;
        }
        div.paragraph.lg\:columns-4 {
            -moz-columns: 4;
                 columns: 4;
        }
.grid--container {
        grid-template-columns:
            [space-start]
            6rem
                    [large-start]
                    3fr
                        [medium-start]
                        5fr
                            [small-start]
                            7fr
                                [center-start]
                                8rem
                                    [center]
                                8rem
                                [center-end]
                            7fr
                            [small-end]
                        5fr
                        [medium-end]
                    3fr
                    [large-end]
            6rem
            [space-end];
        grid-template-columns:
            [space-start]
            var(--spacing--lg)
                    [large-start]
                    3fr
                        [medium-start]
                        5fr
                            [small-start]
                            7fr
                                [center-start]
                                var(--spacing--xl)
                                    [center]
                                var(--spacing--xl)
                                [center-end]
                            7fr
                            [small-end]
                        5fr
                        [medium-end]
                    3fr
                    [large-end]
            var(--spacing--lg)
            [space-end]
}
div.group.flex--3 .tile,
        div.group.flex--3 .fact,
        div.group.flex--3 .person,
        div.group.flex--3 .gallery-image,
        div.group.flex--3 .tile-person,
        div.group.flex--3 .accordion,
        div.group.flex--3 .tab-list-item,
        div.group.flex--3 form {
                --el--row-count: 3
        }
div.group.flex--4 .tile,
        div.group.flex--4 .fact,
        div.group.flex--4 .accordion,
        div.group.flex--4 .gallery-image,
        div.group.flex--4 .tile-person,
        div.group.flex--4 .tab-list-item,
        div.group.flex--4 form {
                --el--row-count: 4
        }
div.group.flex--4 .person {
                --el--row-count: 3
        }
}
@media (min-width: 2000px) {
.grid--container {
        grid-template-columns:
            [space-start]
            6rem
                    [large-start]
                    3fr
                        [medium-start]
                        5fr
                            [small-start]
                            7fr
                                [center-start]
                                8rem
                                    [center]
                                8rem
                                [center-end]
                            7fr
                            [small-end]
                        5fr
                        [medium-end]
                    3fr
                    [large-end]
            6rem
            [space-end];
        grid-template-columns:
            [space-start]
            var(--spacing--lg)
                    [large-start]
                    3fr
                        [medium-start]
                        5fr
                            [small-start]
                            7fr
                                [center-start]
                                var(--spacing--xl)
                                    [center]
                                var(--spacing--xl)
                                [center-end]
                            7fr
                            [small-end]
                        5fr
                        [medium-end]
                    3fr
                    [large-end]
            var(--spacing--lg)
            [space-end]
}
div.group.flex--4 .person {
                --el--row-count: 4
        }
}
@media screen and (max-width: 880px) {
        .gallery-image .container .container__img-holder:nth-child(3n + 1) {
            margin-left: 16px;
        }
}
@media (max-width: 500px) {
.gdpr-cookieconsent-container .gdpr-cookieconsent-settings {
            width: 90vw;
            height: 80vh;
            position: absolute
    }
}
@media (hover: hover) {
        a:hover {
            opacity: 0.5;
        }
                    .gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cc-button:hover {
                        filter: brightness(1);
                    }
                        .gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-accept:hover {
                            background: #233544;
                        }
                        .gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-accept-necessary:hover {
                            background-color: #cccccc;
                        }
                        .gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-individual-settings-enable:hover {
                            opacity: 0.5;
                        }
                        .gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-save:hover {
                            background: #233544;
                        }
                        .gdpr-cookieconsent-container .gdpr-cookieconsent-settings .gdpr-cookieconsent-settings__content .gdpr-cookieconsent-settings__content__cta #gdpr-cc-btn-individual-settings-disable:hover {
                            background-color: #cccccc;
                        }
                    div.accordion--item div.container .contact .phone:hover {
                        background-color: #fff;
                        background-color: var(--color--light);
                        border: 1px solid #314b60;
                        border: 1px solid var(--color--primary);
                    }
                    div.accordion--item div.container .contact .mail:hover {
                        background-color: #fff;
                        background-color: var(--color--light);
                        border: 1px solid #314b60;
                        border: 1px solid var(--color--primary);
                    }
                button a.button.round:hover {
                    opacity: 1;
                    color: #fff;
                    color: var(--color--light);
                    background-color: #314b60;
                    background-color: var(--color--primary);
                    border: 1px solid #314b60;
                    border: 1px solid var(--color--primary);
                }
                button a.button.arrow:hover {
                    opacity: 1;
                }
                    button a.button.arrow:hover:after {
                        width: calc(100% + 10px);
                    }

                    button a.button.arrow:hover:before {
                        opacity: 1;
                        transition-delay: 0.5s;
                    }
                .img-popup .popup-content .prev-btn:hover {
                    transform: scale(1.1);
                }
                        .img-popup .popup-content .prev-btn:hover svg path {
                            opacity: 0.5;
                            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                            transition: all 0.15s var(--easing--in-out);
                        }
                .img-popup .popup-content .next-btn:hover {
                    transform: scale(1.1);
                }
                        .img-popup .popup-content .next-btn:hover svg path {
                            opacity: 0.5;
                            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                            transition: all 0.15s var(--easing--in-out);
                        }
        .gallery-image:hover {
            transform: scale(1.025);
            transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: all 0.25s var(--easing--in-out);
        }
        .close-btn:hover {
            box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
            box-shadow: var(--shadow--sm);
            transform: scale(1.1);
            transition: all 0.15s cubic-bezier(0.785, 0.135, 0.15, 0.86);
            transition: all 0.15s var(--easing--in-out);
        }
        .tile-person:hover {
            border: 1px solid #314b60;
            border: 1px solid var(--color--primary);
        }
                .tile-person:hover .media-content img {
                    filter: none;
                }
                        .tile-person .text-content .pop-up .qr-code-container button.close:hover {
                            background: #314b60;
                            background: var(--color--primary);
                            border: 1px solid #314b60;
                            border: 1px solid var(--color--primary);
                        }
                                .tile-person .text-content .pop-up .qr-code-container button.close:hover svg line.st0 {
                                    stroke: #fff;
                                    stroke: var(--color--light);
                                }
                .filterbuttons .button:hover.alle {
                    opacity: 0.7;
                    background: #1e1e1e;
                    background: var(--alle);
                }

                .filterbuttons .button:hover.herren1 {
                    opacity: 0.7;
                    background: #7dc4c2;
                    background: var(--herren1);
                }

                .filterbuttons .button:hover.herren60 {
                    opacity: 0.7;
                    background: #6988a1;
                    background: var(--herren60);
                }

                .filterbuttons .button:hover.damen1 {
                    opacity: 0.7;
                    background: #f49c56;
                    background: var(--damen1);
                }

                .filterbuttons .button:hover.damen30 {
                    opacity: 0.7;
                    background: #ed7095;
                    background: var(--damen30);
                }

                .filterbuttons .button:hover.damen40 {
                    opacity: 0.7;
                    background: #9b407a;
                    background: var(--damen40);
                }
                    ul.match-list .table-item li.match a:hover {
                        opacity: 0.7;
                    }
                                    form fieldset .clearfix ul.inputs-list li label span:hover:before {
                                        background: #314b60;
                                        background: var(--color--primary);
                                    }
                        form .form-navigation ul li button:hover {
                            color: #fff;
                            color: var(--color--light);
                            background-color: #314b60;
                            background-color: var(--color--primary);
                            border: 1px solid #314b60;
                            border: 1px solid var(--color--primary);
                        }
                        .news-section .outer .swiper .news-output .news-item:hover {
                            transform: scale(1.015);
                            transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                            transition: all 0.35s var(--easing--in-out);
                        }
                                .news-section .outer .swiper .news-output .news-item:hover a .media-box {
                                    transform: translateY(-10px);
                                    transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                    transition: all 0.35s var(--easing--in-out);
                                }
                                    .news-section .outer .swiper .news-output .news-item:hover .button .arrow .line {
                                        width: 50px !important;
                                    }
                                    .news-section .outer .swiper .news-output .news-item:hover .button .arrow .line {
                                        transition: all 0.35s
                                            cubic-bezier(0.785, 0.135, 0.15, 0.86);
                                        transition: all 0.35s
                                            var(--easing--in-out);
                                    }
                            footer.footer .wrapper.bottom .navigation--footer .navigation--list a:hover {
                                opacity: 1;
                            }
                header.header .logo a:hover {
                    opacity: 0.5;
                }
                    nav.navigation--footer ul.navigation--list li.navigation--listitem a:hover {
                        color: #314b60 !important;
                        color: var(--color--primary) !important;
                    }
                            div.header--inner nav.header-menu .nav-list li:last-child a:hover {
                                opacity: 1;
                                color: #fff;
                                color: var(--color--light);
                                background-color: #314b60;
                                background-color: var(--color--primary);
                                border: 1px solid #314b60;
                                border: 1px solid var(--color--primary);
                            }
        .hamburger-icon:hover {
            transform: scale(1.1);
        }
}

/*# sourceMappingURL=Main.css.map */