:root {
    --main-color: #222222;
    --font-color: #ffffffd4;
    --heading-color: #fff;

    --bg: #222222;
    --bg-box: #2c2c2c;
    --bg-box-hover: #3e3f46;
    --bg-darker: #121212;

    --font-family: 'Roboto', sans-serif;

    --gradient: linear-gradient(135deg, #1d0a37 0%, #0c1f60 100%);
    --gradient-light: linear-gradient(135deg, rgba(189, 153, 69, 1) 0%, rgba(162, 129, 52, 1) 100%);
    --gradient-shadow: #bd994583 0px 7px 29px 0px;
    --gradient-shadow-hover: #bd9945c7 0px 7px 29px 0px;
    --accent: #BD9945;

    --centralcommerce: #eeac11;
    --breadcrumb: #5A9C9D;
    --ict: rgb(59, 123, 187);
    --ic: #e89620;
    --vanrohe: #b5cc03;
    --si: #002d63;
    --ig: #ba9745;

    --h2-font-size: 35px;
    --br: 7px;
    --grey: grey;
}

.preload {
    overflow: hidden;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/layout/frontend/b2c/dist/fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}




body {
    background-color: var(--bg);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.42857143;
    font-family: var(--font-family);
    color: var(--font-color);
    overflow-x: hidden;
    margin: 0;
}

.hamburger-menu li.level_2:first-child .nav_description_content {
    display: none;
}

.collection_content.title.custom {
    color: var(--heading-color);
}

.component.contact-button a {
    color: #fff;
}





.firmen div#area-2-to-3 {
    padding-bottom: 70px!Important;
}

.collection_list.not-found:last-child .not-found-text {
    color: #000;
}

.collection_list.not-found:last-child .not-found-text .collection_content.title.custom {
    color: #000;
}

.firmen-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.firmen .collection_list.companies {
    padding: 0;
    flex: 1 1 30%;
}

.kurse.full_preview .contactformular {
    padding: 30px;
    border-radius: var(--br);
    border: 1px solid var(--accent);
    float: left;
    background: #ffffff0d;
}

.news-collection {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-block-end: 4rem;
}

.blog-collection {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-block-end: 4rem;
}

.collection_list.news {
    padding: 0;
    flex: 1 1 30%;
}

.collection_list.blog {
    padding: 0;
    flex: 1 1 30%;
}

.collection_content.stelle_type {
    font-size: 14px;
    color: var(--accent);
}

.collection_list.stellen .collection_content.title.custom {
    font-weight: 600;
    font-size: 21px;
}

.collection_content.stelle_avb {
    background: var(--bg-box-hover);
    border-radius: var(--br);
    border: 1px solid #616161;
    color: #a8a8a8;
    padding-inline: 10px;
    padding-block: 2px;
    position: absolute;
    bottom: 20px;
}
.collection_content.news_date {
    color: #a8a8a8;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.collection_content.blog_date {
    color: #a8a8a8;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.collection_list.news .collection_container {
    background: var(--bg-box);
    border-radius: var(--br);
    overflow: hidden;
    transition: 300ms;
    min-height: 440px;
}
.collection_list.blog .collection_container {
    background: var(--bg-box);
    border-radius: var(--br);
    overflow: hidden;
    transition: 300ms;
    min-height: 440px;
}

.collection_list.news .collection_content.title.custom {
    font-size: 21px;
    margin: 10px 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.collection_list.blog .collection_content.title.custom {
    font-size: 21px;
    margin: 10px 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.collection_full.news .collection_container {
    float: left;
    width: 100%;
}
.collection_full.blog .collection_container {
    float: left;
    width: 100%;
}

.collection_full.news .collection_content.news_img {
    margin-top: 2rem;
}
.collection_full.blog .collection_content.blog_img {
    margin-top: 2rem;
}

.collection_full.news h4 {
    margin: 1.5rem 0!important;
    font-size: 21px;
}
.collection_full.blog h4 {
    margin: 1.5rem 0!important;
    font-size: 21px;
}

.collection_full.news h3 {
    margin: 1.5rem 0!important;
}
.collection_full.blog h3 {
    margin: 1.5rem 0!important;
}
.collection_full.news {
    max-width: 800px;
}
.collection_full.blog {
    max-width: 800px;
}

.collection_full.news .collection_content.title.custom {
    font-size: 35px;
}
.collection_full.blog .collection_content.title.custom {
    font-size: 35px;
}

.collection_list.news .collection_container:hover {
    background: var(--bg-box-hover);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.collection_list.blog .collection_container:hover {
    background: var(--bg-box-hover);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.collection_list.stellen .collection_container {
    background: var(--bg-box);
    border-radius: var(--br);
    overflow: hidden;
    transition: 300ms;
}

.collection_list.stellen .collection_container:hover .collection_content.stelle_avb {
    color: #fff;
}

.collection_list.stellen .collection_container:hover .collection_content.news_date {
    color: #fff;
}

.collection_list.stellen .collection_container:hover .collection_content.blog_date {
    color: #fff;
}

.stellen .collection_container.breadcrumb:after {
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    content: 'breadcrumb mediasolutions';
    background: var(--breadcrumb);
    border-radius: var(--br);
    padding: 7px 15px;
}


.stellen .collection_container.icoreon:after {
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    content: 'icoreon';
    background: var(--ic);
    border-radius: var(--br);
    padding: 7px 15px;
}

.stellen .collection_container.S\&I.Consulting:after {
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    content: 'S&I Consulting';
    background: var(--si);
    border-radius: var(--br);
    padding: 7px 15px;
}

.stellen .collection_container.Ihnen.Group.Holding.GmbH:after {
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    right: 30px;
    content: 'Ihnen Group';
    background: var(--ig);
    border-radius: var(--br);
    padding: 7px 15px;
}

.full_preview .collection_content.stelle_avb {
    position: relative;
    float: left;
    bottom: unset;
    margin-block: 1rem;
}

.full_preview .collection_content.news_date {
    position: relative;
    float: left;
    bottom: unset;
    margin-block: 1rem;
    left: unset;
}

.full_preview .collection_content.blog_date {
    position: relative;
    float: left;
    bottom: unset;
    margin-block: 1rem;
    left: unset;
}

.full_preview .collection_container.breadcrumb:after {
    display: none;
}

.full_preview .collection_container.S\&I.Consulting:after {
    display: none;
}

.full_preview .collection_container.Ihnen.Group.Holding.GmbH:after {
    display: none;
}

.collection_content.stelle_mediacontent {
    width: 100%;
    float: left;
}

.full_preview .collection_content.stelle_type {
    font-size: 17px;
    float: left;
    margin: 1rem 0;
    background: var(--bg-box-hover);
    border-radius: var(--br);
    border: 1px solid #616161;
    color: #a8a8a8;
    padding-inline: 10px;
    padding-block: 2px;
    margin-right: 1rem;
}

.full_preview .collection_content.stelle_company_teas {
    width: 100%;
    float: left;
    padding: 1.5rem;
    border: 1px solid #ffffff52;
    margin: 1rem 0;
    background: #ffffff0d;
    border-radius: 10px;
}
.full_preview .collection_content.stelle_company_teas {
    display: none;
}

.full_preview .collection_content.news_teaser {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ffffff52;
    margin: 1rem 0;
    padding-bottom: 2rem;
}
.full_preview .collection_content.blog_teaser {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ffffff52;
    margin: 1rem 0;
    padding-bottom: 2rem;
}

.full_preview .collection_content.stelle_textcontent{
    padding-block: 2rem;
    float: left;
    width: 100%;
}
.full_preview .collection_content.news_textcontent {
    margin-block: 1rem;
    float: left;
    width: 100%;
}
.full_preview .collection_content.blog_textcontent {
    margin-block: 1rem;
    float: left;
    width: 100%;
}

.full_preview  .collection_container.icoreon:after {
display: none;
}

a.button_filter.o-filter:hover {
    background: var(--bg-box-hover);
    color: #fff;
}

.collection_content.stelle_img img {
    height: 200px;
    border-bottom: 5px solid var(--accent);
}

.collection_content.news_img img {
    height: 250px;
    border-bottom: 5px solid var(--accent);
}
.collection_content.blog_img img {
    height: 250px;
    border-bottom: 5px solid var(--accent);
}

.stelle-text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 250px;
    padding-inline: 2rem;
    padding-block: 1rem;
}

.historie-startbild img {
    height: 36vw!Important;
    border-radius: var(--br);
}

.historie div#area-2-to-3 {
    background: #202020;
}

.historie .header-bg img {
    filter: brightness(0.4);
}

.collection_list.arbeitswelten:nth-child(even) .collection_container {
    flex-direction: row-reverse;
}

.owl-carousel .owl-item img {
    border-radius: var(--br);
}

#area-2 .kurse-wrapper .collection_list.courses {
    padding: 0;
}

.collection_list.arbeitswelten .collection_container .collection_content.title.custom:after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: var(--accent);
    position: relative;
    display: block;
    margin-block-end: 1.5rem;
    margin-block-start: 0.5rem;
}

.collection_list.historie:nth-child(even) .collection_container {
    flex-direction: row-reverse;
}

.collection_list.historie .collection_container .collection_content.title.custom:after {
    content: '';
    width: 100px;
    height: 3px;
    background-color: var(--accent);
    position: relative;
    display: block;
    margin-block-end: 1.5rem;
    margin-block-start: 0.5rem;
}

.collection_content.arbeitswelt-img img {
    border-radius: var(--br);
}

.firmen-collection button#backButton {
    display: none;
}

.collection_list.arbeitswelten {
    width: 100%;
    padding: 5rem 0;
}

.collection_list.arbeitswelten .collection_container .collection_content.title.custom {
    font-size: var(--h2-font-size);
}
.collection_list.historie {
    width: 100%;
    padding: 5rem 0;
}

.collection_list.historie .collection_container .collection_content.title.custom {
    font-size: var(--h2-font-size);
}
.collection_list.historie {
    width: 100%;
    padding: 5rem 0;
}

.collection_list.historie .collection_container .collection_content.title.custom {
    font-size: var(--h2-font-size);
}

.arbeitswelt-img-wrapper {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.arbeitswelt-img-wrapper .collection_content.arbeitswelt-img:first-child {
    width: 100%;

    padding-block-end: 1rem;
    height: 320px;
}
.historie-img-wrapper {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.historie-img-wrapper .collection_content.historie-img:first-child {
    width: 100%;

    height: 320px;
    padding-block-end: 1rem;
}

.historie-img-wrapper {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.historie-img-wrapper .collection_content.historie-img:first-child {
    width: 100%;
    padding-block-end: 1rem;
}


.collection_content.arbeitswelt-img {
    width: 50%;
}

.collection_content.arbeitswelt-img:nth-child(2) {
    padding-inline-end: .5rem;
}

.collection_list.historie img,
.collection_list.arbeitswelten img {
    border-radius: var(--br);
}



.pop-up-button .collection_content:nth-child(1) {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 5px;
}

.pop-up-wrapper {
    position: relative;
    width: 100%;
    min-height: 198px;
    max-width: 1530px;
    margin-left: auto;
    display: none;
}



.companies .collection_container .pop-up-button.current {
    opacity: 1;
    border-left: 3px solid var(--accent);
}

.companies .collection_container .pop-up-element {
    width: calc(70% - 70px);
    float: left;
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}



.collection_content.arbeitswelt-img:nth-child(3) {
    padding-inline-start: .5rem;
}
.collection_content.historie-img {
    width: 50%;
}

.collection_content.historie-img:nth-child(2) {
    padding-inline-end: .5rem;
}

.collection_content.historie-img:nth-child(3) {
    padding-inline-start: .5rem;
}

.arbeitswelt-text-wrapper {
    flex: 1;
}

.historie-text-wrapper {
    flex: 1;
}

.collection_list.arbeitswelten .collection_container {
    display: flex;
    flex: 1;
    gap: 25px;
    align-items: center;
    justify-content: space-between;
}

.collection_list.historie .collection_container {
    display: flex;
    flex: 1;
    gap: 10rem;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1300px;
}

.collection_list.historie .collection_container:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    background-color: var(--accent);
    border-radius: 9999px;
}

.historie-startbild img {
    z-index: 1;
    position: relative;
}

.historie-wrapper:after {
    content: '';
    width: 3px;
    height: calc(100% + 10px);
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    background-color: var(--accent);
    z-index: 0;
}

.collection_list.historie:nth-child(even) {
    background: var(--bg);
}
.collection_list.arbeitswelten .collection_container {
    display: flex;
    flex: 1;
    gap: 70px;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1300px;
}

.collection_list.arbeitswelten:nth-child(even) {
    background: var(--bg);
}

.collection_full.companies {
    padding-top: 48px;
}





.pop-up-element .row :is(li, p, a, span, strong, b, em, ul, li, h2, h1, h3) {
    color: #fff !important;
}

.pop-up-element {
    z-index: 1;
}

.pop-up-element {
    display: none;
}

.pop-up-element.current_element {
    display: block!important;
}

.firmen-collection #slider .companies .pop-up-element .collection_content img {
    height: 100%!Important;
    object-fit: contain!important;
    border-radius: 20px;
    border: 6px solid #000;
    box-shadow: rgb(255 255 255 / 15%) 0px 5px 55px;
}


.pop-up-element .row {
    cursor: pointer;
}

.pop-up-element.current {
    display: block;
}

.pop-up-button {
    cursor: pointer;
    width: 30%;
    margin: 0 0 3rem;
    padding-left: 1.5rem;
    opacity: .5;
    border-left: 3px solid var(--grey);
    transition: 300ms;

}

.pop-up-button:hover {
    opacity: 1;
}

.pop-up-button:first-child {
    margin-top: 1.5rem;
}

.pop-up-wrapper:before {
    content: 'Leistungen';
    font-size: var(--h2-font-size);
    font-weight: bold;
    color: var(--heading-color);
}

.pop-up-button .collection_content:nth-child(2) {
    opacity: .8;
}


.collection_content.c-fact {
    border-left: 3px solid var(--accent);
    padding-left: 20px;
    flex: 1 1 19%;
}

.fade-in-animation {
    position: relative;
    z-index: 9;
}

.collection_list.not-found:last-child .collection_container {
    background: #fff;
    color: var(--heading-color);
}

.fade-in-animation .row {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.level_2_container ul {
    padding: 0;
}

#header .level_2_container {
    position: absolute;
    border-radius: 0;
    transition: 300ms;
    top: 53px;
    left: 0;
    background: var(--bg);
    width: 100%;
    height: auto;
    display: none;
    box-shadow: 0px 3px 6px #0000005c;
}





li.level_1.levels:hover:after {
    transform: rotate(180deg);
    background-position: 0px 2px;
    height: 12px;
}


.kurse.full_preview div#content {
    padding-top: 140px!Important;
}

#header div#header_2 li {
    display: inline-block;
    padding: 0 10px;
    position: static;
}

#header li.level_1:hover .level_2_container {
    display: block;
    transition: 300ms;
    width: 100%;
    height: auto;
    min-height: 393px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#header_2 li.level_1 a:hover {
    color: var(--accent)!important;
}



#header_2 li.level_2:hover p.level_2_title {
    color: var(--accent);
    background: #333;
    max-width: 90%;
    border-radius: var(--br);
}

#header_2 li.level_2 {
    min-width: 922px;
}

#header_2 ul.level_2 {
    width: 80%!important;
}

.nav_description_content {
    position: absolute;
    right: 40px;
    top: 0;
    width: 590px;
    padding: 37px 30px;
    background: #333333;
}


li.level_1:hover .level_2 {
    width: auto;
}

li.level_2 {
    padding: 0 !important;
}

.hamburger-menu .has-level_2 .mobile-menu__wrapper::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    background-image: url(/userdata/images/dropdown.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 10px;
    transition-duration: 400ms;
    filter: brightness(10);
}

.hamburger-menu .has-level_2.open .mobile-menu__wrapper::after {
    transform: rotateX(-180deg);
    transition-duration: 400ms;
    filter: brightness(10);
}

.hamburger-menu .level_2 a {
    display: flex;
    justify-content: start;
}

.hamburger-menu .level_2 a {
    display: flex;
    justify-content: start;
}

.row {
    float: left;
    width: 100%;
}

.p-3 {
    padding: 1.5rem;
}

.pb-5 {
    padding-bottom: 2rem !important;
}


/*
**** Infos ****
Universal Color: #5a9c9d
*/

#cookie-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px 20px;
    z-index: 200;
    min-width: 320px;
}

#cookie-bar #cookie-bar-button {
    float: right;
    margin-left: 20px;
    display: inline-block;
    padding: 8px 10px;
    min-width: 150px;
    text-transform: uppercase;
    border: 1px solid #ff6532;
    color: #fff;
    cursor: pointer;
    background-color: #ff6532;
    text-align: center;
}

#cookie-bar #cookie-bar-button:hover {
    background-color: #e43900;
    border-color: #e43900;
}

#cookie-bar #cookie-bar-button:active {
    background-color: #b22c00;
    border-color: #b22c00;
}

#cookie-bar #cookie-bar-prompt-button {
    white-space: nowrap;
}

div#header,
.header-wrapper {
    height: 60px;
    width: 100%;
    z-index: 10;
}

#cookie-bar>p {
    float: left;
    margin: 0;
    line-height: 40px;
}



#cookie-bar:after {
    clear: both;
    display: block;
    content: " ";
}



.header-wrapper.fixed-header {
    position: fixed;
    top: 0;
    z-index: 999;
}

.collection_list .collection_content.referenz_teaser {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.impressum #area-2 h2 {
    color: black;
}

.impressum #area-2 p {
    color: black;
}
.datenschutz #area-2 p {
    color: black;
}



.home .collection_content.c-link {
    display: none;
}

.col-xs-12.col-sm-12.col-md-12.col-lg-6.button .textcontent a {
    background: var(--gradient-light);
    color: #fff;
    padding: 10px 20px;
    border-radius: var(--br);
    box-shadow: var(--gradient-shadow);
    text-align: center;
}

.firmenlogos .owl-item {
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


.video-collection .collection_container.Featured .collection_content.course_img {
    width: 90px;
    aspect-ratio: 1/1; 
    height: auto !important;
    margin-bottom: 0px !important;
} 

.video-collection .collection_content.course_img {
    border-radius: var(--br);
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: 300ms;
    float: left;
    margin-right: 1rem;
}


.video-collection .collection_list.courses .collection_container {
    background: var(--bg-box);
    border-radius: var(--br);
    transition: 300ms;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
}

.video-collection .collection_list.courses .collection_container {
    padding: 0px !important;
    background: var(--bg-box);
    border-radius: var(--br);
    min-height: 0px !important;
    transition: 300ms;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
} 

.video-collection .collection_container.Featured .collection_content.title {
    padding-top: 25px;
}

.kurse-wrapper.featured.owl-kurse.owl-theme.owl-carousel.owl-loaded.owl-drag .collection_content.course_level {
    padding: 10px;

}

.kurse-wrapper.featured.owl-kurse.owl-theme.owl-carousel.owl-loaded.owl-drag .collection_content.title.custom {
    padding: 10px;
    margin-top: -5px;

}

.kurse-wrapper.featured.owl-kurse.owl-theme.owl-carousel.owl-loaded.owl-drag .collection_content.course_img {
    padding: 10px;
}

.courses-btn .textcontent {
    background-color: var(--accent);
    padding: 10px 15px;
    border-radius: var(--br);
}

.courses-btn .textcontent:hover {
    color: #fff !important;
    box-shadow: var(--gradient-shadow-hover);
}

.button.center {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.video-collection.no-video .collection_list.courses{
    display: none;
}


.video-collection.no-video .collection_list.courses.ever-on {
    display: block;
}

option {
    color: black;
}

.wrapp_ansprechpartner {
    width: calc(33.3% - 50px) !important;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--bg-box-hover);
    padding-left: 50px;
    position: sticky !important;
    justify-content: center;
    float: left;
    margin-left: 50px;
    top: 90px;
}



.wrapp_stelle {
    width: 66.6%;
    float: left;
}

.collection_full.stellen.show
.collection_container {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

.collection_content.stelle_titel_auuprec {
    font-size: 29px;
    margin-bottom: 20px;
}

.collection_content.stelle_img_person {
    display: flex;
    justify-content: center;
}

.collection_content.stelle_contact_name {
    display: flex;
    justify-content: center;
    margin: 5px;
}

.collection_content.stellen_contact_num {
    display: flex;
    justify-content: center;
    margin: 5px;
}

.collection_content.stellen_contact_mail {
    justify-content: center;
    display: flex;
}

.collection_content.button a {
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
    background-color: var(--accent);
    border-radius: var(--br);
    margin: 1rem 0;
}

.collection_content.c-text {
    padding-block-end: 1rem;
}
.collection_content.leistung_b {
    border: 1px solid var(--accent);
    background: var(--bg-box);
    border-radius: var(--br);
    padding: 2rem;
    margin-block: 2rem;
    position: relative;
    z-index: 0;
}

.collection_content.container.leistung_b h2 {
    font-size: 29px;
}

.collection_content.container.leistung_b a {
    background-color: var(--accent);
    padding: 10px 15px;
    border-radius: var(--br);
    color: var(--font-color);
}

.collection_content.container.leistung_b .textcontent {
    max-width: 720px;
}

.collection_content.container.leistung_b:after {
    background-image: url(/userdata/images/digital%20solutions.jpg);
    background-size: cover;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: -1;
}


.datenschutz h3{
    color: #000;
}


/* Extra Module */
html {
    scroll-behavior: smooth;
}

/* FAQ */

.faq_group_container .faq_question_box {
    padding: 5px 15px 8px 15px;
    border: none;
    background: var(--gradient-light);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: var(--br);
    position: relative;
}

.faq_question_box {
    cursor: pointer;
}

.faq_group_container .faq_answer_box {
    margin-bottom: 30px;
    padding: 20px;
    background: rgb(255 255 255);
    margin-top: -10px;
    border-radius: 0 0 5px 5px;
}

.faq_question_box.active {
    border-radius: 5px 5px 0 0;
}

.faq_question_box:after {
    content: '+';
    position: absolute;
    right: 16px;
    color: #ffffff;
    top: 50%;
    font-size: 20px;
    transform: translateY(-50%);
}

.faq_question_box.active:after {
    content: '-';
    position: absolute;
    right: 16px;
    color: #fff;
    bottom: -13px;
    font-size: 25px;
}

.faq_group_container .faq_answer_box {
    display: none;
}

.faq h3 {
    font-size: 18px;
    font-weight: 400 !Important;
    border: none;
    color: #fff;
    line-height: 1;
    margin-bottom: 7px;
}



.faq-search input[type="text"] {
    width: 250px;
    height: 30px;
    color: #fff;
    background: rgba(9, 0, 0, 0.9);
    border: 0;
    padding: 20px;
    position: relative;
}




* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



ol li, ul li {
    list-style-type: disclosure-closed;
}

.same-height>.row {
    display: flex;
    flex-wrap: wrap;
}

iframe {
    width: 100%;
    height: 100%;
    border-radius: var(--br);
    overflow: hidden;
}


.textcontent {
    height: 100%;
}

div#content,
.main-screen {
    padding: 70px 0 !important;
    margin: 0 !important;
    position: relative;
    float: left;
    width: 100%;
}

.collection_content.course-req:before {
    content: 'Anforderungen';
    font-size: 1.5rem;
    font-weight: 600;
}

.collection_content.course-desc:before {
    content: 'Beschreibung';
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 7px;
    float: left;
    width: 100%;
}

.collection_content.course-req ul li {
    padding: 0 0 10px;
}

.collection_content.course-desc {
    float: left;
    width: 100%;
}

.collection_content.course-req {
    width: 100%;
    float: left;
    margin: 2rem 0;
    border-bottom: 1px solid #ffffff57;
}

.collection_content.course-req ul {
    padding-left: 20px;
}



.back_to_overview {
    background: #eeeeee;
    display: inline-block;
    margin-bottom: 40px;
}

.back_to_overview a {
    color: #7f7f7f;
    padding: 10px 20px;
    display: block;
    font-weight: 600;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}



.slideshow_box {
    margin-bottom: 30px;
}

.slideshow_box .slideshow_content {
    width: 100%;
}

.slideshow_box .slideshow_content .slideshow_content_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    text-align: center;
}

.slideshow_box .slideshow_content .slideshow_headline {
    font-size: 45px;
    line-height: 1;
    color: #ffffff;
    margin-top: 0;
    font-weight: 600;
}

.slideshow_box .slideshow_content .slideshow_text {
    font-weight: 600;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 20px;
}

.slideshow_box .slideshow_content .slideshow_button .button {
    color: #222222;
    text-transform: uppercase;
}

.slideshow_box .owl-carousel-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slideshow_box .owl-carousel-item>a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


/* Full width split with container */

.container-holder {
    overflow: hidden;
    background: white;
    padding: 0 !important;
}

.collection_list {
    width: 33.33%;
    float: left;
    padding: 15px;
}

img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: 100%;
}

.d-none {
    display: none !Important;
}



/* Schriften */

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.3;
    clear: both;
    font-weight: bold;
    margin: 0 0 20px;
    color: #fff;
}

h1 {
    font-size: 3.6rem;
    line-height: 1.2 !important;
}

.modal-header button {
    background-color: #04AA6D;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
    border-radius: 40px;
    margin-right: 10px;
}



h2 {
    font-size: var(--h2-font-size);
}

h3 {
    font-size: 28px;
}

h4,
h5 {
    font-size: 25px;
}

h6 {
    font-size: 17px;
    font-weight: 500 !Important;
}


/* 
.patrol h1, .patrol h2, .patrol h3, .patrol h4, .patrol h5, .patrol h6, .patrol,  .we_are_breadcrumb h2 {
    color: #2d2d2d !important;
} */


/* END Schriften */

a {
    color: var(--accent);
    transition: 300ms;
    text-decoration: none;
}

a:hover {
    color: var(--accent);
    text-decoration: none;
    opacity: .9;
}

.nav_description_wrapper a:hover {
    opacity: 1!important;
}

input#button:hover {
    color: var(--accent);
    text-decoration: none;
    opacity: .9;
}

.collection_list.events {
    width: 100%;
    padding: 0;
}

.collection_list.events .collection_container {
    height: 650px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 5rem;
    transition: 300ms;
}

.collection_content.event_holder {
    position: absolute;
    top: 70px;
    left: 70px;
}

.collection_list.events .collection_container .collection_content.title.custom {
    font-size: 3rem;
    max-width: 80%;
}

.collection_content.event_date {
    opacity: .8;
}

.collection_content.event_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    filter: brightness(0.5);
}



/* Kollektion */

.full_preview .collection_full {
    display: block !important;
}

.collection_list,
.collection_container {
    position: relative;
}

.collection_list,
.content-container {
    position: relative;
}


/* END Kollektion */


/* Kontaktformular */

.fade {
    opacity: 1;
}

.modal {
    display: block;
}

.contactformular .form-check {
    clear: both;
    height: auto !important;
}

.contactformular .form-check input {
    float: left;
    margin: 0;
    width: auto;
}

.contactformular .form-check label {
    display: flex;
    align-items: center;
    gap: 10px;
}

.input.select_body,
.contactformular select {
    width: 100% !important;
}



.modal-header {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


/* END Kontaktformular */


/* OWL Carousel Global */

.owl-stage-outer {
    width: 100%;
}


/* END OWL Carousel Global */


/* END Global */


/* Cookie */

div#cookiewarnung {
    position: fixed;
    bottom: 40px;
    background: var(--bg);
    color: #fff;
    z-index: 99999999;
    width: 80%;
    text-align: center;
    padding: 15px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: var(--br);
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border: 1px solid var(--accent);
}

.cookie-option-container {
    margin-top: 10px;
}





.cookie-option {
    cursor: pointer;
    display: inline-block;
    padding: 7px !important;
    border-radius: var(--br);
    background: var(--accent);
    color: #fff;
}

.cookie-option:hover {
    opacity: .8;
}


div#cookie-config {
    display: none;
    left: -100%;
    transition: 1s;
}

div#cookie-config.show {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--bg);
    max-width: 300px;
    z-index: 99999999999;
    overflow-y: auto;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    accent-color: var(--accent);
}

#cookie-config .cookie-config-close {
    background: var(--bg-darker);
    color: #fff;
    padding: 10px;
    position: relative;
    cursor: pointer;
}

#cookie-config input {
    margin-right: 10px;
}

#cookie-config label {
    font-weight: normal;
    color: #fff;
}

.cookie-config-close:after,
.cookie-arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(225deg);
    box-shadow: -2px 2px 0 rgba(255, 255, 255, 0.5);
    content: "";
    right: 20px;
    top: 20px;
    transition: 0.1s;
}

.cookie-config-options.open .cookie-arrow {
    transform: rotate(315deg) !important;
}

.cookie-config-options {
    background: var(--bg-darker);
    padding: 10px;
    cursor: pointer;
    position: relative;
}

input#required {
    width: auto;
}

input#tracking {
    width: auto;
}




.config-child {
    display: none;
    background: var(--bg);
    padding: 10px;
}

.cookie-config-save {
    padding: 10px;
    text-align: center;
    background: var(--accent);
    cursor: pointer;
    margin: 20px 15px;
    color: #fff;
    border-radius: var(--br);
}

.cookie-config-configuration {
    margin-top: 10px;
}

.cookie-config-configuration>p {
    padding: 10px;
    font-weight: bold;
}

.cookie-config-description {
    padding: 10px;
    font-size: 15px;
}


.cookie_conflict {
    position: relative;
    background: var(--bg-box);
    z-index: 1;
    padding: 10px;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 15%);
    border-radius: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 100%;
    margin-top: 1rem;
    flex-direction: column;
}
  
  form {
    position: relative;
  }
  
  .cookie_conflict .cookie-accept.cookie-option {
    margin-top: 13px;
    width: 100%;
}
  
  .cookie_conflict p {
    font-weight: 500;
    margin: 0;
}


