.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1920px;
}
body {font-family: 'Kinetika Regular';}body {line-height: 1.4;font-size: 16px;font-weight: 400;color: #000000;}.oxy-nav-menu-hamburger-line {background-color: #000000;}h1, h2, h3, h4, h5, h6 {font-family: 'Kinetika Semi Bold';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {color: #21499a;text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxel_accordion {
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 width:100%;
}
.oxel_accordion__row {
 font-family:Kinetika Regular;
 width:100%;
 padding-left:40px;
 padding-right:40px;
 padding-bottom:35px;
 text-align:justify;
 border-bottom-color:#eceeef;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-top-style:none;
 background-color:#f9f9fa;
 border-right-style:none;
 border-left-style:none;
 font-weight:600;
 padding-top:35px;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.oxel_accordion__row {
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 padding-left:25px;
 gap:30px;
 text-align:justify;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
align-items:flex-start;
justify-content:space-between;
gap:30px;
}
}

.oxel_accordion__icon {
color: #ffffff;}.oxel_accordion__icon 
>svg {width: 38px;height: 38px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
@media (max-width: 991px) {
.oxel_accordion__icon {
 margin-right:0px;
}
}

.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__content {
 width:100%;
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 margin-top:20px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion__row__label {
 text-align:left;
}
.oxel_back_to_top_container:hover{
}
.oxel_back_to_top_container {
 position:fixed;
 z-index:1500;
 right:32px;
 bottom:32px;
 text-align:left;
 overflow:hidden;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
}
.oxel_back_to_top_container:not(.ct-section):not(.oxy-easy-posts),
.oxel_back_to_top_container.oxy-easy-posts .oxy-posts,
.oxel_back_to_top_container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_back_to_top_icon {
color: #ffffff;}.oxel_back_to_top_icon 
>svg {width: 48px;height: 48px;}.oxel_back_to_top_icon {
}
.row {
}
.row:not(.ct-section):not(.oxy-easy-posts),
.row.oxy-easy-posts .oxy-posts,
.row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.center-vertically {
}
.center-vertically:not(.ct-section):not(.oxy-easy-posts),
.center-vertically.oxy-easy-posts .oxy-posts,
.center-vertically.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.gap-150 {
 gap:150px;
}
.gap-150:not(.ct-section):not(.oxy-easy-posts),
.gap-150.oxy-easy-posts .oxy-posts,
.gap-150.ct-section .ct-section-inner-wrap{
gap:150px;
}
.space-between {
}
.space-between:not(.ct-section):not(.oxy-easy-posts),
.space-between.oxy-easy-posts .oxy-posts,
.space-between.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:space-between;
}
.full-width {
 width:100%;
}
.scrollable-header {
 position:absolute;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 padding-bottom:0px;
 z-index:100;
}
.bg__quantum-blue {
 background-color:#1c264b;
}
.m-l__auto {
 margin-left:auto;
}
.tech-tide {
 color:#1eb5ea;
}
.h3 {
 font-family:Kinetika Semi Bold;
 font-size:2.074rem;
 font-weight:600;
}
@media (max-width: 767px) {
.h3 {
 font-size:1.6rem;
}
}

.gap-10 {
 gap:10px;
}
.gap-10:not(.ct-section):not(.oxy-easy-posts),
.gap-10.oxy-easy-posts .oxy-posts,
.gap-10.ct-section .ct-section-inner-wrap{
gap:10px;
}
.white {
 color:#ffffff;
}
.h4 {
 font-family:Kinetika Semi Bold;
 font-size:1.728rem;
}
@media (max-width: 767px) {
.h4 {
 font-size:1.4rem;
}
}

.regular {
 font-family:Kinetika Regular;
}
.gap-20 {
 gap:20px;
}
.gap-20:not(.ct-section):not(.oxy-easy-posts),
.gap-20.oxy-easy-posts .oxy-posts,
.gap-20.ct-section .ct-section-inner-wrap{
display:flex;
gap:20px;
}
.gap-75 {
 gap:75px;
}
.gap-75:not(.ct-section):not(.oxy-easy-posts),
.gap-75.oxy-easy-posts .oxy-posts,
.gap-75.ct-section .ct-section-inner-wrap{
gap:75px;
}
@media (max-width: 767px) {
.gap-75 {
 gap:40px;
}
.gap-75:not(.ct-section):not(.oxy-easy-posts),
.gap-75.oxy-easy-posts .oxy-posts,
.gap-75.ct-section .ct-section-inner-wrap{
gap:40px;
}
}

.gap-100 {
 gap:100px;
}
.gap-100:not(.ct-section):not(.oxy-easy-posts),
.gap-100.oxy-easy-posts .oxy-posts,
.gap-100.ct-section .ct-section-inner-wrap{
gap:100px;
}
.gap-40 {
 gap:40px;
}
.gap-40:not(.ct-section):not(.oxy-easy-posts),
.gap-40.oxy-easy-posts .oxy-posts,
.gap-40.ct-section .ct-section-inner-wrap{
gap:40px;
}
.h2 {
 font-size:2.488rem;
}
@media (max-width: 767px) {
.h2 {
 font-size:1.8rem;
}
}

.cobalt-blue {
 color:#21499a;
}
.max-width__500 {
 max-width:500px;
}
.p-b__0 {
}
.p-b__0 .ct-section-inner-wrap {
padding-bottom: 0;
}
.m-t__auto {
 margin-top:auto;
}
@media (max-width: 767px) {
.m-t__auto {
}
}

.border-radius__25 {
 border-radius:25px;
}
.btn {
}
.h5 {
 font-family:Kinetika Semi Bold;
 font-size:1.44rem;
}
@media (max-width: 767px) {
.h5 {
 font-size:1.2rem;
}
}

.btn-text-icon {
 gap:10px;
}
.btn-text-icon:not(.ct-section):not(.oxy-easy-posts),
.btn-text-icon.oxy-easy-posts .oxy-posts,
.btn-text-icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:10px;
}
.btn-cobalt-code {
}
.page-header {
}
.page-header .ct-section-inner-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
.page-header:not(.ct-section):not(.oxy-easy-posts),
.page-header.oxy-easy-posts .oxy-posts,
.page-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 479px) {
.page-header {
}
.page-header .ct-section-inner-wrap {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
}

.hero {
 font-size:4.473rem;
 line-height:1;
}
@media (max-width: 767px) {
.hero {
 font-size:3rem;
}
}

.display-text {
 font-family:'Kinetika Medium';
 font-size:1.728rem;
}
@media (max-width: 767px) {
.display-text {
 font-size:1.4rem;
}
}

.page-header__image {
 position:absolute;
 z-index:-1;
 top:0px;
 left:0px;
 object-fit:cover;
 border-radius:25px;
 height:100%;
 width:100%;
 object-position:center;
}
.overflow-hidden {
 overflow:hidden;
}
@media (max-width: 479px) {
.overflow-hidden {
 overflow:hidden;
}
}

.page-header__content {
 gap:150px;
 position:relative;
 height:850px;
 padding-left:75px;
 padding-right:75px;
 padding-top:250px;
 padding-bottom:75px;
}
.page-header__content:not(.ct-section):not(.oxy-easy-posts),
.page-header__content.oxy-easy-posts .oxy-posts,
.page-header__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
gap:150px;
}
@media (max-width: 991px) {
.page-header__content {
 gap:20px;
 padding-top:250px;
 padding-left:20px;
 padding-right:20px;
 text-align:right;
}
.page-header__content:not(.ct-section):not(.oxy-easy-posts),
.page-header__content.oxy-easy-posts .oxy-posts,
.page-header__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
gap:20px;
}
}

@media (max-width: 767px) {
.page-header__content {
 padding-top:200px;
 height:auto;
}
}

.relative {
 position:relative;
}
@media (max-width: 479px) {
.relative {
}
}

