*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
.container {
    width: 100%;
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
.pointer-events-none {
    pointer-events: none;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.bottom-0 {
    bottom: 0px;
}
.bottom-3 {
    bottom: 0.75rem;
}
.left-0 {
    left: 0px;
}
.left-1\/2 {
    left: 50%;
}
.left-2 {
    left: 0.5rem;
}
.right-0 {
    right: 0px;
}
.top-0 {
    top: 0px;
}
.top-1\/2 {
    top: 50%;
}
.m-0 {
    margin: 0px;
}
.m-8 {
    margin: 2rem;
}
.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}
.mb-0 {
    margin-bottom: 0px;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-3 {
    margin-bottom: 0.75rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.mr-2 {
    margin-right: 0.5rem;
}
.mt-0 {
    margin-top: 0px;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-28 {
    margin-top: 7rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-8 {
    margin-top: 2rem;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
}
.grid {
    display: grid;
}
.hidden {
    display: none;
}
.aspect-square {
    aspect-ratio: 1 / 1;
}
.aspect-video {
    aspect-ratio: 16 / 9;
}
.size-4 {
    width: 1rem;
    height: 1rem;
}
.size-5 {
    width: 1.25rem;
    height: 1.25rem;
}
.size-6 {
    width: 1.5rem;
    height: 1.5rem;
}
.size-60 {
    width: 15rem;
    height: 15rem;
}
.size-7 {
    width: 1.75rem;
    height: 1.75rem;
}
.h-12 {
    height: 3rem;
}
.h-\[100vh\] {
    height: 100vh;
}
.h-\[111px\] {
    height: 111px;
}
.h-\[26px\] {
    height: 26px;
}
.h-\[4px\] {
    height: 4px;
}
.h-full {
    height: 100%;
}
.w-3\/4 {
    width: 75%;
}
.w-\[100\%\] {
    width: 100%;
}
.w-\[26px\] {
    width: 26px;
}
.w-\[4px\] {
    width: 4px;
}
.w-\[96px\] {
    width: 96px;
}
.w-auto {
    width: auto;
}
.w-full {
    width: 100%;
}
.min-w-full {
    min-width: 100%;
}
.max-w-full {
    max-width: 100%;
}
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}
.basis-1\/3 {
    flex-basis: 33.333333%;
}
.basis-2\/5 {
    flex-basis: 40%;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/3 {
    --tw-translate-y: -33.333333%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-\[45\%\] {
    --tw-translate-y: -45%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
    50% {
        opacity: .5;
    }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.resize {
    resize: both;
}
.auto-cols-auto {
    grid-auto-columns: auto;
}
.grid-flow-col {
    grid-auto-flow: column;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}
.flex-row {
    flex-direction: row;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.items-baseline {
    align-items: baseline;
}
.justify-start {
    justify-content: flex-start;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-stretch {
    justify-content: stretch;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
    overflow: hidden;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-sm {
    border-radius: 0.125rem;
}
.border {
    border-width: 1px;
}
.border-\[\#FFFFFF40\] {
    border-color: #FFFFFF40;
}
.bg-\[\#0B0F1A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 15 26 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
    background-color: transparent;
}
.bg-none {
    background-image: none;
}
.bg-cover {
    background-size: cover;
}
.bg-center {
    background-position: center;
}
.object-contain {
    -o-object-fit: contain;
       object-fit: contain;
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover;
}
.p-0 {
    padding: 0px;
}
.p-3 {
    padding: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.pb-3 {
    padding-bottom: 0.75rem;
}
.pt-12 {
    padding-top: 3rem;
}
.pt-24 {
    padding-top: 6rem;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.text-\[11px\] {
    font-size: 11px;
}
.text-\[12px\] {
    font-size: 12px;
}
.text-\[14px\] {
    font-size: 14px;
}
.text-\[20px\] {
    font-size: 20px;
}
.text-\[24px\] {
    font-size: 24px;
}
.text-\[32px\] {
    font-size: 32px;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.font-bold {
    font-weight: 700;
}
.font-normal {
    font-weight: 400;
}
.uppercase {
    text-transform: uppercase;
}
.leading-6 {
    line-height: 1.5rem;
}
.leading-7 {
    line-height: 1.75rem;
}
.leading-\[14px\] {
    line-height: 14px;
}
.leading-\[52px\] {
    line-height: 52px;
}
.text-\[\#296CFF\] {
    --tw-text-opacity: 1;
    color: rgb(41 108 255 / var(--tw-text-opacity, 1));
}
.text-\[\#8E9DBC\] {
    --tw-text-opacity: 1;
    color: rgb(142 157 188 / var(--tw-text-opacity, 1));
}
.text-\[\#FFFFFF40\] {
    color: #FFFFFF40;
}
.text-\[\#FFFFFF80\] {
    color: #FFFFFF80;
}
.text-\[\#ffffff36\] {
    color: #ffffff36;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity-100 {
    opacity: 1;
}
.opacity-60 {
    opacity: 0.6;
}
.outline-2 {
    outline-width: 2px;
}
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-500 {
    transition-duration: 500ms;
}
.ease-\[cubic-bezier\(0\.95\2c 0\.05\2c 0\.795\2c 0\.035\)\] {
    transition-timing-function: cubic-bezier(0.95,0.05,0.795,0.035);
}



@font-face {
    font-family: 'AeroportBold';
    src: url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-bold.eot');
    src:
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-bold.eot?#iefix') format('embedded-opentype'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-bold.woff2') format('woff2'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-bold.woff') format('woff'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-bold.ttf') format('truetype'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-bold.svg#Aeroport-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AeroportMedium';
    src: url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-medium.eot');
    src:
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-medium.eot?#iefix') format('embedded-opentype'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-medium.woff2') format('woff2'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-medium.woff') format('woff'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-medium.ttf') format('truetype'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-medium.svg#Aeroport-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Aeroport';
    src: url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-regular.eot');
    src:
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-regular.eot?#iefix') format('embedded-opentype'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-regular.woff2') format('woff2'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-regular.woff') format('woff'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-regular.ttf') format('truetype'),
            url('https://the-engage.com/wp-content/themes/engage/assets/fonts/Aeroport-regular.svg#Aeroport') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{
    text-decoration: none;
}

.text-32{
    font-weight: 700;
    font-size: 32px;
    line-height: 72px;
    font-family: 'AeroportBold';
}
.text-after-header{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 2rem;
}
.text-after-header-mt-0 {
    margin-top: 0 !important;
    margin-bottom: 2.5rem;
}

.text-after-header-mt-0-mb-0{
    margin-bottom: 0 !important;
}


/* Deine Custom Styles */
.entry-content.wp-block-post-content p:empty {
    display: none;
}
.skip-link.screen-reader-text{
    height: 0px;
    width: 0px;
}

html {
    scroll-behavior: smooth;
    font-family: 'Aeroport';
}
body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    text-rendering: optimizeLegibility
}
html :where(.editor-styles-wrapper),
.editor-visual-editor,
.block-editor-iframe__body{
    background: #0d101b url('https://the-engage.com/wp-content/themes/engage/assets/background.png') fixed center;
}
body.post-type-page #site,
body.page #site{
    background: #0d101b url('https://the-engage.com/wp-content/themes/engage/assets/stardust-xs.png') fixed center;
    /*background: #0d101b url('https://the-engage.com/wp-content/themes/engage/assets/background.png') center;*/
    animation:  bg-move 20s ease-in-out infinite alternate;


}
body.post-type-page #site::after,
body.page #site::after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: url('https://the-engage.com/wp-content/themes/engage/assets/particles.png') no-repeat center;*/
    background: url('https://the-engage.com/wp-content/themes/engage/assets/particles-xs.png') center;
    background-size: cover;
    pointer-events: none;
    z-index: 10;
    opacity: 0.5;
}
body #site > header{
    /*position: fixed;*/
    position: sticky;
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
    background-color: transparent;

}
body #site main{
    margin-top: -90px;
    min-height: calc(100vh - 91px);
}
body.menu-open{
    /* disable scroll when menu is open */
    overflow: hidden;

}
body #site > header.header--sticky > div{
    transition: padding 0.3s ease;
}
body #site > header h1 {
    font-family: 'AeroportBold';
    line-height: 1;
    height: 40px;

}
/*@media (min-width: 768px) {*/
/*    body>header h1 {*/
/*        height: auto;*/
/*    }*/
/*}*/

.indicator{
    border: 3px solid #296CFF;
    transition: all 0.5s ease;
}

@media (min-width: 768px) {
    body>header{

    }
}

body #site > header{
    height: 90px;
}

/*body #site > .header--sticky{*/
/*    background-color: rgba(13, 16, 27, 0.9);*/
/*    !*backdrop-filter: blur(40px);*!*/
/*    z-index: 20;*/
/*}*/
body #site > header.header--sticky > div {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: rgba(13, 16, 27, 0.9);
    /*backdrop-filter: blur(40px);*/
    z-index: 20;
}

body #site > header hr{
    border-color: #8E9DBC26;
}

.hero-content hr{
    border-color: #8E9DBC26;
}

body #site > header.header--sticky hr{
    opacity: 0;
}
.navigation-toggle{
    background: none;
    border: none;
    z-index: 5;
    position: relative;
    display: flex;
}
.navigation-toggle> svg > line{
    transform-origin: center;
    transition: transform 0.3s ease;
}
.open .navigation-toggle> svg > line:nth-child(1){
    transform: translateX(5px) translateY(5px) rotate(-45deg);
}
.open .navigation-toggle> svg > line:nth-child(2){
    transform: translateX(5px) translateY(-6px) rotate(45deg);
}
.open .navigation-toggle> svg > line:nth-child(3){
    opacity: 0;
}

.wp-block-engage-hero-block > div{
    height: 90vh;
}
.wp-block-navigation__list{
    /*display: none;*/
    /*height: 0;*/
    /*overflow: hidden;*/
    list-style: none;
    padding: 0;
    width: 100%;
}
.wp-block-navigation__list .menu-item{
    /*@apply my-4;*/
}

#menu-primary.wp-block-navigation__list .menu-item:last-child:not(.wpml-ls-item){
    position: absolute;
    bottom: 1.5rem;
    /* width: 100%; */
    left: 1.5rem;
    right: 1.5rem;
}

#menu-primary.wp-block-navigation__list .menu-item:last-child:not(.wpml-ls-item) a {
    margin-top: 2rem;
    border-radius: 1.5rem;
    border: 2px solid #296CFF !important;
    background: linear-gradient(90deg, #296CFF 0%, #0B0F1A 100%) !important;
    color: #fff;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: 'AeroportMedium';
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 200;
}

.wpml-ls-legacy-dropdown-click{
    width: auto;
    max-width: none;
    margin-bottom: 2rem;
}
.wpml-ls-legacy-dropdown-click a{
    background: none !important;
    color: #8E9DBC !important;
    border: none !important;
    font-family: 'AeroportMedium';
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    padding-left: 0 !important;
    padding-right: calc(10px + 2.4em) !important;


}
.wpml-ls-legacy-dropdown-click a span{
    margin-right: 0.5rem;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item{

}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{
    display: flex;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{
    content: url("https://the-engage.com/wp-content/themes/engage/assets/chevron-down.svg");
    border:none !important;
    width: 16px;
    height: 16px;
    position: unset;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a,
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
    border: none !important;
}
.wpml-ls-item {
    margin-bottom: 2rem;
}

.wpml-ls-item img {
    width: 1rem;
    height: 1rem;
    border-radius: 9999px;
    -o-object-fit: cover;
       object-fit: cover;
}

.wpml-ls-item .sub-menu {
    margin-top: 1rem;
    padding: 0px;
}



.wp-block-navigation__list .menu-item a{
    color: white;
    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    font-family: 'AeroportMedium';
}
.wp-block-navigation__list .menu-item:last-child:not(.wpml-ls-item) a{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    font-family: 'AeroportMedium';
}
.wp-block-navigation__container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
    position: absolute;

    left: 8px;
    right: 8px;
    top: 8px;
    transform: translateY(-150%);
    transition: padding 0.3s ease, border 0.3s ease, opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(11, 15, 26, 0.5) 0%, rgba(41, 108, 255, 0.5) 100%);
    backdrop-filter: blur(40px);
    /*border: 1px solid transparent;*/
    border-radius: 24px;
    opacity: 0;
    z-index: 3;
    align-content: flex-start;
}
.open .wp-block-navigation__container{
    /*border: 1px solid #296CFF80;*/
    opacity: 1;
    transform: translateY(0);
    height: calc(100dvh - 3rem);
}

.navigation.open::after{
    content: "";
    background: linear-gradient(180deg, rgba(11, 15, 26, 0) 0%, #0B0F1A 70.14%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 2;
}

/*@media (min-width: 768px) {*/
/*    .wp-block-navigation__list .menu-item a{*/
/*        font-weight: 500;*/
/*        font-size: 16px;*/
/*        line-height: 24px;*/
/*        font-family: 'AeroportMedium';*/
/*    }*/
/*    .wp-block-navigation__list .menu-item a.active{*/
/*        color: #296CFF;*/

/*    }*/

/*    .wp-block-navigation__list .menu-item:last-child{*/
/*        @apply right-6;*/
/*        position: absolute;*/
/*        top: 50%;*/
/*        transform: translateY(-50%);*/

/*    }*/

/*}*/

/*.open .wp-block-navigation__container{*/
/*    @apply px-6 pt-8;*/
/*    position: absolute;*/
/*    left: 8px;*/
/*    top: 8px;*/
/*    right: 8px;*/

/*    height: auto;*/
/*}*/
.hero-content{
    z-index: 5;
}


.badge{
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 1.5rem;
    box-shadow: 0px 0px 6px 0px #FFFFFF80 inset;
    backdrop-filter: blur(40px);
    height: 27px;
    border-radius: 40px;
    color: #fff;
    gap: 0.4rem;
    margin-bottom: .3rem;
}

.badge p{

    font-weight: 500 !important;
    font-size: 11px !important;
    line-height: 11px !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'AeroportMedium';
}
.invite{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #8E9DBC;
    display: flex;
    gap: .5rem;
    align-items: center;
    align-self: start;
    margin-top: 0rem !important;
    margin-left: 2rem !important;
    font-family: 'AeroportMedium';
}

.badge.bage-blue{
    box-shadow: 0px 0px 6px 0px #296CFFBF inset;
    color: #296CFF;
}

.badge > svg{
    fill: currentColor;
}

.wp-block-button__link{
    border: 2px solid #296CFF !important;
    background: linear-gradient(90deg, #296CFF 0%, #0B0F1A 100%) !important;


}
.marquee-container{
    width: 90%;
    margin: 0 auto;
}
.marquee{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;

}
.marquee-item{
    flex: 0 0 auto;
    position: relative;
    /*width: calc(20% - 2rem);*/
    /*height: 16px;*/
}
.marquee-item svg{
    width:auto;
    height: 35px;
}
.marquee-item img{
    width:auto;
    height: 35px;

    opacity: 0.5;
    filter: sepia(1) hue-rotate(190deg) saturate(4) brightness(0.8);
    transition: filter 0.5s ease, opacity 0.5s ease;

}

.marquee-item svg *{
    fill: #8E9DBC80;
    transition: all 0.5s ease;
}

.marquee-item.in-view svg *{
    fill: #ffffff !important;
}

.marquee-item.in-view img{
    filter: grayscale(0%) !important;
    opacity: 1 !important;

}


.marquee-item.in-view,
.marquee .active{
    /*border: 2px solid red !important;*/
}
.wp-block-engage-headline h1{
    font-weight: 700;
    font-size:48px;
    line-height: 72px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'AeroportBold';
}
.wp-block-engage-headline h2{
    font-weight: 700;
    font-size:32px;
    line-height: 72px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'AeroportBold';
}

.wp-block-engage-headline h3{
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.wp-block-engage-headline h1 strong{
    font-weight: 500;
    font-size: 24px;
    line-height: 72px;
    font-family: 'AeroportMedium';
}

.wp-block-engage-headline h2 strong{
    font-weight: 500;
    font-size: 24px;
    line-height: 72px;
    font-family: 'AeroportMedium';
}

.wp-block-engage-headline + p{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 2rem;
}

.wp-block-engage-headline + p em {
    color: #8E9DBC;
    font-style: normal;
}

.wp-block-engage-section{
    /*background: #0d101b url('https://the-engage.com/wp-content/themes/engage/assets/background.png') center;*/
    /*animation:  bg-move 60s ease-in-out infinite alternate;*/
    color: #fff;
    background: transparent;

}

.wp-block-engage-section:not(.bg-blue) .badge{
    color: #296CFF;
    box-shadow: 0px 0px 6px 0px #296CFFBF inset;
    backdrop-filter: blur(40px)

}
.wp-block-engage-section.transparent{
    background: #8E9DBC1A;
}



@keyframes bg-move-random {
    0% {
        background-position: 0% 50%;
    }
    20% {
        background-position: 30% 60%;
    }
    40% {
        background-position: 70% 40%;
    }
    60% {
        background-position: 50% 80%;
    }
    80% {
        background-position: 90% 30%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes bg-move {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.wp-block-engage-section.bg-transparent{
    background: transparent;

}
.wp-block-engage-section.bg-blue{
    background: #296CFF;
    color: #fff;
}
.mosaic{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 1.5rem;
    position: relative;
}
.mosaic > .mosaic-item:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
    position: relative;

}
.mosaic > .mosaic-item:nth-child(1)::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(238.31deg, rgba(41, 108, 255, 0) 30.92%, rgba(41, 108, 255, 0.75) 100%);
}
.mosaic > .mosaic-item:nth-child(2) {
    grid-area: 3 / 1 / 5 / 3;
    position: relative;
}
.mosaic > .mosaic-item:nth-child(2)::after{
    content: "";
    position: absolute;
    top: 0;
    left: -2rem;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(238.42deg, rgba(41, 108, 255, 0) 30.96%, rgba(41, 108, 255, 0.5625) 100%);
}

.mosaic > .mosaic-item:nth-child(2) img{
    margin-left: -2rem;
    width: calc(100% + 2rem);

}



.mosaic > .mosaic-item:nth-child(3) {
    grid-area: 3 / 3 / 5 / 5;
    margin-top: -1.5rem;
    position: relative;

}
.mosaic > .mosaic-item:nth-child(3) img{
    aspect-ratio: 1/ 1;
}
.mosaic > .mosaic-item:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(206.57deg, rgba(41, 108, 255, 0) 16.67%, rgba(41, 108, 255, 0.75) 100%);
}

.mosaic-item{
    width: 100%;

    height: auto;
}

.mosaic-item video,
.mosaic-item img{
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    -o-object-fit: cover;
       object-fit: cover;
}
.mosaic-video img{
    height: 100%;
}


.mosaic-item .video-play-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;

    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
    z-index: 3;
}



.mosaic-center-line {
    grid-area: 2 / 2 / 4 / 4;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    /*background: rgba(41, 108, 255, 0.1);*/

    border-radius: 16px;
    padding: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.center-line-text {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    border: 1px solid #FFFFFF40;
    border-radius: 100%;
    position: absolute;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.guest{
    aspect-ratio: 1 / 1;
    position: relative;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.block-editor-block-list__block .guest{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.block-editor-block-list__block .guest-item{
    opacity: 1;
    position: relative;
    width: 20%;
    transform: translate(0, 0);
}
.block-editor-block-list__block .guest-item img{
    max-width: 100%;
    height: auto;
}

.block-editor-block-list__block .guest-item img.backside{
    display: none;
}
.block-editor-block-list__block .guest-center-line .center-line-text{
 aspect-ratio: auto !important;

}

.guest-item{
    position: absolute;
    background: #8E9DBC1A;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    width:42%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translate(-50%, -50%);

}
.guest-item img {
    position: absolute;
    /*width: 100%;*/
    /*height: 100%;*/
    backface-visibility: hidden;
    transition: transform 0.6s, opacity 0.6s;
    opacity: 1;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;

}
.guest-item img.backside {
    transform: rotateY(180deg);
    opacity: 0;
}
.guest-item.flipped img {
    transform: rotateY(180deg);
    opacity: 0;
}
.guest-item.flipped img.backside {
    transform: rotateY(0deg);
    opacity: 1;
}


.guest-center-line .center-line-text{
    border: none;
}
.guest-center-line .center-line-text span{
    font-family: Aeroport;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}

.speaker{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 70vw;
    opacity: 0.25;
    align-items: flex-start;
}
.speaker.active{
    opacity: 1;
}
/** the second speaker with next should hav opacity 0 and not the third one */
.speaker.next + .speaker.next{
    opacity: 0;
}
.speaker.next + .speaker.next +.speaker.next {
    opacity: 0.25;
}


.speaker-infos{
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    font-family: 'AeroportMedium';
}
.speaker-infos > p{
    /*padding-right: 50%;*/
}
.speaker-infos > span{
    font-family: 'AeroportMedium';
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #296CFF;
    display: inline-block;


}
.speaker-text{
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
.speaker-text p{
    margin: 0;
}
.wp-block-engage-speaker{
    position: relative;
}
.wp-block-engage-speaker div.next-button{
    position: absolute;
    right: -10px;
    top: -15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0px;
}

.wp-block-engage-speaker div.next-button button{
    font-family: AeroportMedium;
    background: transparent;
    border-radius: 100%;
    width: 160px;
    height: 160px;
    border: 1px solid #296CFF;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    aspect-ratio: 1 / 1;
    padding-right: 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    outline: none;
    gap: 3px;
    -webkit-tap-highlight-color: transparent;
}
.wp-block-engage-speaker div.next-button button:focus,
.wp-block-engage-speaker div.next-button button:active {
    outline: none;
    box-shadow: none;
    background: none;
}

.header-speaker-image {
    width: 100%;
    justify-content: center;
    margin-right: auto !important;
    margin-left: auto !important;
}
.header-speaker-image figure {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 9999px;
    border: 1px solid #0b0f1a;
    margin-bottom: 0 !important;
}
.header-speaker-image figure img {
    border-radius: 9999px;
}

.agenda-speaker-image img {
    border-radius: 9999px;
    border: 1px solid #296CFF;
}

.zi-1{z-index: 1}
.zi-2{z-index: 2;}
.zi-3{z-index: 3;}
.zi-4{z-index: 4;}
.zi-5{z-index: 5;}
.zi-6{z-index: 6;}
.zi-7{z-index: 7;}
.zi-8{z-index: 8;}
.zi-9{z-index: 9;}
.zi-10{z-index: 10;}
.zi-11{z-index: 11;}

.engage-circles-block{
    margin: 3rem -1.5rem;
    max-width: 780px;
}
.circles-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    position: relative;
    aspect-ratio: 1 / 1;
}
.circle-item {
    margin: -1.25rem;
    display: flex;
    aspect-ratio: 1 / 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    text-align: center;
    z-index: 2;
    border: 1px solid #FFFFFF26;
    /*padding: 3.5rem;*/
    max-width: 400px;
    max-height: 400px;
}

.circle-item h3{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 5px;
    max-width: 55%;
    margin-top: 0;
}
.circle-item .circle-text{
    font-weight: 500;
    font-family: 'AeroportMedium';
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin: 0;
    color: #296CFF;
    max-width: 60%;
}

.circle-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18%;
    height: 18%;
    /*background: linear-gradient(180deg, #FFFFFF 0%, #296CFF 100%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

    border-radius: 50%;
    */

    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
    background: url('https://the-engage.com/wp-content/themes/engage/assets/circle-center.svg') no-repeat center;
    background-size: 100%;
}

.circle-center-content {
    line-height: 0px;
}
.image-slider-container > .image-slider {
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: row;
    will-change: transform;
}
.image-slider-container > .image-slider > .image-slider-item {
    position: relative;
    aspect-ratio: 300/182;
    width: 70%;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 4px;
    padding: 0 !important;
    margin-right: 1.5rem;
}
.image-slider-container > .image-slider > .image-slider-item::after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(233.64deg, rgba(41, 108, 255, 0) 28.8%, rgba(41, 108, 255, 0.75) 100%);
    z-index: 2;
}

.image-slider-item > img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
}

.image-slider-item > span{
    position: absolute;
    left:.5rem;
    bottom:.5rem;
    z-index: 3;
}
.block-editor-block-list__block .image-slider-container > .image-slider{
    flex-wrap: wrap;
}
.block-editor-block-list__block .image-slider-container > .image-slider > .image-slider-item{
    width: 25%;
}

.location {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    margin: 0 -1.5rem;
    /*animation: bg-location-move 60s ease-in-out infinite alternate;*/
    /*!*background:*!*/
    /*!*        url('http://localhost:8080/wp-content/themes/engage/assets/background.png') no-repeat center,*!*/
    /*!*        #0d101b url('http://localhost:8080/wp-content/themes/engage/assets/bg-location-mobile.svg') no-repeat center;*!*/

    /*background-size: auto, cover;*/
    /*background-blend-mode: difference;*/
    background: url('https://the-engage.com/wp-content/themes/engage/assets/stardust-xs.png') no-repeat center,
        url('https://the-engage.com/wp-content/themes/engage/assets/location-bg.png') no-repeat 55% 80%;

    /*background-blend-mode: difference;*/
}
.location .wp-block-engage-headline + p{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6rem;

}
.t {
    width: 75%;
}


@keyframes bg-location-move {
    0% {
        background-position: 0% 50%, center;
    }
    100% {
        background-position: 100% 50%, center;
    }
}
.invitation-form .invitation-form__form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 800px;
}

.invitation-form__field {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
}

.invitation-form__field input {
    width: 100%;
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background: #8E9DBC1A;
    backdrop-filter: blur(40px);
    /* remove default input styles */
    outline: none !important;

    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border: 1.5px solid transparent;
}
.invitation-form input {
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-family: "Aeroport";
    background: #8E9DBC1A;
    backdrop-filter: blur(40px);
    /* remove default input styles */
    outline: none !important;

    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border: 1.5px solid transparent;
}

select.error,
.invitation-form input.error,
.invitation-form__field input.error{
    border: 1.5px solid #FF4D4D !important;
    animation: 1s shake cubic-bezier(0.42, 0, 0.58, 1);
}

.invitation-form select {
    width: 100%;
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background: #8E9DBC1A;
    backdrop-filter: blur(40px);
    /* remove default input styles */
    outline: none !important;
    /* remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    border: 1.5px solid transparent;
    position: relative;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
.select-wrapper select {
    width: 100%;
    padding-right: 2.5rem; /* Platz für das Icon */
}
.select-wrapper select option[disabled]{
    display: none;
}
.select-wrapper select:invalid{
    color: rgba(142, 157, 188, 0.59) !important;


}
.select-wrapper select option{
    color: #000000 !important;
}



.select-wrapper .select-arrow {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 24px;
    height: 24px;
}

.invitation-form input[type="radio"]{


}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}

.invitation-form__field p{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #8E9DBC;
}
.invitation-form__field input::-moz-placeholder{
    color: #8E9DBC;
}
.invitation-form__field input::placeholder{
    color: #8E9DBC;
}


.invitation-form__button{
    /*@apply px-4 py-3;*/
    /*background: linear-gradient(90deg, #296CFF 0%, #0B0F1A 100%);*/
    /*border: 1.5px solid #296CFF80;*/
    /*border-radius: 100px;*/
    /*display: block;*/
    /*text-align: center;*/
    /*font-weight: 500;*/
    /*font-family: 'AeroportMedium';*/
    /*font-size: 14px;*/
    /*line-height: 16px;*/
    /*color: #fff;*/
    border: 2px solid #296CFF !important;
    background: linear-gradient(90deg, #296CFF 0%, #0B0F1A 100%) !important;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    cursor: pointer;
    align-content: center;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
    text-align: center;
    word-break: break-word;
    border-radius: 53px;
}
.hero-content > div + div{

    margin-top: 10vh;
}
.video-btn > a{
    background: transparent !important;
    border-color: transparent !important;
    cursor: pointer;
    padding-left: 10px;
}

.video-btn>a::before{
    content: url('https://the-engage.com/wp-content/themes/engage/assets/video-icon.svg');
    display: inline-block;
    margin-right: 8px;
}
/*.testimonials{*/
/*    gap: 0 !important;*/
/*    */
/*}*/
.testimonials .testimonial{
    margin-right: 2rem;
}
.testimonials-indicators .testimonials-indicator{
    background: #8E9DBC80;
    transition: all 0.5s ease;
}

.testimonials-indicators .testimonials-indicator.active{
    width: 24px;
    background: #296CFF;
}
.testimonials-indicators .testimonials-indicator span{
    display: none;
}
.testimonials-indicators .testimonials-indicator.active span{
    display: block;
}
.agenda-item p{
    margin: 0;
}
.agenda-item .items-end img{
    width: 70px;
    height: auto;
}
.agenda-item h3>span:first-child{
    font-family: "AeroportBold";
    font-weight: 700;
}
.participants{
    font-family: Aeroport;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    color: #8E9DBC;
    text-align: center;
}

#About-ENGAGE .wp-block-engage-headline + p{
    margin-top: 0 !important;
    margin-bottom: 2.5rem;
}
#About-ENGAGE p{
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-top: 2.5rem;
}

.organised{
    margin-top: 2rem !important;
    /* border in each corner only*/
    position: relative;
    padding: 2rem;

    font-family: Aeroport;
    font-weight: 500;

    font-size: 11px;

    line-height: 16px;

    text-align: center;

}
.organised p{
    margin-top: 0 !important;
    font-size: 11px !important;
}

.logocontainer{
    gap:10px;
}

/*.organised::before,*/
/*.organised::after,*/
/*.organised p::before,*/
/*.organised p::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 4px;*/
/*    height: 4px;*/
/*    border: 1px solid #FFFFFF;*/
/*}*/


/*.organised::before {*/
/*    top: 0;*/
/*    left: 0;*/
/*    border-right: none;*/
/*    border-bottom: none;*/
/*    border-radius: 3px 0 0 0;*/
/*}*/

/*.organised::after {*/
/*    top: 0;*/
/*    right: 0;*/
/*    border-left: none;*/
/*    border-bottom: none;*/
/*    border-radius: 0 3px 0 0;*/
/*}*/

/*.organised p::before {*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    border-right: none;*/
/*    border-top: none;*/
/*    border-radius: 0 0 0 3px;*/
/*}*/

/*.organised p::after  {*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    border-left: none;*/
/*    border-top: none;*/
/*    border-radius: 0 0 3px 0;*/
/*}*/
#Speakers h2,
#Why-ENGAGE h2,
#Who-is-joining h2{
    line-height: 32px;
    margin-top: 1.3rem;
}
#Redeem-invite .wp-block-engage-headline + p,
#Location .wp-block-engage-headline + p,
#Why-ENGAGE .wp-block-engage-headline + p,
#Speakers .wp-block-engage-headline + p,
#Who-is-joining .wp-block-engage-headline + p{
    color: #8E9DBC;
    font-family: Aeroport;
    font-weight: 400;

    font-size: 16px;

    line-height: 20px;


}
#Redeem-invite .wp-block-engage-headline + p,
#Location .wp-block-engage-headline + p{
    margin-top: 0;
}
#Location .wp-block-engage-headline + p> em{
    color: #ffffff;
}
#Gallery .wp-block-engage-headline + p,
#Agenda .wp-block-engage-headline + p{
    color: #FFFFFF;
    font-family: Aeroport;
    font-weight: 500;

    font-size: 16px;

    line-height: 20px;
    margin-top: 0;

}
#Location hr,
#Why-ENGAGE hr {
    margin-top: 2rem;
    margin-bottom: 0px;
    border-color: #8E9DBC26;
}