/* Tabs */

.tab {
    overflow: hidden;
}


/* Style the buttons inside the tab */

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}


/* Change background color of buttons on hover */

.tab button:hover {
    background-color: #ddd;
}


/* Create an active/current tablink class */

.tab button.active {
    background-color: #ccc;
}


/* Style the tab content */

.tabcontent,
.tabcontentSection {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.multiFormPage form .header-text-wrapper {
    display: none;
}

.multiFormPage form .collection_content.header-img {
    position: inherit;
    top: 0;
    right: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.multiFormPage form #slider-wrapper,
.multiFormPage form .collection_list.header .collection_container {
    height: auto;
}

.multiFormPage form .form-group label.classLabel {
    text-align: center;
    font-size: 24px;
}

.multiFormPage form .iconfield .material-icons {
    font-size: 15rem;
}

.multiFormPage form .collection_content.header-img img {
    width: 100%;
    height: 300px !important;
}

.multiFormPage form .iconfield {
    text-align: center;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
}

.contact-button button {
    background: var(--gradient);
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
    border-radius: var(--br);
}

div#submit_button {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    float: left;
    width: 100%;
}

.input_collection_link_checkbox {
    cursor: pointer !important;
}

.multiFormPage form .owl-nav {
    display: none !important;
}

.img_container.img-option {
    height: 220px;
}

.demo-vereinbaren .img_container.img-option {
    height: auto;
}

.home .img_container.img-option {
    height: auto;
}

.demo-termin .img_container.img-option {
    height: auto;
}

.form-group h2 {
    text-align: center;
    margin-bottom: 1.2rem;
}

.faq_headline {
    margin: 0 0 1rem;
}


.featured .collection_list.courses {
    width: 100%!Important;
}

/* Tabs end */


/* Multi-Form */





input {
    width: 100%;
    font-size: 17px;
    border-radius: var(--br);
    color: #fff;
    background: #ffffff12;
    padding: 20px !important;
    border: none;
}

select {
    width: 100%;
    font-size: 17px;
    border-radius: var(--br);
    color: #fff;
    background: #ffffff12;
    padding: 20px !important;
    border: none;
}

label {
    font-size: 15px;
    opacity: .7;
}





/* Mark input boxes that gets an error on validation: */

input.invalid {
    background-color: #ffdddd;
}

.kontaktanfragegruppe .form-group {
    float: left;
    width: 100%;
}

.kontaktanfragegruppe label {
    display: flex;
    align-items: center;
}

.kontaktanfragegruppe label br {
    display: none;
}

.kontaktanfragegruppe .row {
    display: flex;
    align-items: center;
    margin: 0 0 1rem;
}

.border-none {
    border: none !important;
}


/* Hide all steps by default: */

.tab {
    display: none;
}

input#input_collection_link_40_value_1 {
    width: auto;
}

.kontaktanfragegruppe .input_collection_link_checkbox {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 30%;
}

input#input_collection_link_40_value_2 {
    width: auto;
}

button {
    background-color: #04AA6D;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
}

button:hover {
    opacity: 0.8;
}

.contact-button #prevBtn {
    background: #787878 !important;
}

.col-xs-12.all-dishes.all-dishes h4 {
    color: #fff;
}

.col-xs-12.all-dishes.all-dishes {
    padding: 10px 20px;
    background: var(--gradient);
    border: 1px solid grey;
    border-radius: var(--br);
    margin-bottom: 1rem;
    color: #fff;
}

/* Make circles that indicate the steps of the form: */

.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.step.active {
    opacity: 1;
}


/* Mark the steps that are finished and valid: */

.step.finish {
    background-color: #04AA6D;
}


/* Multi-form end */


/* Cookie end */


/* Header */


/* Sticky Header */

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


/* END Sticky Header */

.header-wrapper {
    position: relative;
}

#header {
    padding: 0;
}



#header #header_1,
#header #header_2,
#header #header_3 {
    float: left !important;
}

#header #header_1 {
    width: 35%;
}

#header #header_2 {
    width: 50%;
    text-align: right;
    padding: 0 !important;
}

#header div#header_2 li {
    display: inline-block;
    padding: 0 10px;
}

div#requestbox {
    position: fixed;
    top: 0px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    text-align: center;
    background: green;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.component.contact-button .textcontent a {
    background-color: var(--accent);
    padding: 10px 15px;
    border-radius: var(--br);
}

#header ul.level_1 {
    margin: 0 !important;
    padding: 0 !important;
}

#header div#header_3 li {
    display: inline-block;
    float: left;
}

ul.level_2 {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    position: relative;
}

li.level_2 {
    transition: 300ms;
}

.nav_description_content {
    display: none;
}

li.level_2:first-child .nav_description_content {
    display: block;
}

li.level_2:not(:first-child):hover li.level_2:first-child .nav_description_content {
    display: none;
}

li.level_2:hover .nav_description_content {
    display: block;
}

.recaptcha-class {
    margin: 1rem 0;
}

/* 404 Page */

.\34 \30 \34 {
    color: #fff;
    background-image: linear-gradient(to top, #2e1753, #1f1746, #131537, #0d1028, #050819);
}



.star {
    position: absolute;
    width: 2px;
    height: 2px;
    background: #fff;
    right: 0;
    animation: starTwinkle 3s infinite linear;
}

.error-page {
    min-height: 45vh;
    position: relative;
}

.astronaut img {
    width: 270px!important;
    position: absolute;
    top: 0;
    animation: astronautFly 10s infinite linear;
    object-fit: contain;
}

.customer-button a {
    background: var(--accent);
    padding: 10px 20px;
    border-radius: var(--br);
    color: #fff;
}

h1.\34 04-white {
    color: #fff;
}

h2.\34 04-white {
    color: #fff;
}

.full-wh {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}



.bg-animation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;

}

