.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-media-player .oxy-pro-media-player_play{
--extras-play-icon-size:60px;
}

.oxy-pro-media-player .oxy-pro-media-player_play button:hover{
--vm-play-scale:1;
}

.oxy-pro-media-player .oxy-pro-media-player_play button{
transition-duration:.3s;
}

.oxy-pro-media-player vime-player{
--vm-control-scale:.9;
--extras-slider-height:2px;
--vm-control-group-spacing:12px;
--vm-controls-padding:15px;
--vm-controls-spacing:15px;
--vm-time-font-size:13px;
--vm-control-border-radius:3px;
--extras-spinner-size:80px;
--vm-spinner-thickness:3px;
--vm-spinner-spin-duration:1s;
--vm-tooltip-spacing:3px;
--vm-tooltip-padding:3px;
}

.oxy-pro-media-player .oxy-pro-media-player_custom-image{
--extras-poster-left:50%;
--extras-poster-top:50%;
}

.oxy-pro-media-player vime-player.video{
                            height: 0;
                            overflow: hidden;
                        }
.oxy-pro-media-player .extras-in-builder vime-spinner{
                                opacity: 0;
                            }
.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: 'Open Sans';}body {line-height: 1.6;font-size: 18px;font-weight: ;color: #2f2f2f;}.oxy-nav-menu-hamburger-line {background-color: #2f2f2f;}h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans';}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 85px;
padding-right: 20px;
padding-bottom: 85px;
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;
				}
			}
.headline-5xl {
}
.headline-4xl {
}
.headline-3xl {
}
.headline-2xl {
}
.headline-xl {
 line-height:1.2;
 font-size:54px;
 margin-bottom:22px;
}
@media (max-width: 1920px) {
.headline-xl {
 font-size:50px;
}
}

@media (max-width: 1399px) {
.headline-xl {
 font-size:44px;
}
}

@media (max-width: 767px) {
.headline-xl {
 font-size:44px;
}
}

@media (max-width: 479px) {
.headline-xl {
 font-size:30px;
}
}

.headline-l {
}
.headline-m {
}
.headline-s {
 margin-bottom:14px;
}
.headline-xs {
 color:#fdfeff;
}
.headline-xxs {
}
.extended-5xl {
}
.extended-4xl {
}
.extended-3xl {
}
.extended-2xl {
}
.extended-xl {
}
.extended-l {
}
.extended-m {
}
.extended-s {
}
.extended-xs {
}
.linear-gradient {
}
.xl-strong {
}
.xl {
}
.body-xl-strong {
}
.body-xl {
}
.body-xl-italic {
}
.body-l-strong {
}
.body-l {
 color:#fdfeff;
 font-weight:300;
}
.body-l-italic {
}
.body-m-strong {
}
.body-m {
}
.body-m-italic {
}
.body-s-strong {
}
.body-s {
}
.body-s-italic {
}
.body-xs-strong {
}
.body-xs {
}
.body-xs-italic {
}
.strong {
}
.italic {
 margin-bottom:0px;
}
.link:hover{
 color:#32b4a2;
}
.link {
 color:#2f2f2f;
 text-decoration:none;
}
.invert {
}
.btn-xl-primary {
 margin-top:22px;
}
@media (max-width: 767px) {
.btn-xl-primary {
 width:100%;
}
}

.btn-el-left {
}
.btn-el-right {
}
.btn-el-both {
}
.header {
 position:fixed;
 top:0px;
 left:0px;
 z-index:99;
 text-align:center;
}
.header .ct-section-inner-wrap {
padding-top: 35px;
padding-right: 50px;
padding-bottom: 15px;
padding-left: 50px;
}
.header:not(.ct-section):not(.oxy-easy-posts),
.header.oxy-easy-posts .oxy-posts,
.header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 767px) {
.header {
}
.header .ct-section-inner-wrap {
padding-right: 20px;
padding-left: 20px;
}
}

@media (max-width: 479px) {
.header {
 text-align:justify;
}
.header .ct-section-inner-wrap {
padding-top: 14px;
padding-bottom: 12px;
}
.header:not(.ct-section):not(.oxy-easy-posts),
.header.oxy-easy-posts .oxy-posts,
.header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
}

.has-blured-end:after{
  content:"";
}
.has-blured-end {
 position:relative;
}
.has-blured-end .ct-section-inner-wrap {
padding-top: 42px;
padding-bottom: 68px;
}
.intro-section {
 width:100%;
 position:relative;
 min-height:100vh;
}
@media (max-width: 479px) {
.intro-section {
 min-height:1px;
}
}

.first-section {
 width:100%;
 padding-top:29px;
 padding-bottom:75px;
}
.first-section:not(.ct-section):not(.oxy-easy-posts),
.first-section.oxy-easy-posts .oxy-posts,
.first-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.leistung-item-list {
}
.border-radius-global {
 overflow:hidden;
}
@media (max-width: 767px) {
.border-radius-global {
}
}

.slider-subpage-link-wrapper {
 gap:10px;
}
.slider-subpage-link-wrapper:not(.ct-section):not(.oxy-easy-posts),
.slider-subpage-link-wrapper.oxy-easy-posts .oxy-posts,
.slider-subpage-link-wrapper.ct-section .ct-section-inner-wrap{
gap:10px;
}
.leistung-tile-wrapper {
}
.add-image {
}
.leistung-tile-outer-wrap {
 border-radius:15px;
 overflow:hidden;
 margin-right:0px;
}
.leistung-image {
}
.leistung-tile-headline {
}
.slider-subpage-link-single {
}
.close-image {
 position:absolute;
 top:20px;
 right:20px;
}
.link-wrapper-outer {
 gap:20px;
}
.link-wrapper-outer:not(.ct-section):not(.oxy-easy-posts),
.link-wrapper-outer.oxy-easy-posts .oxy-posts,
.link-wrapper-outer.ct-section .ct-section-inner-wrap{
gap:20px;
}
.white-text {
 color:#ffffff;
}
.btn-outline {
 border-top-color:#32b4a2;
 border-right-color:#32b4a2;
 border-bottom-color:#32b4a2;
 border-left-color:#32b4a2;
}
.partner-slider-image {
 margin-top:-15px;
 margin-bottom:-15px;
 width:183px;
 height:183px;
}
@media (max-width: 1920px) {
.partner-slider-image {
 width:130px;
 height:130px;
}
}

@media (max-width: 1399px) {
.partner-slider-image {
 width:100px;
 height:100px;
}
.partner-slider-image:not(.ct-section):not(.oxy-easy-posts),
.partner-slider-image.oxy-easy-posts .oxy-posts,
.partner-slider-image.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
}

@media (max-width: 767px) {
.partner-slider-image {
 width:80px;
 height:60px;
}
}

@media (max-width: 479px) {
.partner-slider-image {
 height:auto;
}
}

.margin-bottom-l {
 margin-bottom:80px;
 font-weight:300;
}
.invert-gradient {
}
.has-blured-end-right {
}
.has-blured-background {
}
.btn-outline-green {
 border-top-color:#32b4a2;
 border-right-color:#32b4a2;
 border-bottom-color:#32b4a2;
 border-left-color:#32b4a2;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.slider-content-image {
 width:100%;
 height:auto;
}
.slider-content-headline {
}
.slider-content-text {
 font-size:26px;
}
@media (max-width: 767px) {
.slider-content-text {
 font-size:18px;
}
}

.slider-content-btn {
}
.post-slider {
}
.footer-link:hover{
 color:#004270;
}
.footer-link {
 font-size:14px;
 color:#2f2f2f;
 transition-duration:.15s;
}
@media (max-width: 479px) {
.footer-link {
 text-align:center;
}
}

.scroll-top-btn {
}
.scroll-top-btn:not(.ct-section):not(.oxy-easy-posts),
.scroll-top-btn.oxy-easy-posts .oxy-posts,
.scroll-top-btn.ct-section .ct-section-inner-wrap{
display:flex;
}
.category-link {
 background-color:#32b4a2;
 color:#fdfeff;
 padding-top:2px;
 padding-right:10px;
 padding-bottom:2px;
 padding-left:10px;
 border-radius:5px;
 font-style:italic;
 font-size:12px;
 letter-spacing:.5px;
}
.leistungen-carousel {
}
.leistungen-slider {
}
.blob-image {
 width:145px;
 height:145px;
}
.list-arrow {
 width:25px;
 height:25px;
}
.count {
}
.count .oxy-counter_digit{
font-size: 54px;
color: #32b4a2;
line-height: 1;
}

