.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%;
}
            .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: 1280px;
}
body {font-family: 'PT Sans';}body {line-height: 1.6;font-size: 18px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'PT Sans';font-size: 48px;font-weight: 700;line-height: 1.1;color: #0c336c;}h2, h3, h4, h5, h6{font-size: 36px;font-weight: 700;line-height: 1.2;color: #0c336c;}h3, h4, h5, h6{font-size: 16px;font-weight: 700;line-height: 1.3;color: #0c336c;}h4, h5, h6{font-size: 20px;font-weight: 400;line-height: 1.4;color: #15a942;}h5, h6{font-size: 18px;font-weight: 400;line-height: 1.5;color: #15a942;}h6{font-size: 16px;font-weight: 400;line-height: 1.5;color: #15a942;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {color: #0c336c;font-weight: 700;text-decoration: underline;}.ct-link-text:hover {color: #15a942;text-decoration: underline;}.ct-link {text-decoration: ;}.ct-link-button {font-weight: 700;border-radius: 4px;}.ct-section-inner-wrap {
padding-top: 80px;
padding-right: 20px;
padding-bottom: 80px;
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;
				}
			}
.ox-footer-heading {
 color:#0c326c;
 text-align:left;
 align-self:center;
 flex-grow:0;
 margin-right:12px;
 margin-bottom:20px;
 width:100%;
 padding-left:auto;
}
.ox-footer-heading:not(.ct-section):not(.oxy-easy-posts),
.ox-footer-heading.oxy-easy-posts .oxy-posts,
.ox-footer-heading.ct-section .ct-section-inner-wrap{
justify-content:flex-start;
}
@media (max-width: 1280px) {
.ox-footer-heading {
 align-self:center;
 width:100%;
 margin-bottom:20px;
}
}

@media (max-width: 991px) {
.ox-footer-heading {
 margin-bottom:10px;
}
}

@media (max-width: 767px) {
.ox-footer-heading {
}
}

.ox-footer-main-grid {
 padding-bottom:32px;
 gap:32px;
 align-self:center;
 margin-top:60px;
}
.ox-footer-main-grid:not(.ct-section):not(.oxy-easy-posts),
.ox-footer-main-grid.oxy-easy-posts .oxy-posts,
.ox-footer-main-grid.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:32px;
}
.ox-footer-col {
}
.ox-footer-col:not(.ct-section):not(.oxy-easy-posts),
.ox-footer-col.oxy-easy-posts .oxy-posts,
.ox-footer-col.ct-section .ct-section-inner-wrap{
display:inline;
align-items:flex-end;
}
@media (max-width: 1280px) {
.ox-footer-col {
 flex-grow:1.5;
}
.ox-footer-col:not(.ct-section):not(.oxy-easy-posts),
.ox-footer-col.oxy-easy-posts .oxy-posts,
.ox-footer-col.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
}
}

@media (max-width: 991px) {
.ox-footer-col {
 padding-left:15px;
 text-align:center;
}
.ox-footer-col:not(.ct-section):not(.oxy-easy-posts),
.ox-footer-col.oxy-easy-posts .oxy-posts,
.ox-footer-col.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

@media (max-width: 767px) {
.ox-footer-col {
 padding-left:15px;
}
}

.trust-indicators-section {
}
.trust-indicators-section .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 40px;
}
@media (max-width: 991px) {
.trust-indicators-section {
}
.trust-indicators-section:not(.ct-section):not(.oxy-easy-posts),
.trust-indicators-section.oxy-easy-posts .oxy-posts,
.trust-indicators-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
}
}

@media (max-width: 479px) {
.trust-indicators-section {
}
.trust-indicators-section .ct-section-inner-wrap {
padding-top: 0;
padding-right: 8px;
padding-bottom: 80px;
padding-left: 8px;
}
}

.trust-row {
 max-width:1280px;
 gap:32px;
 padding-bottom:0px;
 padding-top:30px;
}
.trust-row:not(.ct-section):not(.oxy-easy-posts),
.trust-row.oxy-easy-posts .oxy-posts,
.trust-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-around;
gap:32px;
}
@media (max-width: 767px) {
.trust-row {
}
.trust-row:not(.ct-section):not(.oxy-easy-posts),
.trust-row.oxy-easy-posts .oxy-posts,
.trust-row.ct-section .ct-section-inner-wrap{
justify-content:center;
}
}