#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 117px 1613px var(--accent), 1488px 635px var(--accent), 944px 914px var(--accent), 647px 277px var(--accent), 1792px 1205px var(--accent), 656px 1517px var(--accent), 820px 1839px var(--accent), 1153px 1400px var(--accent), 870px 13px var(--accent), 550px 702px var(--accent), 1155px 1056px var(--accent), 88px 1709px var(--accent), 1450px 1090px var(--accent), 1929px 457px var(--accent), 1390px 905px var(--accent), 1771px 269px var(--accent), 1741px 669px var(--accent), 432px 64px var(--accent), 563px 996px var(--accent), 1918px 1873px var(--accent), 1845px 1211px var(--accent), 231px 1503px var(--accent), 37px 220px var(--accent), 1970px 495px var(--accent), 1812px 925px var(--accent), 67px 1398px var(--accent), 535px 279px var(--accent), 1837px 829px var(--accent), 1945px 685px var(--accent), 1677px 1817px var(--accent), 1317px 1415px var(--accent), 1785px 905px var(--accent), 1787px 1554px var(--accent), 802px 1296px var(--accent), 512px 1101px var(--accent), 583px 1364px var(--accent), 336px 558px var(--accent), 979px 334px var(--accent), 106px 792px var(--accent), 204px 34px var(--accent), 1845px 1763px var(--accent), 445px 1599px var(--accent), 386px 453px var(--accent), 471px 952px var(--accent), 1466px 1676px var(--accent), 1885px 303px var(--accent), 51px 1717px var(--accent), 1211px 299px var(--accent), 1546px 1887px var(--accent), 1067px 33px var(--accent), 1088px 1326px var(--accent), 1938px 760px var(--accent), 470px 648px var(--accent), 1213px 269px var(--accent), 1767px 78px var(--accent), 977px 976px var(--accent), 1926px 175px var(--accent), 722px 1512px var(--accent), 945px 227px var(--accent), 1811px 99px var(--accent), 1912px 1406px var(--accent), 1602px 1243px var(--accent), 610px 449px var(--accent), 654px 1393px var(--accent), 1930px 1193px var(--accent), 258px 1184px var(--accent), 89px 265px var(--accent), 824px 1494px var(--accent), 1506px 1435px var(--accent), 1027px 753px var(--accent), 1px 1197px var(--accent), 530px 1161px var(--accent), 864px 1555px var(--accent), 1610px 1604px var(--accent), 1035px 1114px var(--accent), 1456px 133px var(--accent), 1196px 1253px var(--accent), 361px 1037px var(--accent), 834px 351px var(--accent), 436px 1676px var(--accent), 1194px 1007px var(--accent), 1141px 647px var(--accent), 319px 454px var(--accent), 937px 1769px var(--accent), 1872px 1013px var(--accent), 733px 643px var(--accent), 1250px 511px var(--accent), 189px 296px var(--accent), 1639px 163px var(--accent), 1584px 336px var(--accent), 1912px 1343px var(--accent), 1298px 1307px var(--accent), 1750px 902px var(--accent), 1129px 845px var(--accent), 1899px 1470px var(--accent), 1427px 232px var(--accent), 1391px 838px var(--accent), 1225px 1819px var(--accent), 190px 1366px var(--accent), 1865px 518px var(--accent), 203px 1383px var(--accent), 1455px 614px var(--accent), 423px 354px var(--accent), 1678px 1790px var(--accent), 241px 608px var(--accent), 1089px 730px var(--accent), 1342px 38px var(--accent), 1848px 249px var(--accent), 1874px 1785px var(--accent), 1040px 1837px var(--accent), 751px 261px var(--accent), 510px 1975px var(--accent), 52px 795px var(--accent), 1786px 1310px var(--accent), 498px 712px var(--accent), 190px 375px var(--accent), 1341px 722px var(--accent), 43px 1394px var(--accent), 1821px 1687px var(--accent), 106px 130px var(--accent), 1717px 1978px var(--accent), 168px 151px var(--accent), 183px 740px var(--accent), 945px 1381px var(--accent), 669px 1170px var(--accent), 1285px 1816px var(--accent), 110px 1217px var(--accent), 1623px 813px var(--accent), 869px 647px var(--accent), 867px 582px var(--accent), 735px 1240px var(--accent), 519px 1896px var(--accent), 132px 156px var(--accent), 1649px 193px var(--accent), 241px 1109px var(--accent), 643px 484px var(--accent), 574px 1282px var(--accent), 1952px 564px var(--accent), 1978px 145px var(--accent), 329px 903px var(--accent), 1674px 617px var(--accent), 1978px 558px var(--accent), 1808px 1715px var(--accent), 1526px 1238px var(--accent), 475px 1330px var(--accent), 810px 425px var(--accent), 1709px 634px var(--accent), 1658px 336px var(--accent), 425px 194px var(--accent), 352px 96px var(--accent), 148px 180px var(--accent), 1139px 1046px var(--accent), 1809px 1233px var(--accent), 1669px 171px var(--accent), 263px 1394px var(--accent), 534px 715px var(--accent), 396px 1008px var(--accent), 589px 1445px var(--accent), 1190px 381px var(--accent), 1709px 279px var(--accent), 520px 891px var(--accent), 1136px 1867px var(--accent), 1280px 1233px var(--accent), 836px 296px var(--accent), 1348px 646px var(--accent), 1539px 913px var(--accent), 423px 781px var(--accent), 1271px 1805px var(--accent), 696px 564px var(--accent), 1549px 804px var(--accent), 303px 1555px var(--accent), 1449px 1903px var(--accent), 66px 687px var(--accent), 1164px 856px var(--accent), 1958px 1326px var(--accent), 125px 157px var(--accent), 508px 1669px var(--accent), 465px 725px var(--accent), 1925px 1440px var(--accent), 405px 793px var(--accent), 278px 110px var(--accent), 1084px 1065px var(--accent), 1077px 705px var(--accent), 663px 1844px var(--accent), 734px 263px var(--accent), 870px 1761px var(--accent), 103px 1169px var(--accent), 1506px 1295px var(--accent), 1883px 926px var(--accent), 335px 1361px var(--accent), 1126px 1284px var(--accent), 257px 1165px var(--accent), 837px 580px var(--accent), 1211px 1362px var(--accent), 1137px 1380px var(--accent), 135px 632px var(--accent), 1491px 1965px var(--accent), 1098px 195px var(--accent), 506px 417px var(--accent), 693px 1243px var(--accent), 622px 1862px var(--accent), 1412px 1343px var(--accent), 948px 1894px var(--accent), 1315px 1363px var(--accent), 754px 1098px var(--accent), 1931px 930px var(--accent), 1831px 342px var(--accent), 1751px 1839px var(--accent), 84px 775px var(--accent), 1662px 1488px var(--accent), 617px 1769px var(--accent), 1869px 1292px var(--accent), 963px 432px var(--accent), 371px 1114px var(--accent), 37px 642px var(--accent), 21px 1184px var(--accent), 602px 366px var(--accent), 414px 524px var(--accent), 282px 244px var(--accent), 1689px 868px var(--accent), 943px 681px var(--accent), 898px 679px var(--accent), 449px 1774px var(--accent), 1678px 1313px var(--accent), 475px 1811px var(--accent), 1146px 1509px var(--accent), 1151px 1863px var(--accent), 1617px 846px var(--accent), 82px 1077px var(--accent), 324px 1317px var(--accent), 1516px 885px var(--accent), 1706px 1526px var(--accent), 1925px 1180px var(--accent), 553px 967px var(--accent), 1072px 536px var(--accent), 1715px 1816px var(--accent), 185px 286px var(--accent), 1362px 1600px var(--accent), 628px 1938px var(--accent), 1187px 412px var(--accent), 569px 211px var(--accent), 1959px 1356px var(--accent), 1571px 105px var(--accent), 319px 1111px var(--accent), 36px 1364px var(--accent), 502px 1788px var(--accent), 1051px 1993px var(--accent), 1617px 773px var(--accent), 424px 1507px var(--accent), 1623px 1955px var(--accent), 307px 662px var(--accent), 183px 1048px var(--accent), 1919px 1453px var(--accent), 1006px 1817px var(--accent), 468px 673px var(--accent), 1142px 1375px var(--accent), 1228px 443px var(--accent), 1734px 552px var(--accent), 20px 1041px var(--accent), 1783px 334px var(--accent), 98px 1237px var(--accent), 1356px 1940px var(--accent), 853px 1779px var(--accent), 1910px 560px var(--accent), 1174px 1656px var(--accent), 110px 1724px var(--accent), 542px 1771px var(--accent), 1758px 1931px var(--accent), 1463px 1401px var(--accent), 1155px 84px var(--accent), 1504px 835px var(--accent), 750px 322px var(--accent), 407px 1900px var(--accent), 1600px 1141px var(--accent), 657px 886px var(--accent), 526px 714px var(--accent), 18px 836px var(--accent), 1546px 1548px var(--accent), 22px 469px var(--accent), 594px 1466px var(--accent), 1160px 1078px var(--accent), 627px 1055px var(--accent), 195px 699px var(--accent), 1099px 684px var(--accent), 530px 551px var(--accent), 1160px 1325px var(--accent), 894px 727px var(--accent), 1157px 98px var(--accent), 136px 1483px var(--accent), 1875px 1975px var(--accent), 1803px 566px var(--accent), 318px 1073px var(--accent), 1866px 1656px var(--accent), 543px 414px var(--accent), 719px 474px var(--accent), 1115px 738px var(--accent), 353px 875px var(--accent), 184px 1938px var(--accent), 1854px 1534px var(--accent), 420px 1698px var(--accent), 1480px 1550px var(--accent), 522px 203px var(--accent), 1897px 1904px var(--accent), 975px 1708px var(--accent), 1774px 602px var(--accent), 1908px 274px var(--accent), 61px 715px var(--accent), 983px 1156px var(--accent), 326px 1013px var(--accent), 641px 290px var(--accent), 1522px 120px var(--accent), 405px 1637px var(--accent), 1021px 1099px var(--accent), 631px 1145px var(--accent), 982px 1967px var(--accent), 200px 651px var(--accent), 795px 351px var(--accent), 790px 1082px var(--accent), 144px 1572px var(--accent), 1542px 901px var(--accent), 158px 1524px var(--accent), 849px 1843px var(--accent), 1807px 203px var(--accent), 1747px 45px var(--accent), 1603px 1738px var(--accent), 617px 1966px var(--accent), 342px 748px var(--accent), 1779px 1173px var(--accent), 1428px 152px var(--accent), 589px 1998px var(--accent), 1940px 1838px var(--accent), 115px 272px var(--accent), 1217px 1395px var(--accent), 1402px 1491px var(--accent), 1833px 1814px var(--accent), 243px 966px var(--accent), 319px 578px var(--accent), 813px 364px var(--accent), 669px 882px var(--accent), 551px 134px var(--accent), 1819px 920px var(--accent), 740px 1826px var(--accent), 1021px 952px var(--accent), 1575px 453px var(--accent), 324px 419px var(--accent), 929px 417px var(--accent), 885px 1112px var(--accent), 503px 187px var(--accent), 1908px 362px var(--accent), 1063px 1601px var(--accent), 169px 1792px var(--accent), 789px 963px var(--accent), 1697px 948px var(--accent), 1761px 1810px var(--accent), 1844px 1591px var(--accent), 1709px 949px var(--accent), 1402px 1396px var(--accent), 1037px 225px var(--accent), 1832px 518px var(--accent), 1728px 1782px var(--accent), 194px 1421px var(--accent), 1395px 742px var(--accent), 1478px 1325px var(--accent), 40px 593px var(--accent), 1732px 117px var(--accent), 51px 158px var(--accent), 1598px 1672px var(--accent), 701px 849px var(--accent), 1403px 1979px var(--accent), 145px 1414px var(--accent), 550px 906px var(--accent), 1366px 460px var(--accent), 142px 1379px var(--accent), 34px 1864px var(--accent), 1346px 308px var(--accent), 293px 998px var(--accent), 21px 1868px var(--accent), 540px 1033px var(--accent), 60px 746px var(--accent), 1602px 1476px var(--accent), 180px 804px var(--accent), 345px 1982px var(--accent), 1439px 640px var(--accent), 939px 1834px var(--accent), 20px 432px var(--accent), 492px 1549px var(--accent), 109px 1579px var(--accent), 1796px 1403px var(--accent), 1079px 519px var(--accent), 1664px 389px var(--accent), 1627px 1061px var(--accent), 823px 419px var(--accent), 1399px 1882px var(--accent), 1906px 344px var(--accent), 1189px 848px var(--accent), 117px 882px var(--accent), 1262px 33px var(--accent), 1048px 434px var(--accent), 1208px 1309px var(--accent), 1616px 408px var(--accent), 1833px 853px var(--accent), 1433px 1656px var(--accent), 811px 1861px var(--accent), 439px 1672px var(--accent), 1105px 248px var(--accent), 328px 1652px var(--accent), 13px 1658px var(--accent), 685px 987px var(--accent), 985px 403px var(--accent), 1664px 1206px var(--accent), 1993px 1925px var(--accent), 440px 917px var(--accent), 1835px 319px var(--accent), 1404px 1907px var(--accent), 624px 1443px var(--accent), 843px 954px var(--accent), 478px 1567px var(--accent), 895px 1602px var(--accent), 1231px 871px var(--accent), 1267px 1646px var(--accent), 475px 334px var(--accent), 784px 796px var(--accent), 1294px 199px var(--accent), 109px 702px var(--accent), 1978px 362px var(--accent), 291px 940px var(--accent), 971px 1343px var(--accent), 74px 719px var(--accent), 36px 715px var(--accent), 1007px 1423px var(--accent), 860px 314px var(--accent), 631px 177px var(--accent), 1900px 1590px var(--accent), 1239px 1348px var(--accent), 1346px 1270px var(--accent), 1934px 1475px var(--accent), 1553px 559px var(--accent), 588px 1969px var(--accent), 670px 1269px var(--accent), 1484px 376px var(--accent), 20px 1424px var(--accent), 1396px 8px var(--accent), 969px 244px var(--accent), 1807px 538px var(--accent), 1873px 891px var(--accent), 636px 1142px var(--accent), 1474px 1562px var(--accent), 763px 350px var(--accent), 663px 700px var(--accent), 500px 1469px var(--accent), 1302px 722px var(--accent), 181px 291px var(--accent), 266px 893px var(--accent), 1403px 654px var(--accent), 492px 460px var(--accent), 1503px 1369px var(--accent), 23px 1662px var(--accent), 349px 333px var(--accent), 1435px 1017px var(--accent), 1441px 705px var(--accent), 1708px 1446px var(--accent), 1041px 911px var(--accent), 1063px 780px var(--accent), 1158px 1356px var(--accent), 767px 1454px var(--accent), 1912px 797px var(--accent), 1731px 1759px var(--accent), 1378px 1390px var(--accent), 1815px 1364px var(--accent), 960px 270px var(--accent), 1343px 427px var(--accent), 275px 203px var(--accent), 1319px 1092px var(--accent), 1455px 770px var(--accent), 283px 1503px var(--accent), 1505px 901px var(--accent), 1738px 1561px var(--accent), 1526px 1935px var(--accent), 1757px 669px var(--accent), 1640px 620px var(--accent), 1750px 722px var(--accent), 748px 66px var(--accent), 1149px 540px var(--accent), 159px 953px var(--accent), 200px 1426px var(--accent), 515px 1110px var(--accent), 1552px 737px var(--accent), 1094px 1459px var(--accent), 778px 799px var(--accent), 1031px 523px var(--accent), 743px 1825px var(--accent), 1100px 882px var(--accent), 1088px 1836px var(--accent), 255px 599px var(--accent), 67px 1361px var(--accent), 247px 1721px var(--accent), 1722px 346px var(--accent), 1822px 155px var(--accent), 452px 1973px var(--accent), 415px 1960px var(--accent), 1109px 57px var(--accent), 273px 1392px var(--accent), 404px 1071px var(--accent), 1212px 353px var(--accent), 370px 460px var(--accent), 795px 1523px var(--accent), 1932px 340px var(--accent), 51px 1473px var(--accent), 1268px 364px var(--accent), 1512px 1862px var(--accent), 1678px 1801px var(--accent), 1796px 579px var(--accent), 254px 251px var(--accent), 1466px 1717px var(--accent), 893px 379px var(--accent), 1153px 923px var(--accent), 913px 1808px var(--accent), 791px 789px var(--accent), 417px 1924px var(--accent), 1336px 1599px var(--accent), 1695px 908px var(--accent), 1120px 114px var(--accent), 493px 1949px var(--accent), 68px 1905px var(--accent), 969px 481px var(--accent), 1420px 1095px var(--accent), 800px 1117px var(--accent), 390px 234px var(--accent), 356px 1644px var(--accent), 1098px 1486px var(--accent), 1360px 521px var(--accent), 149px 1198px var(--accent), 354px 747px var(--accent), 1749px 487px var(--accent), 470px 76px var(--accent), 1672px 289px var(--accent), 1731px 545px var(--accent), 1547px 1590px var(--accent), 498px 692px var(--accent), 398px 1592px var(--accent), 1846px 1237px var(--accent), 1537px 1474px var(--accent), 1726px 1374px var(--accent), 1922px 858px var(--accent), 376px 321px var(--accent), 985px 227px var(--accent), 234px 1421px var(--accent), 760px 745px var(--accent), 1990px 1132px var(--accent), 1560px 1597px var(--accent), 338px 1310px var(--accent), 1924px 1664px var(--accent), 547px 1747px var(--accent), 1639px 1282px var(--accent), 1202px 337px var(--accent), 1985px 779px var(--accent), 737px 456px var(--accent), 89px 501px var(--accent), 963px 792px var(--accent), 655px 1447px var(--accent), 1492px 1994px var(--accent), 1171px 254px var(--accent), 892px 827px var(--accent), 1735px 442px var(--accent), 1474px 1187px var(--accent), 846px 1518px var(--accent), 557px 1805px var(--accent), 738px 945px var(--accent), 795px 68px var(--accent), 663px 1956px var(--accent), 1607px 290px var(--accent), 1524px 15px var(--accent), 1097px 1911px var(--accent), 157px 1939px var(--accent), 935px 1065px var(--accent), 1809px 1708px var(--accent), 164px 1157px var(--accent), 83px 855px var(--accent), 625px 501px var(--accent), 814px 398px var(--accent), 552px 695px var(--accent), 597px 1546px var(--accent), 1237px 1417px var(--accent), 628px 284px var(--accent), 866px 767px var(--accent), 1403px 1394px var(--accent), 765px 1563px var(--accent), 1648px 109px var(--accent), 1205px 1659px var(--accent), 921px 1313px var(--accent), 1319px 243px var(--accent), 18px 125px var(--accent), 7px 777px var(--accent), 181px 418px var(--accent), 1062px 1892px var(--accent), 382px 106px var(--accent), 994px 751px var(--accent), 964px 234px var(--accent), 40px 118px var(--accent), 278px 706px var(--accent), 1540px 1978px var(--accent), 425px 1661px var(--accent), 1050px 321px var(--accent), 735px 1729px var(--accent), 1438px 260px var(--accent), 1229px 1109px var(--accent), 186px 1041px var(--accent), 244px 1184px var(--accent), 392px 1472px var(--accent), 670px 1249px var(--accent), 1260px 1443px var(--accent), 1977px 1511px var(--accent), 1240px 773px var(--accent), 303px 513px var(--accent), 63px 1530px var(--accent), 610px 792px var(--accent), 1987px 1647px var(--accent), 676px 1597px var(--accent), 1740px 1244px var(--accent), 816px 1661px var(--accent), 351px 802px var(--accent), 252px 1082px var(--accent), 31px 365px var(--accent), 1453px 984px var(--accent), 667px 1233px var(--accent), 1247px 1800px var(--accent), 839px 270px var(--accent), 775px 913px var(--accent), 1966px 1398px var(--accent), 499px 813px var(--accent), 922px 1982px var(--accent), 1409px 1902px var(--accent), 1499px 1766px var(--accent), 721px 899px var(--accent), 788px 807px var(--accent), 989px 1355px var(--accent), 1248px 1274px var(--accent), 849px 1091px var(--accent), 1799px 1036px var(--accent), 1486px 700px var(--accent), 170px 1989px var(--accent), 1275px 799px var(--accent), 772px 2000px var(--accent), 1642px 362px var(--accent), 216px 940px var(--accent), 1893px 281px var(--accent), 1944px 1298px var(--accent), 1294px 400px var(--accent), 1523px 441px var(--accent), 1829px 340px var(--accent), 468px 170px var(--accent), 1099px 967px var(--accent), 1331px 665px var(--accent), 1174px 1553px var(--accent), 1567px 325px var(--accent), 1028px 1399px var(--accent), 781px 1451px var(--accent), 1912px 1954px var(--accent), 874px 873px var(--accent), 1298px 1722px var(--accent), 1879px 706px var(--accent), 57px 1221px var(--accent), 1116px 1432px var(--accent), 48px 811px var(--accent), 101px 916px var(--accent), 677px 304px var(--accent), 1203px 639px var(--accent), 1391px 199px var(--accent), 1895px 1988px var(--accent), 1462px 1023px var(--accent), 1216px 1751px var(--accent), 1261px 663px var(--accent), 1290px 1119px var(--accent), 137px 1793px var(--accent), 1052px 1470px var(--accent), 1561px 226px var(--accent), 1156px 402px var(--accent), 709px 693px var(--accent), 1040px 1911px var(--accent), 1624px 1115px var(--accent), 551px 475px var(--accent), 416px 1090px var(--accent), 1183px 451px var(--accent), 58px 765px var(--accent), 743px 1016px var(--accent), 198px 369px var(--accent), 1645px 1503px var(--accent), 997px 22px var(--accent), 1447px 1323px var(--accent), 379px 883px var(--accent), 1171px 1195px var(--accent), 919px 133px var(--accent), 1400px 517px var(--accent), 725px 804px var(--accent), 1600px 699px var(--accent), 357px 581px var(--accent), 266px 1713px var(--accent), 848px 1749px var(--accent), 1963px 1045px var(--accent), 119px 1136px var(--accent);
    -webkit-animation: animStar 50s linear infinite;
    -moz-animation: animStar 50s linear infinite;
    -ms-animation: animStar 50s linear infinite;
    animation: animStar 50s linear infinite;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 117px 1613px var(--accent), 1488px 635px var(--accent), 944px 914px var(--accent), 647px 277px var(--accent), 1792px 1205px var(--accent), 656px 1517px var(--accent), 820px 1839px var(--accent), 1153px 1400px var(--accent), 870px 13px var(--accent), 550px 702px var(--accent), 1155px 1056px var(--accent), 88px 1709px var(--accent), 1450px 1090px var(--accent), 1929px 457px var(--accent), 1390px 905px var(--accent), 1771px 269px var(--accent), 1741px 669px var(--accent), 432px 64px var(--accent), 563px 996px var(--accent), 1918px 1873px var(--accent), 1845px 1211px var(--accent), 231px 1503px var(--accent), 37px 220px var(--accent), 1970px 495px var(--accent), 1812px 925px var(--accent), 67px 1398px var(--accent), 535px 279px var(--accent), 1837px 829px var(--accent), 1945px 685px var(--accent), 1677px 1817px var(--accent), 1317px 1415px var(--accent), 1785px 905px var(--accent), 1787px 1554px var(--accent), 802px 1296px var(--accent), 512px 1101px var(--accent), 583px 1364px var(--accent), 336px 558px var(--accent), 979px 334px var(--accent), 106px 792px var(--accent), 204px 34px var(--accent), 1845px 1763px var(--accent), 445px 1599px var(--accent), 386px 453px var(--accent), 471px 952px var(--accent), 1466px 1676px var(--accent), 1885px 303px var(--accent), 51px 1717px var(--accent), 1211px 299px var(--accent), 1546px 1887px var(--accent), 1067px 33px var(--accent), 1088px 1326px var(--accent), 1938px 760px var(--accent), 470px 648px var(--accent), 1213px 269px var(--accent), 1767px 78px var(--accent), 977px 976px var(--accent), 1926px 175px var(--accent), 722px 1512px var(--accent), 945px 227px var(--accent), 1811px 99px var(--accent), 1912px 1406px var(--accent), 1602px 1243px var(--accent), 610px 449px var(--accent), 654px 1393px var(--accent), 1930px 1193px var(--accent), 258px 1184px var(--accent), 89px 265px var(--accent), 824px 1494px var(--accent), 1506px 1435px var(--accent), 1027px 753px var(--accent), 1px 1197px var(--accent), 530px 1161px var(--accent), 864px 1555px var(--accent), 1610px 1604px var(--accent), 1035px 1114px var(--accent), 1456px 133px var(--accent), 1196px 1253px var(--accent), 361px 1037px var(--accent), 834px 351px var(--accent), 436px 1676px var(--accent), 1194px 1007px var(--accent), 1141px 647px var(--accent), 319px 454px var(--accent), 937px 1769px var(--accent), 1872px 1013px var(--accent), 733px 643px var(--accent), 1250px 511px var(--accent), 189px 296px var(--accent), 1639px 163px var(--accent), 1584px 336px var(--accent), 1912px 1343px var(--accent), 1298px 1307px var(--accent), 1750px 902px var(--accent), 1129px 845px var(--accent), 1899px 1470px var(--accent), 1427px 232px var(--accent), 1391px 838px var(--accent), 1225px 1819px var(--accent), 190px 1366px var(--accent), 1865px 518px var(--accent), 203px 1383px var(--accent), 1455px 614px var(--accent), 423px 354px var(--accent), 1678px 1790px var(--accent), 241px 608px var(--accent), 1089px 730px var(--accent), 1342px 38px var(--accent), 1848px 249px var(--accent), 1874px 1785px var(--accent), 1040px 1837px var(--accent), 751px 261px var(--accent), 510px 1975px var(--accent), 52px 795px var(--accent), 1786px 1310px var(--accent), 498px 712px var(--accent), 190px 375px var(--accent), 1341px 722px var(--accent), 43px 1394px var(--accent), 1821px 1687px var(--accent), 106px 130px var(--accent), 1717px 1978px var(--accent), 168px 151px var(--accent), 183px 740px var(--accent), 945px 1381px var(--accent), 669px 1170px var(--accent), 1285px 1816px var(--accent), 110px 1217px var(--accent), 1623px 813px var(--accent), 869px 647px var(--accent), 867px 582px var(--accent), 735px 1240px var(--accent), 519px 1896px var(--accent), 132px 156px var(--accent), 1649px 193px var(--accent), 241px 1109px var(--accent), 643px 484px var(--accent), 574px 1282px var(--accent), 1952px 564px var(--accent), 1978px 145px var(--accent), 329px 903px var(--accent), 1674px 617px var(--accent), 1978px 558px var(--accent), 1808px 1715px var(--accent), 1526px 1238px var(--accent), 475px 1330px var(--accent), 810px 425px var(--accent), 1709px 634px var(--accent), 1658px 336px var(--accent), 425px 194px var(--accent), 352px 96px var(--accent), 148px 180px var(--accent), 1139px 1046px var(--accent), 1809px 1233px var(--accent), 1669px 171px var(--accent), 263px 1394px var(--accent), 534px 715px var(--accent), 396px 1008px var(--accent), 589px 1445px var(--accent), 1190px 381px var(--accent), 1709px 279px var(--accent), 520px 891px var(--accent), 1136px 1867px var(--accent), 1280px 1233px var(--accent), 836px 296px var(--accent), 1348px 646px var(--accent), 1539px 913px var(--accent), 423px 781px var(--accent), 1271px 1805px var(--accent), 696px 564px var(--accent), 1549px 804px var(--accent), 303px 1555px var(--accent), 1449px 1903px var(--accent), 66px 687px var(--accent), 1164px 856px var(--accent), 1958px 1326px var(--accent), 125px 157px var(--accent), 508px 1669px var(--accent), 465px 725px var(--accent), 1925px 1440px var(--accent), 405px 793px var(--accent), 278px 110px var(--accent), 1084px 1065px var(--accent), 1077px 705px var(--accent), 663px 1844px var(--accent), 734px 263px var(--accent), 870px 1761px var(--accent), 103px 1169px var(--accent), 1506px 1295px var(--accent), 1883px 926px var(--accent), 335px 1361px var(--accent), 1126px 1284px var(--accent), 257px 1165px var(--accent), 837px 580px var(--accent), 1211px 1362px var(--accent), 1137px 1380px var(--accent), 135px 632px var(--accent), 1491px 1965px var(--accent), 1098px 195px var(--accent), 506px 417px var(--accent), 693px 1243px var(--accent), 622px 1862px var(--accent), 1412px 1343px var(--accent), 948px 1894px var(--accent), 1315px 1363px var(--accent), 754px 1098px var(--accent), 1931px 930px var(--accent), 1831px 342px var(--accent), 1751px 1839px var(--accent), 84px 775px var(--accent), 1662px 1488px var(--accent), 617px 1769px var(--accent), 1869px 1292px var(--accent), 963px 432px var(--accent), 371px 1114px var(--accent), 37px 642px var(--accent), 21px 1184px var(--accent), 602px 366px var(--accent), 414px 524px var(--accent), 282px 244px var(--accent), 1689px 868px var(--accent), 943px 681px var(--accent), 898px 679px var(--accent), 449px 1774px var(--accent), 1678px 1313px var(--accent), 475px 1811px var(--accent), 1146px 1509px var(--accent), 1151px 1863px var(--accent), 1617px 846px var(--accent), 82px 1077px var(--accent), 324px 1317px var(--accent), 1516px 885px var(--accent), 1706px 1526px var(--accent), 1925px 1180px var(--accent), 553px 967px var(--accent), 1072px 536px var(--accent), 1715px 1816px var(--accent), 185px 286px var(--accent), 1362px 1600px var(--accent), 628px 1938px var(--accent), 1187px 412px var(--accent), 569px 211px var(--accent), 1959px 1356px var(--accent), 1571px 105px var(--accent), 319px 1111px var(--accent), 36px 1364px var(--accent), 502px 1788px var(--accent), 1051px 1993px var(--accent), 1617px 773px var(--accent), 424px 1507px var(--accent), 1623px 1955px var(--accent), 307px 662px var(--accent), 183px 1048px var(--accent), 1919px 1453px var(--accent), 1006px 1817px var(--accent), 468px 673px var(--accent), 1142px 1375px var(--accent), 1228px 443px var(--accent), 1734px 552px var(--accent), 20px 1041px var(--accent), 1783px 334px var(--accent), 98px 1237px var(--accent), 1356px 1940px var(--accent), 853px 1779px var(--accent), 1910px 560px var(--accent), 1174px 1656px var(--accent), 110px 1724px var(--accent), 542px 1771px var(--accent), 1758px 1931px var(--accent), 1463px 1401px var(--accent), 1155px 84px var(--accent), 1504px 835px var(--accent), 750px 322px var(--accent), 407px 1900px var(--accent), 1600px 1141px var(--accent), 657px 886px var(--accent), 526px 714px var(--accent), 18px 836px var(--accent), 1546px 1548px var(--accent), 22px 469px var(--accent), 594px 1466px var(--accent), 1160px 1078px var(--accent), 627px 1055px var(--accent), 195px 699px var(--accent), 1099px 684px var(--accent), 530px 551px var(--accent), 1160px 1325px var(--accent), 894px 727px var(--accent), 1157px 98px var(--accent), 136px 1483px var(--accent), 1875px 1975px var(--accent), 1803px 566px var(--accent), 318px 1073px var(--accent), 1866px 1656px var(--accent), 543px 414px var(--accent), 719px 474px var(--accent), 1115px 738px var(--accent), 353px 875px var(--accent), 184px 1938px var(--accent), 1854px 1534px var(--accent), 420px 1698px var(--accent), 1480px 1550px var(--accent), 522px 203px var(--accent), 1897px 1904px var(--accent), 975px 1708px var(--accent), 1774px 602px var(--accent), 1908px 274px var(--accent), 61px 715px var(--accent), 983px 1156px var(--accent), 326px 1013px var(--accent), 641px 290px var(--accent), 1522px 120px var(--accent), 405px 1637px var(--accent), 1021px 1099px var(--accent), 631px 1145px var(--accent), 982px 1967px var(--accent), 200px 651px var(--accent), 795px 351px var(--accent), 790px 1082px var(--accent), 144px 1572px var(--accent), 1542px 901px var(--accent), 158px 1524px var(--accent), 849px 1843px var(--accent), 1807px 203px var(--accent), 1747px 45px var(--accent), 1603px 1738px var(--accent), 617px 1966px var(--accent), 342px 748px var(--accent), 1779px 1173px var(--accent), 1428px 152px var(--accent), 589px 1998px var(--accent), 1940px 1838px var(--accent), 115px 272px var(--accent), 1217px 1395px var(--accent), 1402px 1491px var(--accent), 1833px 1814px var(--accent), 243px 966px var(--accent), 319px 578px var(--accent), 813px 364px var(--accent), 669px 882px var(--accent), 551px 134px var(--accent), 1819px 920px var(--accent), 740px 1826px var(--accent), 1021px 952px var(--accent), 1575px 453px var(--accent), 324px 419px var(--accent), 929px 417px var(--accent), 885px 1112px var(--accent), 503px 187px var(--accent), 1908px 362px var(--accent), 1063px 1601px var(--accent), 169px 1792px var(--accent), 789px 963px var(--accent), 1697px 948px var(--accent), 1761px 1810px var(--accent), 1844px 1591px var(--accent), 1709px 949px var(--accent), 1402px 1396px var(--accent), 1037px 225px var(--accent), 1832px 518px var(--accent), 1728px 1782px var(--accent), 194px 1421px var(--accent), 1395px 742px var(--accent), 1478px 1325px var(--accent), 40px 593px var(--accent), 1732px 117px var(--accent), 51px 158px var(--accent), 1598px 1672px var(--accent), 701px 849px var(--accent), 1403px 1979px var(--accent), 145px 1414px var(--accent), 550px 906px var(--accent), 1366px 460px var(--accent), 142px 1379px var(--accent), 34px 1864px var(--accent), 1346px 308px var(--accent), 293px 998px var(--accent), 21px 1868px var(--accent), 540px 1033px var(--accent), 60px 746px var(--accent), 1602px 1476px var(--accent), 180px 804px var(--accent), 345px 1982px var(--accent), 1439px 640px var(--accent), 939px 1834px var(--accent), 20px 432px var(--accent), 492px 1549px var(--accent), 109px 1579px var(--accent), 1796px 1403px var(--accent), 1079px 519px var(--accent), 1664px 389px var(--accent), 1627px 1061px var(--accent), 823px 419px var(--accent), 1399px 1882px var(--accent), 1906px 344px var(--accent), 1189px 848px var(--accent), 117px 882px var(--accent), 1262px 33px var(--accent), 1048px 434px var(--accent), 1208px 1309px var(--accent), 1616px 408px var(--accent), 1833px 853px var(--accent), 1433px 1656px var(--accent), 811px 1861px var(--accent), 439px 1672px var(--accent), 1105px 248px var(--accent), 328px 1652px var(--accent), 13px 1658px var(--accent), 685px 987px var(--accent), 985px 403px var(--accent), 1664px 1206px var(--accent), 1993px 1925px var(--accent), 440px 917px var(--accent), 1835px 319px var(--accent), 1404px 1907px var(--accent), 624px 1443px var(--accent), 843px 954px var(--accent), 478px 1567px var(--accent), 895px 1602px var(--accent), 1231px 871px var(--accent), 1267px 1646px var(--accent), 475px 334px var(--accent), 784px 796px var(--accent), 1294px 199px var(--accent), 109px 702px var(--accent), 1978px 362px var(--accent), 291px 940px var(--accent), 971px 1343px var(--accent), 74px 719px var(--accent), 36px 715px var(--accent), 1007px 1423px var(--accent), 860px 314px var(--accent), 631px 177px var(--accent), 1900px 1590px var(--accent), 1239px 1348px var(--accent), 1346px 1270px var(--accent), 1934px 1475px var(--accent), 1553px 559px var(--accent), 588px 1969px var(--accent), 670px 1269px var(--accent), 1484px 376px var(--accent), 20px 1424px var(--accent), 1396px 8px var(--accent), 969px 244px var(--accent), 1807px 538px var(--accent), 1873px 891px var(--accent), 636px 1142px var(--accent), 1474px 1562px var(--accent), 763px 350px var(--accent), 663px 700px var(--accent), 500px 1469px var(--accent), 1302px 722px var(--accent), 181px 291px var(--accent), 266px 893px var(--accent), 1403px 654px var(--accent), 492px 460px var(--accent), 1503px 1369px var(--accent), 23px 1662px var(--accent), 349px 333px var(--accent), 1435px 1017px var(--accent), 1441px 705px var(--accent), 1708px 1446px var(--accent), 1041px 911px var(--accent), 1063px 780px var(--accent), 1158px 1356px var(--accent), 767px 1454px var(--accent), 1912px 797px var(--accent), 1731px 1759px var(--accent), 1378px 1390px var(--accent), 1815px 1364px var(--accent), 960px 270px var(--accent), 1343px 427px var(--accent), 275px 203px var(--accent), 1319px 1092px var(--accent), 1455px 770px var(--accent), 283px 1503px var(--accent), 1505px 901px var(--accent), 1738px 1561px var(--accent), 1526px 1935px var(--accent), 1757px 669px var(--accent), 1640px 620px var(--accent), 1750px 722px var(--accent), 748px 66px var(--accent), 1149px 540px var(--accent), 159px 953px var(--accent), 200px 1426px var(--accent), 515px 1110px var(--accent), 1552px 737px var(--accent), 1094px 1459px var(--accent), 778px 799px var(--accent), 1031px 523px var(--accent), 743px 1825px var(--accent), 1100px 882px var(--accent), 1088px 1836px var(--accent), 255px 599px var(--accent), 67px 1361px var(--accent), 247px 1721px var(--accent), 1722px 346px var(--accent), 1822px 155px var(--accent), 452px 1973px var(--accent), 415px 1960px var(--accent), 1109px 57px var(--accent), 273px 1392px var(--accent), 404px 1071px var(--accent), 1212px 353px var(--accent), 370px 460px var(--accent), 795px 1523px var(--accent), 1932px 340px var(--accent), 51px 1473px var(--accent), 1268px 364px var(--accent), 1512px 1862px var(--accent), 1678px 1801px var(--accent), 1796px 579px var(--accent), 254px 251px var(--accent), 1466px 1717px var(--accent), 893px 379px var(--accent), 1153px 923px var(--accent), 913px 1808px var(--accent), 791px 789px var(--accent), 417px 1924px var(--accent), 1336px 1599px var(--accent), 1695px 908px var(--accent), 1120px 114px var(--accent), 493px 1949px var(--accent), 68px 1905px var(--accent), 969px 481px var(--accent), 1420px 1095px var(--accent), 800px 1117px var(--accent), 390px 234px var(--accent), 356px 1644px var(--accent), 1098px 1486px var(--accent), 1360px 521px var(--accent), 149px 1198px var(--accent), 354px 747px var(--accent), 1749px 487px var(--accent), 470px 76px var(--accent), 1672px 289px var(--accent), 1731px 545px var(--accent), 1547px 1590px var(--accent), 498px 692px var(--accent), 398px 1592px var(--accent), 1846px 1237px var(--accent), 1537px 1474px var(--accent), 1726px 1374px var(--accent), 1922px 858px var(--accent), 376px 321px var(--accent), 985px 227px var(--accent), 234px 1421px var(--accent), 760px 745px var(--accent), 1990px 1132px var(--accent), 1560px 1597px var(--accent), 338px 1310px var(--accent), 1924px 1664px var(--accent), 547px 1747px var(--accent), 1639px 1282px var(--accent), 1202px 337px var(--accent), 1985px 779px var(--accent), 737px 456px var(--accent), 89px 501px var(--accent), 963px 792px var(--accent), 655px 1447px var(--accent), 1492px 1994px var(--accent), 1171px 254px var(--accent), 892px 827px var(--accent), 1735px 442px var(--accent), 1474px 1187px var(--accent), 846px 1518px var(--accent), 557px 1805px var(--accent), 738px 945px var(--accent), 795px 68px var(--accent), 663px 1956px var(--accent), 1607px 290px var(--accent), 1524px 15px var(--accent), 1097px 1911px var(--accent), 157px 1939px var(--accent), 935px 1065px var(--accent), 1809px 1708px var(--accent), 164px 1157px var(--accent), 83px 855px var(--accent), 625px 501px var(--accent), 814px 398px var(--accent), 552px 695px var(--accent), 597px 1546px var(--accent), 1237px 1417px var(--accent), 628px 284px var(--accent), 866px 767px var(--accent), 1403px 1394px var(--accent), 765px 1563px var(--accent), 1648px 109px var(--accent), 1205px 1659px var(--accent), 921px 1313px var(--accent), 1319px 243px var(--accent), 18px 125px var(--accent), 7px 777px var(--accent), 181px 418px var(--accent), 1062px 1892px var(--accent), 382px 106px var(--accent), 994px 751px var(--accent), 964px 234px var(--accent), 40px 118px var(--accent), 278px 706px var(--accent), 1540px 1978px var(--accent), 425px 1661px var(--accent), 1050px 321px var(--accent), 735px 1729px var(--accent), 1438px 260px var(--accent), 1229px 1109px var(--accent), 186px 1041px var(--accent), 244px 1184px var(--accent), 392px 1472px var(--accent), 670px 1249px var(--accent), 1260px 1443px var(--accent), 1977px 1511px var(--accent), 1240px 773px var(--accent), 303px 513px var(--accent), 63px 1530px var(--accent), 610px 792px var(--accent), 1987px 1647px var(--accent), 676px 1597px var(--accent), 1740px 1244px var(--accent), 816px 1661px var(--accent), 351px 802px var(--accent), 252px 1082px var(--accent), 31px 365px var(--accent), 1453px 984px var(--accent), 667px 1233px var(--accent), 1247px 1800px var(--accent), 839px 270px var(--accent), 775px 913px var(--accent), 1966px 1398px var(--accent), 499px 813px var(--accent), 922px 1982px var(--accent), 1409px 1902px var(--accent), 1499px 1766px var(--accent), 721px 899px var(--accent), 788px 807px var(--accent), 989px 1355px var(--accent), 1248px 1274px var(--accent), 849px 1091px var(--accent), 1799px 1036px var(--accent), 1486px 700px var(--accent), 170px 1989px var(--accent), 1275px 799px var(--accent), 772px 2000px var(--accent), 1642px 362px var(--accent), 216px 940px var(--accent), 1893px 281px var(--accent), 1944px 1298px var(--accent), 1294px 400px var(--accent), 1523px 441px var(--accent), 1829px 340px var(--accent), 468px 170px var(--accent), 1099px 967px var(--accent), 1331px 665px var(--accent), 1174px 1553px var(--accent), 1567px 325px var(--accent), 1028px 1399px var(--accent), 781px 1451px var(--accent), 1912px 1954px var(--accent), 874px 873px var(--accent), 1298px 1722px var(--accent), 1879px 706px var(--accent), 57px 1221px var(--accent), 1116px 1432px var(--accent), 48px 811px var(--accent), 101px 916px var(--accent), 677px 304px var(--accent), 1203px 639px var(--accent), 1391px 199px var(--accent), 1895px 1988px var(--accent), 1462px 1023px var(--accent), 1216px 1751px var(--accent), 1261px 663px var(--accent), 1290px 1119px var(--accent), 137px 1793px var(--accent), 1052px 1470px var(--accent), 1561px 226px var(--accent), 1156px 402px var(--accent), 709px 693px var(--accent), 1040px 1911px var(--accent), 1624px 1115px var(--accent), 551px 475px var(--accent), 416px 1090px var(--accent), 1183px 451px var(--accent), 58px 765px var(--accent), 743px 1016px var(--accent), 198px 369px var(--accent), 1645px 1503px var(--accent), 997px 22px var(--accent), 1447px 1323px var(--accent), 379px 883px var(--accent), 1171px 1195px var(--accent), 919px 133px var(--accent), 1400px 517px var(--accent), 725px 804px var(--accent), 1600px 699px var(--accent), 357px 581px var(--accent), 266px 1713px var(--accent), 848px 1749px var(--accent), 1963px 1045px var(--accent), 119px 1136px var(--accent);
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1117px 1306px var(--accent), 1078px 1783px var(--accent), 1179px 1085px var(--accent), 1145px 920px var(--accent), 422px 1233px var(--accent), 387px 98px var(--accent), 1153px 637px var(--accent), 1084px 782px var(--accent), 476px 453px var(--accent), 926px 1306px var(--accent), 60px 1086px var(--accent), 753px 1575px var(--accent), 272px 1684px var(--accent), 1285px 750px var(--accent), 1416px 1327px var(--accent), 1931px 473px var(--accent), 736px 1395px var(--accent), 1816px 763px var(--accent), 438px 879px var(--accent), 665px 1902px var(--accent), 1341px 677px var(--accent), 1404px 1073px var(--accent), 100px 597px var(--accent), 357px 1689px var(--accent), 1044px 1342px var(--accent), 1954px 502px var(--accent), 1192px 1308px var(--accent), 540px 1239px var(--accent), 1360px 552px var(--accent), 89px 752px var(--accent), 659px 1253px var(--accent), 62px 517px var(--accent), 1375px 1705px var(--accent), 1343px 1511px var(--accent), 1659px 1922px var(--accent), 1560px 289px var(--accent), 1362px 1799px var(--accent), 1886px 1480px var(--accent), 1718px 1885px var(--accent), 824px 738px var(--accent), 1060px 1370px var(--accent), 1781px 1171px var(--accent), 255px 273px var(--accent), 1197px 120px var(--accent), 213px 7px var(--accent), 1226px 1920px var(--accent), 1844px 207px var(--accent), 1675px 970px var(--accent), 1435px 1283px var(--accent), 37px 353px var(--accent), 59px 417px var(--accent), 921px 1602px var(--accent), 1549px 1490px var(--accent), 638px 1845px var(--accent), 1328px 198px var(--accent), 1050px 1149px var(--accent), 1884px 711px var(--accent), 333px 263px var(--accent), 342px 1508px var(--accent), 1388px 1810px var(--accent), 1377px 1558px var(--accent), 890px 487px var(--accent), 1081px 759px var(--accent), 890px 1515px var(--accent), 911px 1284px var(--accent), 335px 735px var(--accent), 1140px 549px var(--accent), 1239px 1064px var(--accent), 226px 71px var(--accent), 1100px 1278px var(--accent), 1851px 1805px var(--accent), 1370px 1999px var(--accent), 1008px 1122px var(--accent), 785px 813px var(--accent), 1358px 601px var(--accent), 1833px 1305px var(--accent), 1768px 1304px var(--accent), 1303px 532px var(--accent), 860px 598px var(--accent), 1329px 593px var(--accent), 1038px 1088px var(--accent), 408px 405px var(--accent), 965px 82px var(--accent), 1483px 1438px var(--accent), 310px 1479px var(--accent), 1786px 1500px var(--accent), 1866px 852px var(--accent), 18px 1757px var(--accent), 1473px 1004px var(--accent), 1542px 1933px var(--accent), 633px 1970px var(--accent), 1334px 1713px var(--accent), 175px 28px var(--accent), 592px 894px var(--accent), 121px 1162px var(--accent), 1601px 1567px var(--accent), 1095px 657px var(--accent), 640px 1233px var(--accent), 1073px 1255px var(--accent), 840px 1087px var(--accent), 718px 250px var(--accent), 967px 709px var(--accent), 731px 239px var(--accent), 1623px 593px var(--accent), 1058px 1820px var(--accent), 516px 1898px var(--accent), 666px 12px var(--accent), 1997px 1382px var(--accent), 112px 1690px var(--accent), 687px 1309px var(--accent), 63px 539px var(--accent), 185px 1897px var(--accent), 1055px 1691px var(--accent), 435px 1517px var(--accent), 1175px 1119px var(--accent), 1721px 133px var(--accent), 1212px 47px var(--accent), 166px 18px var(--accent), 1416px 1652px var(--accent), 1409px 1745px var(--accent), 1357px 1232px var(--accent), 1677px 1998px var(--accent), 448px 1415px var(--accent), 705px 1736px var(--accent), 1031px 1466px var(--accent), 543px 1651px var(--accent), 1592px 1888px var(--accent), 1749px 1175px var(--accent), 639px 1114px var(--accent), 1591px 508px var(--accent), 759px 1244px var(--accent), 824px 380px var(--accent), 942px 955px var(--accent), 723px 732px var(--accent), 113px 1369px var(--accent), 203px 1739px var(--accent), 868px 733px var(--accent), 713px 971px var(--accent), 341px 833px var(--accent), 762px 824px var(--accent), 1359px 310px var(--accent), 1858px 1349px var(--accent), 1531px 692px var(--accent), 1075px 1512px var(--accent), 1677px 142px var(--accent), 1912px 1478px var(--accent), 1810px 1078px var(--accent), 426px 844px var(--accent), 1426px 588px var(--accent), 1909px 654px var(--accent), 1107px 295px var(--accent), 1351px 527px var(--accent), 1393px 599px var(--accent), 1379px 1068px var(--accent), 228px 1846px var(--accent), 1271px 374px var(--accent), 1348px 612px var(--accent), 7px 1301px var(--accent), 1501px 1782px var(--accent), 1795px 423px var(--accent), 1475px 1918px var(--accent), 1328px 1861px var(--accent), 1624px 51px var(--accent), 1791px 672px var(--accent), 1594px 1467px var(--accent), 1655px 1603px var(--accent), 919px 850px var(--accent), 523px 609px var(--accent), 1196px 207px var(--accent), 753px 410px var(--accent), 686px 1097px var(--accent), 1570px 133px var(--accent), 1996px 1137px var(--accent), 361px 116px var(--accent), 1015px 462px var(--accent), 76px 1143px var(--accent), 491px 1818px var(--accent), 1563px 795px var(--accent), 982px 1721px var(--accent), 831px 1204px var(--accent), 1737px 589px var(--accent), 861px 1579px var(--accent), 1666px 130px var(--accent), 698px 1799px var(--accent), 726px 1519px var(--accent), 109px 1208px var(--accent), 1184px 1057px var(--accent), 835px 451px var(--accent), 896px 594px var(--accent), 35px 893px var(--accent), 895px 542px var(--accent), 706px 225px var(--accent), 56px 1040px var(--accent), 1954px 108px var(--accent), 1439px 1423px var(--accent), 26px 1881px var(--accent), 802px 1564px var(--accent), 273px 708px var(--accent), 40px 31px var(--accent), 859px 108px var(--accent);
    -webkit-animation: animStar 100s linear infinite;
    -moz-animation: animStar 100s linear infinite;
    -ms-animation: animStar 100s linear infinite;
    animation: animStar 100s linear infinite;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1117px 1306px var(--accent), 1078px 1783px var(--accent), 1179px 1085px var(--accent), 1145px 920px var(--accent), 422px 1233px var(--accent), 387px 98px var(--accent), 1153px 637px var(--accent), 1084px 782px var(--accent), 476px 453px var(--accent), 926px 1306px var(--accent), 60px 1086px var(--accent), 753px 1575px var(--accent), 272px 1684px var(--accent), 1285px 750px var(--accent), 1416px 1327px var(--accent), 1931px 473px var(--accent), 736px 1395px var(--accent), 1816px 763px var(--accent), 438px 879px var(--accent), 665px 1902px var(--accent), 1341px 677px var(--accent), 1404px 1073px var(--accent), 100px 597px var(--accent), 357px 1689px var(--accent), 1044px 1342px var(--accent), 1954px 502px var(--accent), 1192px 1308px var(--accent), 540px 1239px var(--accent), 1360px 552px var(--accent), 89px 752px var(--accent), 659px 1253px var(--accent), 62px 517px var(--accent), 1375px 1705px var(--accent), 1343px 1511px var(--accent), 1659px 1922px var(--accent), 1560px 289px var(--accent), 1362px 1799px var(--accent), 1886px 1480px var(--accent), 1718px 1885px var(--accent), 824px 738px var(--accent), 1060px 1370px var(--accent), 1781px 1171px var(--accent), 255px 273px var(--accent), 1197px 120px var(--accent), 213px 7px var(--accent), 1226px 1920px var(--accent), 1844px 207px var(--accent), 1675px 970px var(--accent), 1435px 1283px var(--accent), 37px 353px var(--accent), 59px 417px var(--accent), 921px 1602px var(--accent), 1549px 1490px var(--accent), 638px 1845px var(--accent), 1328px 198px var(--accent), 1050px 1149px var(--accent), 1884px 711px var(--accent), 333px 263px var(--accent), 342px 1508px var(--accent), 1388px 1810px var(--accent), 1377px 1558px var(--accent), 890px 487px var(--accent), 1081px 759px var(--accent), 890px 1515px var(--accent), 911px 1284px var(--accent), 335px 735px var(--accent), 1140px 549px var(--accent), 1239px 1064px var(--accent), 226px 71px var(--accent), 1100px 1278px var(--accent), 1851px 1805px var(--accent), 1370px 1999px var(--accent), 1008px 1122px var(--accent), 785px 813px var(--accent), 1358px 601px var(--accent), 1833px 1305px var(--accent), 1768px 1304px var(--accent), 1303px 532px var(--accent), 860px 598px var(--accent), 1329px 593px var(--accent), 1038px 1088px var(--accent), 408px 405px var(--accent), 965px 82px var(--accent), 1483px 1438px var(--accent), 310px 1479px var(--accent), 1786px 1500px var(--accent), 1866px 852px var(--accent), 18px 1757px var(--accent), 1473px 1004px var(--accent), 1542px 1933px var(--accent), 633px 1970px var(--accent), 1334px 1713px var(--accent), 175px 28px var(--accent), 592px 894px var(--accent), 121px 1162px var(--accent), 1601px 1567px var(--accent), 1095px 657px var(--accent), 640px 1233px var(--accent), 1073px 1255px var(--accent), 840px 1087px var(--accent), 718px 250px var(--accent), 967px 709px var(--accent), 731px 239px var(--accent), 1623px 593px var(--accent), 1058px 1820px var(--accent), 516px 1898px var(--accent), 666px 12px var(--accent), 1997px 1382px var(--accent), 112px 1690px var(--accent), 687px 1309px var(--accent), 63px 539px var(--accent), 185px 1897px var(--accent), 1055px 1691px var(--accent), 435px 1517px var(--accent), 1175px 1119px var(--accent), 1721px 133px var(--accent), 1212px 47px var(--accent), 166px 18px var(--accent), 1416px 1652px var(--accent), 1409px 1745px var(--accent), 1357px 1232px var(--accent), 1677px 1998px var(--accent), 448px 1415px var(--accent), 705px 1736px var(--accent), 1031px 1466px var(--accent), 543px 1651px var(--accent), 1592px 1888px var(--accent), 1749px 1175px var(--accent), 639px 1114px var(--accent), 1591px 508px var(--accent), 759px 1244px var(--accent), 824px 380px var(--accent), 942px 955px var(--accent), 723px 732px var(--accent), 113px 1369px var(--accent), 203px 1739px var(--accent), 868px 733px var(--accent), 713px 971px var(--accent), 341px 833px var(--accent), 762px 824px var(--accent), 1359px 310px var(--accent), 1858px 1349px var(--accent), 1531px 692px var(--accent), 1075px 1512px var(--accent), 1677px 142px var(--accent), 1912px 1478px var(--accent), 1810px 1078px var(--accent), 426px 844px var(--accent), 1426px 588px var(--accent), 1909px 654px var(--accent), 1107px 295px var(--accent), 1351px 527px var(--accent), 1393px 599px var(--accent), 1379px 1068px var(--accent), 228px 1846px var(--accent), 1271px 374px var(--accent), 1348px 612px var(--accent), 7px 1301px var(--accent), 1501px 1782px var(--accent), 1795px 423px var(--accent), 1475px 1918px var(--accent), 1328px 1861px var(--accent), 1624px 51px var(--accent), 1791px 672px var(--accent), 1594px 1467px var(--accent), 1655px 1603px var(--accent), 919px 850px var(--accent), 523px 609px var(--accent), 1196px 207px var(--accent), 753px 410px var(--accent), 686px 1097px var(--accent), 1570px 133px var(--accent), 1996px 1137px var(--accent), 361px 116px var(--accent), 1015px 462px var(--accent), 76px 1143px var(--accent), 491px 1818px var(--accent), 1563px 795px var(--accent), 982px 1721px var(--accent), 831px 1204px var(--accent), 1737px 589px var(--accent), 861px 1579px var(--accent), 1666px 130px var(--accent), 698px 1799px var(--accent), 726px 1519px var(--accent), 109px 1208px var(--accent), 1184px 1057px var(--accent), 835px 451px var(--accent), 896px 594px var(--accent), 35px 893px var(--accent), 895px 542px var(--accent), 706px 225px var(--accent), 56px 1040px var(--accent), 1954px 108px var(--accent), 1439px 1423px var(--accent), 26px 1881px var(--accent), 802px 1564px var(--accent), 273px 708px var(--accent), 40px 31px var(--accent), 859px 108px var(--accent);
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 940px 1360px var(--accent), 1071px 539px var(--accent), 1710px 1414px var(--accent), 836px 299px var(--accent), 1944px 1420px var(--accent), 253px 1449px var(--accent), 1257px 1250px var(--accent), 1588px 1830px var(--accent), 1077px 1204px var(--accent), 273px 1081px var(--accent), 1993px 766px var(--accent), 1808px 479px var(--accent), 917px 263px var(--accent), 663px 1820px var(--accent), 342px 1988px var(--accent), 727px 1250px var(--accent), 636px 1666px var(--accent), 692px 1112px var(--accent), 248px 1211px var(--accent), 1422px 1121px var(--accent), 881px 46px var(--accent), 1531px 1977px var(--accent), 1643px 1023px var(--accent), 684px 1071px var(--accent), 1142px 1873px var(--accent), 292px 1313px var(--accent), 256px 1237px var(--accent), 89px 912px var(--accent), 964px 1783px var(--accent), 877px 760px var(--accent), 1641px 1474px var(--accent), 1492px 24px var(--accent), 1776px 1642px var(--accent), 183px 602px var(--accent), 1998px 62px var(--accent), 1560px 367px var(--accent), 1333px 995px var(--accent), 704px 1815px var(--accent), 1809px 712px var(--accent), 1503px 288px var(--accent), 630px 556px var(--accent), 1715px 125px var(--accent), 353px 1878px var(--accent), 975px 333px var(--accent), 1740px 1409px var(--accent), 1341px 1871px var(--accent), 1279px 1064px var(--accent), 169px 874px var(--accent), 161px 528px var(--accent), 1671px 1669px var(--accent), 169px 632px var(--accent), 547px 1724px var(--accent), 1904px 110px var(--accent), 679px 1670px var(--accent), 196px 123px var(--accent), 786px 871px var(--accent), 1840px 324px var(--accent), 356px 967px var(--accent), 61px 549px var(--accent), 99px 677px var(--accent), 1719px 87px var(--accent), 1713px 1990px var(--accent), 1717px 1358px var(--accent), 108px 1187px var(--accent), 51px 869px var(--accent), 1461px 902px var(--accent), 1034px 891px var(--accent), 962px 1881px var(--accent), 1723px 595px var(--accent), 479px 901px var(--accent), 1546px 1823px var(--accent), 285px 1208px var(--accent), 1056px 347px var(--accent), 261px 988px var(--accent), 466px 990px var(--accent), 1657px 648px var(--accent), 1249px 933px var(--accent), 1552px 1555px var(--accent), 147px 62px var(--accent), 292px 1157px var(--accent), 1816px 423px var(--accent), 1714px 757px var(--accent), 1036px 961px var(--accent), 1955px 710px var(--accent), 1842px 516px var(--accent), 479px 1870px var(--accent), 1579px 1445px var(--accent), 1225px 1309px var(--accent), 1965px 566px var(--accent), 1575px 1072px var(--accent), 923px 329px var(--accent), 651px 1514px var(--accent), 865px 1100px var(--accent), 782px 1873px var(--accent), 115px 299px var(--accent), 14px 1668px var(--accent), 1666px 1817px var(--accent), 1096px 1068px var(--accent), 1462px 742px var(--accent), 1384px 1750px var(--accent);
    -webkit-animation: animStar 150s linear infinite;
    -moz-animation: animStar 150s linear infinite;
    -ms-animation: animStar 150s linear infinite;
    animation: animStar 150s linear infinite;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 940px 1360px var(--accent), 1071px 539px var(--accent), 1710px 1414px var(--accent), 836px 299px var(--accent), 1944px 1420px var(--accent), 253px 1449px var(--accent), 1257px 1250px var(--accent), 1588px 1830px var(--accent), 1077px 1204px var(--accent), 273px 1081px var(--accent), 1993px 766px var(--accent), 1808px 479px var(--accent), 917px 263px var(--accent), 663px 1820px var(--accent), 342px 1988px var(--accent), 727px 1250px var(--accent), 636px 1666px var(--accent), 692px 1112px var(--accent), 248px 1211px var(--accent), 1422px 1121px var(--accent), 881px 46px var(--accent), 1531px 1977px var(--accent), 1643px 1023px var(--accent), 684px 1071px var(--accent), 1142px 1873px var(--accent), 292px 1313px var(--accent), 256px 1237px var(--accent), 89px 912px var(--accent), 964px 1783px var(--accent), 877px 760px var(--accent), 1641px 1474px var(--accent), 1492px 24px var(--accent), 1776px 1642px var(--accent), 183px 602px var(--accent), 1998px 62px var(--accent), 1560px 367px var(--accent), 1333px 995px var(--accent), 704px 1815px var(--accent), 1809px 712px var(--accent), 1503px 288px var(--accent), 630px 556px var(--accent), 1715px 125px var(--accent), 353px 1878px var(--accent), 975px 333px var(--accent), 1740px 1409px var(--accent), 1341px 1871px var(--accent), 1279px 1064px var(--accent), 169px 874px var(--accent), 161px 528px var(--accent), 1671px 1669px var(--accent), 169px 632px var(--accent), 547px 1724px var(--accent), 1904px 110px var(--accent), 679px 1670px var(--accent), 196px 123px var(--accent), 786px 871px var(--accent), 1840px 324px var(--accent), 356px 967px var(--accent), 61px 549px var(--accent), 99px 677px var(--accent), 1719px 87px var(--accent), 1713px 1990px var(--accent), 1717px 1358px var(--accent), 108px 1187px var(--accent), 51px 869px var(--accent), 1461px 902px var(--accent), 1034px 891px var(--accent), 962px 1881px var(--accent), 1723px 595px var(--accent), 479px 901px var(--accent), 1546px 1823px var(--accent), 285px 1208px var(--accent), 1056px 347px var(--accent), 261px 988px var(--accent), 466px 990px var(--accent), 1657px 648px var(--accent), 1249px 933px var(--accent), 1552px 1555px var(--accent), 147px 62px var(--accent), 292px 1157px var(--accent), 1816px 423px var(--accent), 1714px 757px var(--accent), 1036px 961px var(--accent), 1955px 710px var(--accent), 1842px 516px var(--accent), 479px 1870px var(--accent), 1579px 1445px var(--accent), 1225px 1309px var(--accent), 1965px 566px var(--accent), 1575px 1072px var(--accent), 923px 329px var(--accent), 651px 1514px var(--accent), 865px 1100px var(--accent), 782px 1873px var(--accent), 115px 299px var(--accent), 14px 1668px var(--accent), 1666px 1817px var(--accent), 1096px 1068px var(--accent), 1462px 742px var(--accent), 1384px 1750px var(--accent);
}