#Why-ENGAGE hr{
    margin-top: 4.5rem;
    margin-bottom: 3.5rem;
}

.speaker-indicators .speaker-indicator {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 9999px;
    background: #8E9DBC80;
    transition: all 0.5s ease;
}

.speaker-indicators .speaker-indicator.active {
    width: 1.5rem;
    background: #296CFF;
}

.footer-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

.footer-menu ul li a{
    font-family: Aeroport;
    font-weight: 400;

    font-size: 12px;

    line-height: 14px;

    text-align: right;
    color: #FFFFFF;
    text-decoration: none;

}

.sponsor .text-xs{
    font-family: Aeroport;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 0.4rem;
    color: #8E9DBC;

}
.sponsor img{
    width: 90px;
    height: auto;
}

.sponsor{
    gap: 0;
    margin-top: 4rem;
    margin-bottom: 1rem;
}
.sponsors{

    /* border in each corner only*/
    position: relative;
    padding: 0.5rem 2rem;
    width: 100%;

}
.sponsors .wp-block-image{
    text-align: center;
}

.sponsors::before,
.sponsors::after,
.sponsors p::before,
.sponsors p::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border: 1px solid #FFFFFF;
}


.sponsors::before {
    top: 0;
    left: 1px;
    border-right: none;
    border-bottom: none;
    border-radius: 3px 0 0 0;
}