.gradient__white {
background-image: linear-gradient(90deg, rgba(255,255,255,0.75) 25%, rgba(0,0,0,0) 60%); position:absolute;
 top:0px;
 left:0px;
 bottom:0px;
 right:0px;
}
.front-layer {
 z-index:10;
}
.flex-basis__50 {
}
.stretch {
}
.stretch:not(.ct-section):not(.oxy-easy-posts),
.stretch.oxy-easy-posts .oxy-posts,
.stretch.ct-section .ct-section-inner-wrap{
display:flex;
align-items:stretch;
}
.flex-wrap__wrap {
}
.flex-wrap__wrap:not(.ct-section):not(.oxy-easy-posts),
.flex-wrap__wrap.oxy-easy-posts .oxy-posts,
.flex-wrap__wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
}
.zoom-box {
 position:relative;
 overflow:hidden;
 border-radius:25px;
 padding-top:25px;
 padding-left:25px;
 padding-bottom:25px;
 padding-right:25px;
}
.zoom-box-image {
 object-fit:cover;
 position:absolute;
 top:0px;
 right:0px;
 left:0px;
 bottom:0px;
 z-index:-1;
 height:100%;
 width:100%;
}
.center-horizontally {
}
.center-horizontally:not(.ct-section):not(.oxy-easy-posts),
.center-horizontally.oxy-easy-posts .oxy-posts,
.center-horizontally.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.p-l__75 {
 padding-left:75px;
}
@media (max-width: 991px) {
.p-l__75 {
 padding-left:20px;
}
}

.object-fit__cover {
 object-fit:cover;
}
.max-height__800 {
 max-height:800px;
}
.max-height_100vh {
}
.full-height {
 height:100%;
}
.m-l__75 {
 margin-left:75px;
}
@media (max-width: 991px) {
.m-l__75 {
 margin-left:20px;
}
}

.m-t__40 {
 margin-top:40px;
}
@media (max-width: 991px) {
.m-t__40 {
 margin-top:20px;
}
}

.bg__white {
 background-color:#ffffff;
}
.border-radius-bottom__0 {
 border-bottom-left-radius:0px;
 border-bottom-right-radius:0px;
}
.h6 {
 font-family:Kinetika Semi Bold;
 font-size:1.2rem;
}
@media (max-width: 767px) {
.h6 {
 font-size:1rem;
}
}

.p-t__40 {
 padding-top:40px;
}
.max-width__33 {
 max-width:33%;
}
.centered {
 text-align:center;
}
.max-width__1000 {
 max-width:1000px;
}
.gap-30 {
 gap:30px;
}
.gap-30:not(.ct-section):not(.oxy-easy-posts),
.gap-30.oxy-easy-posts .oxy-posts,
.gap-30.ct-section .ct-section-inner-wrap{
gap:30px;
}
@media (max-width: 767px) {
.gap-30 {
 gap:15px;
}
.gap-30:not(.ct-section):not(.oxy-easy-posts),
.gap-30.oxy-easy-posts .oxy-posts,
.gap-30.ct-section .ct-section-inner-wrap{
gap:15px;
}
}

.padding-all__20 {
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
}
.max-width__700 {
 max-width:700px;
}
.oxy-stock-content-styles {
}
.p-r__75 {
 padding-right:75px;
}
@media (max-width: 991px) {
.p-r__75 {
 padding-right:20px;
}
}

.aos-init {
}
.page-header__content-single-headline {
 width:100%;
 height:675px;
}
@media (max-width: 767px) {
.page-header__content-single-headline {
 padding-bottom:30px;
 height:500px;
}
}

.max-width__50 {
 width:50%;
}
@media (max-width: 991px) {
.max-width__50 {
 width:75%;
}
}

@media (max-width: 767px) {
.max-width__50 {
 width:100%;
}
}

.boxed {
 padding-left:150px;
 padding-right:150px;
}
.boxed .ct-section-inner-wrap {
padding-left: 1px;
}
@media (max-width: 767px) {
.boxed {
 padding-left:75px;
 padding-right:75px;
}
}

.thirds-text-box {
}
.thirds-text-box:not(.ct-section):not(.oxy-easy-posts),
.thirds-text-box.oxy-easy-posts .oxy-posts,
.thirds-text-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.thirds-text-box {
}
.thirds-text-box:not(.ct-section):not(.oxy-easy-posts),
.thirds-text-box.oxy-easy-posts .oxy-posts,
.thirds-text-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.hyphens-off {
}
.max-width__85 {
 max-width:90%;
}
@media (max-width: 479px) {
.max-width__85 {
 max-width:100%;
}
}

.max-width__800 {
 max-width:800px;
}
@media (max-width: 991px) {
.max-width__800 {
 max-width:100%%;
}
}

.icon-row {
}
.icon-row:not(.ct-section):not(.oxy-easy-posts),
.icon-row.oxy-easy-posts .oxy-posts,
.icon-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-end;
}
.logo-initial__cobalt-code {
}
.logo-initial__cobalt-code .ct-section-inner-wrap {
padding-top: 0;
}
.p-t__75 {
 padding-top:75px;
}
.p-t__75 .ct-section-inner-wrap {
padding-top: 0;
}
.p-t__25 {
}
.p-t__25 .ct-section-inner-wrap {
padding-top: 25px;
}
.gap-50 {
 gap:50px;
}
.gap-50:not(.ct-section):not(.oxy-easy-posts),
.gap-50.oxy-easy-posts .oxy-posts,
.gap-50.ct-section .ct-section-inner-wrap{
gap:50px;
}
@media (max-width: 767px) {
.gap-50 {
 gap:10px;
}
.gap-50:not(.ct-section):not(.oxy-easy-posts),
.gap-50.oxy-easy-posts .oxy-posts,
.gap-50.ct-section .ct-section-inner-wrap{
gap:10px;
}
}

.background-image__boxed {
background-image:url(https://www.emp-it.de/wp-content/uploads/2025/05/iStock-1078283974.webp);background-size: cover; padding-left:150px;
 padding-right:150px;
 padding-top:75px;
 padding-bottom:75px;
 background-repeat:no-repeat;
}
@media (max-width: 991px) {
.background-image__boxed {
 padding-left:100px;
 padding-right:100px;
}
}

@media (max-width: 767px) {
.background-image__boxed {
 padding-left:20px;
 padding-right:20px;
 padding-top:30px;
 padding-bottom:30px;
}
}

.benefits__wrapper {
 padding-left:100px;
 padding-right:100px;
}
.benefits__wrapper:not(.ct-section):not(.oxy-easy-posts),
.benefits__wrapper.oxy-easy-posts .oxy-posts,
.benefits__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
}
@media (max-width: 1920px) {
.benefits__wrapper {
 padding-left:0px;
 padding-right:0px;
}
}

@media (max-width: 991px) {
.benefits__wrapper {
 padding-left:0px;
 padding-right:0px;
}
}

.benefits__card {
 background-color:#ffffff;
 border-radius:25px;
 padding-top:35px;
 padding-right:35px;
 padding-bottom:35px;
 padding-left:35px;
}
.benefits__icon {
 width:175px;
 height:175px;
}
.benefits__icon:not(.ct-section):not(.oxy-easy-posts),
.benefits__icon.oxy-easy-posts .oxy-posts,
.benefits__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 767px) {
.benefits__icon {
 width:150px;
 height:150px;
}
}

.p-l-r__100 {
 padding-left:100px;
 padding-right:100px;
}
@media (max-width: 1920px) {
.p-l-r__100 {
 padding-left:50px;
 padding-right:50px;
}
}

.services-slider {
}
.services-slider .oxy-carousel-builder_icon{
font-size:35px;
color:#21499a;
}

.services-slider .oxy-carousel-builder_prev{
top:100%;
left:-20px;
}

.services-slider .oxy-carousel-builder_next{
top:100%;
right:-20px;
}

.services-slider .oxy-carousel-builder_icon_disabled{
opacity:0;
}

.services-slider {
                        --carousel-cell-width: calc((100% - var(--carousel-space-between)) / 2);
                        }

                        @media (max-width: 991px) {
.services-slider {
}
.services-slider {
                        --carousel-cell-width: 100%;
                        }

                        }