.count-headline {
 font-size:26px;
 color:#fdfeff;
 margin-top:-10px;
}
.gradient-overlay-dark {
 opacity:.4;
background: rgb(35,37,39); background: linear-gradient(180deg, rgba(35,37,39,1) 0%, rgba(11,11,11,1) 50%); pointer-events: none;
}
.tabs-0300-tab {
 background-color:#32b4a2;
flex: 1;
}
.tabs-0300-tab-active {
 background-color:#223a4f;
}
.tabs-contents-0300-tab {
 padding-top:95px;
 gap:150px;
}
.tabs-contents-0300-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-contents-0300-tab.oxy-easy-posts .oxy-posts,
.tabs-contents-0300-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
gap:150px;
}
.tab-head {
 font-size:22px;
 color:#223a4f;
}
.tab-subhead {
 color:#fdfeff;
 font-size:18px;
}
.bm-submenu {
}
.menu-container {
 border-right-style:solid;
 border-right-width:1px;
 border-right-color:#ccd9e2;
 padding-right:0px;
}
.menu-container:not(.ct-section):not(.oxy-easy-posts),
.menu-container.oxy-easy-posts .oxy-posts,
.menu-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.mega-menu-link {
 width:100%;
}
.mega-menu-link:not(.ct-section):not(.oxy-easy-posts),
.mega-menu-link.oxy-easy-posts .oxy-posts,
.mega-menu-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:flex-start;
}
.mega-submenu-link {
}
.active {
 margin-top:0px;
}
.active:not(.ct-section):not(.oxy-easy-posts),
.active.oxy-easy-posts .oxy-posts,
.active.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.blob-mask {
 margin-bottom:20px;
}
.oxy-stock-content-styles {
}
.waves {
}
.cocco-narrow {
 font-style:normal;
}
.cocco-narrow-semi {
}
.cocco-narrow-light {
}
.footer-nav-link {
 gap:8px;
}
.footer-nav-link:not(.ct-section):not(.oxy-easy-posts),
.footer-nav-link.oxy-easy-posts .oxy-posts,
.footer-nav-link.ct-section .ct-section-inner-wrap{
gap:8px;
}
.cocogoose {
}
.intro-headline {
 font-size:100px;
 color:#32b4a2;
}
@media (max-width: 767px) {
.intro-headline {
}
}

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

@media (max-width: 479px) {
.intro-btn {
}
.intro-btn:not(.ct-section):not(.oxy-easy-posts),
.intro-btn.oxy-easy-posts .oxy-posts,
.intro-btn.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.intro-image {
}
.arrow-down-link {
}
@media (max-width: 1399px) {
.arrow-down-link {
 position:absolute;
}
}

@media (max-width: 767px) {
.arrow-down-link {
}
}

@media (max-width: 479px) {
.arrow-down-link {
 margin-bottom:15px;
}
}

.no-arrows {
}
.subpage-intro-image {
}
.hide-on-mobile {
}
.drop_shadow {
 box-shadow:0px 20px 50px rgba(0,0,0,0.15);
}
.drop_shaddow_large-blue {
 box-shadow:0px 50px 50px rgba(34,58,79,0.2);
}
.Heading-Pre {
 line-height:1.4;
}
@media (max-width: 1920px) {
.Heading-Pre {
}
}

@media (max-width: 1399px) {
.Heading-Pre {
 font-size:18px;
}
}

@media (max-width: 767px) {
.Heading-Pre {
}
}

@media (max-width: 479px) {
.Heading-Pre {
 font-size:14px;
}
}

.M-Strong {
 font-size:50px;
 line-height:1.2;
 font-weight:400;
}
@media (max-width: 1920px) {
.M-Strong {
 font-size:44px;
}
}

@media (max-width: 767px) {
.M-Strong {
 font-size:21px;
 text-align:center;
}
}

@media (max-width: 479px) {
.M-Strong {
}
}

.S-Strong {
 line-height:1.2;
 font-size:31px;
}
@media (max-width: 1920px) {
.S-Strong {
 font-size:22px;
}
}

@media (max-width: 767px) {
.S-Strong {
}
}

@media (max-width: 479px) {
.S-Strong {
 font-size:21px;
}
}

.oxy-burger-trigger {
}
.oxy-burger-trigger:not(.ct-section):not(.oxy-easy-posts),
.oxy-burger-trigger.oxy-easy-posts .oxy-posts,
.oxy-burger-trigger.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 1920px) {
.oxy-burger-trigger {
}
.oxy-burger-trigger:not(.ct-section):not(.oxy-easy-posts),
.oxy-burger-trigger.oxy-easy-posts .oxy-posts,
.oxy-burger-trigger.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.btn-xl-secondary {
background-color :#223a4f;
border: 1px solid #223a4f;
}.btn-xl-secondary {
}
.emaill-btn {
}
.phone-btn {
}
.email-btn {
}
.testimonials-slider {
}
.flex-2 {
 object-fit:cover;
 margin-bottom:0px;
 object-position:center;
 height:65%;
height: 65%; width: 100%;
}
@media (max-width: 767px) {
.flex-2 {
 width:100%;
 height:350px;
}
}

@media (max-width: 479px) {
.flex-2 {
 height:250px;
}
}

.flex-1 {
 object-fit:cover;
 height:35%;
height: 35%; width: 100%;
}
@media (max-width: 767px) {
.flex-1 {
 height:350px;
 width:100%;
}
}

@media (max-width: 479px) {
.flex-1 {
 height:250px;
}
}

.content-svg {
 width:150px;
 height:150px;
}
@media (max-width: 767px) {
.content-svg {
 margin-bottom:10px;
}
}

.category-sublink-bar {
 min-height:160px;
}
.category-sublink-bar-arrow {
}
.primary-icon {
 width:150px;
 height:150px;
}
@media (max-width: 767px) {
.primary-icon {
 margin-bottom:30px;
}
}

.small {
 width:85px;
 height:85px;
 margin-bottom:30px;
}
.pointer-none {
pointer-events: none;
}
.bm-own-list {
}
.software-icon-wrap {
 padding-top:15px;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:15px;
 background-color:#f7f7f7;
 color:#606060;
 border-radius:3px;
 min-width:120px;
}
.software-icon-wrap:not(.ct-section):not(.oxy-easy-posts),
.software-icon-wrap.oxy-easy-posts .oxy-posts,
.software-icon-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 479px) {
.software-icon-wrap {
 width:140px;
}
}

.tabs-8943-tab {
 padding-right:10px;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:10px;
}
@media (max-width: 479px) {
.tabs-8943-tab {
 padding-left:0px;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
}
}

.tabs-8943-tab-active {
}
.tabs-contents-8943-tab {
 padding-top:50px;
 padding-left:0px;
 padding-right:0px;
}
.tab-content-wrap {
 background-color:#fdfeff;
 border-radius:3px;
 padding-top:25px;
 padding-right:15px;
 padding-bottom:25px;
 padding-left:25px;
 min-height:100px;
}
.tab-content-wrap:not(.ct-section):not(.oxy-easy-posts),
.tab-content-wrap.oxy-easy-posts .oxy-posts,
.tab-content-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 767px) {
.tab-content-wrap {
 text-align:center;
}
.tab-content-wrap:not(.ct-section):not(.oxy-easy-posts),
.tab-content-wrap.oxy-easy-posts .oxy-posts,
.tab-content-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 479px) {
.tab-content-wrap {
 padding-left:15px;
 padding-right:15px;
}
}

.software-download-btn:hover{
 background-color:#004270;
 color:#fdfeff;
 border-top-color:#004270;
 border-right-color:#004270;
 border-bottom-color:#004270;
 border-left-color:#004270;
}
.software-download-btn {
background-color: transparent;
border: 1px solid #223a4f;
color: #223a4f;
padding: 9px 15px;
}.software-download-btn {
 transition-duration:.15s;
}
.contact-btn {
 position:relative;
 background-color:rgba(0,0,0,0);
 color:#32b4a2;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 padding-bottom:0px;
}
.result-label {
 background-color:#e5e5e5;
 color:#8e8e8e;
 font-weight:300;
 font-size:13px;
 padding-top:2px;
 padding-bottom:0px;
 font-style:italic;
 padding-left:10px;
 padding-right:10px;
}
.result-label:not(.ct-section):not(.oxy-easy-posts),
.result-label.oxy-easy-posts .oxy-posts,
.result-label.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.result-title {
 margin-left:-30px;
 font-weight:400;
 font-size:40px;
 text-align:left;
 line-height:1.2;
}
.result-link-wrapper {
}
.ds-head {
 color:#223a4f;
 font-size:22px;
 font-weight:400;
}
.ds-text {
 font-size:20px;
 font-weight:300;
}
.ds-head-xl {
 font-size:30px;
 font-weight:400;
}
.agb-head-xl {
 font-size:30px;
 font-weight:400;
 color:#223a4f;
}
.agb-text {
 font-size:20px;
 font-weight:300;
}
.post-tile-wrapper {
}
.job-detail-label {
 padding-top:8px;
 padding-bottom:6px;
 padding-left:14px;
 padding-right:14px;
 border-radius:25px;
 font-size:12px;
 line-height:1;
 background-color:rgba(187,187,187,0);
 color:#fdfeff;
 font-weight:300;
 letter-spacing:1px;
 border-top-color:#fdfeff;
 border-right-color:#fdfeff;
 border-bottom-color:#fdfeff;
 border-left-color:#fdfeff;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 font-style:italic;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.toggle-8847 {
}
.toggle-8847-expanded {
}
.benefit-wrap {
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 padding-left:25px;
 height:100%;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-color:#fdfeff;
 border-right-color:#fdfeff;
 border-bottom-color:#fdfeff;
 border-left-color:#fdfeff;
 border-radius:25px;
}
.benefit-wrap:not(.ct-section):not(.oxy-easy-posts),
.benefit-wrap.oxy-easy-posts .oxy-posts,
.benefit-wrap.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
}
@media (max-width: 479px) {
.benefit-wrap {
 padding-top:15px;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:15px;
 margin-right:1px;
}
}