.sponsors::after {
    top: 0;
    right: 1px;
    border-left: none;
    border-bottom: none;
    border-radius: 0 3px 0 0;
}

.sponsors p::before {
    bottom: 0;
    left: 1px;
    border-right: none;
    border-top: none;
    border-radius: 0 0 0 3px;
}

.sponsors p::after  {
    bottom: 0;
    right: 1px;
    border-left: none;
    border-top: none;
    border-radius: 0 0 3px 0;
}

/*@media (min-width: 768px) {*/
/*    .hero-content{*/
/*        max-width: 1542px;*/
/*        width: 100%;*/
/*        margin: 0 auto;*/
/*        text-align: center;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        flex-direction: column;*/
/*    }*/
/*    .hero-content p {*/
/*        text-align: center;*/
/*    }*/
/*    .hero-content > div{*/
/*        align-items: stretch;*/
/*    }*/
/*    .hero-content > div + div{*/
/*        width: 100%;*/
/*        margin-top: 12vh;*/
/*    }*/
/*    .wp-block-engage-logos-block{*/
/*        max-width: 747px;*/
/*        margin: 0 auto !important;*/
/*    }*/
/*    .hero-content h1{*/
/*        font-weight: 700;*/
/*        font-size: 104px;*/
/*        line-height: 72px;*/
/*        text-align: center;*/
/*        flex-direction: column;*/
/*        margin-top: 3rem;*/
/*        font-family: 'AeroportBold';*/
/*    }*/
/*    .hero-content h1 strong{*/
/*        font-weight: 500;*/
/*        font-size: 40px;*/
/*        line-height: 72px;*/
/*        text-align: center;*/
/*        font-family: 'AeroportMedium';*/
/*    }*/
/*    .video-btn > a{*/
/*        border: 2px solid #296CFF !important;*/
/*    }*/
/*    .hero-content .wp-block-button__link{*/
/*        width: 238px;*/
/*    }*/
/*    .wp-block-engage-hero-block video{*/
/*        display: none;*/
/*    }*/