.p-b__75 {
 padding-bottom:75px;
}
.p-b__75 .ct-section-inner-wrap {
padding-bottom: 75px;
}
.aspect-ratio__16-9 {
 aspect-ratio:16/9;
}
.max-width__900 {
 max-width:900px;
}
.align__right {
}
.align__right:not(.ct-section):not(.oxy-easy-posts),
.align__right.oxy-easy-posts .oxy-posts,
.align__right.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-end;
}
.right {
 text-align:right;
}
.flex-basis__25 {
}
.team-member__wrapper {
 margin-bottom:20px;
}
.team-member__image-wrapper {
 border-radius:25px;
 overflow:hidden;
 position:relative;
}
.team-member__glass-overlay {
 width:100%;
 height:100%;
 position:absolute;
 top:0px;
 left:0px;
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 padding-bottom:20px;
}
.team-member__glass-overlay:not(.ct-section):not(.oxy-easy-posts),
.team-member__glass-overlay.oxy-easy-posts .oxy-posts,
.team-member__glass-overlay.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-end;
}
.quantum-blue {
 color:#1c264b;
}
.sup {
}
.h1 {
 font-family:Kinetika Semi Bold;
 font-size:2.986rem;
}
@media (max-width: 767px) {
.h1 {
 font-size:2.2rem;
}
}

.p-l__40 {
 padding-left:40px;
}
.p-b__25 {
 padding-bottom:25px;
}
.p-r__25 {
 padding-right:25px;
}
.bg__cloud-core {
 background-color:#eaebea;
}
.padding-all__40 {
 padding-top:40px;
 padding-right:40px;
 padding-bottom:40px;
 padding-left:40px;
}
.m-b__40 {
 margin-bottom:40px;
}
.benefit__wrapper {
 width:100%;
 padding-left:100px;
 padding-right:100px;
 padding-top:50px;
 padding-bottom:50px;
 max-width:1200px;
}
.benefit__wrapper:not(.ct-section):not(.oxy-easy-posts),
.benefit__wrapper.oxy-easy-posts .oxy-posts,
.benefit__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.benefit__wrapper {
}
.benefit__wrapper:not(.ct-section):not(.oxy-easy-posts),
.benefit__wrapper.oxy-easy-posts .oxy-posts,
.benefit__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.job-benefits__icon {
}
.job-benefits__icon:not(.ct-section):not(.oxy-easy-posts),
.job-benefits__icon.oxy-easy-posts .oxy-posts,
.job-benefits__icon.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 991px) {
.job-benefits__icon {
}
}

@media (max-width: 479px) {
.job-benefits__icon {
}
}

.p-t__50 {
 padding-top:50px;
}
.p-b__50 {
 padding-bottom:50px;
}
.p-l__100 {
 padding-left:100px;
}
.aspect-ratio__1 {
 aspect-ratio:1;
}
.flex-basis__33 {
}
.flex-basis_66 {
}
.menu-white {
}
.p-t__125 {
}
.p-t__125 .ct-section-inner-wrap {
padding-top: 125px;
}
.dot-divided {
}
.fade-in-up {
}
.animation-delay__200 {
}
@media (max-width: 991px) {
.animation-delay__200 {
}
}

.animation-delay__400 {
}
.support-panel__inner {
 gap:15px;
}
.support-panel__inner:not(.ct-section):not(.oxy-easy-posts),
.support-panel__inner.oxy-easy-posts .oxy-posts,
.support-panel__inner.ct-section .ct-section-inner-wrap{
gap:15px;
}
.support-panel {
}
.semi-bold {
 font-family:Kinetika Semi Bold;
}
.text-align__left {
}
@media (max-width: 991px) {
.text-align__left {
 text-align:left;
}
}

@media (max-width: 767px) {
.text-align__left {
}
}

.column__tablet {
}
@media (max-width: 991px) {
.column__tablet {
}
.column__tablet:not(.ct-section):not(.oxy-easy-posts),
.column__tablet.oxy-easy-posts .oxy-posts,
.column__tablet.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.column-reverse__tablet {
}
@media (max-width: 991px) {
.column-reverse__tablet {
}
.column-reverse__tablet:not(.ct-section):not(.oxy-easy-posts),
.column-reverse__tablet.oxy-easy-posts .oxy-posts,
.column-reverse__tablet.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}

.flex-basis__66 {
}
.padding-all__20__mobile-xs {
}
@media (max-width: 479px) {
.padding-all__20__mobile-xs {
 padding-left:20px;
 padding-right:20px;
}
}

.mobile-padding__puffer {
}
@media (max-width: 767px) {
.mobile-padding__puffer {
 padding-left:20px;
 padding-right:20px;
}
.mobile-padding__puffer .ct-section-inner-wrap {
padding-bottom: 0;
}
}

.column__smartphone {
}
@media (max-width: 767px) {
.column__smartphone {
}
.column__smartphone:not(.ct-section):not(.oxy-easy-posts),
.column__smartphone.oxy-easy-posts .oxy-posts,
.column__smartphone.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.form-section {
background-image:url(https://www.emp-it.de/wp-content/uploads/2025/05/E-Mail_Alternativ.webp);background-size: cover; background-repeat:no-repeat;
 background-position:100% 50%;
}
@media (max-width: 1920px) {
.form-section {
 background-position:70% 0%;
}
}

@media (max-width: 991px) {
.form-section {
background-image:url(none); background-color:#eaebea;
}
}

.accordion-content__wrapper {
}
@media (max-width: 991px) {
.accordion-content__wrapper {
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 padding-left:25px;
}
}

.map-desktop {
}
@media (max-width: 991px) {
.map-desktop {
}
.map-desktop:not(.ct-section):not(.oxy-easy-posts),
.map-desktop.oxy-easy-posts .oxy-posts,
.map-desktop.ct-section .ct-section-inner-wrap{
display:none;
}
}

.map-mobile {
}
.map-mobile:not(.ct-section):not(.oxy-easy-posts),
.map-mobile.oxy-easy-posts .oxy-posts,
.map-mobile.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.map-mobile {
 border-top-left-radius:0px;
 border-top-right-radius:0px;
}
.map-mobile:not(.ct-section):not(.oxy-easy-posts),
.map-mobile.oxy-easy-posts .oxy-posts,
.map-mobile.ct-section .ct-section-inner-wrap{
display:block;
}
}

.animate-on-scroll {
}
.hyphens {
}
.erecht {
}
.borlabs-btn {
}
.target-element {
}
.lichtblick-header {
}
.lichtblick-spotlight-overlay {
}
.bg__black {
}
.bildverlauf-section {
}
.bildverlauf-bg {
}
.windows-logo-wrapper {
}
.blue-white-hoverbox {
}
.third-container {
}
.main-content {
}
.faq-section {
}
.faq-section .ct-section-inner-wrap {
padding-top: 75px;
padding-bottom: 75px;
}
.max-width__75 {
 max-width:75%;
}
@media (max-width: 991px) {
.max-width__75 {
 max-width:90%;
}
}

@media (max-width: 767px) {
.max-width__75 {
 max-width:100%;
}
}

.max-width_75 {
}
.contact-section {
}
.contact-inner {
}
.contact-inner:not(.ct-section):not(.oxy-easy-posts),
.contact-inner.oxy-easy-posts .oxy-posts,
.contact-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.contact-inner {
}
.contact-inner:not(.ct-section):not(.oxy-easy-posts),
.contact-inner.oxy-easy-posts .oxy-posts,
.contact-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.gap-60 {
 gap:60px;
}
.gap-60:not(.ct-section):not(.oxy-easy-posts),
.gap-60.oxy-easy-posts .oxy-posts,
.gap-60.ct-section .ct-section-inner-wrap{
gap:60px;
}
.contact-image {
 width:30%;
}
@media (max-width: 991px) {
.contact-image {
 max-width:60%;
 width:60%;
}
}

@media (max-width: 767px) {
.contact-image {
 max-width:80%;
}
}

@media (max-width: 479px) {
.contact-image {
 width:100%;
}
}

.contact-image-inner {
 object-fit:cover;
 width:100%;
border-radius: 32px; aspect-ratio: 1 / 1;
}
@media (max-width: 991px) {
.contact-image-inner {
}
}

.contact-content {
}
.contact-content:not(.ct-section):not(.oxy-easy-posts),
.contact-content.oxy-easy-posts .oxy-posts,
.contact-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 991px) {
.contact-content {
}
.contact-content:not(.ct-section):not(.oxy-easy-posts),
.contact-content.oxy-easy-posts .oxy-posts,
.contact-content.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.contact-phone {
 gap:20px;
}
.contact-phone:not(.ct-section):not(.oxy-easy-posts),
.contact-phone.oxy-easy-posts .oxy-posts,
.contact-phone.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:20px;
}
.contact-content__text {
}
@media (max-width: 991px) {
.contact-content__text {
 text-align:center;
}
}

.contact-content__heading {
}
@media (max-width: 991px) {
.contact-content__heading {
 text-align:center;
}
}

.faq-heading {
}
@media (max-width: 991px) {
.faq-heading {
 text-align:center;
}
}

.lp-heading {
 max-width:50%;
}
@media (max-width: 479px) {
.lp-heading {
 max-width:100%;
}
}

.no-hyphens {
hyphens: none;
}
.max-width__70 {
 max-width:70%;
}
.lp-painpoints__wrapper {
 max-width:75%;
}
.usp-wrapper {
 width:75%;
}
@media (max-width: 991px) {
.usp-wrapper {
 width:90%;
}
}

@media (max-width: 479px) {
.usp-wrapper {
 width:100%;
}
}

@font-face {
  font-family: 'Kinetika Regular';
  src: url('/wp-content/uploads/fonts/Kinetika Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Kinetika Medium';
  src: url('/wp-content/uploads/fonts/Kinetika Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Kinetika Semi Bold';
  src: url('/wp-content/uploads/fonts/Kinetika Semi Bold.woff2') format('woff2');
}

@font-face {
  font-family: 'Kinetika Bold';
  src: url('/wp-content/uploads/fonts/Kinetika Bold.woff2') format('woff2');
}

:root {
  font-size: 17px;
}


.ct-text-block, .oxy-rich-text, p, .hyphens {
  hyphens: auto;
  -webkit-hyphens: auto;
}

.hyphens-off {
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

@media only screen and (max-width: 992px) {
  .ct-headline {
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}:root {
  --cloud-core: #eaebea;
  --cobalt-code: #21499a;
  --tech-tide: #1eb5ea;
  --quantum-blue: #1c264b;
}#main-navigation ul:not(.sub-menu),
#sub-navigation ul {
  gap: 60px;
}

#main-navigation ul li  > a,
#sub-navigation ul li > a {
  padding: 0 !important;
  min-width: 44px;
  min-height: 44px;
  transition: all ease-in-out .4s;
  white-space: nowrap
}

.menu-white .scrollable-header:not(.scrolled) #main-navigation ul li > a {
  color: #ffffff;
}

.menu-white .scrollable-header:not(.scrolled) #main-navigation ul.sub-menu li > a {
  color: var(--cobalt-code);
}

#main-navigation ul li.menu-item:hover > a,
#main-navigation ul li.menu-item.current_page_item > a,
#main-navigation ul li.current_page_parent > a {
  color: var(--tech-tide);
}