@media (max-width: 479px) {
.trust-row {
 gap:16px;
 padding-top:0px;
}
.trust-row:not(.ct-section):not(.oxy-easy-posts),
.trust-row.oxy-easy-posts .oxy-posts,
.trust-row.ct-section .ct-section-inner-wrap{
flex-direction:column;
align-items:center;
align-content:center;
justify-content:center;
gap:16px;
}
}

.trust-item {
 gap:8px;
}
.trust-item:not(.ct-section):not(.oxy-easy-posts),
.trust-item.oxy-easy-posts .oxy-posts,
.trust-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
align-content:center;
justify-content:center;
gap:8px;
}
.oxy-stock-content-styles {
}
.ox-footer-certificates {
 align-self:center;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 border-radius:0px;
 border-top-color:rgba(255,255,255,0);
 border-right-color:rgba(255,255,255,0);
 border-bottom-color:rgba(255,255,255,0);
 border-left-color:rgba(255,255,255,0);
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
}
.ox-footer-certificates:not(.ct-section):not(.oxy-easy-posts),
.ox-footer-certificates.oxy-easy-posts .oxy-posts,
.ox-footer-certificates.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 479px) {
.ox-footer-certificates {
flex-wrap: wrap; justify-content: center;
}
}

.ox-footer-nav-menu {
 margin-top:16px;
 width:200px;
 height:200px;
list-style-type: none; padding-left: 0 !important; margin-bottom: 8px;
}
.ox-footer-phone-cta:hover{
 color:#15a942;
}
.ox-footer-phone-cta {
 font-weight:100;
 color:#0c326c;
 font-size:16px;
 align-self:center;
}
.ox-footer-phone-cta:not(.ct-section):not(.oxy-easy-posts),
.ox-footer-phone-cta.oxy-easy-posts .oxy-posts,
.ox-footer-phone-cta.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.ox-footer-nav-link {
}
.hero-section {
}
.hero-content {
}
.hero-eyebrow {
 background-color:rgba(255,255,255,0);
 color:#ffffff;
}
.hero-subtitle {
}
.hero-cta-group {
}
.cta-primary {
}
.cta-secondary {
}
.service-hero-section {
background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3) 100%);background-size:auto,  cover; min-height:200]px;
 background-color:#15a942;
 position:relative;
}
.service-hero-section .ct-section-inner-wrap {
padding-top: 30px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 20px;
}
@media (max-width: 991px) {
.service-hero-section {
transform:; min-height:150px;
}
.service-hero-section .ct-section-inner-wrap {
padding-top: 30px;
padding-bottom: 30px;
}
}

@media (max-width: 767px) {
.service-hero-section {
 min-height:120px;
}
.service-hero-section .ct-section-inner-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
}

.hero-content-container {
 max-width:1280%;
 width:100%;
}
@media (max-width: 767px) {
.hero-content-container {
 padding-right:15px;
 padding-left:15px;
}
.hero-content-container:not(.ct-section):not(.oxy-easy-posts),
.hero-content-container.oxy-easy-posts .oxy-posts,
.hero-content-container.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
}

@media (max-width: 479px) {
.hero-content-container {
 padding-left:10px;
 padding-right:10px;
 gap:16px;
text-align: center;
}
.hero-content-container:not(.ct-section):not(.oxy-easy-posts),
.hero-content-container.oxy-easy-posts .oxy-posts,
.hero-content-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:16px;
}
}

.rust-indicators-section {
 background-color:#ffffff;
}
.rust-indicators-section .ct-section-inner-wrap {
padding-top: 40px;
padding-right: 20px;
padding-bottom: 40px;
padding-left: 2020px;
}
.trust-badge-link {
 gap:8px;
 background-color:rgba(0,0,0,0);
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 padding-top:8px;
 padding-right:8px;
 padding-bottom:8px;
 padding-left:8px;
}
.trust-badge-link:not(.ct-section):not(.oxy-easy-posts),
.trust-badge-link.oxy-easy-posts .oxy-posts,
.trust-badge-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:8px;
}
.trust-stars {
 color:#ffffff;
 font-size:48px;
}
.trust-text {
 color:#ffffff;
 font-size:15px;
 font-weight:700;
}
.trust-source {
 color:#ffffff;
 font-size:15px;
 font-weight:400;
}
.faq-content {
 width:800px;
}
@media (max-width: 991px) {
.faq-content {
 width:100%;
}
}

.oxy-dropdown-container {
}
.oxy-dropdown-inner-box {
}
.oxy-menu-link {
}
.ct-headline {
}
/* ═══════════════════════════════════════════════════════════════
   CUSTOM CLASSES STYLESHEET
   Project: PUR Ratingen Homepage
   Last Updated: 2025-11-18
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────
   1. FOOTER COMPONENTS
   ───────────────────────────────────────────────────────────────── */