/*}*/
.otgs-development-site-front-end{
    display: none;
}

#site #event{
    margin-top: 90px;

    background: #8E9DBC1A;

}

#site #event hr{
    height: 1px;
    border-color: #8E9DBC26;
    width: 100%;
    margin: 2rem auto 1.2rem auto;
}

#site #event h2{
    line-height: 1;
    margin-top: 16px;
}
#site #event  .wp-block-engage-headline + p{
    margin-bottom: 0;
}

#site #event .container > p{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #8E9DBC;
}

#site #event p.text-xs{
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0%;

}
#site #event #summary{
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    gap: .8rem;
    margin-bottom: 1.4rem;
}
#site #event #summary .summery-headline{
    font-family: Aeroport;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;


}
#site #event .invitation-form__button{
    margin-bottom: .8rem;
}

#site #event .form-field > label{
    margin-bottom: 16px;
    margin-top: 24px;
}
#site #event .success-message{
    position: fixed;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background: #107F4B;
    border: 1px solid #107F4B;
    border-radius: 8px;
    padding: 12px 16px;
    text-align: center;
    z-index: 1000;
}

#site #event .container{
    position: relative;
}

#site #event .image-group{
    position: absolute;
    transform: translateY(24px);
    left: 0px;
    right: 0px;
}