.benefit-icon {
 width:80px;
 height:80px;
 margin-bottom:15px;
}
.benefit-label {
 color:#fdfeff;
 letter-spacing:1px;
 font-weight:300;
 text-align:center;
}
.benefit-icon-big {
 width:90px;
}
.word-break {
 color:#ffffff;
 text-decoration:underline;
word-break: break-all;
}
.hover2show:hover{
 z-index:999;
 transition-duration:0.2s;
 box-shadow:5px 5px 10px 10px rgba(0,0,0,0.32);
}
.hover2show {
}
:root {  
      
  /* 1. COLORS */  
      /* 1.1 Primary */
      --primary-1000: #223a4f;
      --primary-900: #3E596F;
      --primary-800: #536B7F;
      --primary-700: #697E8F;
      --primary-600: #7E909F;
      --primary-500: #93A2AF;
      --primary-400: #A9B5BF;
      --primary-300: #BEC7CF;
      --primary-200: #D4DADF;
      --primary-100: #E9ECEF;
    
      /* 1.2 Secondary */
      --secondary-1000: #32B4A2;
      --secondary-900: #47BBAB;
      --secondary-800: #5BC3B5;
      --secondary-700: #70CBBE;
      --secondary-600: #84D2C7;
      --secondary-500: #98D9D1; 
      --secondary-400: #ADE1DA;
      --secondary-300: #C1E8E3;
      --secondary-200: #D6F0EC;
      --secondary-100: #EAF7F6;
    
      /* 1.3 Tertiary */
      --tertiary-1000: #004270;
      --tertiary-900: #1A557E;
      --tertiary-800: #33688D;
      --tertiary-700: #4D7B9B;
      --tertiary-600: #668EA9;
      --tertiary-500: #80A0B7;
      --tertiary-400: #99B3C6;
      --tertiary-300: #B2C6D4;
      --tertiary-200: #CCD9E2;
      --tertiary-100: #E5ECF1;
    
      /* 1.4 Dark */
      --dark-primary: #2F2F2F;
      --dark-secondary: #525252;
      --dark-disable: #8A8A8A;
    
      /* 1.5 Light */
      --light-primary: #FDFEFF;
      --light-secondary: #BBBBBB;
      --light-disable: #8E8E8E;
    
      /* 1.6 Semantic */
      --semantic-error: #F34D47;
      --semantic-success: #6FD366;
      --semantic-warning: #F5982B;
      --semantic-info: #74C0DD;

  
  /* 2. SHADOWS */
  --dropshadow-001: 0 4px 20px 0 rgba(0,0,0,.25);
  --dropshadow-002: 0 4px 50px 0 rgba(0,0,0,.25);
  --dropshadow-003: 0 20px 50px 0 rgba(0,0,0,.25);
  --dropshadow-004: 0 50px 50px 0 rgba(0,0,0,.25);
  --dropshadow-005: 40px 80px 50px 0 rgba(0,0,0,.25);
  
  
  /* 3. BORDER RADIUS */
  --border-radius-global: 15px;
  --border-radius-minimal: 5px;
  

  /* 4. FONTS SIZES */
      /* 4.1 Extended */
      --extended-5xl-size: 6.192rem;
      --extended-4xl-size: 5.160rem;
      --extended-3xl-size: 4.3rem;
      --extended-2xl-size: 3.583rem;
      --extended-xl-size: 2.986rem;
      --extended-l-size: 2.488rem;
      --extended-m-size: 2.074rem;
      --extended-s-size: 1.728rem;
      --extended-xs-size: 1.440rem;

      /* 4.2 Headlines */
      --headline-5xl-size: 6.192rem;
      --headline-4xl-size: 5.160rem;
      --headline-3xl-size: 4.3rem;
      --headline-2xl-size: 3.583rem;
      --headline-xl-size: 2.986rem;
      --headline-l-size: 2.488rem;
      --headline-m-size: 2.074rem;
      --headline-s-size: 1.728rem;
      --headline-xs-size: 1.440rem;
      --headline-xxs-size: 1.222rem;

      /* 4.2 Body Text */
      --body-xl-size: 1.44rem;
      --body-l-size: 1.2rem;
      --body-m-size: 1rem;
      --body-s-size: .833rem;
      --body-xs-size: .694rem;

      /* 4.4 Pre-/Subheadings */
      --preheading-size: 1.2rem;
      --subheading-size: 1.44rem;

      /* 4.5 Links */
      --link-primary-size: 1rem;

  /* 5. FONTS LINEHEIGHT */
      /* 5.1 Extended */
      --extended-5xl-lineheight: 120%;
      --extended-4xl-lineheight: 120%;
      --extended-3xl-lineheight: 120%;
      --extended-2xl-lineheight: 120%;
      --extended-xl-lineheight: 120%;
      --extended-l-lineheight: 120%;
      --extended-m-lineheight: 120%;
      --extended-s-lineheight: 120%;
      --extended-xs-lineheight: 120%;
      
      /* 5.2 Headlines */
      --headline-5xl-lineheight: 120%;
      --headline-4xl-lineheight: 120%;
      --headline-3xl-lineheight: 120%;
      --headline-2xl-lineheight: 120%;
      --headline-xl-lineheight: 120%;
      --headline-l-lineheight: 120%;
      --headline-m-lineheight: 120%;
      --headline-s-lineheight: 120%;
      --headline-xs-lineheight: 120%;
      --headline-xxs-lineheight: 120%;

      /* 5.3 Pre-/Subheadings */
      --preheading-lineheight: 120%;
      --subheading-lineheight: 120%;

      /* 5.4 Links */
      --link-primary-lineheight: 120%;

   /* 6. FONTS LETTERSPACING */
      /* 6.1 Extended */
      --extended-5xl-letterspacing: -5.12%;
      --extended-4xl-letterspacing: -5.12%;
      --extended-3xl-letterspacing: -5.12%;
      --extended-2xl-letterspacing: -5.12%;
      --extended-xl-letterspacing: -5.12%;
      --extended-l-letterspacing: -5.12%;
      --extended-m-letterspacing: -5.12%;
      --extended-s-letterspacing: -5.12%;
      --extended-xs-letterspacing: -5.12%;
      
      /* 6.2 Headlines */
      --headline-5xl-letterspacing: -5.12%;
      --headline-4xl-letterspacing: -5.12%;
      --headline-3xl-letterspacing: -5.12%;
      --headline-2xl-letterspacing: -5.12%;
      --headline-xl-letterspacing: -5.12%;
      --headline-l-letterspacing: -5.12%;
      --headline-m-letterspacing: -5.12%;
      --headline-s-letterspacing: -5.12%;
      --headline-xs-letterspacing: -5.12%;
      --headline-xxs-letterspacing: -5.12%;

      /* 6.3 Pre-/Subheadings */
      --preheading-letterspacing: -5.12%;
      --subheading-letterspacing: -5.12%;

      /* 6.4 Links */
      --link-primary-letterspacing: 0.48%;

  /* Transitions */
  --global-transition: .15s;

  /* ARROW IMAGE */
  --btn-arrow-image: url("../../2024/02/Icon.png");
  --btn-phone-image: url("../../2024/04/phone-arrow-up-right.png");
  --btn-mail-image: url("../../2024/04/envelope.png");
  --btn-mail-image-invert: url("../../2024/05/envelope_white.webp");
}
}


@media only screen and (max-width: 1400px) {
  :root {
        --headline-5xl-size: 5.5rem;
  }
}

@media only screen and (max-width: 1024px) {
  :root {  
    /* 4. FONTS SIZES */
        /* 4.1 Extended */
        --extended-5xl-size: 4.375rem;
        --extended-4xl-size: 3.625rem;
        --extended-3xl-size: 3.062rem;
        --extended-2xl-size: 2.562rem;
        --extended-xl-size: 2.125rem;
        --extended-l-size: 1.4375rem;
        --extended-m-size: 1.25rem;
        --extended-s-size: 1rem;
        --extended-xs-size: .875rem;
  
        /* 4.2 Headlines */
        --headline-5xl-size: 4.375rem;
        --headline-4xl-size: 3.625rem;
        --headline-3xl-size: 3.062rem;
        --headline-2xl-size: 2.562rem;
        --headline-xl-size: 2.125rem;
        --headline-l-size: 1.4375rem;
        --headline-m-size: 1.25rem;
        --headline-s-size: 1rem;
        --headline-xs-size: .875rem;
        --headline-xxs-size: .625rem;
  
        /* 4.2 Body Text */
        --body-xl-size: 1.44rem;
        --body-l-size: 1.2rem;
        --body-m-size: 1rem;
        --body-s-size: .833rem;
        --body-xs-size: .694rem;
  
        /* 4.4 Pre-/Subheadings */
        --preheading-size: 1.125rem;
        --subheading-size: 1.375rem;
  }
}