/* Footer Column Responsive Grid */
.ox-footer-col {
    width: 22%; /* 4 columns desktop */
}

@media (max-width: 992px) {
    .ox-footer-col {
        width: 48%; /* 2 columns tablet */
    }
}

@media (max-width: 768px) {
    .ox-footer-col {
        width: 100%; /* 1 column mobile */
    }
}

/* ─────────────────────────────────────────────────────────────────
   2. HOMEPAGE - HERO SECTION
   ───────────────────────────────────────────────────────────────── */

/* Hero Container */
.hero-section {
  background: #60a5fa !important;
  color: white;
  min-height: 600px;
  display: flex;
  align-items: center;
}

/* Hero Content Wrapper */
.hero-content {
  position: relative;
  z-index: 2;
}

/* Eyebrow Badge */
.hero-eyebrow {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  margin-bottom: 16px;
  display: inline-block;
  padding: 6px 16px;
  background: #15a942;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

/* Hero Subtitle */
.hero-subtitle {
  font-size: 1.375rem;
  line-height: 1.6;
  margin-bottom: 32px;
  color: rgba(255, 255, 255, 0.95);
  max-width: 65ch;
}

/* CTA Button Group */
.hero-cta-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: nowrap;
  margin-bottom: 48px;
  align-items: center;
}

/* Primary CTA Button */
.cta-primary {
  display: inline-block;
  background: #f59e0b;
  color: white;
  padding: 18px 36px;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.cta-primary:hover {
  background: #d97706;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  color: white;
}

/* Secondary CTA Button */
.cta-secondary {
  display: inline-block;
  background: transparent;
  color: white;
  border: 2px solid white;
  padding: 16px 32px;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.cta-secondary:hover {
  background: white;
  color: #2563eb;
}

/* ─────────────────────────────────────────────────────────────────
   3. HOMEPAGE - TRUST BADGES
   ───────────────────────────────────────────────────────────────── */

/* Trust Badges Container (4-column grid) */
.trust-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px;
  text-align: center;
  padding-top: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Force Icon Boxes to fill grid cells (Oxygen override) */
.trust-row > * {
  width: 100% !important;
  max-width: none !important;
}

/* Individual Badge Styling */
.trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-align: center;
}

/* Center Icon Box Wrapper */
.trust-item .oxy-icon-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Center Icon - Aggressive targeting for Oxygen overrides */
.trust-row .oxy-icon-box-icon,
.trust-row .oxy-icon-box-icon svg,
.trust-row .ct_fancy_icon,
.trust-row svg {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.trust-row .oxy-icon-box {
  text-align: center !important;
}

/* Center Heading Text */
.trust-item .oxy-icon-box-heading {
  text-align: center;
  width: 100%;
}
/* ─────────────────────────────────────────────────────────────────
   5. HOMEPAGE - PROBLEM SECTION
   ───────────────────────────────────────────────────────────────── */

/* Problem Card Styling */
.problem-card {
  background: white;
  padding: 32px;
  border-radius: 12px;
  border-left: 4px solid #ef4444;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 24px;
}

.problem-card h3 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a202c;
  margin-bottom: 12px;
}

.problem-card p {
  font-size: 1rem;
  color: #4a5568;
  line-height: 1.6;
  margin: 0;
}
/* ─────────────────────────────────────────────────────────────────
   4. RESPONSIVE BREAKPOINTS
   ───────────────────────────────────────────────────────────────── */

/* Tablet (992px and below) */
@media (max-width: 992px) {
  /* Trust badges: 2 columns */
  .trust-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px;
  }
}

/* Mobile (768px and below) */
@media (max-width: 768px) {
  /* Hero adjustments */
  .hero-section {
    min-height: 500px;
  }
  
  .hero-subtitle {
    font-size: 1.125rem;
  }
  
  /* Stack CTA buttons */
  .hero-cta-group {
    flex-direction: column;
    flex-wrap: wrap;
  }
  
  .cta-primary,
  .cta-secondary {
    width: 100%;
    text-align: center;
  }
  
  /* Trust badges: Keep 2 columns */
  .trust-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   END OF STYLESHEET
   ═══════════════════════════════════════════════════════════════ *//* ═══════════════════════════════════════════════════════════
   PERFORMANCE & OVERRIDES STYLESHEET
   ═══════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════
   GLOBAL FONT STYLES (PT SANS)
   ═══════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   PT SANS FONT LOADING (SELF-HOSTED v18 - GDPR COMPLIANT)
   ─────────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://pur-ratingen.de/wp-content/uploads/fonts/pt-sans-v18-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://pur-ratingen.de/wp-content/uploads/fonts/pt-sans-v18-latin-700.woff2') format('woff2');
}