#site #event{
    padding-bottom: 250px;
    margin-bottom: 130px;
}

.text-muted{
    color: #8E9DBC;
}

.image-group{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, auto);
    /*gap: 24px;*/
    row-gap: 24px;
    position: relative;
}
.image-group .wp-block-image{
    border-radius: 4px;
    height: 100%;
    width: auto;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.image-group .wp-block-image img{
    -o-object-fit: cover;
       object-fit: cover;
}
.image-group .wp-block-image:first-child{
    grid-area: 1 / 1 / 4 / 4;

}
.image-group .wp-block-image:first-child img{
    aspect-ratio: 1 / 1;
}
.image-group .wp-block-image:nth-child(2){
    grid-area: 2 / 4 / 4 / 7;
    transform: translate(24px, -24px);
}
.image-group .wp-block-image:nth-child(3){
    grid-area: 4 / 4 / 6 / 7;
    margin-left: -30px !important;
}

.image-group .wp-block-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0rem;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(238.42deg, rgba(41, 108, 255, 0) 30.96%, rgba(41, 108, 255, 0.5625) 100%);
}

@media (min-width: 768px) {
    body{
        background-color: #0d101b;
        background-image: url('https://the-engage.com/wp-content/themes/engage/assets/bg-desktop.png') ,
                            url('https://the-engage.com/wp-content/themes/engage/assets/bg-desktop.png');

        background-size: auto, contain;


        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        height: 100vh;
        animation:  bg-move 20s ease-in-out infinite alternate;

        display: grid;
        /*grid-template-columns: repeat(5, 1fr);*/
        grid-template-columns: 1fr 1fr 369px 1fr 1fr;
        grid-template-rows: repeat(5, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;

    }

    body #helper{
        grid-area: 2 / 3 / 5 / 4;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body #helper::after{
        content: '';
        background: url(https://the-engage.com/wp-content/themes/engage/assets/phone.png);
        position: absolute;
        left: -7px;
        top: -9px;
        right: -7px;
        bottom: -7px;
        pointer-events: none;
        z-index: 10;
        background-size: contain;
        background-repeat: no-repeat;


    }
    body > div#left{
        grid-area: 3 / 1 / 4 / 3;
    }
    body > div#right{

        grid-area: 3 / 4 / 4 / 6;
    }
    body #site{
        max-width: 369px;
        position: relative;
        max-height: 784px;
        overflow:scroll;
        border-radius: 55px;
    }

    #site {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer 10+ */
    }
    #site::-webkit-scrollbar {
        display: none; /* Chrome, Safari und Opera */
    }
    /* todo: fix the hero block height on desktop */
    .wp-block-engage-hero-block > div{
        height: 720px;
    }

    .hero-content > div + div{

        margin-top: 72px;
    }

    .open .wp-block-navigation__container{
        /*border: 1px solid #296CFF80;*/
        opacity: 1;
        transform: translateY(0);
        height: calc(720px - 3rem);
    }

    .navigation.open::after{
        height: 720px;
    }

    .speaker{
        /* 70% */
        width: 294px;

    }
}