#stars4 {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 233px 1976px var(--accent), 1196px 1119px var(--accent), 646px 740px var(--accent), 335px 645px var(--accent), 1119px 1452px var(--accent), 176px 1870px var(--accent), 639px 1711px var(--accent), 647px 1388px var(--accent), 1516px 1108px var(--accent), 464px 66px var(--accent), 331px 344px var(--accent), 772px 1189px var(--accent), 1516px 1850px var(--accent), 1500px 1463px var(--accent), 1275px 876px var(--accent), 1107px 645px var(--accent), 977px 478px var(--accent), 583px 1179px var(--accent), 284px 395px var(--accent), 1220px 461px var(--accent), 1160px 249px var(--accent), 196px 865px var(--accent), 670px 1915px var(--accent), 1449px 382px var(--accent), 1191px 546px var(--accent), 1329px 605px var(--accent), 1945px 458px var(--accent), 995px 749px var(--accent), 1495px 861px var(--accent), 708px 1731px var(--accent), 348px 653px var(--accent), 548px 1298px var(--accent), 1606px 990px var(--accent), 1049px 1204px var(--accent), 253px 1501px var(--accent), 1154px 166px var(--accent), 1087px 104px var(--accent), 1034px 1161px var(--accent), 1681px 462px var(--accent), 577px 1897px var(--accent), 193px 1901px var(--accent), 1701px 1755px var(--accent), 864px 1297px var(--accent), 800px 1289px var(--accent), 676px 28px var(--accent), 185px 1341px var(--accent), 379px 1151px var(--accent), 1224px 1725px var(--accent), 280px 541px var(--accent), 473px 1196px var(--accent), 921px 1628px var(--accent), 969px 432px var(--accent), 1475px 758px var(--accent), 1195px 993px var(--accent), 876px 1840px var(--accent), 1274px 1689px var(--accent), 1977px 1101px var(--accent), 837px 527px var(--accent), 1785px 1610px var(--accent), 1650px 1843px var(--accent), 1127px 1508px var(--accent), 401px 1050px var(--accent), 51px 1105px var(--accent), 545px 880px var(--accent), 1786px 1672px var(--accent), 318px 260px var(--accent), 568px 254px var(--accent), 1026px 1527px var(--accent), 1242px 852px var(--accent), 1785px 982px var(--accent), 1318px 1071px var(--accent), 398px 1061px var(--accent), 1509px 257px var(--accent), 599px 928px var(--accent), 1195px 1800px var(--accent), 1254px 906px var(--accent), 141px 26px var(--accent), 1384px 1502px var(--accent), 476px 767px var(--accent), 1973px 722px var(--accent), 1339px 1031px var(--accent), 778px 818px var(--accent), 213px 1320px var(--accent), 184px 221px var(--accent), 983px 1911px var(--accent), 923px 1439px var(--accent), 1936px 581px var(--accent), 1105px 625px var(--accent), 325px 729px var(--accent), 1475px 204px var(--accent), 1483px 1564px var(--accent), 1327px 1272px var(--accent), 1187px 1944px var(--accent), 1945px 1471px var(--accent), 116px 960px var(--accent), 1660px 1610px var(--accent), 412px 1022px var(--accent), 1552px 1516px var(--accent), 1517px 1892px var(--accent), 306px 829px var(--accent), 1416px 462px var(--accent), 1575px 1460px var(--accent), 424px 1500px var(--accent), 1530px 1169px var(--accent), 1388px 1608px var(--accent), 185px 416px var(--accent), 634px 1446px var(--accent), 767px 479px var(--accent), 71px 426px var(--accent), 1937px 145px var(--accent), 1955px 1312px var(--accent), 1811px 611px var(--accent), 1145px 569px var(--accent), 1460px 676px var(--accent), 131px 1858px var(--accent), 1557px 473px var(--accent), 735px 130px var(--accent), 112px 1531px var(--accent), 1312px 305px var(--accent), 409px 1032px var(--accent), 149px 1964px var(--accent), 535px 1215px var(--accent), 1382px 630px var(--accent), 1437px 1368px var(--accent), 362px 1181px var(--accent), 388px 181px var(--accent), 274px 1287px var(--accent), 1858px 1414px var(--accent), 661px 1935px var(--accent), 675px 1205px var(--accent), 1829px 1725px var(--accent), 1937px 1145px var(--accent), 237px 908px var(--accent), 1059px 1185px var(--accent), 824px 1248px var(--accent), 1167px 1730px var(--accent), 180px 1961px var(--accent), 1663px 203px var(--accent), 374px 221px var(--accent), 724px 1883px var(--accent), 970px 1362px var(--accent), 832px 505px var(--accent), 313px 233px var(--accent), 1909px 597px var(--accent), 434px 201px var(--accent), 587px 995px var(--accent), 1833px 623px var(--accent), 1464px 561px var(--accent), 231px 593px var(--accent), 1558px 1433px var(--accent), 1986px 1767px var(--accent), 1753px 1728px var(--accent), 1153px 1623px var(--accent), 249px 229px var(--accent), 1503px 1186px var(--accent), 1784px 137px var(--accent), 841px 403px var(--accent), 1400px 354px var(--accent), 197px 499px var(--accent), 1188px 681px var(--accent), 158px 391px var(--accent), 443px 1099px var(--accent), 723px 1445px var(--accent), 1408px 1235px var(--accent), 1908px 195px var(--accent), 271px 891px var(--accent), 469px 1693px var(--accent), 580px 11px var(--accent), 1533px 70px var(--accent), 859px 761px var(--accent), 1510px 1844px var(--accent), 421px 558px var(--accent), 1132px 1453px var(--accent), 757px 1987px var(--accent), 212px 293px var(--accent), 569px 323px var(--accent), 1404px 1394px var(--accent), 252px 1386px var(--accent), 1668px 1857px var(--accent), 123px 1684px var(--accent), 105px 490px var(--accent), 1083px 1769px var(--accent), 1071px 1953px var(--accent), 1271px 1159px var(--accent), 699px 1491px var(--accent), 1744px 1997px var(--accent), 1868px 1973px var(--accent), 1438px 1449px var(--accent), 1222px 1921px var(--accent), 1328px 1210px var(--accent), 438px 873px var(--accent), 809px 780px var(--accent), 491px 1524px var(--accent), 447px 1830px var(--accent), 927px 1936px var(--accent), 564px 691px var(--accent), 1784px 1747px var(--accent), 1978px 1722px var(--accent), 1599px 1480px var(--accent), 1276px 729px var(--accent), 731px 1174px var(--accent), 1586px 1711px var(--accent), 451px 1340px var(--accent), 1075px 1899px var(--accent), 13px 575px var(--accent), 309px 1340px var(--accent), 981px 183px var(--accent), 248px 1315px var(--accent), 849px 80px var(--accent), 1754px 1540px var(--accent), 73px 1432px var(--accent), 1208px 1828px var(--accent), 65px 575px var(--accent), 1098px 730px var(--accent), 127px 1358px var(--accent), 185px 19px var(--accent), 1222px 1679px var(--accent), 1122px 315px var(--accent), 1906px 452px var(--accent), 761px 284px var(--accent), 813px 492px var(--accent), 1344px 843px var(--accent), 118px 1834px var(--accent), 1620px 359px var(--accent), 1755px 1246px var(--accent), 299px 1076px var(--accent), 1746px 158px var(--accent), 6px 1635px var(--accent), 143px 190px var(--accent), 101px 468px var(--accent), 137px 971px var(--accent), 1221px 1929px var(--accent), 1752px 650px var(--accent), 1635px 1761px var(--accent), 1522px 833px var(--accent), 908px 153px var(--accent), 1044px 350px var(--accent), 1151px 1940px var(--accent), 822px 210px var(--accent), 1774px 310px var(--accent), 796px 1447px var(--accent), 1069px 1903px var(--accent), 217px 565px var(--accent), 662px 1370px var(--accent), 1876px 1570px var(--accent), 847px 46px var(--accent), 1042px 1689px var(--accent), 1584px 1434px var(--accent), 1791px 908px var(--accent), 973px 908px var(--accent), 793px 747px var(--accent), 122px 483px var(--accent), 1137px 1374px var(--accent), 1757px 1791px var(--accent), 513px 225px var(--accent), 63px 731px var(--accent), 1179px 1926px var(--accent), 346px 18px var(--accent), 589px 175px var(--accent), 87px 302px var(--accent), 380px 1295px var(--accent), 450px 921px var(--accent), 1667px 1973px var(--accent), 1495px 1373px var(--accent), 1462px 1850px var(--accent), 540px 288px var(--accent), 1208px 1051px var(--accent), 1554px 1095px var(--accent), 1009px 1516px var(--accent), 181px 572px var(--accent), 165px 387px var(--accent), 549px 1835px var(--accent), 960px 16px var(--accent), 1360px 403px var(--accent), 1251px 43px var(--accent), 1905px 1813px var(--accent), 1106px 866px var(--accent), 1809px 277px var(--accent), 1828px 1720px var(--accent), 295px 1610px var(--accent), 523px 166px var(--accent), 1069px 692px var(--accent), 1292px 217px var(--accent), 11px 1721px var(--accent), 99px 1045px var(--accent), 51px 1584px var(--accent), 1053px 266px var(--accent), 1287px 1235px var(--accent), 747px 1722px var(--accent), 1542px 736px var(--accent), 1256px 18px var(--accent), 102px 609px var(--accent), 586px 1339px var(--accent), 1843px 1697px var(--accent), 824px 1687px var(--accent), 1124px 882px var(--accent), 395px 501px var(--accent), 1456px 672px var(--accent), 1472px 1648px var(--accent), 1326px 1164px var(--accent), 777px 1672px var(--accent), 81px 345px var(--accent), 91px 386px var(--accent), 243px 411px var(--accent), 1560px 90px var(--accent), 6px 1771px var(--accent), 1601px 616px var(--accent), 1220px 1808px var(--accent), 1160px 836px var(--accent), 246px 1777px var(--accent), 456px 863px var(--accent), 97px 1138px var(--accent), 1811px 942px var(--accent), 213px 414px var(--accent), 891px 392px var(--accent), 1044px 927px var(--accent), 1856px 216px var(--accent), 957px 347px var(--accent), 1486px 406px var(--accent), 838px 912px var(--accent), 803px 361px var(--accent), 564px 826px var(--accent), 1597px 949px var(--accent), 1206px 289px var(--accent), 33px 1035px var(--accent), 1762px 1377px var(--accent), 789px 1815px var(--accent), 1594px 1342px var(--accent), 1668px 880px var(--accent), 1539px 1581px var(--accent), 1547px 53px var(--accent), 861px 1433px var(--accent), 693px 1618px var(--accent), 1762px 782px var(--accent), 1568px 682px var(--accent), 1126px 1762px var(--accent), 1242px 134px var(--accent), 495px 959px var(--accent), 1606px 219px var(--accent), 1878px 1415px var(--accent), 1652px 797px var(--accent), 782px 1903px var(--accent), 1774px 1133px var(--accent), 1430px 408px var(--accent), 265px 394px var(--accent), 890px 336px var(--accent), 1051px 311px var(--accent), 461px 1559px var(--accent), 1931px 91px var(--accent), 1160px 380px var(--accent), 1442px 1058px var(--accent), 1157px 364px var(--accent), 586px 227px var(--accent), 1365px 715px var(--accent), 1658px 1655px var(--accent), 1923px 1664px var(--accent), 1023px 1844px var(--accent), 1939px 1367px var(--accent), 1203px 1305px var(--accent), 359px 642px var(--accent), 1056px 425px var(--accent), 787px 202px var(--accent), 1609px 1850px var(--accent), 1964px 200px var(--accent), 1537px 586px var(--accent), 1589px 903px var(--accent), 1063px 1694px var(--accent), 760px 1185px var(--accent), 597px 1396px var(--accent), 294px 452px var(--accent), 433px 818px var(--accent), 199px 840px var(--accent), 1332px 1937px var(--accent), 169px 1907px var(--accent), 591px 834px var(--accent), 1716px 1032px var(--accent), 45px 1879px var(--accent), 686px 1469px var(--accent), 1520px 475px var(--accent), 1122px 859px var(--accent), 973px 1541px var(--accent), 269px 477px var(--accent), 1390px 716px var(--accent), 1791px 783px var(--accent), 824px 2000px var(--accent), 1211px 1717px var(--accent), 1008px 1587px var(--accent), 1422px 204px var(--accent), 234px 556px var(--accent), 506px 550px var(--accent), 942px 1670px var(--accent), 397px 853px var(--accent), 599px 795px var(--accent), 762px 1926px var(--accent), 1202px 1424px var(--accent), 135px 1316px var(--accent), 1442px 1692px var(--accent), 977px 652px var(--accent), 564px 1648px var(--accent), 997px 1474px var(--accent), 67px 1366px var(--accent), 1860px 1451px var(--accent), 1105px 772px var(--accent), 1886px 1396px var(--accent), 1510px 658px var(--accent), 976px 1544px var(--accent), 894px 543px var(--accent), 1098px 1189px var(--accent), 690px 77px var(--accent), 770px 733px var(--accent), 557px 1403px var(--accent), 1758px 1623px var(--accent), 1341px 812px var(--accent), 699px 967px var(--accent), 277px 866px var(--accent), 1526px 1828px var(--accent), 8px 977px var(--accent), 1707px 952px var(--accent), 12px 1900px var(--accent), 72px 921px var(--accent), 496px 1067px var(--accent), 1288px 1749px var(--accent), 273px 984px var(--accent), 1197px 1991px var(--accent), 242px 789px var(--accent), 903px 1035px var(--accent), 480px 1492px var(--accent), 102px 1331px var(--accent), 738px 1343px var(--accent), 560px 1475px var(--accent), 367px 846px var(--accent), 1420px 962px var(--accent), 1976px 892px var(--accent), 1911px 1763px var(--accent), 1639px 1002px var(--accent), 437px 1522px var(--accent), 1906px 1025px var(--accent), 730px 1364px var(--accent), 1127px 521px var(--accent), 1401px 1792px var(--accent), 1954px 1066px var(--accent), 232px 250px var(--accent), 1685px 660px var(--accent), 1011px 999px var(--accent), 1970px 790px var(--accent), 750px 499px var(--accent), 1738px 660px var(--accent), 1621px 1849px var(--accent), 446px 52px var(--accent), 1055px 1396px var(--accent), 1165px 1497px var(--accent), 1740px 1425px var(--accent), 1012px 1920px var(--accent), 1258px 1560px var(--accent), 1020px 1152px var(--accent), 362px 673px var(--accent), 1065px 975px var(--accent), 582px 755px var(--accent), 1271px 1479px var(--accent), 719px 548px var(--accent), 1602px 879px var(--accent), 590px 499px var(--accent), 721px 1412px var(--accent), 1180px 113px var(--accent), 1801px 1961px var(--accent), 589px 941px var(--accent), 883px 476px var(--accent), 214px 890px var(--accent), 1028px 892px var(--accent), 1107px 1832px var(--accent), 944px 361px var(--accent), 480px 1453px var(--accent), 1466px 683px var(--accent), 981px 745px var(--accent), 1968px 828px var(--accent), 657px 1830px var(--accent), 11px 1338px var(--accent), 179px 730px var(--accent), 1713px 197px var(--accent), 51px 955px var(--accent), 1243px 319px var(--accent), 1175px 624px var(--accent), 446px 46px var(--accent), 5px 1158px var(--accent), 82px 1352px var(--accent), 1877px 402px var(--accent), 708px 1778px var(--accent), 903px 1625px var(--accent), 1824px 352px var(--accent), 1229px 140px var(--accent), 1518px 24px var(--accent), 1017px 512px var(--accent), 515px 699px var(--accent), 295px 265px var(--accent), 69px 1773px var(--accent), 1640px 1163px var(--accent), 536px 342px var(--accent), 970px 1766px var(--accent), 560px 1416px var(--accent), 577px 193px var(--accent), 469px 9px var(--accent), 466px 276px var(--accent), 711px 853px var(--accent), 401px 685px var(--accent), 85px 506px var(--accent), 865px 558px var(--accent), 631px 105px var(--accent), 887px 866px var(--accent), 1704px 1001px var(--accent), 1051px 1199px var(--accent), 275px 1909px var(--accent), 1462px 829px var(--accent), 375px 1057px var(--accent), 1531px 1501px var(--accent), 205px 403px var(--accent), 33px 1869px var(--accent), 967px 1176px var(--accent), 376px 863px var(--accent), 1769px 1545px var(--accent), 535px 51px var(--accent), 1972px 1569px var(--accent), 1773px 960px var(--accent), 487px 620px var(--accent), 1660px 687px var(--accent), 1632px 972px var(--accent), 1362px 42px var(--accent), 479px 1655px var(--accent), 1531px 1808px var(--accent), 1450px 1412px var(--accent), 1549px 170px var(--accent), 1904px 1305px var(--accent), 1209px 48px var(--accent), 1933px 820px var(--accent), 1623px 595px var(--accent), 48px 643px var(--accent), 179px 1754px var(--accent), 589px 1032px var(--accent), 1199px 356px var(--accent), 1755px 1418px var(--accent), 780px 1174px var(--accent), 1905px 758px var(--accent), 1567px 713px var(--accent), 1372px 705px var(--accent), 456px 654px var(--accent), 759px 690px var(--accent), 452px 673px var(--accent), 993px 1610px var(--accent), 1271px 188px var(--accent), 343px 1750px var(--accent), 1943px 1735px var(--accent), 1717px 853px var(--accent), 1247px 303px var(--accent), 1314px 1895px var(--accent), 1203px 489px var(--accent), 741px 469px var(--accent), 4px 246px var(--accent), 1515px 115px var(--accent), 606px 218px var(--accent), 1966px 1471px var(--accent), 177px 87px var(--accent), 1575px 588px var(--accent), 1136px 1386px var(--accent), 70px 1868px var(--accent), 1053px 18px var(--accent), 1124px 721px var(--accent), 1748px 1181px var(--accent), 191px 1387px var(--accent), 1931px 840px var(--accent), 1088px 1603px var(--accent), 634px 1255px var(--accent), 814px 1434px var(--accent), 585px 64px var(--accent), 1074px 1618px var(--accent), 1692px 761px var(--accent), 651px 643px var(--accent), 193px 335px var(--accent), 1103px 1447px var(--accent), 491px 1142px var(--accent), 521px 408px var(--accent), 536px 340px var(--accent), 411px 1091px var(--accent), 1646px 193px var(--accent), 1595px 1285px var(--accent), 870px 1349px var(--accent), 1085px 1013px var(--accent), 204px 1864px var(--accent), 1359px 299px var(--accent), 807px 964px var(--accent), 219px 509px var(--accent), 36px 1227px var(--accent), 702px 1873px var(--accent), 1471px 934px var(--accent), 1763px 792px var(--accent), 973px 1957px var(--accent), 987px 68px var(--accent), 593px 1282px var(--accent), 1900px 607px var(--accent), 407px 1659px var(--accent), 587px 17px var(--accent), 632px 158px var(--accent);
    -webkit-animation: animStar 600s linear infinite;
    -moz-animation: animStar 600s linear infinite;
    -ms-animation: animStar 600s linear infinite;
    animation: animStar 600s linear infinite;
}