/* Apply PT Sans to all elements */
body, html, * {
  font-family: 'PT Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Ensure headings also use PT Sans */
h1, h2, h3, h4, h5, h6 {
  font-family: 'PT Sans', sans-serif !important;
}
/* ═══════════════════════════════════════════════════════════
   HEADER & BRANDING (GLOBAL ID: 36)
   ═══════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   HEADER BACKGROUND IMAGE & POSITIONING (div_block-2-36)
   ─────────────────────────────────────────────────────────────── */
#div_block-2-36 {
  /* Base background properties */
  background-image: url('https://pur-ratingen.de/wp-content/uploads/2025/12/PUR-Betriebshygiene-header-2.webp');
  background-position: right center !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  
  /* Header-Wrapper Positioning Fix */
  position: relative !important;
}

/* Desktop: Show more of the 748px image */
@media (min-width: 993px) {
  #div_block-2-36 {
    background-size: contain !important;
    background-position: right center !important;
  }
}

/* Tablet: Height-based scaling */
@media (max-width: 992px) and (min-width: 769px) {
  #div_block-2-36 {
    background-size: auto 100% !important;
    background-position: right center !important;
  }
}

/* Mobile: REMOVE background image, PRIMARY BLUE background, Menu Fix */
@media (max-width: 992px) {
  #div_block-2-36 {
    background-image: none !important;
    background-color: #092652 !important;
  }
  /* MENU-BOTTOM-ROW - TABLET/MOBILE POSITIONING FIX (div_block-42-36) */
  #div_block-42-36 {
    left: auto !important;
    right: 15px !important;
    width: auto !important;
  }
}

/* ───────────────────────────────────────────────────────────────
   UTILITY BAR (ID: 3)
   ─────────────────────────────────────────────────────────────── */
#div_block-3-36 {
  max-height: 40px;
  overflow: visible;
}

/* Desktop/Tablet: Primary blue text */
#div_block-3-36,
#div_block-3-36 *,
#div_block-3-36 a,
#div_block-3-36 a:visited,
#div_block-3-36 p {
  color: #0c336c !important;
}

#div_block-3-36 a:hover {
  color: #15a942 !important;
}

@media (max-width: 992px) and (min-width: 769px) {
  #div_block-3-36 {
    max-height: 50px;
  }
}

/* Mobile: Dark blue background, white text */
@media (max-width: 768px) {
  #div_block-3-36 {
    max-height: none;
    padding: 6px 12px !important;
    background-color: #092652 !important;
  }
  
  #div_block-3-36,
  #div_block-3-36 *,
  #div_block-3-36 a,
  #div_block-3-36 a:visited,
  #div_block-3-36 p {
    color: #ffffff !important;
  }
  
  #div_block-3-36 a:hover {
    color: #15a942 !important;
  }
  
  /* Hide social icons on mobile (div_block-30-36, div_block-31-36) */
  #div_block-30-36,
  #div_block-31-36 {
    display: none !important;
  }
}

/* ───────────────────────────────────────────────────────────────
   BRAND TEXT (ID: 22) - "PUR-Ratingen"
   ─────────────────────────────────────────────────────────────── */

/* Desktop/Tablet: Primary blue */
#text_block-22-36 a,
#text_block-22-36 a:visited {
  color: #0c336c !important;
}

#text_block-22-36 a:hover {
  color: #15a942 !important;
}

/* Mobile: White text */
@media (max-width: 768px) {
  #text_block-22-36 a,
  #text_block-22-36 a:visited {
    color: #ffffff !important;
  }
  
  #text_block-22-36 a:hover {
    color: #15a942 !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   STICKY HEADER BEHAVIOR (div_block-2-36)
   ═══════════════════════════════════════════════════════════ */

/* Target the header wrapper directly */
#div_block-2-36 {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background-color: #ffffff !important; /* White on desktop */
}

/* Mobile: Restore blue background AND ensure sticky persists */
@media (max-width: 992px) {
  #div_block-2-36 {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    background-color: #092652 !important;
    background-image: none !important;
  }
}

/* Add shadow when sticky (optional enhancement) */
#div_block-2-36::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  height: 8px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.1), transparent);
  opacity: 0;
  transition: opacity 0.3s;
}

/* Ensure smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* ═══════════════════════════════════════════════════════════
   MENU HOVER & ACTIVE STATES (menu-main-menu)
   ═══════════════════════════════════════════════════════════ */