#main-navigation ul li,
#main-navigation ul li > a {
  position: relative;
}

#main-navigation ul.sub-menu li > a {
  width: fit-content;
}

#main-navigation ul li:not(.sub-menu li)::after,
#main-navigation ul.sub-menu li > a::after,
#sub-navigation ul li:not(.sub-menu li)::after,
#sub-navigation ul.sub-menu li > a::after {
  content: '';
  display: block;
  width: .6rem;
  aspect-ratio: 1;
  position: absolute;
  background: var(--tech-tide);
  left: calc(100% + 2px);
  top: 3px;
  transform: scale(0);
  transition: transform ease-in-out .4s;
  transform-origin: left bottom;
}

#sub-navigation ul li:not(.sub-menu li)::after,
#sub-navigation ul.sub-menu li > a::after {
  background: #ffffff;
}

#main-navigation ul li.menu-item:hover::after,
#main-navigation ul li.menu-item.current_page_item::after,
#main-navigation ul li.menu-item.current_page_parent::after,
#main-navigation ul.sub-menu li > a:hover::after,
#main-navigation ul.sub-menu li.menu-item.current_page_item > a::after,
#sub-navigation ul li.menu-item:hover::after/*,
/* #sub-navigation ul li.menu-item.current_page_item::after */ {
  transform: scale(1);
}

#main-navigation ul.sub-menu {
  padding: 25px 40px;
  min-width: 345px;
  top: calc(100% + 30px);
  transition: all ease-in-out .4s;

  /* Glass Morphism */
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  background-color: rgba(234, 234, 234, 0.53);
  border-radius: 25px;
  border: 2px solid rgba(255, 255, 255, 0.125);
}

#main-navigation ul.sub-menu li {
  padding: 10px 0;
}

#main-navigation ul.sub-menu li:not(:last-child) {
  border-bottom: var(--cobalt-code) solid 2px;
}

.scrollable-header {
  max-width: calc(1920px - 40px - 150px);
  width: 100%;
  left: 50%;
  transform: translate(-50%, 50px); /* Adjust Scroll Offset! */
  transition: background ease-in-out .4s, padding ease-in-out .6s;
  border-radius: 100px;
}

.scrollable-header.scrolled {
  position: fixed;
  top: 20px;
  transform: translate(-50%, 0);
  padding: 10px 25px 10px 50px;
  
  /* Glass Morphism */
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  background-color: rgba(250, 250, 250, 0.53);
  border: 2px solid rgba(255, 255, 255, 0.125);
}

.scrollable-header.scrolled #emp-logo .header-logo {
  fill: var(--cobalt-code);
}

.scrollable-header.scrolled #main-navigation ul.sub-menu {
  top: calc(100% + 70px);
}

/* Anfangszustand: ausgeblendet */
.support-panel {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  position: absolute;
  top: calc(100% + 30px);
  right: 0;
  padding: 25px 40px;
  border-radius: 25px;
  z-index: 999;
  min-width: 600px;

  /* Glass Morphism */
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
  background-color: rgba(234, 234, 234, 0.53);
  border-radius: 25px;
  border: 2px solid rgba(255, 255, 255, 0.125);
}


.support-panel.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.support-panel #div_block-70-12 .ct-link {
  flex-wrap: nowrap;
  align-items: center !important;
  justify-content: flex-start;
  color: var(--cobalt-code);
  min-height: 66px;
  padding: 15px 0;
}

.scrollable-header.scrolled .support-panel {
  top: calc(100% + 70px);
}

.submenu-toggle {
  display: none;
}

#emp-logo.cobalt-code .header-logo {
  fill: var(--cobalt-code);
}

#div_block-4-12 {
  position: relative;
}

#support .ct-fancy-icon svg {
  transition: .4s ease-in-out;
}

#support:hover .ct-fancy-icon svg {
  fill: var(--cobalt-code);
  animation: rotate 1.6s ease-in-out forwards;
}

@media only screen and (max-width: 1920px) {
  .scrollable-header {
    width: calc(100vw - 40px - 40px);
    transform: translate(-50%, 25px);
  }
}

@media only screen and (max-width: 1245px) {
  #main-navigation ul:not(.sub-menu),
  #sub-navigation ul {
    gap: 40px;
  }

  #main-navigation ul.sub-menu {
    min-width: 275px;
  }
}

@media only screen and (max-width: 1150px) {
  .scrollable-header.scrolled {
    padding-left: 25px;
  }
  
  .scrollable-header.scrolled #code_block-7-12 {
    width: 125px;
  }
  
  #div_block-8-12 {
    gap: 25px !important;
  }

  #main-navigation ul:not(.sub-menu),
  #sub-navigation ul {
    gap: 25px;
  }
}