@media only screen and (max-width: 480px) {
  :root {  
    /* 4. FONTS SIZES */
        /* 4.1 Extended */
        --extended-5xl-size: 2.5rem;
        --extended-4xl-size: 2.071rem;
        --extended-3xl-size: 1.712rem;
        --extended-2xl-size: 1.428rem;
        --extended-xl-size: 1.214rem;
        --extended-l-size: 1rem;
        --extended-m-size: .857rem;
        --extended-s-size: .714rem;
        --extended-xs-size: .571rem;
  
        /* 4.2 Headlines */
        --headline-5xl-size: 2.5rem;
        --headline-4xl-size: 2.071rem;
        --headline-3xl-size: 1.712rem;
        --headline-2xl-size: 1.428rem;
        --headline-xl-size: 1.214rem;
        --headline-l-size: 1rem;
        --headline-m-size: .875rem;
        --headline-s-size: .714rem;
        --headline-xs-size: .571rem;
        --headline-xxs-size: .5rem;
  
        /* 4.2 Body Text */
        --body-xl-size: 1.266rem;
        --body-l-size: 1.125rem;
        --body-m-size: 1rem;
        --body-s-size: .889rem;
        --body-xs-size: .790rem;
  
        /* 4.4 Pre-/Subheadings */
        --preheading-size: 1.142rem;
        --subheading-size: 1.285rem;
  }
}/* HEADLINES */
.headline-5xl {
  font-size: var(--headline-5xl-size);
  font-weight: normal;
  line-height: var(--headline-5xl-lineheight);
  letter-spacing: var(--headline-5xl-letterspacing);
}

.headline-4xl {
  font-size: var(--headline-4xl-size);
  font-weight: normal;
  line-height: var(--headline-4xl-lineheight);
  letter-spacing: var(--headline-4xl-letterspacing);
}

.headline-3xl {
  font-size: var(--headline-3xl-size);
  font-weight: normal;
  line-height: var(--headline-3xl-lineheight);
  letter-spacing: var(--headline-3xl-letterspacing);
}

.headline-2xl {
  font-size: var(--headline-2xl-size);
  font-weight: normal;
  line-height: var(--headline-2xl-lineheight);
  letter-spacing: var(--headline-2xl-letterspacing);
}

.headline-xl {
  font-size: var(--headline-xl-size);
  font-weight: normal;
  line-height: var(--headline-xl-lineheight);
  letter-spacing: var(--headline-xl-letterspacing);
}

.headline-l {
  font-size: var(--headline-l-size);
  font-weight: normal;
  line-height: var(--headline-l-lineheight);
  letter-spacing: var(--headline-l-letterspacing);
}

.headline-m {
  font-size: var(--headline-m-size);
  font-weight: normal;
  line-height: var(--headline-m-lineheight);
  letter-spacing: var(--headline-m-letterspacing);
}

.headline-s {
  font-size: var(--headline-s-size);
  font-weight: normal;
  line-height: var(--headline-s-lineheight);
  letter-spacing: var(--headline-s-letterspacing);
}

.headline-xs {
  font-size: var(--headline-xs-size);
  font-weight: normal;
  line-height: var(--headline-xs-lineheight);
  letter-spacing: var(--headline-xs-letterspacing);
}

.headline-xxs {
  font-size: var(--headline-xxs-size);
  font-weight: normal;
  line-height: var(--headline-xxs-lineheight);
  letter-spacing: var(--headline-xxs-letterspacing);
}

/* Extended */
.extended-5xl {
	font-size: var(--extended-5xl-size);
	font-weight: normal;
	line-height: var(--extended-5xl-lineheight);
	letter-spacing: var(--extended-5xl-letterspacing);
  }
  
.extended-4xl {
	font-size: var(--extended-4xl-size);
	font-weight: normal;
	line-height: var(--extended-4xl-lineheight);
	letter-spacing: var(--extended-4xl-letterspacing);
  }
  
.extended-3xl {
	font-size: var(--extended-3xl-size);
	font-weight: normal;
	line-height: var(--extended-3xl-lineheight);
	letter-spacing: var(--extended-3xl-letterspacing);
  }
  
.extended-2xl {
	font-size: var(--extended-2xl-size);
	font-weight: normal;
	line-height: var(--extended-2xl-lineheight);
	letter-spacing: var(--extended-2xl-letterspacing);
}
  
.extended-xl {
	font-size: var(--extended-xl-size);
	font-weight: normal;
	line-height: var(--extended-xl-lineheight);
	letter-spacing: var(--extended-xl-letterspacing);
}
  
.extended-l {
	font-size: var(--extended-l-size);
	font-weight: normal;
	line-height: var(--extended-l-lineheight);
	letter-spacing: var(--extended-l-letterspacing);
}
  
.extended-m {
	font-size: var(--extended-m-size);
	font-weight: normal;
	line-height: var(--extended-m-lineheight);
	letter-spacing: var(--extended-m-letterspacing);
}
  
.extended-s {
	font-size: var(--extended-s-size);
	font-weight: normal;
	line-height: var(--extended-s-lineheight);
	letter-spacing: var(--extended-s-letterspacing);
}
  
.extended-xs {
	font-size: var(--extended-xs-size);
	font-weight: normal;
	line-height: var(--extended-xs-lineheight);
	letter-spacing: var(--extended-xs-letterspacing);
}
  
.extended-xxs {
	font-size: var(--extended-xxs-size);
	font-weight: normal;
	line-height: var(--extended-xxs-lineheight);
	letter-spacing: var(--extended-xxs-letterspacing);
}

/* Body Text */
.body-xl {
	font-size: var(--body-xl-size);
	font-weight: normal;
	line-height: var(--body-xl-lineheight);
	letter-spacing: var(--body-xl-letterspacing);
  }
  
.body-l {
	font-size: var(--body-l-size);
	font-weight: normal;
	line-height: var(--body-l-lineheight);
	letter-spacing: var(--body-l-letterspacing);
  }
  
.body-m {
	font-size: var(--body-m-size);
	font-weight: normal;
	line-height: var(--body-m-lineheight);
	letter-spacing: var(--body-m-letterspacing);
  }
  
.body-s {
	font-size: var(--body-s-size);
	font-weight: normal;
	line-height: var(--body-s-lineheight);
	letter-spacing: var(--body-s-letterspacing);
}
  
.body-xs {
	font-size: var(--body-xs-size);
	font-weight: normal;
	line-height: var(--body-xs-lineheight);
	letter-spacing: var(--body-xs-letterspacing);
}

/* FONT WEIGHT */  
.strong {
  font-weight: bold;
}

/* FONT Style */
.italic {
  font-style: italic;
}

/* Links */
.link {
  text-decoration: underline;
  font-size: var(--link-primary-size);
  letter-spacing: var(--link-primary-letterspacing);
  transition: var(--global-transition);
  font-style: italic;
}

.link:hover {
  text-decoration: underline;
}

.link:visited {
  color: var(--tertiary-1000);
}


/* BUTTONS */

.btn-xl-primary {
  background: var(--secondary-1000);
  border-radius: var(--border-radius-global);
  border: 1px solid var(--secondary-1000);
  transition: var(--global-transition);
  text-transform: uppercase;
  line-height: 100%;
  padding: 15px 24px;
  position: relative;
  font-size: 1.111rem;
  line-height: 100%;
  letter-spacing: 0;
}

.btn-xl-primary:hover {
  background: var(--secondary-700);
  border: 1px solid var(--secondary-700);
  color: var(--light-primary) !important;
}
.btn-el-left {
  padding-left: 48px;
}

.btn-el-left:before {
  content:"";
  background: var(--btn-arrow-image);
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: var(--global-transition);
}

.phone-btn {
  padding-left: 45px;
}
.phone-btn:before {
  content:"";
  background: var(--btn-phone-image);
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: var(--global-transition);
} 

.email-btn {
  padding-left: 45px;
}

.email-btn:before {
  content:"";
  background: var(--btn-mail-image);
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: var(--global-transition);
} 