#menu-footer{
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
#footer li{
    position: relative !important;
}
#footer a{
    position: relative !important;
    font-family: Aeroport;
    font-weight: 400;

    font-size: 12px;
    leading-trim: CAP_HEIGHT;
    line-height: 14px;
    letter-spacing: 0%;
    text-align: right;

}

/* Overlay bei Landscape */
#rotate-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: #0d101b url('https://the-engage.com/wp-content/themes/engage/assets/stardust-xs.png') fixed center;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    z-index: 9999;
}

/* Landscape-Mode erkennen */
@media screen and (orientation: landscape) and (max-width: 900px) {
    #site {
        display: none;
    }
    #rotate-overlay {
        display: flex;
    }
}




.radio-container {
    display: flex;

    flex-wrap: wrap;
    justify-content: center;
    flex-grow: 1;
}

.radio-wrapper {
    position: relative;
    flex-grow: 1;
}

/* Original Radio Button verstecken */
.radio-wrapper input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Custom Radio Button Label */
.radio-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

/* Äußerer Kreis */
.radio-circle {
    position: relative;
    width: 24px;
    height: 24px;
    border: 2px solid transparent;
    border-radius: 50%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: #8E9DBC1A;
    backdrop-filter: blur(40px)

}

/* Innerer Punkt */
.radio-circle::after {
    content: '';
    width: 6px;
    height: 6px;
    background: #3b82f6;
    border-radius: 50%;
    transform: scale(0);
    transition: transform 0.3s ease;
}