@media only screen and (max-width: 992px) {
  .oxy-nav-menu-hamburger-line {
    border-radius: 20px;
  }

  .scrollable-header {
    width: calc(100vw - 20px - 20px);
    padding: 0 20px;
  }
  
  .scrollable-header.scrolled {
	position: absolute;
	padding: 0;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	background-color: transparent;
	border: none;
  }

  .submenu-toggle {
    position: absolute;
    left: calc(100% + 40px);
    top: 0;
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: transform 0.3s ease;
  }
  
  .submenu-toggle svg {
    width: 44px;
    height: 44px;
    fill: var(--cobalt-code);
    transition: transform 0.3s ease;
  }
  
  .submenu-toggle.active svg {
    transform: rotate(90deg);
  }
  
  #main-navigation {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  #main-navigation ul li > a:not(.sub-menu li > a) {
    font-size: 1.44rem !important;
  }

  #main-navigation.oxy-nav-menu-open {
    height: 100dvh;
    left: 0;
    right:0;
    transform: translateX(0);
    top: -20px;
    border-radius: 25px;
    padding-top: 50px;

    /* Glass Morphism */
    backdrop-filter: blur(8px) saturate(140%);
    -webkit-backdrop-filter: blur(8px) saturate(140%);
    background-color: rgba(250, 250, 250, 0.53);
    border: 2px solid rgba(255, 255, 255, 0.125);
  }

  #main-navigation.oxy-nav-menu-open ul#menu-main-menu {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding-left: 30px;
  }

  #sub-navigation .oxy-nav-menu-list {
	flex-wrap: wrap;
    justify-content: flex-end;
    gap: 20px;
  }

  #main-navigation ul li.menu-item-has-children {
    position: relative;
  }

  #main-navigation ul li.menu-item-has-children a {
    justify-content: flex-start;
  }

  #main-navigation ul.sub-menu {
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    top: auto !important;
    position: static !important;
  }

  #main-navigation ul.sub-menu {
    margin-left: 20px !important;
    gap: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .support-panel {
    width: calc(100vw - 80px);
    min-width: unset;
  }

  .support-panel a {
    text-align: left;
  }
  
  #sub-navigation .oxy-nav-menu-list {
    gap: 10px;
  }  
}

@media only screen and (max-width: 480px) {
  .scrollable-header {
    width: calc(100vw - 10px - 10px);
    padding: 0 10px;
  }

   .support-panel {
     width: calc(100vw - 40px);
     padding: 25px;
  }
}i {
  font-style: normal;
  color: var(--tech-tide);
}

ul {
  padding-left: 1rem;
}

ul li {
  padding-left: 15px;
}

span ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

section.relative > div {
  position: relative;
}

.sup {
  vertical-align: super;
  font-size: smaller;
}

.ct-link:not(.btn-text-icon):not(.oxel_back_to_top_container):not(.icon-row) {
  align-items: flex-start !important;
}

.ct-link .ct-headline {
  text-align: left;
}

.flex-basis__100 {
  flex: 1 1 100% !important;
  width: 100%;
  max-width: 100% !important;
}

.page-header__content  >  *:not(img),
.flex-basis__50 {
  flex: 1 1 50%;
}

.gap-20 .flex-basis__50 {
  flex: 1 1 calc(50% - 10px);
  max-width: calc(50% - 10px);
}

.gap-100 .flex-basis__50 {
  flex: 1 1 calc(50% - 50px);
}

.gap-100 img.flex-basis__50,
.gap-100 > .flex-basis__50 {
  max-width: calc(50% - 50px) !important;
}

.flex-basis__25 {
  flex: 1 1 25%;
}

.gap-20 .flex-basis__25 {
  flex: 1 1 calc(25% - 20px);
  max-width: calc(25% - 10px);
}

.flex-basis__33 {
  flex: 1 1 33.333%;
  max-width: 33.333%;
}

.flex-basis__66 {
  flex: 1 1 66.666%;
  max-width: 66.666%;
}

#div_block-708-254.gap-20  .flex-basis__50 {
  max-width: calc(50% - 10px) !important;
  width: calc(50% - 10px);
  flex: calc(50% - 10px);
}

.zoom-box {
  aspect-ratio: 1;
}

.zoom-box .zoom-box-image {
  transition: transform ease-in-out .8s;
}

.zoom-box:hover .zoom-box-image {
  transform: scale(1.09);
}

.max-height_100vh {
  max-height: calc(100vh - 40px);
  height: calc(100vh - 40px);
}

.ct-text-block a,
.oxy-rich-text a {
  color: var(--tech-tide);
  position: relative;
  display: inline-flex;
  gap: 8px;
}

.ct-text-block a::after,
.oxy-richt-text a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom:0;
  display: block;
  width: 0%;
  height: 2px;
  background: var(--tech-tide);
  transition: width ease-in-out .35s;
}

.ct-text-block a:hover::after,
.oxy-richt-text a:hover::after {
  width: 100%;
}

.ct-text-block a:hover,
.oxy-rich-text a:hover {
  color: var(--tech-tide);
}

a .link-icon {
  display: inline-flex;
}

a .link-icon svg * {
  fill: var(--cobalt-code);
  transition: fill ease-in-out .6s;
}

a:hover .link-icon svg * {
  fill: var(--tech-tide);
  transition: fill ease-in-out .6s;
}

.link-icon svg {
  width: 2.3rem;
  margin-bottom: 2px;
  overflow: visible;
}

.icon-row .ct-text-block a {
  color: var(--cobalt-blue);
}

.icon-row .ct-text-block a::after {
  background: var(--cobalt-code);
}
  
.oxy-carousel-builder_icon {
  z-index: 10;
  align-items: center;
  transition: opacity .6s ease-in-out;
}

.oxy-carousel-builder_prev::after {
  content: 'zurück';
  color: var(--cobalt-code);
  font-size: 1rem;
  margin-left: 10px;
  font-family: 'Kinetika Semi Bold';
}

.oxy-carousel-builder_next::before {
  content: 'weiter';
  color: var(--cobalt-code);
  font-size: 1rem;
  margin-right: 10px;
  font-family: 'Kinetika Semi Bold';
}

.oxel_accordion__content__hidden {
  margin: 0;
}

.thirds-text-box {
  display: flex;
  width: 100%;
  overflow: hidden;
  border: solid 2px var(--cloud-core);
}

.thirds-text-box > div:first-child {
  flex: 1 1 33.333%;
  width: 33.333%;
  overflow: hidden
}

.thirds-text-box img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform ease-in-out .8s;
}

.thirds-text-box:hover > div:first-child img {
  transform: scale(1.09);
}

.thirds-text-box > div:nth-child(2) {
  flex: 2 1 66.666%;
  width: 66.666%;
  justify-content: space-between;
  padding: 50px 20px 20px 50px;
}

.benefits__wrapper .benefits__card:nth-child(odd) {
  transition-delay: 0s;
}

.benefits__wrapper .benefits__card:nth-child(even) {
  transition-delay: .9s !important;
}

.benefits__wrapper .benefits__icon:nth-child(odd) {
  transition-delay: .15s;
}

.benefits__wrapper .benefits__icon:nth-child(even) {
  transition-delay: .75s;
}

.services-slider .oxy-carousel-builder_icon {
  margin-top: 50px;
  background: transparent;
}

.team-member__image-wrapper {
  aspect-ratio: 5/7;
  width: 100%;
}

.team-member__glass-overlay {
  opacity: 0;
  transition: opacity .4s ease-in-out;
  /* Glass Morphism */
  backdrop-filter: blur(8px) saturate(140%);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  background-color: rgba(250, 250, 250, 0.63);
  border: 2px solid rgba(255, 255, 255, 0.125);
}

.team-member__wrapper:hover .team-member__glass-overlay {
  opacity: 1;
}

.team-member__wrapper.show-overlay .team-member__glass-overlay {
  opacity: 1;
}

.team-member__image-wrapper img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* Team-Bilder Ausschnitte anpassen */
.team-member__wrapper:nth-of-type(1) .team-member__image-wrapper img {
  transform: scale(2);
  object-position: -20px 50px;
}