.email-btn:hover:before {
  background: var(--btn-mail-image-invert);
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.btn-el-left:hover:before {
  left: 15px;
}

.btn-el-right {
  padding-right: 48px;
}

.btn-el-right:before {
  content:"";
  background: var(--btn-arrow-image);
  background-size: contain;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  position: absolute;
  transition: var(--global-transition);
}

.btn-el-right:hover:before {
  right: 15px;
}

.btn-el-both {
  padding: 15px 48px;
}

.btn-el-both:before {
  content:"";
  background: var(--btn-arrow-image);
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  transition: var(--global-transition);
}

.btn-el-both:after {
  content:"";
  background: var(--btn-arrow-image);
  background-size: contain;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  position: absolute;
  transition: var(--global-transition);
}

.btn-el-both:hover:before {
  left: 15px;
}
.btn-el-both:hover:after {
  right: 15px;
}

.btn-outline {
  background: transparent;
  border-color: var(--light-primary);
  color: var(--light-primary);
  font-weight: normal;
}

.btn-outline-green {
  background: transparent;
  border-color: var(--secondary-1000);
  color: var(--secondary-1000);
  font-weight: normal;
}

/* GRADIENTS */
.linear-gradient {
  background: rgba(0,66,112,1);
  background: linear-gradient(273deg, #32B4A2 14.05%, #004270 99.79%);
}

.invert-gradient {
  background: rgb(0,66,112);
  background: linear-gradient(-66deg, rgba(0,66,112,1) 0%, rgba(50,180,162,1) 100%);
}

.border-radius-global {
  border-radius: var(--border-radius-global);
}html {
  scroll-behavior: smooth;
}

body {
  background: var(--secondary-1000);
  transition: background .5s;
  hyphens: auto;
}

video {
  with: 100%;
  max-width: 100%;
}

.wp-block-heading {
  font-weight: 400;
}

#menu-mobile-menu {
  gap: 10px;
}

.fluentform_wrapper_3 .fluentform .ff-step-t-container,
.fluentform_wrapper_3 .ff-inner_submit_container {
  padding-right: 20px !important;
  padding-bottom: 20px !important;
}

.fluentform_wrapper_3 .ff-step-t-container.ff-inner_submit_container .ff-el-group {
  margin-bottom: 0 !important;
}

.fluentform_wrapper_3 form.ff-form-has-steps .ff-btn-submit {
  line-height: 1 !important;
}

.fluentform_wrapper_3 .step-nav {
  padding: 20px !important;
  padding-top: 0 !important;
}
.ff-message-success {
    background: var(--light-primary) !important;
    text-align: center !important;
    min-height: 100px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: var(--primary-1000) !important;
    border-radius: 25px !important;
}

.benefit-wrap svg {
  fill: var(--primary-1000) !important;
}
.software-download-icon {
  width: 56px;
  height: 56px;
  fill: #606060;
}

#chromeos.software-download-icon {
  width: 66px;
  height: 56px;
}

#ios.software-download-icon {
  width: 68px;
  height: 56px;
  margin-top: 20px;
  margin-bottom: -20px;
}

.software-icon-wrap {
  transition: .15s;
}
.tabs-8943-tab-active .software-icon-wrap {
  background: var(--tertiary-1000);
  color: white;
}

.tabs-8943-tab-active .software-download-icon {
  fill: white;
}
/* body.dark-bg {
  background: var(--dark-primary);
  transition: background .5s;
}

body.dark-bg .linear-gradient {
  background: transparent;
}


body.home.dark-bg .linear-gradient {
   background: rgba(0,66,112,1);
  background: linear-gradient(273deg, #32B4A2 14.05%, #004270 99.79%);
}

body.dark-bg .has-blured-background,
body.dark-bg .has-blured-end:after {
  display: none;
}

body.home.dark-bg .has-blured-background,
body.home.dark-bg .has-blured-end:after {
  display: flex;
}

body.home.dark-bg {
  background: var(--secondary-1000);
}
*/
main,
.ct-inner-content {
  min-height: 100vh;
}

::placeholder {
  color: var(--light-primary);
  font-size: 36px;
  font-weight: 400;
}

.fluentform ::placeholder {
  color: var(--light-primary);
  font-size: 16px;
}

::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: var(--primary-200);
}

::-webkit-scrollbar-thumb {
  background: var(--primary-1000);
}

span{
  display: inline;
}

.footer-divider {
  width: 5px;
  height: 3px;
  border-radius: 3px;
  background: var(--dark-primary);
  display: flex;
}

.oxy-mega-dropdown_link,
.oxy-pro-menu .oxy-pro-menu-list .menu-item a {
  padding: 10px 25px;
  border-radius: var(--border-radius-global);
}

#logo-signet {
  width: 90px;
  height: 93px;
}

#logo-wording {
  width: 192px;
  height: 57px;
}

.current_page_item a,
.current-page-ancestor a {
  background: var(--primary-1000) !important;
}

.oxy-mega-dropdown_link,
.oxy-pro-menu .oxy-pro-menu-list .menu-item a {
  transition: var(--global-transition);
}

.oxy-pro-menu .oxy-pro-menu-list .menu-item:last-child a:hover,
.oxy-mega-dropdown_link:hover,
.oxy-pro-menu .oxy-pro-menu-list .menu-item a:hover {
  background: var(--primary-1000);
}

#ct-builder .has-blured-end:after {
  display: none !important;
}
/* HEADER */
.header {
  transition: var(--global-transition);
  padding-bottom: 10px;
  z-index: 9998;
}
.fixedheader {
  background: var(--dark-primary);
}
.fixedheader .network path {
  fill: var(--secondary-1000);
}

.fixedheader .oxy-pro-menu .oxy-pro-menu-list .menu-item:last-child a:hover, 
.fixedheader .oxy-mega-dropdown_link:hover, 
.fixedheader .oxy-pro-menu .oxy-pro-menu-list .menu-item a:hover {
  background-color: var(--secondary-1000);
}

.oxy-header-container {
    padding:10px 50px;
}
.oxy-header-search_form {
  background: transparent;
}

.fixedheader .oxy-header-search_form {
  background: var(--dark-primary);
}

#-header-search-9-14 .oxy-header-search_form {
  height: 70px;
  padding: 10px;
}

svg#close-header-search-9-14-icon {
  width: 1.2em;
  height: 1.2em;
  margin-top: 15px;
  fill: var(--light-primary);
}

svg#close-header-search-9-14-icon:hover {
  fill: var(--semantic-error);
}

.oxy-header-search_search-field {
  color: var(--light-primary);
  line-height: 1.5;
  border-bottom: 1px solid var(--secondary-1000);
  padding-left: 10px;
  font-size: 36px;
}

.fixedheader .oxy-header-search_search-field {
  color: var(--light-primary);
}

.searchwp-live-search-result--info {
  display: flex;
  align-items: center;
  margin-left: -30px;
  transition: .15s;
}
.searchwp-live-search-result {
  cursor: pointer;
}
.searchwp-live-search-result .searchwp-live-search-result--title a {
  font-size: 22px;
  font-weight: 400;
}

.searchwp-live-search-result:hover .searchwp-live-search-result--info {
   margin-left: 0;
}

.searchwp-live-search-result:hover .searchwp-live-search-result--info .searchwp-live-search-result--title a {
  color: var(--secondary-1000);
  transition: .15s;
}

.searchwp-live-search-no-min-chars:after {
  color: white !important;
}

.result-title {
  color: var(--light-primary);
  font-weight: 400;
  transition: .15s;
}

.result-link-wrapper:hover .result-title {
  color: var(--tertiary-1000) !important;
  margin-left: 0;
}

.oxy-repeater-pages {
  gap: 8px;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.oxy-repeater-pages a {
  color: var(--light-primary);
    font-weight: 400 !important;
  transition: .15s;
}

.oxy-repeater-pages a:hover {
  color: var(--tertiary-1000);
}

#code_block-544-187 a {
  color: var(--primary-1000);
  text-decoration: underline;
  margin-bottom: 15px;
  transition: .15s;
}

#code_block-544-187 a:hover {
  color: var(--tertiary-1000);
}
#code_block-6-14 svg,
#code_block-7-14 svg {
  transition: var(--global-transition);
}

.fixedheader #code_block-6-14 svg {
  width: 60px;
  height: 65px;
}
.fixedheader #code_block-7-14 svg {
  width: 150px;
  height: 50px;
}

.fixedheader .ct-section-inner-wrap {
  padding-top: 10px;
  padding-bottom: 0;
}

.oxy-pro-menu-list {
  gap: 20px;
}

.oxy-mega-dropdown_link,
.oxy-pro-menu .oxy-pro-menu-container .menu-item a {
  font-size: var(--body-l-size);
  color: var(--light-primary);
  font-family: "CocogooseProNarrow Semilight", sans-serif;
  font-style: normal;
  font-size: 18px;
}

.oxy-pro-menu .oxy-pro-menu-list .menu-item:last-child a {
  background: rgba(40, 70, 95, 0.3);
}

.oxy-pro-menu .oxy-pro-menu-list .sub-menu .menu-item:last-child a {
  background: transparent;
}

.oxy-pro-menu .oxy-pro-menu-list .sub-menu .menu-item a {
  border-radius: var(--border-radius-global) !important;
}

.oxy-dynamic-list :is([data-id="image-31-12"],#incspec) {
  border-radius: var(--border-radius-global);
}

.leistung-image {
  transition: .5s;
}
.leistung-tile-wrapper,
.add-image {
  transition: var(--global-transition);
  transition: .5s;
}

.add-image {
  cursor: pointer;
  opacity: 0;
}

.leistung-tile-outer-wrap {
  cursor: pointer;
}

.leistung-tile-outer-wrap.active .leistung-image {
  object-position: 100%
}

.leistung-tile-wrapper {
  background: transparent;
  transition: background .5s;
}