#stars4:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 233px 1976px var(--accent), 1196px 1119px var(--accent), 646px 740px var(--accent), 335px 645px var(--accent), 1119px 1452px var(--accent), 176px 1870px var(--accent), 639px 1711px var(--accent), 647px 1388px var(--accent), 1516px 1108px var(--accent), 464px 66px var(--accent), 331px 344px var(--accent), 772px 1189px var(--accent), 1516px 1850px var(--accent), 1500px 1463px var(--accent), 1275px 876px var(--accent), 1107px 645px var(--accent), 977px 478px var(--accent), 583px 1179px var(--accent), 284px 395px var(--accent), 1220px 461px var(--accent), 1160px 249px var(--accent), 196px 865px var(--accent), 670px 1915px var(--accent), 1449px 382px var(--accent), 1191px 546px var(--accent), 1329px 605px var(--accent), 1945px 458px var(--accent), 995px 749px var(--accent), 1495px 861px var(--accent), 708px 1731px var(--accent), 348px 653px var(--accent), 548px 1298px var(--accent), 1606px 990px var(--accent), 1049px 1204px var(--accent), 253px 1501px var(--accent), 1154px 166px var(--accent), 1087px 104px var(--accent), 1034px 1161px var(--accent), 1681px 462px var(--accent), 577px 1897px var(--accent), 193px 1901px var(--accent), 1701px 1755px var(--accent), 864px 1297px var(--accent), 800px 1289px var(--accent), 676px 28px var(--accent), 185px 1341px var(--accent), 379px 1151px var(--accent), 1224px 1725px var(--accent), 280px 541px var(--accent), 473px 1196px var(--accent), 921px 1628px var(--accent), 969px 432px var(--accent), 1475px 758px var(--accent), 1195px 993px var(--accent), 876px 1840px var(--accent), 1274px 1689px var(--accent), 1977px 1101px var(--accent), 837px 527px var(--accent), 1785px 1610px var(--accent), 1650px 1843px var(--accent), 1127px 1508px var(--accent), 401px 1050px var(--accent), 51px 1105px var(--accent), 545px 880px var(--accent), 1786px 1672px var(--accent), 318px 260px var(--accent), 568px 254px var(--accent), 1026px 1527px var(--accent), 1242px 852px var(--accent), 1785px 982px var(--accent), 1318px 1071px var(--accent), 398px 1061px var(--accent), 1509px 257px var(--accent), 599px 928px var(--accent), 1195px 1800px var(--accent), 1254px 906px var(--accent), 141px 26px var(--accent), 1384px 1502px var(--accent), 476px 767px var(--accent), 1973px 722px var(--accent), 1339px 1031px var(--accent), 778px 818px var(--accent), 213px 1320px var(--accent), 184px 221px var(--accent), 983px 1911px var(--accent), 923px 1439px var(--accent), 1936px 581px var(--accent), 1105px 625px var(--accent), 325px 729px var(--accent), 1475px 204px var(--accent), 1483px 1564px var(--accent), 1327px 1272px var(--accent), 1187px 1944px var(--accent), 1945px 1471px var(--accent), 116px 960px var(--accent), 1660px 1610px var(--accent), 412px 1022px var(--accent), 1552px 1516px var(--accent), 1517px 1892px var(--accent), 306px 829px var(--accent), 1416px 462px var(--accent), 1575px 1460px var(--accent), 424px 1500px var(--accent), 1530px 1169px var(--accent), 1388px 1608px var(--accent), 185px 416px var(--accent), 634px 1446px var(--accent), 767px 479px var(--accent), 71px 426px var(--accent), 1937px 145px var(--accent), 1955px 1312px var(--accent), 1811px 611px var(--accent), 1145px 569px var(--accent), 1460px 676px var(--accent), 131px 1858px var(--accent), 1557px 473px var(--accent), 735px 130px var(--accent), 112px 1531px var(--accent), 1312px 305px var(--accent), 409px 1032px var(--accent), 149px 1964px var(--accent), 535px 1215px var(--accent), 1382px 630px var(--accent), 1437px 1368px var(--accent), 362px 1181px var(--accent), 388px 181px var(--accent), 274px 1287px var(--accent), 1858px 1414px var(--accent), 661px 1935px var(--accent), 675px 1205px var(--accent), 1829px 1725px var(--accent), 1937px 1145px var(--accent), 237px 908px var(--accent), 1059px 1185px var(--accent), 824px 1248px var(--accent), 1167px 1730px var(--accent), 180px 1961px var(--accent), 1663px 203px var(--accent), 374px 221px var(--accent), 724px 1883px var(--accent), 970px 1362px var(--accent), 832px 505px var(--accent), 313px 233px var(--accent), 1909px 597px var(--accent), 434px 201px var(--accent), 587px 995px var(--accent), 1833px 623px var(--accent), 1464px 561px var(--accent), 231px 593px var(--accent), 1558px 1433px var(--accent), 1986px 1767px var(--accent), 1753px 1728px var(--accent), 1153px 1623px var(--accent), 249px 229px var(--accent), 1503px 1186px var(--accent), 1784px 137px var(--accent), 841px 403px var(--accent), 1400px 354px var(--accent), 197px 499px var(--accent), 1188px 681px var(--accent), 158px 391px var(--accent), 443px 1099px var(--accent), 723px 1445px var(--accent), 1408px 1235px var(--accent), 1908px 195px var(--accent), 271px 891px var(--accent), 469px 1693px var(--accent), 580px 11px var(--accent), 1533px 70px var(--accent), 859px 761px var(--accent), 1510px 1844px var(--accent), 421px 558px var(--accent), 1132px 1453px var(--accent), 757px 1987px var(--accent), 212px 293px var(--accent), 569px 323px var(--accent), 1404px 1394px var(--accent), 252px 1386px var(--accent), 1668px 1857px var(--accent), 123px 1684px var(--accent), 105px 490px var(--accent), 1083px 1769px var(--accent), 1071px 1953px var(--accent), 1271px 1159px var(--accent), 699px 1491px var(--accent), 1744px 1997px var(--accent), 1868px 1973px var(--accent), 1438px 1449px var(--accent), 1222px 1921px var(--accent), 1328px 1210px var(--accent), 438px 873px var(--accent), 809px 780px var(--accent), 491px 1524px var(--accent), 447px 1830px var(--accent), 927px 1936px var(--accent), 564px 691px var(--accent), 1784px 1747px var(--accent), 1978px 1722px var(--accent), 1599px 1480px var(--accent), 1276px 729px var(--accent), 731px 1174px var(--accent), 1586px 1711px var(--accent), 451px 1340px var(--accent), 1075px 1899px var(--accent), 13px 575px var(--accent), 309px 1340px var(--accent), 981px 183px var(--accent), 248px 1315px var(--accent), 849px 80px var(--accent), 1754px 1540px var(--accent), 73px 1432px var(--accent), 1208px 1828px var(--accent), 65px 575px var(--accent), 1098px 730px var(--accent), 127px 1358px var(--accent), 185px 19px var(--accent), 1222px 1679px var(--accent), 1122px 315px var(--accent), 1906px 452px var(--accent), 761px 284px var(--accent), 813px 492px var(--accent), 1344px 843px var(--accent), 118px 1834px var(--accent), 1620px 359px var(--accent), 1755px 1246px var(--accent), 299px 1076px var(--accent), 1746px 158px var(--accent), 6px 1635px var(--accent), 143px 190px var(--accent), 101px 468px var(--accent), 137px 971px var(--accent), 1221px 1929px var(--accent), 1752px 650px var(--accent), 1635px 1761px var(--accent), 1522px 833px var(--accent), 908px 153px var(--accent), 1044px 350px var(--accent), 1151px 1940px var(--accent), 822px 210px var(--accent), 1774px 310px var(--accent), 796px 1447px var(--accent), 1069px 1903px var(--accent), 217px 565px var(--accent), 662px 1370px var(--accent), 1876px 1570px var(--accent), 847px 46px var(--accent), 1042px 1689px var(--accent), 1584px 1434px var(--accent), 1791px 908px var(--accent), 973px 908px var(--accent), 793px 747px var(--accent), 122px 483px var(--accent), 1137px 1374px var(--accent), 1757px 1791px var(--accent), 513px 225px var(--accent), 63px 731px var(--accent), 1179px 1926px var(--accent), 346px 18px var(--accent), 589px 175px var(--accent), 87px 302px var(--accent), 380px 1295px var(--accent), 450px 921px var(--accent), 1667px 1973px var(--accent), 1495px 1373px var(--accent), 1462px 1850px var(--accent), 540px 288px var(--accent), 1208px 1051px var(--accent), 1554px 1095px var(--accent), 1009px 1516px var(--accent), 181px 572px var(--accent), 165px 387px var(--accent), 549px 1835px var(--accent), 960px 16px var(--accent), 1360px 403px var(--accent), 1251px 43px var(--accent), 1905px 1813px var(--accent), 1106px 866px var(--accent), 1809px 277px var(--accent), 1828px 1720px var(--accent), 295px 1610px var(--accent), 523px 166px var(--accent), 1069px 692px var(--accent), 1292px 217px var(--accent), 11px 1721px var(--accent), 99px 1045px var(--accent), 51px 1584px var(--accent), 1053px 266px var(--accent), 1287px 1235px var(--accent), 747px 1722px var(--accent), 1542px 736px var(--accent), 1256px 18px var(--accent), 102px 609px var(--accent), 586px 1339px var(--accent), 1843px 1697px var(--accent), 824px 1687px var(--accent), 1124px 882px var(--accent), 395px 501px var(--accent), 1456px 672px var(--accent), 1472px 1648px var(--accent), 1326px 1164px var(--accent), 777px 1672px var(--accent), 81px 345px var(--accent), 91px 386px var(--accent), 243px 411px var(--accent), 1560px 90px var(--accent), 6px 1771px var(--accent), 1601px 616px var(--accent), 1220px 1808px var(--accent), 1160px 836px var(--accent), 246px 1777px var(--accent), 456px 863px var(--accent), 97px 1138px var(--accent), 1811px 942px var(--accent), 213px 414px var(--accent), 891px 392px var(--accent), 1044px 927px var(--accent), 1856px 216px var(--accent), 957px 347px var(--accent), 1486px 406px var(--accent), 838px 912px var(--accent), 803px 361px var(--accent), 564px 826px var(--accent), 1597px 949px var(--accent), 1206px 289px var(--accent), 33px 1035px var(--accent), 1762px 1377px var(--accent), 789px 1815px var(--accent), 1594px 1342px var(--accent), 1668px 880px var(--accent), 1539px 1581px var(--accent), 1547px 53px var(--accent), 861px 1433px var(--accent), 693px 1618px var(--accent), 1762px 782px var(--accent), 1568px 682px var(--accent), 1126px 1762px var(--accent), 1242px 134px var(--accent), 495px 959px var(--accent), 1606px 219px var(--accent), 1878px 1415px var(--accent), 1652px 797px var(--accent), 782px 1903px var(--accent), 1774px 1133px var(--accent), 1430px 408px var(--accent), 265px 394px var(--accent), 890px 336px var(--accent), 1051px 311px var(--accent), 461px 1559px var(--accent), 1931px 91px var(--accent), 1160px 380px var(--accent), 1442px 1058px var(--accent), 1157px 364px var(--accent), 586px 227px var(--accent), 1365px 715px var(--accent), 1658px 1655px var(--accent), 1923px 1664px var(--accent), 1023px 1844px var(--accent), 1939px 1367px var(--accent), 1203px 1305px var(--accent), 359px 642px var(--accent), 1056px 425px var(--accent), 787px 202px var(--accent), 1609px 1850px var(--accent), 1964px 200px var(--accent), 1537px 586px var(--accent), 1589px 903px var(--accent), 1063px 1694px var(--accent), 760px 1185px var(--accent), 597px 1396px var(--accent), 294px 452px var(--accent), 433px 818px var(--accent), 199px 840px var(--accent), 1332px 1937px var(--accent), 169px 1907px var(--accent), 591px 834px var(--accent), 1716px 1032px var(--accent), 45px 1879px var(--accent), 686px 1469px var(--accent), 1520px 475px var(--accent), 1122px 859px var(--accent), 973px 1541px var(--accent), 269px 477px var(--accent), 1390px 716px var(--accent), 1791px 783px var(--accent), 824px 2000px var(--accent), 1211px 1717px var(--accent), 1008px 1587px var(--accent), 1422px 204px var(--accent), 234px 556px var(--accent), 506px 550px var(--accent), 942px 1670px var(--accent), 397px 853px var(--accent), 599px 795px var(--accent), 762px 1926px var(--accent), 1202px 1424px var(--accent), 135px 1316px var(--accent), 1442px 1692px var(--accent), 977px 652px var(--accent), 564px 1648px var(--accent), 997px 1474px var(--accent), 67px 1366px var(--accent), 1860px 1451px var(--accent), 1105px 772px var(--accent), 1886px 1396px var(--accent), 1510px 658px var(--accent), 976px 1544px var(--accent), 894px 543px var(--accent), 1098px 1189px var(--accent), 690px 77px var(--accent), 770px 733px var(--accent), 557px 1403px var(--accent), 1758px 1623px var(--accent), 1341px 812px var(--accent), 699px 967px var(--accent), 277px 866px var(--accent), 1526px 1828px var(--accent), 8px 977px var(--accent), 1707px 952px var(--accent), 12px 1900px var(--accent), 72px 921px var(--accent), 496px 1067px var(--accent), 1288px 1749px var(--accent), 273px 984px var(--accent), 1197px 1991px var(--accent), 242px 789px var(--accent), 903px 1035px var(--accent), 480px 1492px var(--accent), 102px 1331px var(--accent), 738px 1343px var(--accent), 560px 1475px var(--accent), 367px 846px var(--accent), 1420px 962px var(--accent), 1976px 892px var(--accent), 1911px 1763px var(--accent), 1639px 1002px var(--accent), 437px 1522px var(--accent), 1906px 1025px var(--accent), 730px 1364px var(--accent), 1127px 521px var(--accent), 1401px 1792px var(--accent), 1954px 1066px var(--accent), 232px 250px var(--accent), 1685px 660px var(--accent), 1011px 999px var(--accent), 1970px 790px var(--accent), 750px 499px var(--accent), 1738px 660px var(--accent), 1621px 1849px var(--accent), 446px 52px var(--accent), 1055px 1396px var(--accent), 1165px 1497px var(--accent), 1740px 1425px var(--accent), 1012px 1920px var(--accent), 1258px 1560px var(--accent), 1020px 1152px var(--accent), 362px 673px var(--accent), 1065px 975px var(--accent), 582px 755px var(--accent), 1271px 1479px var(--accent), 719px 548px var(--accent), 1602px 879px var(--accent), 590px 499px var(--accent), 721px 1412px var(--accent), 1180px 113px var(--accent), 1801px 1961px var(--accent), 589px 941px var(--accent), 883px 476px var(--accent), 214px 890px var(--accent), 1028px 892px var(--accent), 1107px 1832px var(--accent), 944px 361px var(--accent), 480px 1453px var(--accent), 1466px 683px var(--accent), 981px 745px var(--accent), 1968px 828px var(--accent), 657px 1830px var(--accent), 11px 1338px var(--accent), 179px 730px var(--accent), 1713px 197px var(--accent), 51px 955px var(--accent), 1243px 319px var(--accent), 1175px 624px var(--accent), 446px 46px var(--accent), 5px 1158px var(--accent), 82px 1352px var(--accent), 1877px 402px var(--accent), 708px 1778px var(--accent), 903px 1625px var(--accent), 1824px 352px var(--accent), 1229px 140px var(--accent), 1518px 24px var(--accent), 1017px 512px var(--accent), 515px 699px var(--accent), 295px 265px var(--accent), 69px 1773px var(--accent), 1640px 1163px var(--accent), 536px 342px var(--accent), 970px 1766px var(--accent), 560px 1416px var(--accent), 577px 193px var(--accent), 469px 9px var(--accent), 466px 276px var(--accent), 711px 853px var(--accent), 401px 685px var(--accent), 85px 506px var(--accent), 865px 558px var(--accent), 631px 105px var(--accent), 887px 866px var(--accent), 1704px 1001px var(--accent), 1051px 1199px var(--accent), 275px 1909px var(--accent), 1462px 829px var(--accent), 375px 1057px var(--accent), 1531px 1501px var(--accent), 205px 403px var(--accent), 33px 1869px var(--accent), 967px 1176px var(--accent), 376px 863px var(--accent), 1769px 1545px var(--accent), 535px 51px var(--accent), 1972px 1569px var(--accent), 1773px 960px var(--accent), 487px 620px var(--accent), 1660px 687px var(--accent), 1632px 972px var(--accent), 1362px 42px var(--accent), 479px 1655px var(--accent), 1531px 1808px var(--accent), 1450px 1412px var(--accent), 1549px 170px var(--accent), 1904px 1305px var(--accent), 1209px 48px var(--accent), 1933px 820px var(--accent), 1623px 595px var(--accent), 48px 643px var(--accent), 179px 1754px var(--accent), 589px 1032px var(--accent), 1199px 356px var(--accent), 1755px 1418px var(--accent), 780px 1174px var(--accent), 1905px 758px var(--accent), 1567px 713px var(--accent), 1372px 705px var(--accent), 456px 654px var(--accent), 759px 690px var(--accent), 452px 673px var(--accent), 993px 1610px var(--accent), 1271px 188px var(--accent), 343px 1750px var(--accent), 1943px 1735px var(--accent), 1717px 853px var(--accent), 1247px 303px var(--accent), 1314px 1895px var(--accent), 1203px 489px var(--accent), 741px 469px var(--accent), 4px 246px var(--accent), 1515px 115px var(--accent), 606px 218px var(--accent), 1966px 1471px var(--accent), 177px 87px var(--accent), 1575px 588px var(--accent), 1136px 1386px var(--accent), 70px 1868px var(--accent), 1053px 18px var(--accent), 1124px 721px var(--accent), 1748px 1181px var(--accent), 191px 1387px var(--accent), 1931px 840px var(--accent), 1088px 1603px var(--accent), 634px 1255px var(--accent), 814px 1434px var(--accent), 585px 64px var(--accent), 1074px 1618px var(--accent), 1692px 761px var(--accent), 651px 643px var(--accent), 193px 335px var(--accent), 1103px 1447px var(--accent), 491px 1142px var(--accent), 521px 408px var(--accent), 536px 340px var(--accent), 411px 1091px var(--accent), 1646px 193px var(--accent), 1595px 1285px var(--accent), 870px 1349px var(--accent), 1085px 1013px var(--accent), 204px 1864px var(--accent), 1359px 299px var(--accent), 807px 964px var(--accent), 219px 509px var(--accent), 36px 1227px var(--accent), 702px 1873px var(--accent), 1471px 934px var(--accent), 1763px 792px var(--accent), 973px 1957px var(--accent), 987px 68px var(--accent), 593px 1282px var(--accent), 1900px 607px var(--accent), 407px 1659px var(--accent), 587px 17px var(--accent), 632px 158px var(--accent);
}

@-webkit-keyframes animStar {
    from {
        -webkit-transform: translateY(0px);
    }
    to {
        -webkit-transform: translateY(-2000px);
    }
}

@-moz-keyframes animStar {
    from {
        -moz-transform: translateY(0px);
    }
    to {
        -moz-transform: translateY(-2000px);
    }
}

@-ms-keyframes animStar {
    from {
        -ms-transform: translateY(0px);
    }
    to {
        -ms-transform: translateY(-2000px);
    }
}

@keyframes animStar {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-2000px);
    }
}

@keyframes astronautFly {
    0% {
        left: -20%;
    }

    25% {
        top: 50%;
        transform: rotate(30deg);
    }

    50% {
        transform: rotate(45deg);
        top: 30%;
    }

    75% {
        top: 50%;
        transform: rotate(30deg);
    }

    100% {
        left: 110%;
        transform: rotate(45deg);
    }
}

@keyframes starTwinkle {
    0% {
        background: rgba(255, 255, 255, 0.4);
    }

    25% {
        background: rgba(255, 255, 255, 0.8);
    }

    50% {
        background: rgba(255, 255, 255, 1);
    }

    75% {
        background: rgba(255, 255, 255, 0.8);
    }

    100% {
        background: rgba(255, 255, 255, 0.4);
    }
}

/* 404 Page */

#header_2 p.level_2_title {
    margin-bottom: 0;
    margin-top: 0px;
    font-size: 19px;
    padding: 10px 15px;
}

.level_2_container:before {
    content: '';
    background: red;
    width: 100%;
    height: 28px;
    left: 0;
    top: -16px;
    position: absolute;
    opacity: 0;
}

.img_container {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

.nav_description {
    color: #c2c2c2;
    font-size: 15px;
    width: 100%;
    display: flex;
    float: left;
    margin: 5px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#header_2 ul.level_2 {
    padding-top: 50px;
}

.anker {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
}



.level_2_container_content {
    max-width: 1250px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;
}

/* .nav_description_content {
    display: none;
}

.nav_description_wrapper:hover .nav_description_content {
    display: block;
} */
#header_2 li.level_2 {
    height: 50px!important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.hamburger-menu li.level_1 li.level_2 {
    height: 0;
    overflow: hidden;
}

.hamburger-menu li.level_1.open li.level_2 {
    height: auto;
    overflow: hidden;
}
.hamburger-menu li.level_1.open ul.level_2 {
    background-color: var(--bg-box);
}



.component.extended-nav-wrapper {
    max-width: 20%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 20%;
    padding-top: 3rem;
}

.collection_list.navigation {
    width: 100%;
    padding: 0;
}

.collection_list.navigation:hover .collection_container {
    background: #ffffff12;
}

.collection_list.navigation .collection_container {
    padding: 10px;
    border-radius: var(--br);
}

.collection_content.nav-teaser {
    opacity: .7;
    font-size: 14px;
}
.collection_content.nav-link a {
    position: absolute;
    opacity: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.nav-wrapper-extended {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    align-items: center;
}

.collection_content.nav-icon {
    max-width: 17px;
    filter: brightness(5);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.collection_list.navigation .collection_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
}

.collection_list.navigation {
    width: 100%;
}

.collection_content.nav-icon {
    max-width: 17px;
    filter: brightness(5);
}



li.level_2 img {
    border-radius: 10px;
    height: 280px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: 0.5s;
    width: 100%;
}


#header .active_tree {
    font-weight: bold;
}

#header div#header_3 li i {
    font-size: 14px;
}



#header .component.logo,
#header .component.logo .textcontent {
    height: 100%;
}

#header_1 img {
    width: 204px !important;
    height: 100% !important;
    object-fit: contain;
    padding-left: 0;
    object-position: left;
}

div#header,
#header .container {
    height: 100%;
}

div#header,
.header-wrapper {
    height: 60px;
    width: 100%;
    z-index: 10;
}

#footer li:first-child {
    padding-bottom: 0;
    font-size: 14px;
}

.sticky-active {
    position: relative;
}

div#footer-wrapper ul li:first-child a {
    color: #fff;
    font-size: 14px;
}

#footer a:hover {
    color: #fff;
}

#footer a {
    color: #ffffff8f;
    font-size: 14px;
}


/* hamburger menu */

#toggle_navigation,
.hamburger-menu {
    display: none;
}

div#toggle_navigation {
    float: right;
    width: auto;
    padding: 0 !important;
    height: auto;
    background: transparent;
    margin-right: 10px;
}



.hamburger-menu {
    background: var(--bg);
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    display: none;
}

.hamburger-menu li.level_1 {
    border-bottom: 1px solid var(--bg-box-hover);
}

.hamburger-menu li.level_1.open> .mobile-menu__wrapper {
    background-color: var(--accent);

}

.mobile-menu__wrapper {

    position: relative;

}

.hamburger-menu ul.level_2 li.level_2:first-child a {
    font-weight: unset;
}

.hamburger-menu li.level_1 a {
    padding-left: 30px;
    z-index: 9;
}

.hamburger-menu li.level_1> .mobile-menu__wrapper a {
    padding: 15px 60px 15px 30px;
    display: inline-block;
    transition-duration: unset;
}

.hamburger-menu li.level_1.open> .mobile-menu__wrapper a {
    color: #fff;
    font-weight: bold;
}

#header_2 .hamburger-menu a {
    padding: 15px 20px !important;
    display: block;
}

#header .hamburger-menu li.level_1:last-child {
    border-bottom: 0 !important;
}

#header .hamburger-menu li.level_2 {
    padding: 20px 0px;
    color: #fff;
}

#header .hamburger-menu li.level_1 {
    list-style-type: none;
}

#toggle_navigation label.hamburg {
    display: block;
    background: transparent;
    width: 55px;
    height: 50px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
    margin: 0;
    cursor: pointer;
}

.firmen-wrapper.owl-carousel .owl-item img {
    border-radius: 0!important;
}

a.button {
    background-color: var(--accent);
    padding: 10px 15px;
    border-radius: var(--br);
    color: #fff;
}

.line {
    position: absolute;
    left: 10px;
    height: 4px;
    width: 35px;
    background: #fff;
    border-radius: 2px;
    display: block;
    transition: 0.5s;
    transform-origin: center;
}

.line:nth-child(1) {
    top: 12px;
}

.line:nth-child(2) {
    top: 24px;
}

.line:nth-child(3) {
    top: 36px;
}

div#toggle_navigation.active>.hamburg .line:nth-child(1) {
    transform: translateY(12px) rotate(-45deg);
}

div#toggle_navigation.active>.hamburg .line:nth-child(2) {
    opacity: 0;
}

div#toggle_navigation.active>.hamburg .line:nth-child(3) {
    transform: translateY(-12px) rotate(45deg);
}


/* end* Header */

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}







/* Slideshow */

#slider-wrapper {
    position: relative;
}

div#slider {
    height: 100%;
    position: relative;
}

div#slider-title .container {
    width: 100%;
}

#slider #slider-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#slider div#slider-title h1 {
    color: #fff;
}

#slider-wrapper div.slider-untertitle {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(55, 55, 55, 0.7);
    color: #fff;
    padding: 20px 0;
}

#slider img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 15px;
}

.collection_content.c-gallery {
    padding: 2rem 0;
    padding-bottom: 6rem;
}


/* End Slideshow */


/* Pop up Element */


/* .pop-up-element:first-child {
    display: block;
}
.pop-up-element {
    display: none;
} */


/* END Pop up Element */


/* Anker Element */

.anker-navi .row {
    margin: 0 !important;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.anker-navi {
    position: relative;
    background: rgba(77, 77, 77, 0.7);
    top: 0;
    width: 100%;
    clear: both;
    margin-top: -70px;
    margin-bottom: 50px;
    z-index: 9;
    transition: 0.1s;
}

.anker-navi.sticky {
    position: fixed;
    top: 0;
    margin: 0 !important;
    background: rgba(77, 77, 77, 0.7);
}

.anker-button .textcontent {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    font-weight: 600;
    text-transform: initial;
}

.anker-button .textcontent:hover,
.anker-button.active .textcontent {
    background: #5a9c9d !important;
}

.anker-button.button {
    margin: 0 !important;
    padding: 0 !important;
    /* width: 20%; */
    width: 16.1666%;
    border-left: 1px solid #fff;
    border-bottom: 0;
    border-top: 0;
    background: transparent !important;
    color: #fff;
    align-items: center;
}

.anker-button.button:last-child {
    border-right: 1px solid #fff;
}


/* END Anker Element */

.d-flex,
.d-flex>.row {
    display: flex !important;
}

.align-items-center,
.align-items-center>.row {
    align-items: center !important;
}

.align-items-flex-end,
.align-items-flex-end>.row {
    align-items: flex-end !important;
}

.grid-gallery .row img {
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
}

.grid-gallery .row > div {
    width: 100% !important;
}

.grid-gallery img {
    border-radius: var(--br);
}

.benefit-collection-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 40px;
    position: relative;
    cursor: pointer;
    height: 420px;
    overflow: hidden;
}

.benefit-collection-wrapper .filter_display {
    margin-block-end: 1rem;
}

.benefit-collection-wrapper.show-all {
    height: auto;
    padding-bottom: 50px;
}

.collection_list.benefits {
    padding: 0;
    flex: 1 1 45%;
}

.benefit-collection-wrapper.show-all:after {
    display: none;
}

.benefit-collection-wrapper.show-all:before {
    display: none;
}

.benefit-collection-wrapper:after {
    content: '';
    background: linear-gradient(180deg, rgb(34 34 34 / 0%) 0%, rgb(34 34 34) 100%);
    width: 100%;
    height: 300px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.benefit-collection-wrapper:before {
    content: 'Alle ansehen';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--accent);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1;
}

.hide {
    display: none !important;
}
.collection_content.benefit_desc {
    opacity: .7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.collection_list.benefits .collection_container:before {
    content: '';
    background-image: url(/userdata/images/future.svg);
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 100px;
    float: left;
    margin-inline-end: 1rem;
}

.event-collection-wrapper .collection_list.videoreihe {
    padding:0;
    width: 100%;
}

.collection_container.Für.Ihre.Zukunft:before {
    content: '';
    background-image: url(/userdata/images/future.svg);
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 100px;
    float: left;
    margin-inline-end: 1rem;
}

.collection_container.Für.den.Wohlfühl-Faktor:before {
    content: '';
    background-image: url(/userdata/images/heart.svg);
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    height: 100px;
    float: left;
    margin-inline-end: 1rem;
}

.benefit-collection-wrapper .filter_display {
    width: 100%;
    justify-content: center;
}

.grid-gallery .row {
    display: grid;
    grid-template-columns: [col1] calc(25% - 30px) [col2] calc(25% - 0px) [col3] calc(25% - 30px) [col4] calc(25% - 30px) [end];
    grid-template-rows: [row1] 300px [row2] 300px [end];
    grid-template-areas:
        "oben oben oben oben"
        "unten unten unten unten";
    column-gap: 20px;
    row-gap: 20px;
    justify-content: center;

}


.grid-one {
    grid-column-start: col1;
    grid-column-end: col3;
    grid-row-start: row1;
    grid-row-end: row2;
  }
  .grid-two {
    grid-column-start: col1;
    grid-column-end: col2;
    grid-row-start: row2;
    grid-row-end: row3;
  }
  .grid-three {
    grid-column-start: col2;
    grid-column-end: col3;
    grid-row-start: row2;
    grid-row-end: row3;
  }
  .grid-four {
    grid-column-start: col3;
    grid-column-end: col3;
    grid-row-start: row1;
    grid-row-end: row3;
  }
  .grid-five {
    grid-column-start: col4;
    grid-column-end: col4;
    grid-row-start: row1;
    grid-row-end: row1;
  }
  .grid-six {
    grid-column-start: col4;
    grid-column-end: col4;
    grid-row-start: row2;
    grid-row-end: row3;
  }


/* Footer */

#footer {
    clear: both;
    padding: 70px 0 20px 0;
    font-size: 17px;
    position: relative;
    float: left;
    width: 100%;
}