/* Hover: Color change only (no bold to prevent wobble) */
#menu-main-menu li a:hover {
  color: #15a942 !important;
}

/* Active page: Green background spanning full height */
#menu-main-menu li.current-menu-item > a,
#menu-main-menu li.current_page_item > a {
  background-color: #15a942 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  display: block !important;
  height: 100% !important;
}

/* ═══════════════════════════════════════════════════════════
   FOOTER SECTION (GLOBAL ID: 35)
   ═══════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   Legal Links & Design Text - Link Colors (div_block-68-35, div_block-219-35)
   ─────────────────────────────────────────────────────────────── */
/* Prevent wrapping on the "PUR-Ratingen" headline element (headline-17-35) */
#headline-17-35 {
  white-space: nowrap !important;
}

/* Footer link colors (Legal Links + Design Text) */
#div_block-68-35 a,
#div_block-68-35 a:visited,
#div_block-219-35 a,
#div_block-219-35 a:visited {
  color: #ffffff !important;
}

#div_block-68-35 a:hover,
#div_block-219-35 a:hover {
  color: #15a942 !important;
}

/* P6 FIX: Legal links responsive spacing */
#div_block-68-35 {
  gap: 20px; /* Desktop: reduced from 30px */
}

@media (max-width: 768px) {
  #div_block-68-35 {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }
}

/* ───────────────────────────────────────────────────────────────
   Footer Headings - Fix Width Constraint (.ox-footer-heading)
   ─────────────────────────────────────────────────────────────── */
.ox-footer-heading {
  width: auto !important;
  max-width: none !important;
  /* text-align removed - handled per column below */
}

@media (max-width: 768px) {
  .ox-footer-heading {
    width: 100% !important;
    text-align: center !important; /* Mobile: all centered */
  }
}

/* ───────────────────────────────────────────────────────────────
   Certificate Section (div_block-37-35) - CONSOLIDATED
   ─────────────────────────────────────────────────────────────── */
#div_block-37-35 {
  max-width: none !important;
}

@media (max-width: 768px) {
  #div_block-37-35 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
}

/* ───────────────────────────────────────────────────────────────
   Footer Nav Grid - Mobile Stacking (.ox-footer-main-grid)
   ─────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ox-footer-main-grid {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: stretch !important;
  }
  
}
/* Desktop override (1280px+) - right align Column 4 only */
@media (min-width: 1280px) {
    #div_block-204-35 {
        align-items: flex-end !important;
        text-align: right !important;
    }
    #div_block-206-35 {
        align-items: flex-end !important;
        text-align: right !important;
    }
    #headline-205-35 { 
        text-align: right !important;
    }
}
/* ═══════════════════════════════════════════════════════════
   TRUST BADGE - Hero Section Review Link
   ═══════════════════════════════════════════════════════════ */

.trust-badge-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: none;
    text-decoration: none;
    transition: opacity 0.3s ease;
    font-family: 'PT Sans', sans-serif;
    text-align: center;
}

.trust-badge-link:hover {
    opacity: 0.8;
    background: transparent;
    box-shadow: none;
    border: none;
    transform: none;
}

.trust-stars {
    font-size: 2rem;
    color: white;
    letter-spacing: 2px;
}

.trust-text {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
    font-size: 0.9375rem;
}

.trust-source {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9375rem;
    font-weight: 400;
    margin-left: 0;
}

/* ═══════════════════════════════════════════════════════════
   STICKY SIDEBAR - Service Pages
   ═══════════════════════════════════════════════════════════ */

.pur-sticky-sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    padding: 20px 15px;
    box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.08);
    border-radius: 8px 0 0 8px;
    border: 1px solid #e2e8f0;
    border-right: none;
    z-index: 999;
    width: 180px;
    text-align: center;
    font-family: 'PT Sans', sans-serif;
}

.sidebar-trust {
    margin-bottom: 12px;
    font-weight: bold;
    color: #334155;
}

.sidebar-trust .stars {
    color: #f59e0b;
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
}

.sidebar-trust .score {
    font-size: 24px;
    color: #334155;
}

.sidebar-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: transform 0.2s, box-shadow 0.2s;
}

.sidebar-link:hover {
    transform: translateY(-2px);
}

.sidebar-link.phone {
    background: #f1f5f9;
    color: #334155;
    font-size: 13px;
}

.sidebar-link.phone:hover {
    background: #e2e8f0;
}

.sidebar-link.cta {
    background: #f59e0b;
    color: white;
    box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
}