.post-tile-wrapper,
.leistung-tile-wrapper {
    background: linear-gradient(180deg, rgba(35, 37, 39, 0.00) 20%, #232527 100%);

}
.leistung-tile-wrapper:hover,
.leistung-tile-outer-wrap.active .leistung-tile-wrapper{
  opacity: 1;
  background: linear-gradient(180deg, rgba(35, 37, 39, 0.00) 20%, #232527 100%);
  border-radius: 15px;
}

.scroll-top-btn a {
  width: 40px;
}

.leistung-tile-wrapper:hover .add-image {
  opacity: 1;
}

.leistung-tile-headline {
  transition: .3s;
  opacity: 1;
}

.leistung-tile-outer-wrap.active .leistung-tile-headline,
.leistung-tile-wrapper:hover .leistung-tile-headline {
  margin-bottom: 0 !important;
}

a.slider-subpage-link-single,
.leistung-tile-headline a {
  color: var(--light-primary);
}

.slider-subpage-link-single {
  position: relative;
  padding-left: 30px;
}

.slider-subpage-link-single:hover {
  color: var(--secondary-1000);
  text-decoration: underline;
}

.slider-subpage-link-single:before {
  content:"";
  height: 24px;
  width: 24px;
  background: url("../../2024/02/Arrow.png");
  background-size: contain;
  left: 0;
  top: 3px;
  position: absolute;
}

.close-image {
  opacity: 0;
  transition: .5s;
  cursor: pointer;
}

.leistung-tile-outer-wrap.active .close-image {
  opacity: 1;
}

.leistung-tile-outer-wrap.active .add-image {
  opacity: 0;
}

.slider-subpage-link-wrapper {
  transition: .5s;
  opacity: 0;
  height: 0;
}

.leistung-tile-outer-wrap.active .slider-subpage-link-wrapper {
  opacity: 1;
  height: 100px;
}

.leistungen-slider {
  padding-bottom: 125px;
}

.oxy-carousel-builder.post-slider {
  overflow: visible !important;
}

.post-slider .flickity-viewport {
  overflow: hidden !important;
}


.oxy-carousel-builder_icon {
  top: auto;
  bottom: 0;
  right: 50px;
  left: auto;
}

.testimonials-slider .oxy-carousel-builder_icon {
  top: auto;
  bottom: -50px;
  right: 50px;
  left: auto;
}

.post-slider .oxy-carousel-builder_icon {
  right: -100px !important;
  top: 50%;
}

.post-slider  .oxy-carousel-builder_icon.oxy-carousel-builder_prev {
  top: calc(50% - 35px);
}

.post-slider .oxy-carousel-builder_icon.oxy-carousel-builder_next {
  top: calc(50% + 35px);
}

.post-slider .oxy-carousel-builder_prev:before {
  display: none;
}

.post-slider .flickity-page-dots,
.leistungen-slider .flickity-page-dots {
  display: none !important;
}

.oxy-carousel-builder_prev {
  right: 100px !important;
}

.no-arrows .oxy-carousel-builder_prev,
.no-arrows .oxy-carousel-builder_next {
  display: none !important;
}

.oxy-carousel-builder_prev:before {
  content:"Weitere Leistungen";
  position: absolute;
  top: 6px;
  font-size: 14px;
  font-style: italic;
  left: -150px;
  pointer-events: none;
  font-family: "CocogooseProNarrow Light", sans-serif !important;
}

.leistung-tile-outer-wrap.active .link-wrapper-outer {
  bottom: 50px !important;
}

.oxy-carousel-builder .oxy-carousel-builder_icon {
  border: 1px solid var(--light-primary);
  border-radius: 50%;
  background-color: transparent;
  background-image: url(../../2024/02/chevron-left.png);
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.oxy-carousel-builder_next {
  transform: translateY(-50%) rotate(180deg);
}

.oxy-carousel-builder .oxy-carousel-builder_icon svg {
  display: none;
}

.leistung-tile-outer-wrap.active:nth-child(1) .slider-subpage-link-wrapper {
  opacity: 1;
  height: 100px;
}

.leistung-tile-outer-wrap.active:nth-child(2) .slider-subpage-link-wrapper {
  height: 140px;
}

.leistung-tile-outer-wrap.active:nth-child(3) .slider-subpage-link-wrapper {
  height: 216px;
}

.leistung-tile-outer-wrap.active:nth-child(4) .slider-subpage-link-wrapper {
  height: 65px;
}

.has-blured-end:after {
  content:"";
  background: var(--secondary-1000);
  bottom: 0;
  left: -50%;
  filter: blur(250px);
  z-index: 1;
  position: absolute;
  width: 150%;
}

.has-blured-end:after {
    content: "";
    width: 150%;
    height: 1000px;
    background: var(--secondary-1000);
    bottom: 0;
    left: -50%;
    transform: translateY(50%);
    position: absolute;
    filter: blur(150px);
    z-index: 2;
}

#section-8069-12.has-blured-end:after {
  bottom: -200px;
}

.has-blured-background {
  position: relative;
}

.has-blured-background:after {
  content:"";
    width: 650%;
    height: 80%;
  border-radius: 50%;
  position: absolute;
    background: var(--tertiary-1000);
    top: 50%;
    right: -300%;
    transform: translateY(-50%);
    filter: blur(350px);
    z-index: 2;
}


.slider-content-image {
  position: absolute;
  left: 100px !important; 
  bottom: 0 !important;
  opacity: 0 !important;
  transition: left 1.2s ease, opacity 1.5s ease; 
  transition-delay: .25s !important;
}

.intro-image {
  position: absolute;
  left: 100px;
  opacity: 0;
  transition: 1s ease;
}

.intro-image.show {
  left: 0;
  opacity: 1;
}

#slider-3571-12 .unslider-nav {
  display: none !important;
}

.unslider-active .slider-content-image {
  left: 20px !important; 
  bottom: 20px !important; 
  opacity: 1 !important;
}

.slider-content-headline {
 opacity: 0 !important;
  bottom: 50px !important;
  transition: 1s ease !important;
  position: relative !important;
  transition-delay: .4s !important;
}


.unslider-active .slider-content-headline {
 opacity: 1 !important;
bottom: 0px !important;
}

.slider-content-text {
  margin-left: 60px !important;
  opacity: 0 !important;
  position: relative !important;
  transition: 1s ease !important; 
  transition-delay: .75s !important;
  min-width: 700px !important;
}

.unslider-active .slider-content-text {
  margin-left: 0px !important;
  opacity: 1 !important;
}

.slider-content-btn {
  position: relative;
  opacity: 0 !important;
  bottom: -50px !important;
  transition: .5s ease !important;
  transition-delay: 1s !important;
}

.unslider-active .slider-content-btn {
  opacity: 1 !important;
  bottom: 0px !important;
}

.unslider-arrow {
  right: calc(50% - 694px)!important;
  left: auto !important;
  z-index: 998 !important;
  position: absolute;
  background-color: var(--secondary-1000) !important;
  opacity: 1 !important;
  width: 45px !important;
  height: 45px !important;
  top: 49% !important;
  transition: background .15s !important;
}

.unslider-arrow:hover {
  background-color: var(--primary-1000) !important;
}

.unslider-arrow.prev{
    top: calc(50% + 50px) !important;
    
  }

.oxygen-unslider-container.unslider-fade > ul > li:not(.unslider-active) {
  transition: .5s ease !important;
}

.footer-social-icon {
  width: 25px;
  height: 25px;
}

.footer-social-icon .st1 {
  fill: var(--dark-primary)!important;
  transition: .15s;
}

.footer-social-icon:hover .st1 {
  fill: var(--tertiary-1000) !important;
}

.category-link a {
  color: white !important;
}

.flickity-page-dots .dot {
  width: 15px;
  height: 15px;
  border: 1px solid var(--primary-1000);
  opacity: 1;
  background: transparent;
}

.flickity-page-dots .dot.is-selected {
  background: var(--primary-1000);
}

.tabs-0300-tab-active .tab-head {
  color: var(--light-primary);
}
.tabs-0300-tab-active .tab-subhead {
  color: var(--secondary-1000);
}

.oxy-tabs-wrapper {
  overflow: visible !important;
}

.tabs-0300-tab {
  position: relative;
}

.tabs-0300-tab:after {
  content: "";
  background: url("../../2024/02/tab-arrow3.webp");
  background-size: contain;
  width: 45px;
  height: 18px;
  bottom: -18px;
  left: 35px;
  position: absolute;
  opacity: 0;
  transition: .15s;
}

.tabs-0300-tab-active:after {
  opacity: 1;
}

.oxy-tabs-contents-content-hidden {
  opacity: 0 !important;
  transition: .15s !important;
}

#-header-search-9-14 form.oxy-header-search_form {
  bottom: auto !important; 
  top: 0 !important;
  font-size: 44px;
  opacity: .98;
}
.oxy-header-search_form.visible {
  position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    background: linear-gradient(273deg, #32B4A2 14.05%, #004270 89.79%) !important; 
}

#-header-search-9-14 .oxy-header-container {
  max-width: 768px;
  color: white;
  margin: 0 auto;
  background: transparent;
}

.searchwp-live-search-results {
  background: transparent;
  box-shadow: none;
}

.searchwp-live-search-result a {
  color: var(--light-primary);
  font-size: 22px;
}

.searchwp-live-search-result:last-of-type p {
  position: relative;
  padding-left: 30px;
  padding-top: 0;
  transition: .15s;
}

.searchwp-live-search-result:last-of-type p:hover {
  padding-left: 35px;
}