.team-member__wrapper:nth-of-type(2) .team-member__image-wrapper img {
  transform: scale(1.45);
  object-position: 0px -10px;
}

.team-member__wrapper:nth-of-type(3) .team-member__image-wrapper img {
  transform: scale(1.84);
  object-position: 12px 40px;
}

.team-member__wrapper:nth-of-type(4) .team-member__image-wrapper img {
  transform: scale(1.65);
  object-position: 5px 50px;
}

.team-member__wrapper:nth-of-type(6) .team-member__image-wrapper img {
  transform: scale(2.18);
  object-position: 20px 45px;
}

.team-member__wrapper:nth-of-type(7) .team-member__image-wrapper img {
  transform: scale(2.1);
  object-position: -28px 12px;
}

.team-member__wrapper:nth-of-type(8) .team-member__image-wrapper img {
  transform: scale(2.3);
  object-position: 20px 27px;
}

.team-member__wrapper:nth-of-type(9) .team-member__image-wrapper img {
  transform: scale(2);
  object-position: -35px 25px;
}

.team-member__wrapper:nth-of-type(10) .team-member__image-wrapper img {
  transform: scale(1.9);
  object-position: -50px 0px;
}

.benefit__wrapper:not(:last-of-type) {
  border-bottom: 2px solid var(--cloud-core);
}

.dot-divided > div {
  display: flex;
  align-items: center;
}

.dot-divided > div:not(:first-of-type)::before {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  background: var(--tech-tide);
  border-radius: 10px;
  margin-right: 20px;
  margin-bottom: 2px;
}

.benefit__wrapper {
  position: relative;
  padding-left: 330px;
  min-height: 200px;
}

.job-benefits__icon {
  position: absolute;
  left: 100px;
}

.target-element { 
  scroll-margin-top: 150px; 
}

#emp-icon {
  transform: scale(1);
  transition: transform 1s ease-in-out;
}

#section-2-14:hover #emp-icon {
  transform: scale(1.08);
}

/* SIGNET im Footer */
.signet {
  position: relative;
  padding-left: 1rem;
}

.signet:before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url(/wp-content/uploads/2025/05/baumkrone-werbeagentur-signet-weiss.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Kundenstimmen Gradient */
#div_block-428-14,
#div_block-473-4686 {
  pointer-events: none;
  background: linear-gradient(
    to right,
    white 0%,
    rgba(255, 255, 255, 1) 10%,
    rgba(255, 255, 255, 0) 25%,
    rgba(255, 255, 255, 0) 75%,
    rgba(255, 255, 255, 1) 90%,
    white 100%
  );

  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;

  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  bottom: 75px;
}


@media only screen and (max-width: 1920px) {
  #code_block-347-14,
  #code_block-427-14 {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 1680px) {
  .team-member__wrapper.flex-basis__25 {
    flex: 1 1 calc(33.333% - 20px); 
    width: calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);
  }

  #div_block-74-18 .flex-basis__50 {
    flex: 1 1 calc(66.666% - 20px);
    width: calc(66.666% - 10px);
    max-width: calc(66.666% - 10px);
  }
}

@media only screen and (max-width: 1500px) {
  .benefit__wrapper {
    padding-left: 275px;
    padding-right: 50px;
    min-height: 200px;
  }

  .job-benefits__icon {
    position: absolute;
    left: 50px;
  }
}

@media only screen and (max-width: 1320px) {
  #div_block-87-14 {
    max-width: 50%;
  }

  .boxed {
    padding-left: 100px;
    padding-right: 100px;
  }
}

@media only screen and (max-width: 1200px) {
  #div_block-68-14 {
    flex-direction: column;
  }

  #div_block-68-14 > * {
    max-width: 100%;
  }

  #image-61-14 {
    object-position: center 18%;
  }

  #div_block-75-18 {
    padding-top: 35px;
    padding-right: 35px;
  }

  #div_block-71-18 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 992px) {
  .page-header__content  >  *:not(img) {
    flex: unset;
  }

  .column__tablet .flex-basis__50,
  .column-reverse__tablet .flex-basis__50,
  .column__tablet img.flex-basis__50,
  .column-reverse__tablet img.flex-basis__50,
  .column__tablet .flex-basis__33,
  .column__tablet .flex-basis__66 {
    flex: unset;
    width: 100%;
    max-width: 100% !important;
  }

  .column__tablet.gap-100,
  .column-reverse__tablet.gap-100 {
    gap: 50px !important;
  }

  
  .thirds-text-box > div:first-child {
    flex: 1 1 100%;
    width: 100%;
    
  }
  
  .thirds-text-box img {
    max-width: 100%;
    height: auto;
    object-position: center center;
  }
  
  .thirds-text-box > div:nth-child(2) {
    flex: 1 1 100%;
    width: 100%;
    gap: 40px;
    padding: 40px 20px 20px 40px;
  }

  .team-member__wrapper.flex-basis__25 {
    flex: 1 1 calc(50% - 20px); 
    width: calc(50% - 10px);
    max-width: calc(50% - 10px);
  }

  .benefit__wrapper {
    padding-left: 230px;
    padding-right: 20px;
    min-height: 200px;
  }

  .benefit__wrapper .h4 {
    font-size: 1.4rem;
  }

  .job-benefits__icon {
    position: absolute;
    left: 20px;
  }

  #div_block-74-18 .flex-basis__50 {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
  }

  #-carousel-builder-158-14 .oxy-carousel-builder_prev {
    top: calc(100% + 20px);
    left: 0;
  }
  
  #-carousel-builder-158-14 .oxy-carousel-builder_next {
    top: calc(100% + 20px);
    right: 0;
  }

  #div_block-68-14 .zoom-box {
    padding: 25px !important;
  }
}

@media only screen and (max-width: 768px) {
  .gap-20 .flex-basis__50 {
	flex: unset;
	max-width: 100%;
    width: 100%;
  }

  .boxed {
    padding-left: 50px;
    padding-right: 50px;
  }

  .benefit__wrapper {
    padding-left: 20px;
    padding-right: 20px;
    flex-direction: column !important;
    display: flex;
  }

  .benefit__wrapper .h4 {
    font-size: 1.4rem;
  }

  .job-benefits__icon {
    position: static;
    left: 20px;
  }

  .dot-divided > div {
   flex-direction: column;
    gap: 20px;
  }

  .target-element { 
    scroll-margin-top: 0px; 
  }

  #div_block-75-18 {
    aspect-ratio: unset;
    padding-top: 300px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}

@media only screen and (max-width: 670px) {
  .team-member__wrapper.flex-basis__25 {
    flex: 1 1 100%; 
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
 section > div {
    padding-left: 10px !important;
   padding-right: 10px !important;
  }

  ul li {
    padding-left: 6px;
  }

  .boxed {
    padding-left: 20px;
    padding-right: 20px;
  }

  .thirds-text-box > div:nth-child(2) {
    flex: 1 1 100%;
    width: 100%;
    gap: 40px;
    padding: 20px;
  }

  #code_block-347-14,
  #code_block-427-14 {
    width: calc(100% - 20px);
  }

  #div_block-75-18 {
    padding-top: 200px;
  }
}.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  background-color: var(--tech-tide);
  border: none;
  border-radius: 100px;
  font-family: inherit;
  padding: 8px 32px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
}

.btn-large {
  min-height: 68px;
  min-width: 375px;
  max-width: 375px;
}

.btn-arrow {
  justify-content:space-between;
}



.btn-white {
  background-color: #ffffff;
}

.btn-white * {
  color: var(--cobalt-code);
  fill: var(--cobalt-code);
}

.btn:hover {
  background-color: var(--cobalt-code);
  cursor: pointer;
  animation: buttonPulse 1.5s infinite;
}

.bg__quantum-blue .btn:hover:not(.bg__white .btn:hover),
.bg__black .btn:hover:not(.bg__white .btn:hover) {
  animation: buttonPulseOnDarkBackground 1.5s infinite;
}