.footer-sitemap {
    height: auto;
    clear: both;
    width: 100%;
    margin: 0 auto;
    display: block;
    float: left;
    margin-bottom: 40px;
}

.footer-sitemap ul {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}


/* #footer a:hover {
  color: #5a9c9d;
} */

#footer li {
    list-style-type: none;
    padding: 10px;
    color: #fff;
}

.footer-sitemap li.level_1 {
    font-weight: 500;
    font-size: 20px;
    width: auto;
    float: left;
    padding: 0px 20px;

}

.component.privacy_policy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

#footer li.level_1 a {
    margin-bottom: 7px;
    display: inline-block;
    color: #fff;
}

.footer-sitemap li.level_2 {
    font-weight: normal;
    font-size: 15px;
    text-transform: initial;
}



.component.privacy_policy a {
    color: #fff;
}

.collection_content.field-1659000615 img {
    object-position: top;
}

div#privacy-policy ul li a {
    color: #fff;
}

div#privacy-policy {
    padding: 15px 0;
    clear: both;
    text-align: right;
    background: #0a0a0a;
    color: #fff;
}

.progress {
    position: fixed;
    top: 60px;
    left: 0;
    height: 5px;
    background: var(--gradient-light);
    transition: all linear 0.1s;
    z-index: 998;
}

.component.logo-footer img {
    object-fit: contain;
}



/* .preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
  } */

  .loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: rgba(0, 0, 0, 0.747);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logo-icon svg {
    position: absolute;
    z-index: 999;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.collection_list.referenzen .collection_container {
    padding: 4rem 3rem 0rem 3rem;
    border-radius: 20px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    text-align: center;
    float: left;
    width: 100%;
    overflow: hidden;
    transition: 300ms;
    background: var(--bg-box);
    height: 550px;
}

.collection_list.referenzen .collection_container.breadcrumb:before {
    content: 'breadcrumb';
    background: var(--breadcrumb);
    border-radius: var(--br);
    padding: 7px 15px;
}

.collection_list.referenzen .collection_container.ict.infratec:before {
    content: 'ict infratec';
    background: var(--ict);
    border-radius: var(--br);
    padding: 7px 15px;
}

.collection_list.referenzen .collection_container.S\&I.Consulting:before {
    content: 'S&I Consulting';
    background: var(--si);
    border-radius: var(--br);
    padding: 7px 15px;
}

.collection_list.referenzen .collection_container.van.Rohe:before {
    content: 'van Rohe';
    background: var(--vanrohe);
    border-radius: var(--br);
    padding: 7px 15px;
}

.collection_list.referenzen .collection_container.Central.Commerce:before {
    content: '.Central Commerce';
    background: var(--centralcommerce);
    border-radius: var(--br);
    padding: 7px 15px;
}

.collection_list.referenzen .collection_container.icoreon:before {
    content: 'icoreon';
    background: var(--ic);
    border-radius: var(--br);
    padding: 7px 15px;
}

.collection_list.leistungen .collection_container.breadcrumb .collection_content.title.custom:before {
    content: 'breadcrumb';
    color: var(--breadcrumb);
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.collection_list.leistungen .collection_container.icoreon .collection_content.title.custom:before {
    content: 'icoreon';
    color: var(--ic);
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.collection_list.leistungen .collection_container.van.Rohe .collection_content.title.custom:before {
    content: 'van Rohe';
    color: var(--vanrohe);
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.collection_list.leistungen .collection_container.Central.Commerce .collection_content.title.custom:before {
    content: 'Central Commerce';
    color: var(--centralcommerce);
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.collection_list.leistungen .collection_container.ict.infratec .collection_content.title.custom:before {
    content: 'ict infratec';
    color: var(--ict);
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.collection_list.leistungen .collection_container.S\&I.Consulting .collection_content.title.custom:before {
    content: 'S&I Consulting';
    color: #fff;
    background: var(--si);
    font-size: 14px;
    font-weight: 500;
    display: block;
    width: 110px;
    text-align: center;
    border-radius: 5px;
    padding: 2px 1px;
}



.filter_display {
    padding: 15px;
    overflow-x: scroll;
    white-space: nowrap;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.filter_display::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
.filter_display {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.collection_list.referenzen .collection_container.S\&I.Consulting:before {
    content: 'S&I Consulting';
    background: var(--si);
    border-radius: var(--br);
    padding: 7px 15px;
}

.collection_list.referenzen .collection_content.title.custom {
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    padding: 2rem 4rem;
    line-height: 1.2;
    justify-content: center;
    align-items: center;
}

.collection_list.referenzen .collection_container:hover {
    background: var(--bg-box-hover);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.collection_list.referenzen {
    width: 50%;
}

.collection_content.referenz_image {
    height: 250px;
}

.collection_content.referenz_image img {
    height: 100%!Important;
    object-position: top;
    border-radius: 20px;
}

  .loader {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(45deg, transparent, transparent 40%, var(--accent));
    animation: animate 2s linear infinite;
}
  
  .loader::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    bottom: 6px;
    right: 6px;
    background: #000;
    border-radius: 50%;
    z-index: 1000;
  }
  
  .loader::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: linear-gradient(45deg, transparent, transparent 40%, var(--accent));
    border-radius: 50%;
    filter: blur(60px);
    z-index: 1;
  }
  
  @keyframes animate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

.firmenlogos {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 3rem 0;
    float: left;;
}

.button-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
}

div#area-2-to-3 .container {
    margin-top: -180px;
}



.collection_full.referenzen {
    width: 100%;
}

.referenzen-content div#content {
    display: block!important;
}

.collection_full.referenzen .collection_content.referenz_teaser {
    margin-block-end: 1rem;
    max-width: 550px;
    min-height: 440px;

}

.referenzen-content.full_preview button#backButton {
    display: none;
}

.collection_full.referenzen button#backButton {
    display: none;
}

.collection_full.referenzen .title {
    color: var(--heading-color);
    max-width: 550px;
    padding: 0;
    font-size: 3rem;
    margin-block-start: 2rem;
    padding-bottom: 1rem;
    padding-top: 10rem;

}

.collection_content.referenz_text:before {
    content: 'Über das Projekt';
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    top: -50px;
}

.collection_content.referenz_text {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 20px;
    margin: 7rem 0;
    position: relative;

}

.collection_content.referenz_gallery {
    margin: 7rem 0;
}

.collection_full.referenzen .collection_content.referenz_image {
    height: 710px;
    position: absolute;
    right: -14%;
    top: 0;
}

video {
    max-width: 100%;
    height: auto;
    border-radius: var(--br);
}




.home .firmenlogos .collection_list.companies .collection_container {
border: none;
background: none;
box-shadow: none;
}

.home .firmenlogos .collection_content.c-logo {
    min-height: unset!important;
}

.firmenlogos .collection_content.title.custom,
.firmenlogos .collection_content.c-preview,
.firmenlogos .collection_content.c-topic {
    display: none;
}

span#current {
    text-decoration: underline;
}

.firmen-collection.full_preview #slider img {
    border-radius: var(--br);
}

.owl-prev,
.owl-next {
    opacity: .6;
    transition: 200ms;
}

.owl-prev:hover,
.owl-next:hover {
    opacity: 1;
}


.component.progress .textcontent {
    opacity: 0;
    display: none;
}





#privacy-policy .footer-1 {
    text-align: left;
}

div#privacy-policy ul li {
    display: inline-block;
    padding: 0 10px;
}

#footer .footer-seo {
    clear: both;
    color: #fff;
}



.footer-links a {
    color: #b5b5b5;
}

.footer-links a:hover {
    color: #5a9c9d !important;
}


/* End Footer */




.event-collection-wrapper .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-block: 1rem;
}

.collection_list.events .collection_container:hover .collection_content.event_img {
    filter: brightness(0.55);
    transition: 300ms;
}

.collection_list.events .collection_container:hover .collection_content.event_img img {
    transition: 300ms;
}

.collection_content.event_img img {
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: 300ms;
}

.collection_content.event_img{
    overflow: hidden;
    border-radius: var(--br);
    transition: 300ms;
}

.collection_list.events .collection_container:hover .collection_content.event_img img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    transition: 300ms;
}

.event-title-textcontent {
    width: 100%;
    float: left;
    padding-block: 5rem;
}

.collection_list.events .collection_container:hover:after {
    opacity: 1;
}

.event-collection-wrapper .owl-item.center {
    scale: 1;
    filter: grayscale(0);
}
.event-collection-wrapper .owl-item {
    scale: .9;
    filter: grayscale(1);
}

.collection_list.events .collection_container:after {
    content: '';
    background-image: url(/userdata/images/arrow.svg);
    position: absolute;
    bottom: 50px;
    right: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 80px;
    height: 80px;
    opacity: .9;
}

.event-collection-wrapper .owl-nav {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-block: 1rem;
}

.kurse.full_preview .header-bg img {
    filter: brightness(0.2);
}

.gallery-style .owl-nav {
    display: flex!important;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-block: 1rem;
}

.collection_content.course_gallery {
    float: left;
    width: 100%;
}

.owl-dot span {
    height: 3px;
    width: 40px;
    background: #7f7f7f;
    position: relative;
    float: left;
}

.special-course .collection_full button#backButton {
    display: none;
}

.special-course .collection_full .collection_content.title.custom {
    font-size: 3rem;
    padding-inline-end: 2rem;
}

.collection_content.special_course_desc {
    padding-block: 2rem;
    border-top: 1px solid var(--accent);
    margin-block: 2rem;
}

.owl-dot.active span {
    position: relative;
    float: left;
    height: 3px;
    width: 40px;
    background: #ccc;


}



.slidecontent_content_container {
    display: none;
}

.slidecontent_headline:after {
    content: "";
    position: absolute;
    right: 15px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid var(--light-grey);
    border-right: 2px solid var(--light-grey);
    transform: rotate(45deg);
    transition: 300ms;
}

.slidecontent_headline.active:after {
    transform: rotate(-135deg);
    transition: 300ms;
    margin-top: 5px;
}

.slidecontent_headline {
    padding: 10px 40px 8px 0px;
    cursor: pointer;
}


/*responsive*/













#header_2 a {
    color: #ffffff !important;
    font-size: 15px;
}

.hamburger-menu a {
    color: #ffffff !important;
}

h6 {
    color: var(--accent) !important;
}



.collection_list.courses {
    width: 16.6666666667%;
    padding: 0;
}

.collection_content.field-1660885276 {
    max-width: 120px;
    float: right;
    margin-right: 50px;
}

.kurse-wrapper {
    display: flex;
}

div#area-2 .container {
    margin-top: 0px;
}

.collection_link {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    z-index: 1;
}

.courses .collection_container.Trending .collection_content.course_img {
    height: 90px;
    width: 90px;
    flex-shrink: 0;
    margin-right: 1rem;
    margin-bottom: 0;
}

.courses .collection_container.Trending {
    min-height: unset !important;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 0 !important;
}

.full_preview .courses .collection_container.Trending {
    min-height: unset !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    padding: 0 !important;
}

.trending {
    flex-wrap: wrap;
}

.grey {
    background: #1e1e1e;
}

#area-2 .collection_list.courses, #area-3 .collection_list.courses, #area-4 .collection_list.courses, #area-5 .collection_list.courses, #area-6 .collection_list.courses {
    width: 50%;
    padding: 5px;
}

.button.kurs {
    margin-top: 30px;
}

.collection_content.course-teaser {
    font-size: 14px;
    opacity: .7;
}

.collection_list.courses.first-card .collection_container.Trending .collection_content.course_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.collection_list.courses.first-card .collection_container.Trending {
    height: 390px;
}

.collection_list.courses.first-card .collection_container.Trending .collection_content.title.custom {
    font-size: 27px;
}

.collection_list.courses.first-card .collection_container.Trending .course-card-info {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    padding: 40px;
    overflow: hidden;

}

.collection_list.courses.first-card .collection_container.Trending:hover {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    transform: scale(1);
}

.collection_list.courses.first-card .collection_container.Trending .collection_content.course-teaser {
    font-size: 14px;
    opacity: .7;
    margin-top: 2rem;
}

.kurse-wrapper.trending {
    display: block;
    display: flex;
    float: left;
    flex-wrap: wrap;
    width: 50%;
}

.kurse-wrapper.trending .collection_list.courses {
    width: 50%;
}

.collection_list.not-found .collection_container {
    background: var(--bg-box);
    border-radius: var(--br);
    min-height: 400px;
    padding: 40px;
    transition: 300ms;
}

.collection_list.not-found .collection_container:hover {
    background: var(--bg-box-hover);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.collection_list.not-found:last-child .collection_container:hover {
    background: #dddddd !important;
}

.collection_content.icon {
    margin: 0 0 3rem;
}

.not-found .collection_content.link a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.collection_list.not-found .collection_container:after {
    content: 'Mehr erfahren';
    position: absolute;
    bottom: 40px;
    color: var(--accent);
    text-decoration: underline;
    font-size: 14px;
}

.collection_content.kurzbeschreibung {
    opacity: .7;
    font-size: 14px;
}

.not-found .collection_content.title.custom {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 5px;
}

.collection_list.not-found {
    padding: 5px;
}

.collection_content.icon img {
    height: 60px;
    object-fit: contain;
    width: 60px;
}

.collection_list.courses.first-card .collection_container.Trending .course-card-info:after {
    content: 'Mehr erfahren';
    font-size: 14px;
    position: absolute;
    bottom: 30px;
    color: var(--accent);
    text-decoration: underline;
}

.courses .collection_content.title.custom {
    font-weight: 600;
}

div#area-2-to-3 {
    padding: 0 !important;
}

.collection_list.courses .collection_container:hover {
    background: var(--bg-box-hover);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.highlights-image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 450px !important;
    object-fit: contain !important;
    filter: drop-shadow(2px 4px 40px #0000001f);
}

.collection_list.courses .collection_container {
    background: var(--bg-box);
    border-radius: var(--br);
    min-height: 270px;
    transition: 300ms;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
}

.collection_content.course_img {
    border-radius: var(--br);
    overflow: hidden;
    height: 150px;
    margin-bottom: 1rem;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: 300ms;
}

.academy .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
}

.collection_list.videoreihe {
    padding: 0;
    flex: 1 1 23%;
}

.video-collection {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.video-collection.no-video{
    gap: 0px;
}

.collection_list.videoreihe .collection_container {
    display: flex;
    flex-direction: column-reverse;
}

.collection_content.temporary-solution {
    height: 170px;
    margin-bottom: 15px;
    border-radius: var(--br);
    overflow: hidden;
}

.collection_content.title.custom {
    font-weight: 600;
}

.collection_content.course_img img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    transition: 300ms;
}

.collection_list.courses .collection_container:hover .collection_content.course_img img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.collection_list.companies .collection_container .c-preview img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overflow: hidden;
    transition: 300ms;
}

.collection_list.companies .collection_container:hover .c-preview img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}

.collection_full .collection_content.c-preview {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    filter: brightness(0.4);
    height: 100%;
    width: 100%;
}

.collection_full.companies .collection_content.c-topic {
    display: none;
}

.c-full-info {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 30px;
    max-width: 1260px;
    margin: 0 auto;
}

.c-full-wrapper {
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;
}

.collection_full .c-full-text {
    padding-right: 100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.collection_full.companies .collection_content.c-link {
    display: inherit;
}

.c-fact-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 350px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.c-fact-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    padding: 2rem 0;
}

.c-fact-wrapper .c-fact-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.collection_full .collection_content.c-link a {
    color: #fff;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    cursor: pointer;
    background-color: var(--accent);
        border-radius: var(--br);
    margin: 1rem 0;
}

.collection_content.c-title {
    font-size: 31px;
    font-weight: 600;
}

.collection_full .collection_content.c-logo {
    background: #ffffff17;
}

.collection_full .collection_content.c-logo img {
    padding: 0 50px;
}

.c-full-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--bg);
    border-radius: 1rem;
    border: 1px solid var(--accent-color);
    max-width: 330px;
    overflow: hidden;
    border: 1px solid var(--accent);
}

.c-gallery .owl-item {
    transform: scale(.9)!important;
    opacity: .5!important;
}

.c-gallery .owl-item.center {
    transform: scale(1)!important;
    transition: 300ms;
    opacity: 1!important;
}

.c-gallery .owl-nav {
    display: flex!important;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.collection_full .c-full-text {
    padding-right: 100px;
}

.collection_full .collection_content.c-adress {
    padding: 30px;
}

.ar-collection #content .container {
    margin-top: 60px;
}



.icon-nav .collection_content.title.custom {
    font-weight: 700;
    margin-bottom: 4px;
    margin-right: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.firmen-collection #slider img {
    border-radius: 0;
}

.collection_content.course_level, .collection_content.course_language, .collection_content.course_author {
    font-size: 14px;
    opacity: .7;
}

.collection_full .collection_content.course_level, 
.collection_full .collection_content.course_language, 
.collection_full .collection_content.course_author {
    width: auto;
    float: left;
    padding-left: 20px;
}

.collection_content.course-teaser-text {
    width: 80%;
    float: left;
    padding: 1rem 0;
    padding-left: 20px;
    padding-top: 0;
}



.collection_full .collection_content.course_level:before {
    content: '';
    background-image: url(/userdata/images/info-circle-fill.svg);
    float: left;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    filter: invert(1);
    background-size: contain;
    margin-right: 5px;
}

.collection_full .collection_content.course_language:before {
    content: '';
    background-image: url(/userdata/images/globe.svg);
    float: left;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    filter: invert(1);
    background-size: contain;
    margin-right: 5px;
}

.collection_full .collection_content.course_author:before {
    content: '';
    background-image: url(/userdata/images/person-circle.svg);
    float: left;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    filter: invert(1);
    background-size: contain;
    margin-right: 5px;
}

.collection_content.short-teaser {
    text-decoration: underline;
}

.collection_content.course_desc:before {
    content: 'Das werden Sie lernen';
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
}

.kurse.full_preview button#backButton {
    margin: 0 0 3rem;
}

.collection_content.course_desc {
    width: 100%;
    float: left;
    padding: 1.5rem;
    border: 1px solid #ffffff52;
    margin: 3rem 0;
    background: #ffffff0d;
    border-radius: 10px;
}

.collection_full .collection_content.course_img {
    width: 20%;
    float: left;
}

.collection_content.course_desc ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 5px;
}


.collection_content.course_desc ul li {
    width: 46%;
    float: left;
    font-size: 14px;
}



.col-sm-12.col-md-12.col-lg-8.anwendungsgebiete-collection.show-all:after {
    display: none;
}

.col-sm-12.col-md-12.col-lg-8.anwendungsgebiete-collection.show-all:before {
    content: 'Weniger anzeigen';
}



.collection_content.field-1660889056 {
    margin-right: 1rem;
    flex-shrink: 0;
    height: 40px;
}



img.tablet {
    border: 5px solid #000;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    width: 100% !important;
    height: 100% !Important;
    position: relative;
}






.firmen .collection_list.companies .collection_container {
    flex-direction: row;
}

.company-info-wrapper {
    width: 100%;
    position: relative;
    z-index: 1;
}

.firmen .collection_content.c-preview {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    filter: brightness(0.5);
}



.firmen .collection_content.c-logo img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    padding: 0 60px;
}



.col-xs-12.white-background .textcontent {
    background: #fff;
    max-width: 760px;
    margin: 0 auto;
    border-radius: 15px;
    padding: 30px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding-right: 100px;
}

.kontaktseite input {
    background: none;
    color: #fff;
}

.kontaktseite ::placeholder {
    color: #ffffffa3;
}

.home .contactformular .kontaktseite input {
    width: 100% !important;
}










.collection_list.team {
    width: 50%;
}

.warum-breadcrumb div#area-4 h2 {
    color: var(--heading-color);
}

.collection_content.field-1660024078 {
    max-width: 50px;
    max-height: 50px;
}



.collection_content.field-1659871487 {
    font-size: 4rem;
    font-weight: 600;
    color: var(--heading-color);
}

.collection_list.gr .collection_container {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    background: #fff;
    border-radius: 15px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 330px;
}

.collection_content.field-1659938959 {
    height: 120px;
}

.gr .collection_content.title.custom {
    font-size: 1.6rem;
    font-weight: 600;
}




.owl-collection {
    width: 100%;
    float: left;
}

.collection_content.leistung_preview_img img {
    height: 250px;
    border-bottom: 5px solid var(--accent);
}

.collection_list.leistungen .collection_container {
    background: var(--bg-box);
    border-radius: var(--br);
    overflow: hidden;
    transition: 300ms;
    min-height: 440px;
}

.collection_list.leistungen .collection_content.title.custom {
    font-size: 21px;
    margin: 10px 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.collection_list.leistungen .collection_container:hover {
    background: var(--bg-box-hover);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}



.collection_content.field-1659872708 {
    width: 60px;
    height: 60px;
    margin-bottom: 1rem;
}

.faq h3 {
    line-height: 1.3 !important;

}






.home .contactformular .kontaktseite .datenschutz input {
    width: auto !Important;
    font-size: 15px;
}


label.form-check-label {
    font-size: 13px;
}



.collection_content.field-1659938990 {
    padding: 0px 25px 0px 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0 0 2rem;
}



.collection_list.weiterleitungen:last-child {
    width: 100%;
}

.warum-breadcrumb div#area-2 .container {
    margin-top: -150px;
}

.collection_list.weiterleitungen:last-child .collection_content.field-1659856208 {
    height: 240px;
}

.faq {
    max-width: 840px;

}


.collection_list.weiterleitungen:last-child .collection_content.field-1659856208 img {
    object-fit: contain !important;
}

.weiterleitungen .collection_content.title.custom {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 5px;
}

.card-text {
    color: #fff;
    padding-right: 2rem;
    width: 50%;
}

.collection_content.field-1659856208 {
    width: 50%;
}







.collection_list.weiterleitungen {
    width: 50%;
}

.intro-text a {
    color: var(--font-color);
    text-decoration: underline;
}

.collection_content.field-1659856196 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}





.next .collection_content.title.custom {
    font-size: 1.3rem;
    font-weight: 600;
    padding: 0 0 0.5rem;
}

.faq_nearest_search {
    display: none;
}



.header-bg img {
    animation: scale 40s linear infinite;
    overflow: hidden;
    object-fit: cover;
    width: 100% !important;
    height: 100% !Important;
    filter: brightness(0.5);
}

input#myInput {
    max-width: 360px;
    box-shadow: rgb(255 255 255 / 34%) 0px 7px 29px 0px;
    padding: 15px;
    position: relative;
    border: 1px solid var(--accent);
    display: none;
}

input#myInput:before {
    content: '';
    background-image: url(/userdata/images/search.svg);
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 1;
}



.collection_content.field-1660889064 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}





.collection_list.companies {
    width: 33.33%;
}

.firmen-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

.home .collection_list.companies,
.home .collection_list.companies:nth-child(1),
.home .collection_list.companies:nth-child(2) {
    width: 100%;
    padding: 0;
}

figure.mz-figure.mz-hover-zoom.mz-no-zoom.mz-ready {
    height: 520px;
}

.col-sm-12.col-md-12.col-lg-8.firmen-wrapper.owl-firmen.owl-theme.owl-carousel.owl-loaded.owl-drag {
    padding: 0 !important;
    margin: 0 !important;
}

.home .firmen-wrapper .owl-stage {
    padding-left: 0 !important;
}

.firmen-teaser {
    padding: 100px !important;
}

.home .collection_list.companies:nth-child(1) .collection_content.c-logo img,
.home .collection_list.companies .collection_content.c-logo img,
.home .collection_list.companies:nth-child(2) .collection_content.c-logo img {
    padding: 0 40px;
}

.home .collection_list.companies:nth-child(1) .collection_content.c-logo,
.home .collection_list.companies .collection_content.c-logo,
.home .collection_list.companies:nth-child(2) .collection_content.c-logo {
    min-height: 162px;
}

.firmen-teaser a {
    background: var(--gradient-light);
    color: #fff;
    padding: 10px 20px;
        border-radius: var(--br);
    box-shadow: var(--gradient-shadow);
    text-align: center;
}

.home .collection_content.c-preview {
    height: 260px;
}

.firmen-teaser a:hover {
    color: #fff;
}

.home .owl-firmen .owl-stage {
    padding-left: 0 !important;
}

.collection_list.companies .collection_container {
    border-radius: 1rem;
    background: var(--bg-box);
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    border: 2px solid var(--accent);
}





.collection_content.c-logo img {
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    padding: 0 70px;
}

.companies .collection_content.title.custom {
    display: none;
}

.collection_content.c-topic {
    color: #fff;
    background: var(--accent);
    width: 100%;
    text-align: center;
    padding: 13px;
    font-size: 17px;
    z-index: 1;
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.collection_content.c-preview {
    height: 300px;
    width: 100%;
}

.collection_content.c-logo {
    min-height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}











.collection_list.logos {
    width: 25%;
}

.collection_content.field-1658990218 img {
    object-fit: contain;
}



.logos .collection_container {
    transition: 300ms;
}

.group-left,
.group-right {
    width: 100%;
    float: left;
    padding: 4rem 0;
    position: relative;
}

.group-right {
    text-align: right;
}

.spacing-2 {
    padding: 2rem 0;
    width: 100%;
    float: left;
}

.group-right .max-width-50 .textcontent {
    margin-left: auto;
}

.collection_content.field-1658990218 {
    height: 100px;
    padding: 22px;
}

.image-offsett .textcontent {
    max-width: 1100px;
    margin: 0 auto;
}

.bottom-offsett {
    margin-bottom: 8rem;
}

.image-offsett img {
    object-fit: contain;
    width: 100% !Important;
    height: 100% !important;
}

.z-1 {
    z-index: 1;
}

.offset-8rem {
    margin-top: -8rem;
}

.header-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    overflow: hidden;
}

@keyframes scale {
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}

#content {
    min-height: 720px !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-wrapper.fixed-header {
    height: 60px !important;
}

.header-wrapper.fixed-header div#header,
.header-wrapper.fixed-header .header-wrapper {
    height: 60px !important;
}

.header-wrapper.fixed-header {
    background: var(--bg);
}

div#header,
.header-wrapper {
    height: 60px !important;
    transition: 300ms;
    position: fixed;
}









.collection_content.field-1659876955 {
    width: 50px;
    height: 50px;
    margin: 0 0 2rem;
    z-index: 1;
}

.collection_content.field-1659876971 a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.header-text h1 {
    margin-top: 0;
    color: #fff;
}

.header-text {
    max-width: 1020px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.header-text {
    max-width: unset;
}



.header-bg video {
    filter: brightness(0.5);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Icon Nav */

.nav__block .nav__link a {
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}

.collection_content.nav__bg img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: 0.5s;
}

.nav__block .collection_container:hover .collection_content.nav__bg img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.nav__block {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    z-index: 9;
}

.nav__block .row {
    border-radius: 17px;
    float: left;
    padding: 48px 48px 72px 48px;
    display: flex;
    justify-content: space-between;
    height: 500px;
}

.nav__block .icon-nav-wrapper .title {
    z-index: 9;
    position: relative;
    font-size: 18px;
}

.nav__block .nav__subtitle {
    z-index: 9;
    font-size: 14px;
    color: #d2d2d2;
    position: relative;
}

.icon-nav-wrapper {
    width: 60%;
    float: left;
    height: 100% !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: 24px;
}

.icon-nav-wrapper .icon-nav:first-child {
    height: 50% !important;
    float: left;
    padding-top: 0 !important;
    margin-bottom: 24px;
}

.nav__block .collection_list {
    padding: 0px;
    transition-duration: 200ms;
}

.nav__block .collection_list {
    padding: 0px;
    transition-duration: 200ms;
}

.nav__block .icon-nav {
    position: relative;
    width: 223px;
    height: 50%;
}

.collection_list.icon-nav:first-child {
    position: relative;
    width: 40%;
    height: calc(100% + 24px);
}

.nav__block .collection_list {
    padding: 0px;
    transition-duration: 200ms;
}

.icon-nav-wrapper .icon-nav {
    width: 48% !important;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

#footer .level_2_container {
    display: none;
}

.footer-sitemap {
    display: none !important;
}

#footer li.level_1.levels:after {
    display: none;
}

div#logo-footer-area {
    width: 100%;
    float: left;
    padding-top: 7rem;
    padding-bottom: 3rem;
}

.contactformular {
    accent-color: var(--accent);
    position: relative;
}

.newsletter label.form-check-label {
    font-size: 13px;
    line-height: 1 !important;
    float: left;
    color: #909090;
}

.component.privacy_policy ul li:first-child a {
    color: #ffffff8f !important;
}

.component.privacy_policy ul li a {
    color: #ffffff8f !important;
}

.component.privacy_policy ul li a:hover {
    color: #fff !important;
}

.footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    width: 130%;
}

.newsletter input#input_mail {
    background: no-repeat;
    color: #fff;
    background: #ffffff12;
    border: none;
    padding: 20px !important;
}

.component.logo-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

div#footer-wrapper ul {
    padding: 0;
}