.searchwp-live-search-result:last-of-type p:hover a {
  color: var(--secondary-1000);
}

.searchwp-live-search-result:last-of-type p:before {
  content:"";
  position: absolute;
  left: 0;
  top: 5px;
  background: url("../../2024/02/Arrow.png");
  width: 20px;
  height: 20px;
}

.searchwp-live-search-results-showing {
  padding-top: 20px;
}

.sub-menu {
  background: white;
}

.primary-icon .st1 {
  fill: var(--primary-1000);
}

.oxy-pro-menu .oxy-pro-menu-container .sub-menu .menu-item a {
  color: var(--primary-1000);
  font-family:"CocogooseProNarrow Semilight", sans-serif; 
}

.oxy-pro-menu .oxy-pro-menu-container .sub-menu .menu-item a:hover {
  color: var(--primary-1000);
  background: transparent;
}

.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu {
  border-radius: 15px 0 0 15px;
}
.oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu .sub-menu {
  border-radius: 0 15px 15px 0;
}

.oxy-mega-dropdown_container {
  border-radius: var(--border-radius-global);
}

.mega-menu-link {
  color: var(--secondary-1000);
  transition: var(--global-transition);
  position: relative;
}

.mega-menu-link:after {
  content: "";
  width: 10px;
  height: 3px;
  background: var(--primary-1000);
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: var(--global-transition);
}

.mega-menu-link.active:after {
  opacity: 1;
}

.mega-menu-link.active,
.mega-menu-link:hover {
  color: var(--primary-1000);
}

.mega-menu-link:hover:after {
  opacity: 1;
}

.mega-menu-link:hover .mega-menu-arrow .st0 {
  fill: var(--primary-1000);
}

.bm-submenu {
  display: none;
  width: 100%;
  flex-direction: column;
  gap: 10px;
}

#overviewsubmenu.active,
#infrasubmenu.active,
#safesubmenu.active,
#telsubmenu.active, 
#servicesubmenu.active {
  display: flex;
}


#-mega-menu-16-114 .oxy-mega-dropdown_inner.oxy-header-container {
  margin-left: 0;
  transform: translateX(-320px);
  padding-top: 15px;
}

.oxy-mega-dropdown_container:before {
  content:"";
  background: url("../../2024/02/Polygon-1.png");
  background-size: contain;
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 25px;
  height: 15px;
}

.mega-submenu-link {
  color: var(--primary-1000);
  transition: .15s;
}

.mega-submenu-link:hover {
  color: var(--secondary-1000);
}

.blob-mask {
  -webkit-mask-image: url(../../2024/02/blob_new.webp);
  mask-image: url(../../2024/02/blob_new.webp);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 145px;
  height: 145px;
}

.footer-nav-link {
  transition: .15s;
}

.footer-nav-link:hover {
  gap: 12px !important;
}

.arrow-down-link {
  transition: .5s;
}
.arrow-down-link.show {
  opacity: 0 !important;
}

.blue-icon .st1 {
  fill: var(--primary-1000);
}

/* Online-Bewerbungsformular */

.ff-el-input--content {
  position: relative;
}

span.ff-el-rating-text {
  bottom: -30px;
  position: absolute;
}
.ff-default .ff-btn-secondary:not(.ff_btn_no_style),
.ff-default .ff_btn_style {
  background: var(--primary-1000) !important;
  color: var(--light-primary)!important;
  border-radius: var(--border-radius-global)!important;
  font-family: "CocogooseProNarrow Semilight", sans-serif!important;
  font-style: normal!important;
  font-size: 18px!important;
  padding: 15px 25px !important;
  box-shadow: var(--dropshadow-001);
}

.ff-default .ff_btn_style:hover {
  opacity: 1!important;
  background: var(--secondary-1000) !important;
}
.ff-default .ff-el-form-control {
  height: 50px !important;
}

.ff-default .ff-el-form-check label.ff-el-form-check-label,
.ff-default .ff-el-form-control p {
  font-weight: 300 !important;
}

.ff-default textarea.ff-el-form-control {
  min-height: 200px !important;
}

.fluentform .ff_upload_btn.ff-btn {
  background: var(--primary-1000)!important;
  font-size: 16px !important;
  font-weight: 400 !important;
  border-radius: 15px !important;
  line-height: 1 !important;
  padding: 15px 25px !important;
}
.fluentform .ff_upload_btn.ff-btn:hover {
  background: var(--secondary-1000) !important;
}
.fluentform .ff-el-ratings {
  display: flex !important;
}

.fluentform .ff-el-ratings input[type=radio] {
  display: none !important;
}

.fluentform .ff-el-ratings svg {
  width: 30px !important;
  height: 30px !important;
}
.fluentform .ff-el-progress-bar {
  background-color: #223a4f !important;
}

.form-step-head h3.ff-el-section-title {
  font-weight: 400 !important;
  font-size: 30px !important;
  margin-top: 30px !important;
  margin-bottom: -10px !important;
}

.form-step-head p {
  font-weight: 300 !important;
}

.fluentform .ff-el-group {
  margin-bottom: 30px !important;
}

.fluentform .ff-el-group.no_margin_bottom {
  margin-bottom: 0 !important;
  font-weight: 300 !important;
  margin-top: -20px !important;
}

.ff-default .ff-btn-secondary:not(.ff_btn_no_style) {
  background: var(--primary-1000) !important;
  padding: 15px 25px !important;
  color: white !important;
  border: none !important;
  border-radius: 15px !important;
  cursor: pointer;
  transition: .15s;
}
.ff-default .ff-el-input--label label {
  font-weight: 400 !important;
  letter-spacing: .8px !important;
}
.ff-default .ff-btn-secondary:not(.ff_btn_no_style):hover {
  background: var(--secondary-1000) !important;
}

.ds-form-link {
  color: var(--light-primary);
  text-decoration: underline;
  transition: .15s;
}
.ds-form-link:hover {
  color: var(--secondary-1000);
  text-decoration: underline;
}

.form-flex-row .ff-el-input--content{
  display: flex !important;
  flex-direction: row !important;
}

.form-flex-row .ff-el-form-check label {
  min-width: 40px !important;
  display: flex!important;
  flex-direction: column !important;
  align-items: center !important;
}
.ff-el-form-check-label {
  display: flex !important;
  gap: 0 !important;
}
.ff-el-form-check-label span,
.form-flex-row .ff-el-form-check span {
  color: var(--light-primary) !important;
}
.ff-default .ff-el-input--label label {
  color: var(--light-primary) !important;
}
.form-flex-row .ff-el-input--label label {
  margin-bottom: 15px !important;
}
.ff_t_c {
  color: var(--light-primary) !important;
}
.ff-default .ff-el-form-check:last-child label.ff-el-form-check-label {
  gap: 0 !important;
}

.fluentform input[type=radio] {
  margin-right: 10px !important;
}

.fluentform .ff-el-tc.ff-el-form-check:last-child label.ff-el-form-check-label {
  gap: 10px !important;
}

.ff-default .checkbox-row .ff-el-form-check label.ff-el-form-check-label {
  gap: 10px !important;
}
.fluentform .checkbox-row .ff-el-form-check-label .ff-el-form-check-input {
  top: 4px !important;
}

.feedback-row {
  margin-top: 50px;
}
.bm-own-list ul {
  padding: 0;
  padding-left: 20px;
  margin: 0;
}

.bm-own-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 22px;
}

.bm-own-list ul li:before {
  position: absolute;
  width: 20px;
  height: 8px;
  background: var(--primary-1000);
  border-radius: var(--border-radius-minimal);
  left: -20px;
  top: 10px;
  content: "";
}
@media only screen and (max-width: 1520px) {
  #div_block-1157-12,
  #div_block-3586-12 {
    align-items: flex-start;
  }
}

@media only screen and (max-width: 1399px) {
  .unslider-arrow {
    right: 10px !important;
  }
 
  #logo-signet {
    max-width: 66px;
    max-height: 70px;
  }
  
  #logo-wording {
    max-width: 130px;
  }
}

@media only screen and (max-width: 767px) {
  
  .hide-on-mobile {
    display:none;
    br{
      display:none;
    }
  }
  
  #logo-signet {
    max-width: 55px;
  }
  
  #logo-wording {
    max-width: 130px;
  }

  .post-slider .oxy-carousel-builder_icon {
    bottom: -85px !important;
    right: 20px !important;
    top: auto !important;
  }

  .post-slider .oxy-carousel-builder_icon.oxy-carousel-builder_prev {
    right: 85px !important;
  }
  #-carousel-builder-1809-12 {
    width: calc(100% + 40px);
  }

  .unslider {
    padding: 0 20px !important;
  }

  .unslider-active .slider-content-image {
    left: 0 !important;
  }

  #div_block-10738-12 {
    right: 20px;
    gap: 0;
  }

  #text_block-10739-12 {
    font-size: 15px !important;
  }

  #div_block-10738-12 svg {
    width: 30px !important;
    margin-top: 4px;
  }

  .slider-content-text {
    min-width: 100% !important;
  }
}