/* Text */
.radio-text {
    font-size: 14px;
    line-height: 16px;
    color: #94a3b8;
    font-weight: 500;
    transition: color 0.3s ease;
}

/* Hover Effekt */
.radio-wrapper:hover .radio-circle {
    border-color: #60a5fa;

}

.radio-wrapper:hover .radio-text {
    color: #cbd5e1;
}

/* Checked State */
.radio-wrapper input[type="radio"]:checked + .radio-label .radio-circle {
    border-color: #3b82f6;

}

.radio-wrapper input[type="radio"]:checked + .radio-label .radio-circle::after {
    transform: scale(1);
}

.radio-wrapper input[type="radio"]:checked + .radio-label .radio-text {
    color: #296CFF;
}
.radio-wrapper input[type="radio"].error + .radio-label
{
    animation: 1s shake cubic-bezier(0.42, 0, 0.58, 1);
}
.radio-wrapper input[type="radio"].error + .radio-label .radio-circle {
    border-color: #FF4D4D;

}

/* Deaktivierter State - "No" Button */
.radio-wrapper.disabled .radio-circle {
    border-color: #475569;
    opacity: 0.5;
}

.radio-wrapper.disabled .radio-text {
    color: #64748b;
}

.radio-wrapper.disabled:hover .radio-circle {
    box-shadow: none;
}


.has-cyan-bluish-gray-color{
    color: #8E9DBC !important;
}


@media (min-width: 768px) {
    .md\:static {
        position: static;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:relative {
        position: relative;
    }
    .md\:bottom-0 {
        bottom: 0px;
    }
    .md\:right-0 {
        right: 0px;
    }
    .md\:top-0 {
        top: 0px;
    }
    .md\:m-0 {
        margin: 0px;
    }
    .md\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }
    .md\:block {
        display: block;
    }
    .md\:inline-block {
        display: inline-block;
    }
    .md\:flex {
        display: flex;
    }
    .md\:hidden {
        display: none;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:grow {
        flex-grow: 1;
    }
    .md\:transform-none {
        transform: none;
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:items-baseline {
        align-items: baseline;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
    }
    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
    .md\:overflow-hidden {
        overflow: hidden;
    }
    .md\:rounded-3xl {
        border-radius: 1.5rem;
    }
    .md\:bg-none {
        background-image: none;
    }
    .md\:pt-0 {
        padding-top: 0px;
    }
    .md\:opacity-100 {
        opacity: 1;
    }
    .md\:backdrop-filter-none {
        backdrop-filter: none;
    }
}