.btn:active {
  background-color: var(--cobalt-code);
  scale: 0.95;
}

.btn > .ct-text-block {
  transition: transform 0.3s ease-in-out;
  font-family: "Kinetika Semi Bold";
  display: inline-block;
   hyphens: none;
  -webkit-hyphens: none;
}

.btn:hover > .ct-text-block {
  transform: scale(1.05);
}

.btn.btn-cobalt-code {
  background-color: var(--cobalt-code);
}

.btn.btn-cobalt-code:hover,
.btn.btn-cobalt-code:active {
  background-color: var(--tech-tide);
}

.btn-white:hover *,
.btn-white:active * {
  color: #ffffff;
  /*fill: var(--tech-tide);*/
  stroke: var(--tech-tide);
}

#support {
  padding-left: 20px;
  padding-right: 20px;
}

@keyframes buttonPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(33, 73, 154, 0.4);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(33, 73, 154, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(33, 73, 154, 0);
  }
}

@keyframes buttonPulseOnDarkBackground {
  0% {
    box-shadow: 0 0 0 0 rgba(30, 181, 234, 0.5);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(30, 181, 234, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(30, 181, 234, 0);
  }
}


.animate-on-scroll.scrolling.rotate {
  animation: rotate 6s ease-in-out forwards;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-on-scroll.sound-waves #Welle_klein,
.animate-on-scroll.sound-waves #Welle_mittel,
.animate-on-scroll.sound-waves #Welle_groß {
  opacity: 0;
}

.animate-on-scroll.scrolling.sound-waves #Welle_klein {
  animation: ringPulse 8s ease-out forwards;
}

.animate-on-scroll.scrolling.sound-waves #Welle_mittel {
  animation: ringPulse 8s ease-out 0.2s forwards;
}

.animate-on-scroll.scrolling.sound-waves #Welle_groß {
  animation: ringPulse 8s ease-out 0.4s forwards;
}


@keyframes ringPulse {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  10% {
    opacity: 0.6;
  }

  15% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }
  25% {
    opacity: 0.8;
  }
  30% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }
  40% {
    opacity: 0.6;
  }
  45% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}


form {
  background: #ffffff;
  border-radius: 50px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

fieldset {
  padding: 0px;
  border: none;
  margin: 0;
  display: flex;
  align-items: center;
}

form legend.h4 {
  margin-bottom: 40px;
}

input,
select,
textarea {
  width: 100%;
  border-radius: 10px;
  border: 2px solid var(--cobalt-code);
  padding:15px;
  font-family: 'Kinetika Semi Bold';
  background: transparent;
}

input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid var(--cobalt-code);
  background: transparent;
  border-radius: 8px;
  position: relative;
  margin-right: 0.5rem;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease;
}

input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--cobalt-code);
  border-radius: 4px;
  pointer-events: none;
}

form .col-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  
}

form .col-2 > * {
  flex: 1 1 calc(50% - 10px);
  max-width: calc(50% - 10px);
}

form .col-2 > *.one_third {
  flex: 1 1 calc(33.333% - 10px);
  max-width: calc(33.333% - 10px);
}

form .col-2 > *.two_thirds {
  flex: 1 1 calc(66.666% - 10px);
  max-width: calc(66.666% - 10px);
}

form .col-2 > *.full-width {
  max-width: 100%;
  flex: 1 1 100%;
}

form p {
  margin: 0;
  width: 100%;
}

form .label-form-wrapper > p {
  position: relative;
  margin: 0;
}

form .label-form-wrapper br,
form br {
  display: none;
}

form .label-form-wrapper textarea {
  resize: none;
}

form .label-form-wrapper select {
  background: white;
  background: transparent;
}

form label:not(.upload-label) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  z-index: 10;
  background: transparent;
  transition: all .4s ease-in-out, background .2s ease-in-out, padding .9s ease-in-out;
  padding: 0 2px 0 2px;
  pointer-events: none;
}

form .textarea label {
  transform: translateY(0);
  top: 15px;
}

form .textarea .wpcf7-not-valid-tip {
  transform: translateY(0) !important;
  top: 15px !important;
}

form .select label {
  background: #ffffff;
}

form .select.anrede label {
  padding-right: 100px;
}

form .label-form-wrapper.active label {
  transform: translateY(-48%);
  top: 0%;
  background: #ffffff;
  padding-right: 40px;
}

input.wpcf7-not-valid,
select.wpcf7-not-valid,
textarea.wpcf7-not-valid {
  border: 2px solid var(--tech-tide) !important;
  background: transparent !important;
}

.wpcf7-not-valid-tip {
  position: absolute;
  font-family: 'Kinetika Semi Bold';
  color: var(--tech-tide);
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.wpcf7-checkbox {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 25px;
}

.wpcf7-checkbox > span {
  display: flex;
  justify-content:flex-start;
  width: 100%;
  margin: 0 !important;
  gap: 0px;
  align-items: center;
}

.wpcf7-form-control-wrap {
  display: flex;
}

.wpcf7-acceptance label {
  pointer-events: auto !important;
  left: 0 !important;
}

/* Grundstruktur des Submit-Buttons */
.wpcf7 form input.wpcf7-submit,
.upload-label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 44px;
  background-color: var(--tech-tide);
  border: none;
  border-radius: 100px;
  font-family: inherit;
  padding: 8px 32px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
}

.wpcf7-submit {
  width: auto !important;
}

/* Farbvariante: Weißer Button */
.wpcf7 form input.wpcf7-submit.btn-white,
.upload-label.btn-white {
  background-color: #ffffff;
  color: var(--cobalt-code);
  stroke: var(--cobalt-code);
}

/* Hover nur, wenn NICHT disabled */
.wpcf7 form input.wpcf7-submit:not([disabled]):hover,
.upload-label:hover {
  background-color: var(--cobalt-code);
  color: #fff;
  animation: buttonPulse 1.5s infinite;
}

/* Spezielle Animation für dunklen Hintergrund */
.bg__quantum-blue .wpcf7 form input.wpcf7-submit:not([disabled]):hover,
.bg__quantum-blue .upload-label:hover {
  animation: buttonPulseOnDarkBackground 1.5s infinite;
}

/* Klickverhalten */
.wpcf7 form input.wpcf7-submit:not([disabled]):active,
.upload-label:active {
  background-color: var(--cobalt-code);
  transform: scale(0.95);
}

/* Zusätzliche Varianten (optional) */
.wpcf7 form input.wpcf7-submit.btn-cobalt-code {
  background-color: var(--cobalt-code);
}
.wpcf7 form input.wpcf7-submit.btn-cobalt-code:hover,
.wpcf7 form input.wpcf7-submit.btn-cobalt-code:active {
  background-color: var(--tech-tide);
}

.wpcf7 form input.wpcf7-submit.btn-white:hover,
.wpcf7 form input.wpcf7-submit.btn-white:active {
  color: #ffffff;
  stroke: var(--tech-tide);
}


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

.submit-wrapper.no-reverse p {
  flex-direction: row;
  justify-content: flex-end;
}

.wpcf7-spinner {
  background: var(--cloud-core);
  margin: 0;
}

.wpcf7-spinner::before {
  background: var(--cobalt-code);
}


/* Custom Upload */
.upload-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 14px;
  margin-bottom: 30px;
}

.upload-wrapper p {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}

.upload-label {
  width: fit-content;
}

.file-name {
  font-size: 14px;
  color: #333;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wpcf7-form-control.wpcf7-file {
  opacity: 0;
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  pointer-events: none;
}

.wpcf7-response-output {
  position: relative;
  border-radius: 50px;
  border: none !important;
  background: var(--quantum-blue);
  color: #ffffff;
  padding: 5px 15px 5px 42px !important;
  margin: 20px 0 0 0 !important;
  width: fit-content;
}

form.sent .wpcf7-response-output::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url(/wp-content/uploads/2025/05/mail-white.svg);
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem;
  left: 15px;
  top: 53%;
  transform: translateY(-50%);
}