@media only screen and (max-width: 480px) {

  #logo-signet {
    max-width: 40px;
    max-height: 40px;
    margin-bottom: -5px;
  }
  
  #logo-wording {
    max-width: 90px;
    max-height: 40px;
    margin-bottom: -5px;
  }
}


@media only screen and (max-width: 1600px) {
  #text_block-10941-61{
    max-width: 700px !important;
  } 
  #text_block-10909-61 {
    max-width: 700px !important;
  }
  .M-Strong {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1400px) {
  #text_block-10941-61{
    max-width: 600px !important;
  } 
  #text_block-10909-61 {
    max-width: 600px !important;
  }
  .M-Strong: 36px;

  .footer-link{
    font-size: 12px !important;
  }
  #text_block-70-14{
    font-size: 12px !important;
  }
}

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

@media only screen and (max-width: 768px) {
    #text_block-10941-61{
    max-width: 100% !important;
  } 
  #text_block-10909-61 {
    max-width: 100% !important;
  }
  #div_block-11104-61 {
    align-items: center !important;
  }
  .has-blured-end:after {
    filter: blur(50px);
    height: 700px;
  }

  .oxy-carousel-builder_prev:before {
    display: none;
  }

  .leistungen-slider.oxy-carousel-builder .oxy-carousel-builder_icon {
    right: 20px !important;
    bottom: 20px !important;
  }

  .leistungen-slider .oxy-carousel-builder_icon.oxy-carousel-builder_prev {
    right: 85px !important;
  }

  #section-2-12 {
    height: auto !important;
  }
}

@media only screen and (max-width: 600px) {
  .intro-headline {
    font-size: 44px !important;
  }

  .bm-own-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 20px;
}
  
}

@media only screen and (max-width: 480px) {
  #-carousel-builder-18-12 .oxy-dynamic-list > .ct-div-block, 
  #-carousel-builder-18-12 .oxy-dynamic-list .flickity-slider > .ct-div-block {
    width: 100% !important;
  }

    .intro-headline {
    font-size: 35px !important;
  }
}

#-carousel-builder-11448-12 .oxy-carousel-builder_icon,
#-carousel-builder-10717-12 .oxy-carousel-builder_icon {
  display: none;
}


/* FORM CHECKBOX */
.ff-default textarea.ff-el-form-control {
  padding: 15px !important;
  line-height: 1.5 !important;
}
.ff-default .ff-el-form-check:last-child label.ff-el-form-check-label {
  display: flex;
  gap: 10px;
}

.ff-default .ff-el-form-control {
  font-family: "CocogooseProNarrow",sans-serif !important;
  font-size: 16px !important;
}

.form-control {
  font-size: 2rem !important;
  font-weight: bold !important;
  line-height: 1.1 !important;
  display: grid !important;
  grid-template-columns: 1em auto !important;
  gap: 0.5em !important;
  font-family: "CocogooseProNarrow",sans-serif !important;
}

input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-color: #fff !important;
  margin: 0 !important;
  font: inherit !important;
  color: var(--primary-1000) !important;
  width: 1.15em !important;
  height: 1.15em !important;
  border: 0.15em solid white !important;
  border-radius: 0.15em !important;
  transform: translateY(-0.075em) !important;
  display: grid !important;
  place-content: center !important;
}

.form-control + .form-control {
  margin-top: 1em !important;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.85em !important;
  height: 0.85em !important;
  transform: scale(0) !important;
  transition: 120ms transform ease-in-out !important;
  box-shadow: inset 1em 1em var(--primary-1000) !important;
  transform-origin: bottom left !important;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
}

input[type="checkbox"]:checked::before {
  transform: scale(1) !important;
}

/* FORM RADIOS */

.form-control {
  font-size: 2rem !important;
  font-weight: bold!important;
  line-height: 1.1!important;
  display: grid!important;
  grid-template-columns: 1em auto!important;
  gap: 0.5em!important;
}

input[type="radio"] {
  cursor: pointer;
  -webkit-appearance: none!important;
  appearance: none!important;
  background-color: #fff!important;
  margin: 0!important;
  font: inherit!important;
  color: var(--primary-1000)!important;
  width: 1.15em!important;
  height: 1.15em!important;
  border: 0.15em solid var(--primary-1000) !important;
  border-radius: 50%!important;
  transform: translateY(-0.075em)!important;
  display: grid!important;
  place-content: center!important;
}

input[type="radio"]::before {
  content: ""!important;
  width: 0.65em!important;
  height: 0.65em!important;
  border-radius: 50%!important;
  transform: scale(0)!important;
  transition: 120ms transform ease-in-out!important;
  box-shadow: inset 1em 1em var(--primary-1000) !important;
}

input[type="radio"]:checked::before {
  transform: scale(1)!important;
}

@media only screen and (max-height: 780px) {
  .arrow-down-link {
    display: none !important;
  }
}

@media only screen and (min-width: 2400px) {
  .leistungen-slider .oxy-carousel-builder_icon {
    display: none !important;
  }
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
  #image-11-317 {
    margin-left: 250px !important;
  }
}

#menu-item-588 a{
  background: none;
}

#menu-item-588 a:hover{
  background: #223a4f;
}

#menu-item-588 a:active{
  background: #223a4f;
}



.fixedheader #menu-item-588 a:hover{
  background: #32b4a2;
}

.fixedheader #menu-item-588 a:active{
  background: #32b4a2;
}



*/

@media only screen and (max-width: 1720px) {
  #-mega-menu-16-114{
    display: none !important;
  }
  #-pro-menu-119-114{
    display: none !important;
  }
  #-pro-menu-8-14{
    display: none !important;
  }
  #fancy_icon-104-114{
    display: flex !important;
  }
}


@media only screen and (max-width: 768px) {
  #span-39-314{
    max-width: 600px !important;
  }
}

@media only screen and (max-width: 480px) {
  #span-39-314{
    max-width: 300px !important;
  }
}.waves {
  transtion: 1s;
  transition-delay: 1s;
  opacity: .3;
}

#state-1, #state-2, #state-3 {
        opacity: 0;
        transition: opacity .1s;
    }

    @keyframes fadeInOut {
        0%, 100% { opacity: 0; }
        50% { opacity: .3; }
    }

    #state-1 {
        animation: fadeInOut 3s .5s infinite;
    }

    #state-2 {
        animation: fadeInOut 3s 1s infinite;
    }

    #state-3 {
        animation: fadeInOut 3s 1.5s infinite;
    }@media only screen and (min-width: 2450px) {

  .post-slider.oxy-carousel-builder .oxy-carousel-builder_icon {
    display: block;
  }
}@font-face {
    font-family: 'CocogoosePro';
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Light.eot');
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Light.eot?') format('embedded-opentype'),
        url('../../fonts/CocogoosePro-Light.woff2') format('woff2'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Light.woff') format('woff'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Light.ttf') format('truetype'),
        url('../../fonts/CocogoosePro-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro Semilight';
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-SemilightItalic.eot');
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-SemilightItalic.eot?') format('embedded-opentype'),
        url('../../fonts/CocogoosePro-SemilightItalic.woff2') format('woff2'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-SemilightItalic.woff') format('woff'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-SemilightItalic.ttf') format('truetype'),
        url('../../fonts/CocogoosePro-SemilightItalic.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProNarrow';
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-LightItalic.eot');
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-LightItalic.eot?') format('embedded-opentype'),
        url('../../fonts/CocogooseProNarrow-LightItalic.woff2') format('woff2'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-LightItalic.woff') format('woff'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-LightItalic.ttf') format('truetype'),
        url('../../fonts/CocogooseProNarrow-LightItalic.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProNarrow';
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Light.eot');
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Light.eot?') format('embedded-opentype'),
        url('../../fonts/CocogooseProNarrow-Light.woff2') format('woff2'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Light.woff') format('woff'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Light.ttf') format('truetype'),
        url('../../fonts/CocogooseProNarrow-Light.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogooseProNarrow Semilight';
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Semilight.eot');
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Semilight.eot?') format('embedded-opentype'),
        url('../../fonts/CocogooseProNarrow-Semilight.woff2') format('woff2'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Semilight.woff') format('woff'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogooseProNarrow-Semilight.ttf') format('truetype'),
        url('../../fonts/CocogooseProNarrow-Semilight.svg') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CocogoosePro';
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Regular.eot');
    src: url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Regular.eot?') format('embedded-opentype'),
        url('../../fonts/CocogoosePro-Regular.woff2') format('woff2'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Regular.woff') format('woff'),
        url('https://neu.leopold-netzwerke.de/wp-content/uploads/fonts/CocogoosePro-Regular.ttf') format('truetype'),
        url('../../fonts/CocogoosePro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, h1,h2,h3,h4,h5,h6 {
  font-family:"CocogoosePro", sans-serif;
}

.cocco-narrow,
.cocco-narrow p {
  font-family: "CocogooseProNarrow",sans-serif !important;
}

.cocco-narrow-semi,
.cocco-narrow-semi {
  font-family: "CocogooseProNarrow Semilight", sans-serif !important;
}

.cocco-narrow-light,
.cocco-narrow-light {
  font-family: "CocogooseProNarrow Light", sans-serif !important;
}