.newsletter div#submit_button {
    position: absolute;
    right: 20px;
    top: 0;
    margin-top: 20px !important;
    justify-content: unset;
    display: unset;
    width: auto;
}

.jobs div#area-2-to-3 {
    padding-block-end: 70px!important;
}

h6 {
    margin-bottom: 5px;
}

.newsletter div#submit_button input#button {
    background: var(--gradient-light);
    color: #fff;
    padding: 10px!important;
}

.newsletter .contactformular {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0px 10px !Important;
    margin: 0 !important;
    max-width: unset !important;
}

#footer {
    background: none;
    padding-top: 7rem !important;
}

div#footer-wrapper {
    background: var(--bg-darker);
    float: left;
    width: 100%;
}

.nav__block .icon-nav .collection_container {
    height: 100%;
    width: 100%;
    padding: 25px !important;
    box-shadow: none;
    display: flex;
    transition: 300ms;
    flex-direction: column;
    justify-content: end;
    margin: 0;
    border-radius: 10px;
    background-color: #4b4b4b;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%);
    -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.59);
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 59%);
}

.collection_content.nav__subtitle:after {
    content: 'Mehr erfahren';
    float: left;
    position: relative;
    width: 100%;
    margin-top: 0;
    font-size: 12px;
    color: var(--accent);
    text-decoration: underline;
    height: 0;
    transition: 300ms;
    opacity: 0;
}

.collection_list.kurs-aktion {
    width: 100%;
    padding: 0;
}

.collection_list.kurs-aktion {
    background: var(--accent);

}

.collection_list.kurs-aktion .collection_container {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    max-width: 1273px;
    margin: 0 auto;
}

.sticky {
    position: sticky;
    top: 90px;
}

.collection_full.courses {
    padding-right: 50px;
}
.collection_full.courses .collection_content.title.custom {
    font-weight: 600;
    font-size: 45px;
    width: 80%;
    float: left;
    padding-left: 20px;
}

.icon-nav .collection_container:hover .collection_content.nav__subtitle:after {
    height: 100%;
    opacity: 1;
    margin-top: 10px;
}

.nav__block .nav__bg::after {
    content: "";
    position: absolute;
    background: transparent linear-gradient(0deg, #1A1A1AAB 20%, #41414124 100%) 0% 0% no-repeat padding-box;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nav__block .title {
    z-index: 9;
    position: relative;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.nav__block .nav__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.nav__block .nav__subtitle {
    z-index: 9;
    font-size: 16px;
    color: #d2d2d2;
    position: relative;
    transition: 300ms;
}

.nav__block .nav__link {
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}


/* Icon Nav */

.video video {
    width: 100%;
    border-radius: 20px;
    border: 6px solid #000;
}



.collection_list.next .collection_container:before {
    content: '';
    background: var(--gradient);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    border-radius: 5px 5px 0 0;
}

.collection_list.next .collection_container {
    border: 1px solid #dfdfdf;
    padding: 30px;
        border-radius: var(--br);
    min-height: 208px;
}



.col-xs-12.sending-title.sending-title h3 {
    color: #fff;
    text-align: center;
    font-size: 22px;
}

.kontaktseite .form-group {
    float: left;
    width: 100%;
    text-align: center;
}

.contactformular .kontaktseite input {
    width: 70% !important;
}

.header-text a,
.group-left a,
.group-right a {
    background: var(--gradient-light);
    color: #fff;
    padding: 10px 20px;
        border-radius: var(--br);
    box-shadow: var(--gradient-shadow);
    margin-right: 1rem;
    text-align: center;

}

.header-text a:hover,
.group-left a:hover,
.group-right a:hover {
    color: #fff !important;
}






.contactformular h2 {
    font-size: 30px;
    color: #fff;
}

div#submit_button input#button {
    background: var(--gradient-light);
    color: #fff;
    cursor: pointer;
    border: none !Important;
    padding: 10px 20px!important;
    width: 100%;
}

.form-group {
    padding: 10px 0;
}


.before-animation {
    filter: grayscale(1);
    opacity: .5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.a-r .collection_content.title.custom {
    width: 100%;
    font-size: 2rem;
    font-weight: 600;
    color: var(--heading-color);
    border-bottom: 1px solid var(--accent-color);
    padding: 0 0 1rem;
}

.a-r-card-one {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    border-radius: 0 0 1px 15px;
    float: left;
    padding-right: 0;
    gap: 100px;
}

.a-r-card-one-wrapper h5 {
    font-size: 20px !important;
}

/* .field-1659862865:after {
    content: 'Mehr lesen';
    background: var(--gradient);
    color: #fff;
    text-align: center;
    padding: 6px 20px;
        border-radius: var(--br);
    float: left;
    margin-top: 2rem;
} */

.referenzen.full_preview .field-1659862865:after {
    display: none;
}

.collection_content.field-1659866309 {
    max-width: 820px;
    float: left;
    width: 100%;
    padding: 10px 0;
}

.collection_content.field-1659862865 h3 {
    font-size: 17px;
    margin: 0;
    padding: 0;
    font-weight: 400 !important;
    color: inherit;
}

.a-r:nth-child(even) .a-r-card-one {
    flex-direction: row-reverse;
}



.a-r-card-content:after {
    content: 'Mehr erfahren';
    background: var(--gradient-light);
    color: #fff;
    padding: 10px;
        border-radius: var(--br);
    margin: 1rem 0;
    float: left;
    width: auto;
    text-align: center;
}



.a-r:nth-child(even) .collection_container {
    padding-right: 60px;
    padding-left: 0px;

}

.collection_content.field-1659862913 img {
    max-width: 430px;
    display: flex;
    margin-left: auto;
}

.collection_content.field-1659862865 {
    width: 100%;
    padding: 20px 0;
}

.collection_content.field-1659862865 p {
    margin: 0;
    margin-top: 3px;
}

.referenzen.full_preview .header-text {
    display: none;
}



.back_to_overview {
    display: none !important;
}

button#backButton {
        border-radius: var(--br);
    background: var(--gradient-light);
    margin: 0 0 1rem;
}

.collection_content.field-1659862925 li {
    padding: 5px 0;
}









.collection_content.field-1659862913 {
    width: 100%;
}

.collection_full.a-r .a-r-card-content:after {
    display: none;
}



.collection_list.team .collection_container {
    min-height: 260px;
}









.collection_content.field-1659862925 {
    width: 100%;
    float: left;
    padding: 10px 0px;
    background: #00000008;
    border-radius: 10px;
    z-index: 88;
    border: 1px solid #c1c1c1;
    padding-left: 20px;
    padding-bottom: 0;
}




.collection_content.field-1659862925 ul li {
    list-style-type: none;
}

.collection_list.a-r {
    margin: 0 0 2rem;
}

.collection_content.field-1659862925 ul li:before {
    content: '';
    background-image: url(/userdata/images/check.svg);
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 55px;
    flex-shrink: 0;
    padding-right: 0;
    margin-right: 11px;
}





.collection_content.field-1659862925 ul {
    padding: 0;
}





h2 {
    margin-bottom: 1rem !important;
}

.collection_content.field-1659000581 img {
    height: auto;
    width: auto;
    max-width: 200px;
    max-height: 50px;
}

.collection_content.field-1659000645 {
    font-size: 15px;
    opacity: .5;
}

.collection_content.field-1659000632 {
    font-size: 1.2rem;
}

.collection_content.field-1659000632 {
    padding-top: 1rem;
}

.collection_content.field-1659000615 {
    width: 80px;
    height: 80px;
    border-radius: 9999px;
    overflow: hidden;
    margin: 10px;
}

.collection_content.field-1659000593 {
    text-align: center;
    font-size: 1.2rem;
    padding: 3rem 0;
    font-weight: 600;
    color: var(--heading-color);
}










.header-text a:hover,
.group-left a:hover,
.banner-aktion a:hover {
    color: #fff !important;
    box-shadow: var(--gradient-shadow-hover);
}

.multiFormPage form .iconfield br {
    display: none;
}



.responsive-img {
    z-index: 1;
    position: relative;
}

.responsive-img img {
    width: 100% !important;
    height: 100% !important;
}



#header>.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header>.container:before {
    display: none;
}

.collection_content.field-1655046812 {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    padding-top: 1rem;
}

.collection_content.field-1655046828 {
    text-align: center;
}

.collection_content.field-1655046843 img {
    border-radius: 10px;
    height: 100%;
}

.collection_content.field-1655053570 {
    margin-right: 1rem;
    flex-shrink: 0;
    height: 40px;
}

.collection_list.anwendungsgebiete {
    width: 33.33%;
    padding: 10px;
}

.anwendungsgebiete-collection {
    padding-left: 0 !important;
    margin-left: -10px !important;
}

.group-left a:last-child,
.group-right a:last-child,
.banner-aktion a:last-child {
    background: none;
    box-shadow: none;
    border: 1px solid var(--accent);
    color: var(--gradient);
}


.group-right a:last-child,
.banner-aktion a:last-child {
    background: none;
    box-shadow: none;
    border: 1px solid var(--accent);
    color: var(--gradient);
}

.header-text a:last-child {
    border: 1px solid #fff;
    background: none;
    box-shadow: none;
    color: var(--gradient);
}

.group-left a:last-child:hover,
.group-right a:last-child:hover {
    color: var(--gradient) !important;
}

.banner-aktion .row {
    padding: 30px;
    max-width: 1400px;
    margin: 0 auto;
    float: unset;
}

.banner-aktion {
    width: 100%;
    float: left;
}

.gallery-moving-wrapper {
    width: 110%;
    float: left;
    position: relative;
    padding: 70px 0;
}

.gallery-moving {
    height: 120px;
}

.gallery-moving .textcontent {
    animation: animatedBackground 700s linear infinite;
    background-image: url(/userdata/images/galerie-reihe-1.png);
    width: 100%;
    height: 169px;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto 100%;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0;
    }

    /*use negative width if you want it to flow right to left else and positive for left to right*/
    to {
        background-position: -10000px 0;
    }
}

.gallery-moving.opposite .textcontent {
    animation: animatedBackgroundinverted 700s linear infinite;
    background-image: url(/userdata/images/galerie-reihe-3.png);
    width: 100%;
    height: 169px;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto 100%;
}

@keyframes animatedBackgroundinverted {
    from {
        background-position: 0 0;
    }

    /*use negative width if you want it to flow right to left else and positive for left to right*/
    to {
        background-position: 10000px 0;
    }
}

.gallery-moving.faster .textcontent {
    animation: animatedBackgroundfaster 250s linear infinite;
    background-image: url(/userdata/images/galerie-reihe-2.png);
    width: 100%;
    height: 169px;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto 100%;
}

@keyframes animatedBackgroundfaster {
    from {
        background-position: 0 0;
    }

    /*use negative width if you want it to flow right to left else and positive for left to right*/
    to {
        background-position: -10000px 0;
    }
}

.header-text {
    margin: 0 auto;
    z-index: 1;
    position: relative;
    margin-top: -80px;
}

div#area-2-to-3 .container-full {
    margin-top: -170px;

}

.gallery-moving-wrapper .row {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hero-image-right {
    z-index: 1;
}

.hero-image-right img {
    height: 600px !important;
    object-fit: contain;
}



div#area-4 {
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}







.module div#area-4:after {
    display: none;
}

.software div#area-4:after {
    display: none;
}

.next .collection_content.title.custom {
    color: var(--heading-color);
}

div#area-4 h2 {
    color: #fff;
}

.highlight-group {
    padding: 40px 0;
}





div#area-4 .group-left a:last-child,
div#area-4 .group-right a:last-child {
    border: 1px solid #fff;
    background: none !Important;
    color: #fff !important;
}

.js-tilt {
    transform-style: preserve-3d
}

img.js-tilt-inner {
    position: absolute;
    z-index: 1;
    left: -30px;
    width: auto !important;
    height: 510px !important;
    top: 104px;
    transform: translateZ(60px);
}

img.js-tilt-inner-6 {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) translateZ(60px);
    max-width: 270px;
}

img.js-tilt-inner-9 {
    position: absolute;
    z-index: 1;
    left: 48%;
    top: 40%;
    transform: translateX(-50%) translateY(-50%) translateZ(20px);
    height: 390px !important;
}

img.js-tilt-inner-2 {
    position: absolute;
    z-index: 2;
    left: 40px;
    width: auto !important;
    height: 510px !important;
    top: 90px;
    transform: translateZ(80px);
}

.full_preview .filter_display {
    display: none;
}

.sticky {
    position: sticky;
}

.collection_content.stellen_contact_logo img {
    background: var(--bg-box);
    padding: 3rem;
    border-radius: var(--br);
    border: 1px solid var(--bg-box-hover);
}

.collection_content.stellen_contact_logo {

    margin-block-end: 1rem;
}

.collection_content.stelle_standort {
    padding-block: 1rem;
}

.collection_content.stelle_standort:before {
    content: '';
    background-image: url(/userdata/images/location.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
        position: relative;
    display: block;
    float: left;
        margin-inline-end: 1rem;

}

.collection_content.stelle_start:before {
    content: '';
    background-image: url(/userdata/images/time.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
        position: relative;
    display: block;
    float: left;
        margin-inline-end: 1rem;

}

.collection_content.stelle_img_person img {
width: 100px;
height: 100px;
    background: var(--bg-box);
    border-radius: 9999px;
    object-position: top;
    float: left;
}

.collection_content.news_img_person img {
width: 100px;
height: 100px;
    background: var(--bg-box);
    border-radius: 9999px;
    object-position: top;
    float: left;
}

.contact-text-wrapper .collection_content.stelle_contact_name {
    color: #fff;
    font-weight: 600;
}



.contact-person-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    margin-block-start: 2rem;
}

span.field_description_title {
    display: flex;
    color: #fff;
    font-weight: 600;
}

.collection_content.stelle_start {
    padding-block: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.collection_full.stellen.show {
    padding-right: 2rem;
    width: 100%;
    float: left;
}

.jetzt-bewerben {
    max-width: 960px;
    margin: 0 auto;
}

.newsletter div#submit_button input#button {
    width: auto;
}

.jetzt-bewerben .collection_content.stelle_img_person {
    flex-shrink: 0;
}



.jetzt-bewerben .contact-person-wrapper {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-block-start: 1rem;
}

.collection_list.stellen-kontakt {
    width: 100%;
    padding: 0;
    border-left: 1px solid var(--bg-box-hover);
    padding-left: 3rem;
}

.jetzt-bewerben .collection_list.stellen-kontakt {
    border: none;
    padding: 0;
    padding-right: 3rem;
}

.jetzt-bewerben .collection_content.stelle_standort,
.jetzt-bewerben .collection_content.stellen_contact_logo,
.jetzt-bewerben .collection_content.stelle_start {
    display: none;
}

.collection_full.stellen .collection_content.title.custom {
    font-size: 40px;
    margin-block-end: 1rem;
}

.collection_list.stellen {
    padding: 0;
    flex: 1 1 30%;
}

.stellen-collection-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.collection_full .collection_content.stelle_img img {
    height: 450px;
    border-radius: var(--br);
}

.collection_full .collection_content.news_img img {
    height: 450px;
    border-radius: var(--br);
}
.collection_full .collection_content.blog_img img {
    height: 450px;
    border-radius: var(--br);
}

.collection_list.stellen .collection_container:hover {
    background: var(--bg-box-hover);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
}

.filter_display {
    display: flex;
    gap: 20px;
    width: 100%;
}

.leistungen-collection {
    width: 100%;
    float: left;
    padding-block-end: 2rem;
}

.collection_full.leistungen.show {
    max-width: 800px;
}

.collection_full.leistungen .collection_content.leistung_preview_img img {
    height: auto;
    border-radius: var(--br);
}

.collection_full.leistungen .collection_content.leistungen_teaser_text {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ffffff52;
    margin: 1rem 0;
    padding-bottom: 2rem;
    -webkit-line-clamp: unset;
}

.collection_content.leistungen_text {
    margin-block: 1rem;
    width: 100%;
    float: left;
}

.leistungen_highlight ul li {
    width: 46%;
    float: left;
    font-size: 14px;
}

.leistungen_highlight ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 5px;
}

.collection_content.leistungen_highlight:before {
    content: 'Highlights';
    font-size: 25px;
    font-weight: 700;
}

.collection_content.leistungen_highlight {
    width: 100%;
    float: left;
    padding: 1.5rem;
    border: 1px solid #ffffff52;
    margin: 1rem 0;
    background: #ffffff0d;
    border-radius: 10px;
}

.collection_full.leistungen .collection_content.leistung_preview_img {
    margin-top: 2rem;
}


.collection_full.leistungen .collection_content.title.custom {
    font-weight: 600;
    font-size: 35px;
}

.collection_content.leistungen_teaser_text {
    margin: 10px 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

a.button_filter.a-filter {
    color: #fff;
    background: var(--accent);
    padding: 10px 15px;
    border-radius: var(--br);
    border: 1px solid var(--accent);
}

a.button_filter.o-filter {
    color: var(--grey);
    background: var(--bg-box);
    padding: 10px 15px;
    border-radius: var(--br);
    border: 1px solid var(--bg-box-hover);
}

.full_preview iframe {
    max-width: 750px;
    max-height: 450px;
    overflow: hidden;
    border-radius: var(--br);
}

.full_preview .stellen li {
    padding-block: 3px;
}

.jobs iframe {
    width: 100%;
    height: 340px;
    border-radius: var(--br);
}

.video-full .video-collection {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.video-full .video-collection .youtubecontent iframe {
    height: 200px;
}


.g-recaptcha iframe {
    height: auto;
}

.event-collection-wrapper .collection_content.temporary-solution {
    height: auto;
}

.event-slider {
    margin-top: -200px;
}

img.js-tilt-inner-3 {
    position: absolute;
    z-index: 3;
    right: -80px;
    width: auto !important;
    height: 510px !important;
    top: 130px;
    transform: translateZ(80px);
}



.z-index-1 {
    z-index: 1;
}

div#area-2_full {
    color: #fff;
    position: relative;
    z-index: 0;
    padding: 0 !important;
}





div#area-2_full .group-left.d-flex.align-items-center {
    padding: 0;
}

div#area-2_full h2 {
    color: #fff;
}


.image-offsett {
    z-index: 1;
    position: relative;
}

.max-width-50 .textcontent {
    max-width: 550px
}





.header-bg:after {
    content: '';
    background: linear-gradient(0deg, rgb(34 34 34) 0%, rgb(55 54 59 / 0%) 100%);
    width: 100%;
    height: 260px;
    position: absolute;
    bottom: 0;
    left: 0;
}


.newsletter ul {
    margin-bottom: 0;
}



.highlight-group h2 {
    margin-top: 0;
}


.collection_content.field-1655053557 {
    font-size: 1rem;
    margin: 0;
}

.collection_content.field-1655053570 img {
    object-fit: contain;
}

.header-text h1 {
    margin-top: 0;
}

.collection_content.field-1655046843 {
    height: 240px;
}

#header div#header_2 li:last-child {
    padding: 0 0 0 10px;

}




.highlights-image img {
    width: 100% !important;
    height: 100% !important;
    max-height: 450px !important;
    object-fit: contain !important;
    filter: drop-shadow(2px 4px 40px #0000001f);
}



.collection_list.header {
    width: 100%;
}

.header-text-wrapper {
    max-width: 1440px;
    width: 1440px;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    min-width: 320px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
}

.collection_content.header-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.collection_content.header-quote-author {
    font-size: .9em;
    padding-top: 0.3em;
}

.collection_list.header .collection_container {
    height: 696px;
}


.collection_content.header-quote {
    padding-top: 1em;
    width: 39%;
}


/* Header Kollektion Ende */


/* Kollektion ALL */

.collection_list.all {
    width: 33.33%;
    float: left;
    padding: 20px;
}

.collection_list.all .collection_container {
    background: #fff;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-bottom: 7px solid var(--accent-color);
}

.collection_list.all .collection_container:hover {
    box-shadow: rgb(100 100 111 / 50%) 0px 7px 29px 0px;
}

.collection_content.all-img {
    height: 216px;
    position: relative;
    z-index: 0;
}

.all-text-group {
    padding: 30px;
    height: 331px;
    min-height: 331px;
    position: relative;
    background: #fff;
}

.collection_content.all-title-small {
    color: #7B7B7B;
    font-size: 16px;
    padding-bottom: 0.2em;
}



.collection_content.all-teaser {
    padding-top: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.all-wrapper {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.collection_content.all-img img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: 0.5s;
}

div#footer-header {
    float: left;
    width: 100%;
}



#header #header_1 {
    width: auto !important;
    height: 100%;
    z-index: 9999;
}

.header-wrapper:hover {
    background: var(--bg);
    height: 60px!important;
}

div#header:hover {
    background: var(--bg);
    height: 60px!important;
}

#header>.container:before {
    display: none;
}

#header_1 img {
    padding: 10px;
}



#header>.container:after {
    display: none;
}

#header #header_2 {
    width: auto !important;
}

.collection_link a {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 2;
}







@media (min-width:768px) {



    .container {
        width: 750px;
    }

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .w-25 .collection_list.teamCollection,
    .w-25 .collection_list.blog-multi {
        width: 100%;
        float: left;
        padding: 20px;
        border: 2px solid #80808080;
        text-align: center;
    }

    .responsive-img {
        display: none !important;
    }
}

@media (min-width:992px) {

    .container {
        width: 970px;
    }
    
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

}

@media (min-width: 1200px) {

    .container {
        width: 1170px;
    }

    .firmen-teaser {
        text-align: right!important;
    }

    .firmen-teaser .textcontent {
        text-align: right!important;
    }
    .firmen-teaser .textcontent h2 {
        text-align: right!important;
    }

    .firmen-teaser .button-wrapper {
        justify-content: end;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1500px) {

    .container {
        width: 1300px;
    }

}


@media(max-width:1650px) {


    .collection_full.referenzen .collection_content.referenz_image {
        right: -40%;
    }

}
@media(max-width:1500px) {

    .collection_list.team .collection_container {
        min-height: 330px;
    }

    .collection_full.referenzen .collection_content.referenz_image {
        right: -40%;
        height: 660px;
    }

}

@media (max-width: 1249px) {
    div#header,
    #header .container {
        height: 100%;
        width: 100%;
        padding: 0;
    }


    div#header_1,
    #header_2,
    #header_3 {
        padding: 0 !important;
        margin: 0 !important;
    }

    #header #header_2,
    #header #header_3 {
        display: none;
    }

    div#toggle_navigation {
        display: block !important;
    }

    div#toggle_navigation:hover,
    div#toggle_navigation:active,
    div#toggle_navigation:focus {
        background: transparent;
    }
    #cookie-bar>p {
        line-height: 20px;
    }
}

@media(max-width: 1200px) {



    .collection_full.referenzen .title {
        max-width: 100%;
        padding-top: 1rem;
    }

    .collection_list.videoreihe {
        flex: 1 1 37%;
    }

    .contact-info {
        padding-block-end: 1rem;
    }

    .firmen-teaser {
        text-align: center!important;
    }

    .firmen-teaser .button-wrapper {
        justify-content: center;
    }

    .firmen-wrapper .owl-item {
        scale: .9;
    }

    .home .collection_list.companies:nth-child(1) .collection_content.c-logo img, .home .collection_list.companies .collection_content.c-logo img, .home .collection_list.companies:nth-child(2) .collection_content.c-logo img {
        padding: 0 70px;
    }
    .firmen-wrapper .owl-item.center {
        scale: 1;
    }

    .firmen-teaser .textcontent {
        text-align: center!important;
    }
    .firmen-teaser .textcontent h2 {
        text-align: center!important;
    }

    .collection_list.events .collection_container .collection_content.title.custom {
        font-size: 2rem;
    }

    .collection_full.referenzen .collection_content.referenz_teaser {
        min-height: unset;
    }

    .collection_full.referenzen .collection_content.referenz_image {
        height: auto;
        position: relative;
        left: unset;
        right: unset;
    }

    .collection_content.referenz_image img {
        object-fit: contain;
    }

    .collection_list.events .collection_container {
        height: 600px;
        padding: 3rem;

    }

    .grid-gallery .row {
        grid-template-rows: [row1] 200px [row2] 200px [end];
    }

    .collection_content.event_holder {
        top: 50px;
        left: 50px;
    }
    img.js-tilt-inner {
        left: -60px;
        height: 480px !important;
        top: 74px;
    }

    .pop-up-wrapper {
        padding: 2rem;
    }

    .collection_list.next .collection_container {
        min-height: unset;
    }


    img.tablet {
        border: 4px solid #000;
        border-radius: 14px;
    }





    img.js-tilt-inner-2 {
        left: 0px;
        height: 490px !important;
        top: 70px;

    }

    img.js-tilt-inner-3 {
        right: -70px;
        height: 440px !important;
        top: 130px;
    }

    .demo-vereinbaren .header-text .row {
        display: flex;
        gap: 100px;
        flex-wrap: wrap;
    }

    .trial-version .header-text .row {
        display: flex;
        gap: 50px;
        flex-wrap: wrap;
    }

    .demo-vereinbaren .header-text {
        margin-top: 80px;
    }
}

@media (max-width: 1024px) {

    .collection_list.referenzen {
        width: 100%;
        padding-inline: 0;
    }

    .referenz-collection .filter_display {
        padding-inline: 0;
        gap: 5px;
    }

    .container.c-full-info {
        flex-wrap: wrap-reverse;
        justify-content: flex-end;
    }

    .collection_full .c-full-text {
        padding: 1rem;
    }

    .c-full-wrapper {
        min-height: 870px;
    }

    .collection_list {
        width: 50%;
    }

    .collection_list.not-found:last-child {
        width: 100%;
    }

    .firmen-teaser {
        padding: 1rem !important;
    }

    .collection_full.referenzen .title {
        padding-top: 1rem;
    }

    .anker-navi .container {
        padding: 0 !important;
    }

    .new-f-img img {
        border: 3px solid #000;
        border-radius: 12px;
    }

    .new-f-img:before {
        width: 50px;
        height: 4px;
        top: -2px;

    }
}

@media (max-width: 992px) {

    .jetzt-bewerben .collection_list.stellen-kontakt {
        padding-right: 0rem;
        display: none;
    }

    .jetzt-bewerben .sticky {
        position: relative;
    }

    .collection_full.stellen .collection_content.title.custom {
        font-size: 27px;
    }

    .collection_list.stellen-kontakt {
        border-left: 0;
        padding-left: 0rem;
    }

    .collection_full.stellen.show {
        padding-right: 0rem;
    }

    .collection_full .collection_content.stelle_img img {
        height: auto;
    }

    .collection_full .collection_content.blog_img img {
        height: auto;
    }

    .collection_full .collection_content.news_img img {
        height: auto;
    }

    .collection_full.blog .collection_content.title.custom {
        font-size: 27px;
    }

    .collection_full.news .collection_content.title.custom {
        font-size: 27px;
    }

    .historie-startbild img {
        height: 56vw!Important;
    }

    .collection_list.historie {
        padding: 2rem 0;
    }

    .collection_list.historie .collection_container {
        gap: 4rem;
    }

    .collection_full.courses {
        padding-right: 0;
        width: 100%;
    }

    .academy .kurse-wrapper.trending {
        width: 100%;

    }

    .collection_content.c-fact {
        flex: 1 1 50%;
    }

    .firmen .collection_list.companies {
        padding: 0;
        flex: 1 1 34%;
    }

    .footer-sitemap ul {
        flex-wrap: wrap;
    }

    .home #area-2 .collection_list.courses, #area-3 .collection_list.courses, #area-4 .collection_list.courses, #area-5 .collection_list.courses, #area-6 .collection_list.courses {
        width: 100%;
    }

    .home .kurse-wrapper.trending .collection_list.courses {
        width: 50%!important;
    }

    .home .kurse-wrapper.trending {
        width: 100%;

    }

    div#cookiewarnung {
        width: 90%;
    }





    h1 {
        font-size: 2.7rem;
    }

    #header #header_1 {
        width: 50%;
    }

    .anker-navi.sticky {
        position: relative !important;
    }

    img.tablet {
        border: 3px solid #000;
        border-radius: 1;
    }

    .pop-up-wrapper:before {
        text-align: center;
        width: 100%;
        float: left;
    }

    .companies .collection_container .pop-up-element {
        width: calc(100% - 70px);
        right: unset;
        top: 56%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

    .companies .pop-up-wrapper .pop-up-button:first-child {
        margin-top: 38rem;
    }

    .companies .pop-up-wrapper .pop-up-button:nth-child(3) {
        margin-top: 38rem;
    }

    .pop-up-button {
        width: 50%;
        float: left;
        min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 1rem;
    }

    .pop-up-button .collection_content:nth-child(2) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }

    .pop-up-button .collection_content:nth-child(1) {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .nav__block .row {
        height: auto;
        flex-wrap: wrap;
    }

    .icon-nav-wrapper .icon-nav {
        height: 300px;
    }

    .icon-nav-wrapper {
        margin-top: 24px;
        width: 100%;
        margin-left: 0px;
    }

    .collection_list.icon-nav:first-child {
        position: relative;
        width: 100%;
        height: 300px !important;
    }

    .collection_list.anwendungsgebiete {
        width: 50%;

    }

    .impressum #content,
    .datenschutz #content {
        min-height: 490px !important;
    }

    .multiFormPage form .iconfield {
        width: 100%;
    }

    .collection_list.ablauf {
        width: 100%;
    }

    img.js-tilt-inner {
        left: -60px;
        height: 380px !important;
        top: 58px;
    }

    .collection_list.team .collection_container {
        min-height: 260px;
    }

    .collection_content.field-1659862925 ul {
        margin: 0;
    }



    .weiterleitungen .collection_content.title.custom {
        font-size: 1.5rem;
    }

    .card-text {
        width: 100%;
    }



    .collection_content.field-1659856208 {
        width: 100%;
        padding-top: 50px;
    }

    .collection_content.field-1659876955:after {
        display: none;
    }

    .collection_list.weiterleitungen {
        width: 100%;
    }

    .group-left,
    .group-right {
        padding: 2rem 0;

    }



    #area-2_full .group-left .row {
        flex-wrap: wrap;
        gap: 30px;
    }





    .collection_list.a-r .collection_container {
        padding-right: 50px;

    }






    .collection_content.field-1659862925 {
        width: 100%;
    }

    img.js-tilt-inner-2 {
        left: 0px;
        height: 430px !important;
        top: 50px;
    }

    img.js-tilt-inner-3 {
        right: -60px;
        height: 360px !important;
        top: 70px;
    }




}