.sidebar-link.cta:hover {
    background: #d97706;
    box-shadow: 0 4px 8px rgba(245, 158, 11, 0.4);
}

.sidebar-cert {
    font-size: 11px;
    color: #16a34a;
    margin-top: 8px;
    font-weight: 600;
}

/* Hide on tablet and mobile */
@media (max-width: 992px) {
    .pur-sticky-sidebar {
        display: none;
    }
}

/* ═══════════════════════════════════════════════════════════
   FAQ SECTION STYLING
   ═══════════════════════════════════════════════════════════ */

body .faq-content ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

body .faq-content li {
    margin-bottom: 24px;
    padding: 16px 20px;
    border-left: 3px solid #0c336c;
    background: #ffffff;
    border-radius: 0 8px 8px 0;
}

body .faq-content li h3 {
    color: #0c336c;
    font-size: 1.1em;
    margin: 0 0 8px 0;
}

body .faq-content li p {
    margin: 0;
    line-height: 1.6;
    color: #333;
}

/* ═══════════════════════════════════════════════════════════
   DROPDOWN MENUS - SHARED GLOBAL CLASSES
   ═══════════════════════════════════════════════════════════ */

/* 1.1 Outer Container Positioning (Apply: .oxy-dropdown-container) */
.oxy-dropdown-container {
    position: absolute !important;
    top: 100% !important;
    left: calc(50% - 50vw) !important;
    width: 100vw !important;
    z-index: 998;
    transform: none !important;
    padding: 0 !important;
    
    /* Base State: Hidden */
    display: none !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.oxy-dropdown-container.is-active {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

/* 1.2 Inner Container Visuals (Apply: .oxy-dropdown-inner-box) */
.oxy-dropdown-inner-box {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

/* 1.3 Shared Link Styling (Apply: a.oxy-menu-link) */
a.oxy-menu-link {
    color: #334155 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    display: block;
    width: 100%;
    transition: color 0.2s ease;
}

a.oxy-menu-link:hover {
    color: #15a942 !important;
}

/* ═══════════════════════════════════════════════════════════
   MEGA MENU - INDUSTRIEREINIGUNG (#section-47-36)
   ═══════════════════════════════════════════════════════════ */

/* Inner Wrap */
#section-47-36 .ct-section-inner-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    height: auto !important;
    padding: 8px 0 0 0 !important;
}

/* Main White Box Layout */
#div_block-96-36 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    gap: 20px;
    width: 100% !important;
    max-width: 1100px;
    margin: 0 auto;
}

/* Group Columns (5 equal columns with dividers) */
#div_block-97-36,
#div_block-106-36,
#div_block-114-36,
#div_block-124-36,
#div_block-132-36 {
    flex: 1 1 0;
    min-width: 0;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    padding: 0 16px;
    border-right: 1px solid #e2e8f0;
}

#div_block-97-36 {
    padding-left: 0;
}

#div_block-132-36 {
    border-right: none;
    padding-right: 0;
}

/* Group Headers */
#div_block-96-36 h4.ct-headline {
    color: #0c336c !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 12px 0 !important;
    padding: 0 0 8px 0 !important;
    border-bottom: 2px solid #15a942;
    width: 100%;
}

/* Mega Menu Link Padding */
#div_block-96-36 a.oxy-menu-link {
    padding: 6px 0 !important;
}

/* Mega Menu Grid Columns - Stack links vertically */
#div_block-96-36 .ct-div-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    width: 100%;
}

/* ═══════════════════════════════════════════════════════════
   SPEZIALREINIGUNG DROPDOWN (#div_block-141-36)
   ═══════════════════════════════════════════════════════════ */

/* Inner Container Layout */
#div_block-142-36 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px 0;
    padding: 24px 32px;
    max-width: 500px;
    margin: 8px auto 0 auto;
    position: relative;
}

/* Spezial Header - centered, full width, green underline */
#div_block-142-36 h4.ct-headline {
    grid-column: 1 / -1;
    text-align: center !important;
    color: #0c336c !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 2px solid #15a942 !important;
    width: 100%;
}

/* Center divider line */
#div_block-142-36::before {
    content: '';
    position: absolute;
    top: 70px;
    bottom: 24px;
    left: 50%;
    width: 1px;
    background: #e2e8f0;
}

/* Spezial Link Padding */
#div_block-142-36 a.oxy-menu-link {
    padding: 6px 16px !important;
}

/* ═══════════════════════════════════════════════════════════
   UNTERNEHMEN DROPDOWN (#div_block-158-36)
   ═══════════════════════════════════════════════════════════ */