form a {
  color: var(--cobalt-code) !important;
  text-decoration: underline;
  transition: color .4s ease-in-out; 
}

form a:hover {
  text-decoration: underline;
  color: var(--tech-tide) !important;
}

/* Custom Select Pfeil */

select:invalid {
  color: transparent;
}

.select {
  position: relative;
}

.select label,
.wpcf7-not-valid-tip {
  pointer-events: none !important;
}

.select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.select-chevron {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-color: #eaebea;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.select-chevron::before {
  content: "";
  margin-top: -3px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #21499a;
  border-bottom: 2px solid #21499a;
  transform: rotate(45deg);
}



@media only screen and (max-width: 1600px) {
  form .col-2 > *.one_third,
  form .col-2 > *.two_thirds {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
  }
}

@media only screen and (max-width: 1360px) {
  form .col-2 > *.one_third,
  form .col-2 > *.two_thirds,
  form .col-2 > * {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 1150px) {
    .row.form-section {
      flex-direction: column-reverse !important;
      gap: 50px !important;
  }

  .form-section h2 {
    padding-left: 0;
  }

  .form-section .flex-basis__50 {
    flex: unset;
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  form {
    border-radius: 25px;
    padding: 30px;
  }
  
  form legend.h4 {
    margin-bottom: 20px;
  }

  .upload-wrapper p {
	flex-direction: column;
	gap: 10px;
    align-items: flex-start;
  }

  .upload-wrapper .file-name {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 480px) {
  form {
    padding: 0px;
    background: transparent;
  }

  form .label-form-wrapper.active label,
  form .select label {
    background: var(--cloud-core);
  }

  .select-chevron {
    background: white;
  }
}.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(100%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}.brlbs-cmpnt-dialog-bar-entrance {
  padding: 40px 50px !important;
}

.brlbs-cmpnt-dialog {
  margin: 75px !important;
}

.brlbs-cmpnt-dialog-bar-header,
.brlbs-cmpnt-dialog-details-header {
  color: var(--cobalt-code) !important;
  padding: 0 !important;
  border: none !important;
  margin-bottom: 10px !important;
}

.brlbs-cmpnt-dialog-details-header {
  margin-bottom: 25px !important;
  justify-content: space-between !important;
}

.brlbs-cmpnt-dialog-details-header > div:first-child {
  display: none !important;
}

.brlbs-cmpnt-dialog-details-header > div:nth-child(2) {
  justify-content: flex-start !important;
}

.brlbs-cpmnt-dialog-bar-main {
  margin-right: 75px !important;
}

.brlbs-cmpnt-dialog-bar-content a,
.brlbs-cmpnt-dialog-bar-links button,
.brlbs-cmpnt-link {
  color: var(--cobalt-code) !important;
  text-decoration: underline !important;
  transition: color ease-in-out .4s;
}

.brlbs-cmpnt-dialog-bar-content a:hover,
.brlbs-cmpnt-dialog-bar-links button:hover,
.brlbs-cmpnt-link:hover {
  color: var(--tech-tide) !important;
}

.brlbs-cmpnt-non-eu-data-transfer {
  padding: 0 !important;
  border: none !important;
  margin-top: 20px !important;
}

.brlbs-cmpnt-close-button {
  right: 15px !important;
  top: 15px !important;
}

.brlbs-cmpnt-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 44px !important;
  background-color: var(--tech-tide) !important;
  border: none !important;
  border-radius: 100px !important;
  font-family: inherit !important;
  padding: 8px 32px !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out !important;
  cursor: pointer !important;
}

.brlbs-cmpnt-btn:hover {
  background-color: var(--cobalt-code) !important;
  animation: buttonPulse 1.5s infinite !important;
}

.bg__quantum-blue .brlbs-cmpnt-btn:hover:not(.bg__white .brlbs-cmpnt-btn:hover) {
  animation: buttonPulseOnDarkBackground 1.5s infinite !important;
}

.brlbs-cmpnt-btn:active {
  background-color: var(--cobalt-code) !important;
  transform: scale(0.95) !important;
}

.brlbs-cmpnt-btn.btn-white {
  background-color: #ffffff !important;
}

.brlbs-cmpnt-btn.btn-white * {
  color: var(--cobalt-code) !important;
  fill: var(--cobalt-code) !important;
}

.brlbs-cmpnt-btn.btn-white:hover *,
.brlbs-cmpnt-btn.btn-white:active * {
  color: #ffffff !important;
  stroke: var(--tech-tide) !important;
}

/* Optional: Textblock-Übergang auch für Borlabs Buttons */
.brlbs-cmpnt-btn > .ct-text-block {
  transition: transform 0.3s ease-in-out !important;
  font-family: "Kinetika Semi Bold" !important;
  display: inline-block !important;
  hyphens: none !important;
  -webkit-hyphens: none !important;
}

.brlbs-cmpnt-btn:hover > .ct-text-block {
  transform: scale(1.05) !important;
}

.brlbs-cmpnt-btn.btn-arrow {
  justify-content: space-between !important;
}

.brlbs-cmpnt-tab {
  background-color: #ffffff !important;
  transition: ease-in-out .4s !important;
}

.brlbs-cmpnt-tab.brlbs-cmpnt-tab-active,
.brlbs-cmpnt-tab:hover {
  background-color: var(--cobalt-code) !important;
}

.brlbs-cmpnt-accordion-toggle * {
  color: var(--cobalt-code) !important;
}

.brlbs-p-4 {
  padding: 50px !important;
}

.brlbs-cmpnt-tab-bar + div {
  overflow: visible !important;
}

.brlbs-cmpnt-link > svg {
  width: 26px !important;
  height: 26px !important;
  margin-right: 12px !important;
}

.brlbs-cmpnt-link:hover * {
  color: #ffffff !important;
}

/* Google reCAPTCHA */
#myCheckbox, .pseudo-checkbox {
width: 1.2rem;
  height: 1.2rem;
  border: 2px solid var(--cobalt-code);
  background: transparent;
  border-radius: 8px;
  position: relative;
  margin-right: 0.5rem;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.2s ease;
}

[data-borlabs-cookie-content-blocker-id="recaptcha"] br {
  display: block;
}

[data-borlabs-cookie-content-blocker-id="recaptcha"] .wpcf7-list-item,
.recaptcha-loaded p {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
}

[data-borlabs-cookie-content-blocker-id="recaptcha"] .wpcf7-list-item span,
.recaptcha-loaded p {
  font-size: 16px;
  line-height: 1.4;
}

[data-borlabs-cookie-content-blocker-id="recaptcha"] .wpcf7-list-item span a {
  text-decoration: underline;
  transition: color .4s ease-in-out;
}

[data-borlabs-cookie-content-blocker-id="recaptcha"] .wpcf7-list-item span a:hover {
  color: var(--tech-tide);
}


.pseudo-checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--cobalt-code);
  border-radius: 4px;
  pointer-events: none;
}

.grecaptcha-badge { visibility: hidden; }

@media only screen and (max-width: 992px) {
  .brlbs-cmpnt-dialog {
    margin: 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  .brlbs-cpmnt-dialog-bar-main {
    margin-right: 0px !important;
  }

  .brlbs-cmpnt-dialog-bar-header {
    justify-content: flex-start !important;
  }

  .brlbs-cmpnt-dialog-bar-entrance {
    padding: 35px !important;
  }

  .brlbs-cmpnt-dialog-details-header > div:nth-child(3) {
    justify-content: flex-start !important;
  }

  .brlbs-cmpnt-selection-controls > div {
    margin: 0 !important;
  }

  .brlbs-cmpnt-selection-controls {
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  .brlbs-cmpnt-card > * {
    flex-direction: column !important;
  }

  .brlbs-cmpnt-tab-bar {
    flex-direction: column !important;
  }

  .brlbs-cmpnt-tab-bar > * {
    border-radius: 0 !important;
  }

  #BorlabsCookieEntranceA11YHeadline {
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
    margin-right: 50px !important;
    line-height: 1.4 !important;
  }
}