@media (max-width: 768px) {
    
    div#area-2-to-3 .container {
        margin-top: -90px;
    }

    .collection_list.referenzen .collection_container {
        padding: 3rem 1rem 0rem 1rem;
    }

    .collection_list.referenzen .collection_content.title.custom {
        padding: 1.5rem 0rem;
    }

    .collection_content.referenz_image {
        height: auto;
    }

    .collection_list.arbeitswelten .collection_container {
        flex-wrap: wrap;
        gap: 20px
    }

    .arbeitswelt-text-wrapper {
        flex: 1 1 100%;
    }

    #content {
        min-height: 560px !important;

    }

    .collection_list.kurs-aktion .collection_container {
        flex-wrap: wrap;
        padding: 20px;
    }

 #content {
        min-height: 500px !important;

    }

 .header-text {
        margin-top: 0px;
    }

    #footer {
        padding: 30px 0 30px 0 !important;
    }
    
    

    .col-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .component.logo-footer {
        justify-content: center;
    }

    .newsletter {
        float: left;
        width: 100%;
        padding: 1rem;
    }

    .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home .collection_list.companies:nth-child(1) .collection_content.c-logo img, .home .collection_list.companies .collection_content.c-logo img, .home .collection_list.companies:nth-child(2) .collection_content.c-logo img {
        padding: 0 40px;
    }

    .home .collection_content.c-preview {
        height: 210px;
    }



    .grid-gallery .row {
        grid-template-columns: none;
        grid-template-rows: none;
        grid-template-areas: unset;
        column-gap: 0;
        row-gap: 0;
        row-gap: 0;
        display: block;
    }

    .grid-gallery .row > div img {
        max-height: 200px !important;
        padding: 5px;
    }

    .grid-gallery .row .grid-two, .grid-gallery .row .grid-three, .grid-gallery .row .grid-five, .grid-gallery .row .grid-six {
        width: 50% !important;
        float: left;
    }


    .collection_list.events .collection_container:after {
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
    }

    .collection_list.events .collection_container {
        height: 500px;
        padding: 2rem;
    }

    .collection_content.event_holder {
        top: 2rem;
        left: 2rem;
    }

    .collection_list.events .collection_container .collection_content.title.custom {
        font-size: 1.2rem;
    }

    body {
        font-size: 15px;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .faq_group_container .faq_question_box {
        padding: 5px 34px 8px 15px;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }


    .highlight-group {
        border-bottom: 1px solid #fff;
    }

    .highlight-group.odd .row {
        flex-direction: column-reverse;
    }

    .row {
        flex-wrap: wrap;
    }


    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 28px;
    }

    .pop-up-button {
        margin-top: 1rem;
    }

    .pop-up-button-group .row {
        flex-wrap: wrap;
        margin-left: 7px;
    }



    .col-xs-12.willkommen.d-flex.align-items-center {
        padding: 0;
    }

    #slider div#slider-title {
        padding: 0 20px;
    }

    .anker-button.button {
        width: 100%;
        border-bottom: 1px solid #fff;
    }

    #footer .footer-1,
    #footer .footer-2,
    #footer .footer-3,
    #footer .footer-4 {
        text-align: center;
        margin-bottom: 25px;
    }

    .footer-sitemap li.level_1 {
        width: 100%;
        margin-bottom: 0px;
        text-align: center;
    }

    .seo .footer-1 {
        padding: 0 20px;
        border: 0;
    }

    .seo .footer-2 {
        padding: 0;
    }

    #privacy-policy .footer-1,
    div#privacy-policy {
        text-align: center !important;
    }

    div#privacy-policy ul {
        padding: 0 !important;
        margin: 0 !important;
    }

    .component.privacy_policy {
        padding: 20px 0 0 0;
    }

    div#cookiewarnung {
        font-size: 13px !important;
    }

    img.js-tilt-inner {
        display: none;
    }

    .collection_list.icon-nav:first-child {
        height: 200px !important;
    }

    .icon-nav-wrapper .icon-nav {
        width: 100% !important;
        height: 200px !important;
        margin-bottom: 24px;
    }








    #footer {
        padding: 80px 0 30px 0 !important;
    }


    .collection_list.team {
        width: 100%;
    }



    .component.privacy_policy {
        flex-wrap: wrap;
        justify-content: center !important;
        gap: 20px;
    }







    .collection_content.field-1659862913 {
        width: 100%;
    }

    #area-3 .offset-8rem {
        margin-top: 3rem;
    }







 

    .collection_content.field-1659000593 {
        padding: 1rem 0;
    }

    .offset-8rem {
        margin-top: -4rem;
    }

    .group-right {
        text-align: left;
    }

    .group-left .row {
        flex-wrap: wrap-reverse;
    }

    .col-xs-12.col-sm-12.col-md-12.col-lg-6.highlights-image {
        padding: 3rem 0;
    }

    img.js-tilt-inner-2 {
        display: none;
    }

    img.js-tilt-inner-3 {
        display: none;
    }

    .image-offsett {
        display: none;
    }



    .collection_list.logos {
        width: 50%;
    }
    #cookie-bar {
        text-align: center;
    }

    #cookie-bar #cookie-bar-button {
        float: none;
        margin-left: 0;
        margin-top: 10px;
    }

    #cookie-bar>p {
        float: none;
    }
}

@media (max-width: 600px) {

    .leistungen_highlight ul li {
        width: 100%;
    }

    .historie-text-wrapper {
        flex: 1 1 100%;
    }

    
    .historie-wrapper:after {
        display: none;
    }

    .collection_list.historie .collection_container:before {
        display: none;
    }
    .historie-wrapper:before {
        display: none;
    }
    .error-page {
        min-height: 25vh;
    }

    .collection_list.historie .collection_container {
        gap: 1rem;
        flex-wrap: wrap;
    }

    .astronaut img {
        width: 150px!important;
    }

    .collection_full .collection_content.course_img {
        width: 100%;
        float: left;
    }

    .kurse.full_preview div#content {
        padding-top: 80px!Important;
    }

    .collection_content.course_gallery {
        padding: 1rem 0;
    }

    .collection_full.courses .collection_content.title.custom {
        font-size: 35px;
        width: 100%;
        padding: 0;

    }

    .collection_content.course_desc ul li {
        width: 100%;
    }

    .collection_content.course_desc {
        margin: 1rem 0;
    }

    .collection_full .collection_content.course_level, .collection_full .collection_content.course_language, .collection_full .collection_content.course_author {
        padding-left: 0px;
        padding-right: 1rem;
        padding-bottom: 1rem;
    }

    .collection_content.course-teaser-text {
        width: 100%;
        padding: 1rem 0;
        padding-left: 0px;
        padding-top: 0;
    }

    .collection_list.videoreihe {
        flex: 1 1 100%;
    }

    .kurse-wrapper.featured.owl-kurse.owl-theme.owl-carousel.owl-loaded.owl-drag .owl-stage {
        padding-left: 0!Important;
    }

    iframe {
        height: 26vh;
    }

    .c-full-contact {
        margin: 0 1rem 2rem;
    }

    .companies .collection_container .pop-up-element {
        top: 40%;
    }
    .collection_list {
        width: 100%;
    }

    .companies .pop-up-wrapper .pop-up-button:first-child {
        margin-top: 24rem;
    }

    .companies .pop-up-wrapper .pop-up-button:nth-child(3) {
        margin-top: 24rem;
    }

    .collection_content.c-fact {
        flex: 1 1 100%;
        margin-block-end: 1rem;
    }

    .collection_full .collection_content.c-link a {
        width: 100%;
        text-align: center;
    }

    .c-full-contact {
        max-width: 100%;
    }

    .collection_content.c-title {
        font-size: 25px;
        font-weight: 600;
    }

    .c-full-wrapper {
        min-height: 950px;
    }
    

    .firmen .collection_list.companies {
        flex: 1 1 54%;
    }

    .home .kurse-wrapper.trending .collection_list.courses {
        width: 100%!important;
    }

    .home .collection_list.companies, .home .collection_list.companies:nth-child(1), .home .collection_list.companies:nth-child(2) {
        padding: 0px;
    }

    .home .collection_list.companies:nth-child(1) .collection_content.c-logo, .home .collection_list.companies .collection_content.c-logo, .home .collection_list.companies:nth-child(2) .collection_content.c-logo {
        min-height: 122px;
    }

    .home .collection_content.c-logo {
        min-height: 122px;

    }

    img.js-tilt-inner-6 {
        max-width: 220px;
    }

    .collection_content.c-topic {
        font-size: 15px;
     }

    .home .collection_content.c-preview {
        height: 170px;
    }

    .pop-up-button {
        min-height: 170px;
        display: flex;
        justify-content: flex-start;
    }

    .pop-up-button .collection_content:nth-child(1) {
        font-size: 18px;
    }

    .pop-up-button .textcontent {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .collection_content.field-1655053570 {
        min-width: 47px;
    }





    .pb-5 {
        padding-bottom: 1rem !important;
    }


}

@media (max-width: 500px) {

    .alle-stellen.full_preview div#content, .main-screen {
        padding: 50px 0 !important;
    }

    h2 {
        font-size: 25px;
    }

    label {
        font-size: 13px;
    }

    input {
        padding: 15px !important;
    }

    .pop-up-button {
        width: 100%;
        margin-bottom: 1rem;
    }

    .collection_content.c-gallery {
        padding-bottom: 2rem;
    }

    .companies .pop-up-wrapper .pop-up-button:first-child {
        margin-top: 21rem;
    }

    .companies .pop-up-wrapper .pop-up-button:nth-child(3) {
        margin-top: 1rem;
    }

    .companies .collection_container .pop-up-element {
        top: 37%;
        padding: 0!important;
    }

    .pop-up-button {
        min-height: auto;
    }


    .collection_list.events .collection_container {
        height: 400px;
    }

    .header-text a,
    .group-left a,
    .group-right a {
        float: left;
        width: 100%;
    }


    .collection_content.event_date {
        padding-top: 5px;
        font-size: 11px;
    }

    div#header,
    #header .container {
        padding-left: 5px;
    }



    .nav__block .row {
        padding: 0px;
    }





    .collection_list.anwendungsgebiete {
        width: 100%;

    }





    .nav__block .title {
        font-size: 18px;
    }

    .collection_content.field-1658990218 {
        padding: 2px;
    }







    .new-f-img img {
        border: 2px solid #000;
        border-radius: 10px;
    }

    .new-f-img:before {
        width: 32px;
        height: 3px;
        top: -1px;
    }

    div#content,
    .main-screen {
        padding: 30px 0 !important;
    }

    .pop-up-element {
        padding: 30px 10px !important;
    }



    .container {
        min-width: 250px;
    }



    div#slider-wrapper {
        height: auto !important;
    }

    #slider-wrapper div.slider-untertitle {
        position: relative;
        background: rgba(55, 55, 55, 0.9);
    }

    #slider div#slider-title {
        padding: 0 20px !important;
    }

    .footer-sitemap li.level_1 {
        width: 100%;
        text-align: center;
    }

    h2 {
        margin-top: 0px;
    }
}

@media (max-width: 400px) {
    .pop-up-wrapper {
        padding: 1rem;
    }

    .companies .collection_container .pop-up-element {
        top: 27%;
        width: 100%;
    }

    .pop-up-element .collection_content {
        padding: 10px;
    }

    .firmen-collection #slider .companies .pop-up-element .collection_content img {
        border: 4px solid #000;
        border-radius: 10px;
    }

    .companies .pop-up-wrapper .pop-up-button:first-child {
        margin-top: 16rem;
    }
}

body.kurse.full_preview .course-desc .mehrlesen-button {
    display: contents;
    
}
body.kurse.full_preview .course-desc .mehrlesen-button::before {
    content: "Mehr lesen";
    position: absolute;
    background: var(--gradient-light);
    color: #fff;
    cursor: pointer;
    border: none !Important;
    padding: 10px 20px!important;
    font-size: 17px;
    border-radius: var(--br);
    margin-top: 0px;
}
body.kurse.full_preview .course-desc .mehrlesen-button.active::before {
    content: "Weniger lesen";
    position: absolute;
    margin-top: 20px;
}

body.kurse.full_preview .course-desc .textcontent {
    max-height: 500px;
    width: 100%;
    overflow: hidden;
}
body.kurse.full_preview .course-desc .textcontent.active {
    max-height: unset;
    width: 100%;
    overflow: hidden;
}


.filter_display a {
    cursor: pointer;
}

.firmen .firmen-overview .collection_content.c-link {
    display: none;
}

.alle-stellen.full_preview .collection_content.stellen_contact_logo {
    cursor: pointer;
}


/* fix */

/* footer fix */
@media (max-width: 991px) { 
    .footer-row {
        margin-right: unset;
        margin-left: unset;
        width: unset;
    }
}
/* footer fix end*/
.alle-stellen.full_preview .stelle_mediacontent iframe {
    height: 640px;
}
/* stellen card-width fix */
@media (max-width: 1200px) {
    .collection_content.stelle_avb {
        top: 20px;
        left: 20px;
        bottom: unset;
    }
}
@media (max-width: 991px) {
    .collection_list.stellen {
        padding: 0;
        flex: 1 1 48%;
    }
}
@media (max-width: 575px) {
    .collection_list.stellen {
        width: 100%;
        flex: unset;
    }
}
/* stellen card-width fix ende */

/* stellen full responsive */
@media (max-width: 991px) {
    .wrapp_ansprechpartner {
        width: calc(47% - 50px) !important;
        margin-left: 20px;
        padding-left: 20px;
        margin-top: 30px;
    }
}
@media (max-width: 769px) {
    .wrapp_stelle {
        width: 100% !important;
    }
    .wrapp_ansprechpartner {
        width: 60% !important;
    }
    .full_preview iframe {
        height: 300px !important;
    }
    .full_preview .collection_content.stelle_avb  {
        top: unset;
        left: unset;
    }
}
@media (max-width: 450px) {
    .wrapp_ansprechpartner {
        width: 100% !important;
        margin-left: 0px;
        padding-left: 20px;
    }
}
/* stellen full responsive ende */

/* fix end */

.to-form {
    content: "zum Formular";
    background: var(--gradient-light);
    color: #fff;
    cursor: pointer;
    border: none !Important;
    padding: 10px 20px!important;
    width: 100%;
    margin-top: 15px;
    font-size: 17px;
    border-radius: var(--br);
    text-align: center;
}

.alle-stellen.full_preview .collection_content.stelle_img {
    display: none;
}
.alle-stellen.full_preview .collection_content.stelle__banner img{
    border-radius: var(--br);
    border-bottom: 5px solid var(--accent);
    filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.4));
}
.wrapp_stelle-quote {
    width: 100%;
    float: left;
    padding: 1.5rem;
    border: 1px solid #ffffff52;
    margin: 1rem 0;
    background: #ffffff0d;
    border-radius: 10px;
}

.stelle_quote-bild img{
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.stelle_quote-bild img{
    object-fit: contain;
}
.wrapp_stelle-quote {
    margin-bottom: 20px;
}
.wrapp_stelle-quote-footer {
    margin-top: 20px;
    float: left;
}
.wrapp_stelle-quote-footer .stelle_quote-bild {
    float: left;
    width: 40px;
    margin-top: 5px;
}
.wrapp_stelle-quote-footer .stelle__quote-name {
    float: left;
    width: 50%;
    margin-left: 10px;
}
.wrapp_stelle-quote-footer .stelle__quote-pos {
    float: left;
    width: 50%;
    margin-left: 10px;
}
.aw-block .row a::after {
    content: "Mehr lesen";
    display: block;
    background-color: var(--accent);
    padding: 5px 15px;
    border-radius: var(--br);
    color: #fff;
    position: absolute;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
}
.aw-block .row a::after:hover {
    text-decoration: none;
    opacity: .9;
}
.aw-block .row {
    position: relative;
}
.aw-block a{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: block;
    padding: 40px;
    filter: drop-shadow(0px 0px 21px rgba(0, 0, 0, 0.4));
}
.aw-block .aw-bild{
    position: absolute;
    top: 0;
    left: 0;
    /* right: 0; */
    width: 100%;
    min-height: 100%;
    z-index: 0;
}
.aw-block .aw-bild img{
    object-fit: cover;
    width: 100% !important;
    /* height: 100% !important; */
    object-position: center;
}
.aw-block .aw-tag,
.aw-block .aw-title,
.aw-block .aw-text{
    z-index: 1;
    position: relative;
}
.aw-block .aw-tag {
    color: var(--accent) !important;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500 !Important;
}

.aw-block .aw-title {
    margin-bottom: 1rem !important;
    font-weight: bold;
    margin: 0 0 20px;
    color: #fff;
    font-size: var(--h2-font-size);
}
.aw-block .aw-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.42857143;
    font-family: var(--font-family);
    color: var(--font-color);
    width: 80%;
}
@media (max-width: 991px) {

    .aw-block a {
        padding-bottom: 60px;

    }
    .aw-block .row a::after {
        right: unset;
        left: 40px;
        bottom: 20px;
    }
}
@media (max-width: 495px) {
    .aw-block .aw-bild img {
        top: 0px;
        bottom: 0px;
    }
    .aw-block .aw-bild .textcontent {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
    }
    .aw-block .aw-bild .textcontent img{
        position: absolute;
        width: 100%;
        height: 100% !important;
        left: 0px;
        top: 0px;
    }
    .aw-block .aw-title .textcontent {
        font-size: 24px;
    }
    .aw-block .aw-text {
        font-size: 14px;
        width: 100%;
    }
}

/* events bugs */
.events.academy #area-5 .video-collection {
    gap: unset;
}
/* events bugs */

/* eventsform */

.praktikum .header-wrapper{
   display: none;
}
.praktikum #footer-wrapper{
   display: none;
}
.praktikum #footer-header{
   display: none;
}
.praktikum #content {
    padding: unset !important;
    min-height: unset !important;
}
.praktikum .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 100vh;
}
/* .praktikum #content .container .row > .textcontent{
    font-size: 36px;
    color: #fff;
    font-weight: 600;
} */
.praktikum #content .container {
    width: unset;
    width: 100%;
}
.praktikum #content .container {
    display: flex;
    justify-content: space-between;
}
.praktikum input {
    background-color: #222222;
}
.praktikum #content .container .prak-left{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 60px 20px 60px;
    position: fixed;
    left: 50%;
    /* transform: translateX(-50%); */
    z-index: 99;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 850px;
    background: rgba(34, 34, 34, 0.8);
    backdrop-filter: blur(4px);
    border-radius: 15px;
    width: 700px;
}

.praktikum #content .container .prak-left > .row{
    display: flex;
    flex-direction: column;
    /* align-items: center;
    justify-content: center; */
    margin-top: auto;
    margin-bottom: auto;
    padding: 40px;
}
.praktikum #content .container .prak-right {
    /* flex: 2; */
    width: 100vw;
}

.praktikum #content .container .prak-right .row{
    height: 100%;
}
.praktikum #content .container .prak-right .textcontent{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
}
#input_prak-form__berufen,
#input_prak-form__firmen{
    display: none;
}
.praktikum #cookie_conflict_form {
    display: none;
}
.praktikum video {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
/* .praktikum .prak-form div#submit_button {
    display: none;
} */
.praktikum .prak-form .form-group:nth-child(5),
.praktikum .prak-form .form-group:nth-child(6) {
    display: none;
}
.praktikum .button-form .textcontent {
    display: flex;
}
.praktikum button.form-button-next {
    background: var(--gradient-light);
    color: #fff;
    cursor: pointer;
    border: none !Important;
    padding: 10px 20px!important;
    width: 100%;
    border-radius: 5px;
    width: 120px;
    margin-left: auto;
    margin-top: 10px;
}

/* eventsform */

/* block Praktikum */
.formblock .block {
    display: flex;
    justify-content: start;
    /* align-items: center; */
    gap: 20px;
}
/* block Praktikum */

/* block card */
.formblock .block-1,
.formblock .block-2 {
    margin-bottom: 10px;
}
.formblock .block .card-art{
    background-color: var(--bg-box);
    padding: 20px;
    border-radius: 10px;
    border: 1px solid var(--bg-box-hover);
    margin-top: 15px;
}
.formblock .block .card-art__title{
    font-size: 24px;
    margin-bottom: 5px;
 }
 .formblock .block .card-art__text{
    font-size: 14px;
 }

 .formblock .block-2{
    align-items: unset;
 }
 .formblock .block-2 .card-art{
    flex: 1;
    display: flex;
    justify-content: center;
 }
 .formblock .block-2 .card-art__title{
    font-size: 16px;
    margin-bottom: unset;
 }
/* block card */
.praktikum .formblock h1 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    display: block;
}
.praktikum .formblock h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    display: block;
}
.praktikum .component.progress {
    display: none;
}
.card-art {
    cursor: pointer;
}
.formblock .praktikum-firms .card-art {
    flex: 1;
    align-items: unset;
}
.formblock .praktikum-beruf .card-art {
    flex: 1;
    align-items: unset;
}
.formblock .praktikum-firms .block {
    align-items: unset;
}
.formblock .praktikum-beruf .card-art__title {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: unset;
    height: 100%;
}
.formblock .praktikum-firms .card-art__title {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: unset;
    height: 100%;
}
/* logic */
.praktikum .praktikum-firms,
.praktikum .praktikum-beruf,
.praktikum .praktikum-datum,
.praktikum .praktikum-schn-datum,
.praktikum .contactformular {
    display: none;
}
.card-art {
    transition-duration: 200ms;
}
.card-art.active {
    transition-duration: 200ms;
    transform: scale(1.03);
    border: 1px solid var(--accent) !important;
}
.praktikum.step-2 .praktikum-art,
.praktikum.step-3 .praktikum-art,
.praktikum.step-4 .praktikum-art {
    display: none;
}
.praktikum.step-4 .form-button-next {
    display: none;
}

.step-art-praktikum.step-2 .praktikum-firms {
    display: block;
}
.step-art-praktikum.step-2 .praktikum-beruf {
    display: block;
}

.step-art-schnuppertag.step-2 .praktikum-schn-datum {
    display: block;
}
.step-art-schnuppertag.step-3 .contactformular{
    display: block;
}
.step-art-praktikum.step-3 .praktikum-datum{
    display: block;
}
.step-art-praktikum.step-4 .contactformular{
    display: block;
}

.step-art-schnuppertag.step-3 .contactformular{
    display: block;
}
.step-art-schnuppertag.step-3 .form-button-next{
    display: none;
}
#input__date {
    -webkit-appearance: none;
    /* -webkit-min-logical-width: calc(100% - 16px); */
    background: #222222;
    width: 100%;
    font-size: 17px;
    border-radius: var(--br);
    color: #fff;
    /* background: #ffffff12; */
    padding: 20px !important;
    border: none;
}
#input__date-bis {
    -webkit-appearance: none;
    /* -webkit-min-logical-width: calc(100% - 16px); */
    background: #222222;
    width: 100%;
    font-size: 17px;
    border-radius: var(--br);
    color: #fff;
    /* background: #ffffff12; */
    padding: 20px !important;
    border: none;
}
/* logic */
.card-art-datum {
    font-size: 14px;
}

@media (max-width: 767px) {
    .praktikum #content .container { 
        display: block !important;
    }
    #input__date {
        background: #2c2c2c;
    }
    #input__date-bis {
        background: #2c2c2c;
    }
    .praktikum input {
        background: #2c2c2c;
    }
    .praktikum #content .container .prak-left {
        width: 100vw;
        height: unset !important;
        overflow-y: scroll;
        /* background: #2c2c2c; */
        backdrop-filter: unset !important; 
        display: block !important;
        width: unset !important;
        width: 100% !important;
    }
    .praktikum #content .container .prak-left > .row{
        /* background: var(--bg-box); */
        border-radius: 15px;
        display: block;
    }
    .prak-right {
        display: none;
    }
    .praktikum #content .container .prak-left {
        padding: unset;
        position: static;
        transform: unset;
        left: unset;
        top: unset;
    }
}
@media (max-width: 641px) {
    .praktikum #content .container .prak-left {
        width: 100vw !important;
        /* height: unset !important; */
        height: 100vw ;
        max-height: unset !important;
        /* overflow-y: scroll; */
        background: #222222;
        padding: 0px !important;

    }
    .prak-left .row{
        height: 100% !important;
    }
}
@media (max-width: 580px) {
    .prak-form .block {
        display: flex;
        flex-direction: column;
        gap: unset;
        align-items: unset;
    }
}

/* banner */
.alle-stellen.full_preview .stelle__banner {
    position: relative;
    padding: 35px 45px;
    overflow: hidden;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.2);
}
.alle-stellen.full_preview .stelle__banner img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 1;
}
.alle-stellen.full_preview .stelle__banner::after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    border-radius: var(--br);
    z-index: 1;
    background: linear-gradient(90deg, #222222 0%, rgba(34, 34, 34, 0.9375) 31.77%, rgba(34, 34, 34, 0) 100%);
}
.alle-stellen.full_preview .stelle__banner .stelle__banner-title{
    z-index: 2;
    position: relative;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    width: 50%;
    color: #FFFFFF;
}
.alle-stellen.full_preview .stelle__banner .stelle__banner-title::after{
    position: absolute;
    width: 125px;
    height: 4px;
    content: "";
    bottom: -10px;
    left: 0;
    z-index: 1;
}
.alle-stellen.full_preview .collection_container.ic .stelle__banner .stelle__banner-title::after{
    background: #E89620;
}
.alle-stellen.full_preview .collection_container.Consulting .stelle__banner .stelle__banner-title::after{
    background: #022F63;
}
.alle-stellen.full_preview .collection_container.mediasolutions .stelle__banner .stelle__banner-title::after{
    background: #5A9C9D;
}
.alle-stellen.full_preview .collection_container.Holding .stelle__banner .stelle__banner-title::after{
    background: #BD9945;
}
.alle-stellen.full_preview .stelle__banner .stelle__banner-text{
    z-index: 2;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    width: 70%;
    color: #FFFFFF;
}
@media (max-width: 1200px) {
    .alle-stellen.full_preview .stelle__banner .stelle__banner-title {
        width: 100%;
    }
    .alle-stellen.full_preview .stelle__banner .stelle__banner-text {
        width: 100%;
    }
    .full_preview .collection_content.stelle_avb {
        top: 16px;
        margin-block: unset;
    }
}
@media (max-width: 769px) {
    .full_preview .collection_content.stelle_avb {
        top: unset;
        margin-block: 1rem;
    }
    .step-art-praktikum.step-2.praktikum .container {
        height: 120vh;
    }
}
@media (max-width: 425px) {
    .alle-stellen.full_preview .stelle__banner {
        padding: 20px 25px;
    }
}
@media (max-width: 767px) {
    #content .container .placeholder .row .container {
        background: url("/userdata/images/bg-for-phone.png");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .praktikum #content .container .prak-left {
        background: transparent;
    }
}
.prak-left .row .button-reload {
    width: 40px;
    height: 40px;
    background-color: var(--bg-box);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
}
.prak-left .row .button-reload img{
    width: 20px;
    height: 20px;
    max-width: unset;
}
/* banner */

.events-detail.full_preview .Vergangene {
    padding: 40px 20px 20px 20px;
}
.events-detail.full_preview .Vergangene .title  {
    font-size: 32px;
}
.events-detail.full_preview .Vergangene .event_holder  {
    position: static;
    margin-bottom: 20px;
}
.events-detail.full_preview .Vergangene .event_date {
    opacity: 1;
}
.events-detail.full_preview .Vergangene .event_teaser  {
    
    margin-top: 20px;
}

#input__date::-webkit-calendar-picker-indicator {
    background: url("/userdata/images/calender.svg");
    background-repeat: no-repeat;
    background-size: cover;
}
#input__date-bis::-webkit-calendar-picker-indicator {
    background: url("/userdata/images/calender.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.prak-left .pflicht {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 12px;
}


.praktikum .video-collection{
    flex-wrap: nowrap;
    display: none;
} 
.praktikum.step-1 .video-collection{
    display: flex;
} 
.praktikum .video-collection .collection_content.title.custom{
    height: 50px;
} 
.praktikum .collection_list {
    width: 49%;
} 
@media (max-width: 591px) {
    .praktikum .collection_list {
        width: 100%;
    }   
    .praktikum .video-collection{
        flex-wrap: wrap;
    } 
    .praktikum .container {
        height: unset;
    }
}
.step-art-praktikum.step-3 .form-button-next {
    position: relative;
}
.step-art-praktikum.step-3 .form-button-next:before {
    content: "Überspringen";
    position: absolute;
    left: -175px;
    top: 0;
    background: var(--gradient-light);
    color: #fff;
    cursor: pointer;
    border: none !Important;
    padding: 10px 20px!important;
    width: 100%;
    border-radius: 5px;
}

body.praktikum .h2 {
    font-size: 24px;
    margin-bottom: 0px !important;
    margin-top: 10px;
}
body.praktikum .slide-1 .card-art{
    flex: 1 1 25%;
    text-align: center;
}
body.praktikum .slide-1 .card-art__title{
    font-size: 18px;
    margin-bottom: unset;
}