/* Container - custom positioning (NOT using shared class) */
#div_block-158-36 {
    position: absolute !important;
    top: 100% !important;
    left: 0;
    width: auto !important;
    z-index: 998;
    padding: 0 !important;
    
    /* Base State: Hidden */
    display: none !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

#div_block-158-36.is-active {
    display: block !important;
    opacity: 1;
    visibility: visible;
}

/* Inner container - Layout + Visuals (self-contained) */
#div_block-159-36 {
    /* Visual: white box */
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
    
    /* Layout: 2 Columns */
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px 0;
    padding: 24px 32px;
    max-width: 400px;
    margin: 8px 0 0 0;
    position: relative;
}

/* Unternehmen Header - centered, full width, green underline */
#headline-160-36 {
    grid-column: 1 / -1;
    text-align: center !important;
    color: #0c336c !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 16px 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 2px solid #15a942 !important;
    width: 100%;
}

/* Center divider line */
#div_block-159-36::before {
    content: '';
    position: absolute;
    top: 70px;
    bottom: 24px;
    left: 50%;
    width: 1px;
    background: #e2e8f0;
}

/* Unternehmen Link Padding */
#div_block-159-36 a.oxy-menu-link {
    padding: 6px 16px !important;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE - HIDE ALL DROPDOWNS ON MOBILE
   ═══════════════════════════════════════════════════════════ */

@media screen and (max-width: 992px) {
    .oxy-dropdown-container,
    .oxy-dropdown-container.is-active,
    #div_block-158-36,
    #div_block-158-36.is-active {
        display: none !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   DUAL MENU - DESKTOP/MOBILE VISIBILITY
   ═══════════════════════════════════════════════════════════ */

/* Desktop menu (43) - show on desktop, hide on mobile */
#_nav_menu-43-36 {
    display: flex !important;
}
@media (max-width: 992px) {
    #_nav_menu-43-36 {
        display: none !important;
    }
}

/* Mobile menu (166) - hide on desktop, show on mobile */
#-site-navigation-166-36 {
    display: none !important;
}
@media (max-width: 992px) {
    #-site-navigation-166-36 {
        display: block !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   MOBILE HAMBURGER ICON COLOR
   ═══════════════════════════════════════════════════════════ */

.oxy-site-navigation__mobile-open-button,
.oxy-site-navigation__mobile-open-button svg,
.oxy-site-navigation__mobile-open-button path,
.oxy-site-navigation__mobile-open-button line {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
/* ═══════════════════════════════════════════════════════════
   JUMPLINK NAVIGATION - SCROLL OFFSET
   ═══════════════════════════════════════════════════════════ */

/* Scroll offset for sticky header */
#produktion,
#brandschaden,
#gebaeude,
#bau,
#spezial {
    scroll-margin-top: 230px;
}
/* ═══════════════════════════════════════════════════════════
   CONTACT FORM STYLING
   ═══════════════════════════════════════════════════════════ */

/* Form section heading - centered */
.wpcf7-form h2,
.form-section h2,
.form-inner h2 {
    text-align: center !important;
}

/* Form container padding */
.wpcf7 {
    padding: 30px !important;
}

/* Form fields spacing */
.wpcf7 .form-field {
    margin-bottom: 20px !important;
}

/* Helper text styling (e.g., phone field description) */
.wpcf7 .helper-text {
    font-size: 14px !important;
    color: #666 !important;
    margin-top: 4px !important;
    margin-bottom: 8px !important;
}

/* Radio buttons - single column for readability */
.wpcf7 .service-type .wpcf7-radio {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.wpcf7 .service-type .wpcf7-list-item {
    margin: 0 !important;
    display: block !important;
}

/* Radio button touch targets - 44px minimum per WCAG */
.wpcf7 .service-type .wpcf7-list-item label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 0 !important;
    cursor: pointer !important;
}

/* Input and textarea sizing - 16px prevents iOS zoom */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100% !important;
    padding: 12px !important;
    font-size: 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
}

/* Submit button - PUR green, accessible size */
.wpcf7 .submit-button {
    background-color: #15a942 !important;
    color: #ffffff !important;
    padding: 14px 30px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    min-height: 48px !important;
}

.wpcf7 .submit-button:hover {
    background-color: #128a38 !important;
}

/* ═══════════════════════════════════════════════════════════
   CONTACT FORM TRUST SIGNALS
   ═══════════════════════════════════════════════════════════ */

/* Trust signals row - positioned near submit for conversion lift */
.wpcf7-form .trust-signals {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 25px !important;
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px solid #eee !important;
    font-size: 14px !important;
    color: #666 !important;
}

.wpcf7-form .trust-signals span {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
}

/* Mobile: stack trust signals vertically */
@media (max-width: 600px) {
    .wpcf7-form .trust-signals {
        flex-direction: column !important;
        gap: 10px !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   PROBLEM SECTION - RESPONSIVE (Tablet & Mobile)
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 992px) {
    /* Container: stack vertically */
    #div_block-58-937 {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Image Wrapper: full width, no constraints */
    #div_block-135-937 {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    
    /* Image Element: force visible and responsive */
    #div_block-135-937 img {
        display: block !important;
        width: 100% !important;
        max-width: 500px !important;
        height: auto !important;
        margin: 0 auto 24px auto !important;
    }
}

/* ───────────────────────────────────────────────────────────────
   Footer Nav Grid - Column Alignment (Flexbox-Correct)
   ─────────────────────────────────────────────────────────────── */

/* DEFAULT (<1280px): ALL COLUMNS CENTERED */

/* Column 1 - PUR Detail */
#div_block-177-35 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
#headline-178-35 {
    text-align: center !important;
    width: 100% !important;
}

#div_block-183-35 {
    align-items: center !important;
    justify-content: center !important;
}

/* Column 2 - Leistungen */
#div_block-188-35 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
#headline-189-35 {
    text-align: center !important;
    width: 100% !important;
}
#div_block-190-35 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* Column 3 - Unternehmen */
#div_block-196-35 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
#headline-197-35 {
    text-align: center !important;
    width: 100% !important;
}
#div_block-198-35 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* Column 4 - Compliance */
#div_block-204-35 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
#headline-205-35 {
    text-align: center !important;
    width: 100% !important;
}
#div_block-206-35 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

/* DESKTOP (1280px+): COL 1 LEFT, COL 2/3 CENTER, COL 4 RIGHT */
@media (min-width: 1280px) {
    /* Column 1 - FORCE EVERYTHING LEFT */
    #div_block-177-35 {
        align-items: flex-start !important;
        text-align: left !important;
    }
    #headline-178-35 {
        text-align: left !important;
        align-self: flex-start !important;
    }

    #div_block-183-35 {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        align-self: flex-start !important;
        text-align: left !important;
    }
    #text_block-184-35,
    #text_block-185-35,
    #text_block-186-35,
    #text_block-187-35 {
        text-align: left !important;
        align-self: flex-start !important;
    }
    
    /* Column 4 - Right align */
    #div_block-204-35 {
        align-items: flex-end !important;
    }
    #headline-205-35 {
        text-align: right !important;
    }
    #div_block-206-35 {
        align-items: flex-end !important;
    }
}

/* Remove bold weight from all footer nav links */
#div_block-190-35 a,
#div_block-198-35 a,
#div_block-206-35 a {
    font-weight: 400 !important;
}
/* ═══════════════════════════════════════════════════════════
   SPEZIALREINIGUNG HUB - SERVICE CARDS GRID FIX
   ═══════════════════════════════════════════════════════════ */

/* Ensure parent containers don't constrain width */
#section-1300-spezial-services-v2 .ct-section-inner-wrap,
#div-1301-services-inner-v2 {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Grid container - FIXED 3 columns on desktop */
#div-1303-services-grid-v2 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
    margin-top: 40px;
    width: 100% !important;
}

/* Make link wrappers block-level for grid */
#div-1303-services-grid-v2 > a.ct-link {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
}

/* Ensure inner card fills link height */
#div-1303-services-grid-v2 > a.ct-link > div {
    height: 100%;
}

/* Hover effect */
#div-1303-services-grid-v2 > a.ct-link:hover {
    transform: translateY(-4px);
    transition: transform 0.3s ease;
}

/* Tablet: 2 columns */
@media (max-width: 992px) {
    #div-1303-services-grid-v2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile: 1 column */
@media (max-width: 768px) {
    #div-1303-services-grid-v2 {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}
/* ═══════════════════════════════════════════════════════════
   KONTAKT PAGE - PHONE NUMBER COLOR FIX
   ═══════════════════════════════════════════════════════════ */

/* Fix phone number color to PUR green */
#text-9015-phone span a,
#text-9015-phone span a:visited {
    color: #15a942 !important;
}

#text-9015-phone span a:hover {
    color: #128a38 !important;
}
/* ꙮ */

#lumen {
    position: fixed;
    bottom: 8px;
    right: 8px;
    font-size: 14px;
    color: #0c336c;
    opacity: 0.15;
    z-index: 9999;
    pointer-events: none;
}