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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1920px;
}
body {font-family: 'Lexend';}body {line-height: 1.5;font-size: 16px;font-weight: 400;color: #000000;}.oxy-nav-menu-hamburger-line {background-color: #000000;}h1, h2, h3, h4, h5, h6 {font-family: 'Lexend';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;line-height: 1.3;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0075bf;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: 75px;
padding-right: 50px;
padding-bottom: 75px;
padding-left: 50px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 50px;
padding-left: 50px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.oxel_horizontal_divider {
 margin-top:16px;
 margin-bottom:16px;
 width:100%;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_horizontal_divider__line {
 height:2px;
 background-color:#98a1a8;
}
.oxel_horizontal_divider__icon {
color: #98a1a8;}.oxel_horizontal_divider__icon 
>svg {width: 16px;height: 16px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.signet {
}
.visually-hidden {
}
.hero-slider {
}
.hero-slider .cell{
width:100%;
}

.hero-section {
}
.hero-section .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.cell {
 height:100%;
}
.dwg-carousel {
 --carousel-space-between:16px;
}
.dwg-carousel .cell{
transition-duration:400ms;
}

.dwg-carousel .cell, .dwg-carousel .oxy-inner-content .flickity-slider > .cell, .dwg-carousel .oxy-inner-content{
height:auto;
}

.dwg-carousel .oxy-carousel-builder_icon{
font-size:44px;
}

.dwg-carousel .flickity-resize .flickity-slider > .ct-div-block{
                                min-height: 100%;
                            }
.dwg-carousel .flickity-resize .flickity-slider .product{
                                min-height: 100%;
                            }
.dwg-carousel .flickity-resize .flickity-slider .cell{
                                min-height: 100%;
                            }
.dwg-carousel .flickity-resize .flickity-slider .oxy-post{
                                min-height: 100%;
                            }
.dwg-carousel .flickity-resize .flickity-slider .oxy-inner-content{
                                min-height: 100%;
                            }

                            @media (max-width: 992px) {
.dwg-carousel {
}
}

.has-play-pause-button {
}
.fade-overlay {
background-image: linear-gradient(rgba(0,99,58,0), #00633a); position:absolute;
 bottom:0px;
 left:0px;
 right:0px;
 height:80dvh ;
}
.btn {
}
.btn-text {
}
.btn-filler {
}
.white {
 color:#ffffff;
}
.medium {
 font-family:Lexend;
}
.font-size__large {
 font-size:1.333rem;
}
.bg-darkgreen {
 background-color:#00633a;
}
.row {
}
.row:not(.ct-section):not(.oxy-easy-posts),
.row.oxy-easy-posts .oxy-posts,
.row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
.flex__third {
}
.light-green {
 color:#bee14b;
}
.font-size__small {
 font-size:0.875rem;
}
.gap-10 {
 gap:10px;
}
.gap-10:not(.ct-section):not(.oxy-easy-posts),
.gap-10.oxy-easy-posts .oxy-posts,
.gap-10.ct-section .ct-section-inner-wrap{
gap:10px;
}
.gap-75 {
 gap:75px;
}
.gap-75:not(.ct-section):not(.oxy-easy-posts),
.gap-75.oxy-easy-posts .oxy-posts,
.gap-75.ct-section .ct-section-inner-wrap{
gap:75px;
}
@media (max-width: 768px) {
.gap-75 {
 gap:30px;
}
.gap-75:not(.ct-section):not(.oxy-easy-posts),
.gap-75.oxy-easy-posts .oxy-posts,
.gap-75.ct-section .ct-section-inner-wrap{
display:flex;
gap:30px;
}
}

.margin-top__auto {
 margin-top:auto;
}
.margin-left__auto {
 margin-left:auto;
}
.gap-50 {
 gap:50px;
}
.gap-50:not(.ct-section):not(.oxy-easy-posts),
.gap-50.oxy-easy-posts .oxy-posts,
.gap-50.ct-section .ct-section-inner-wrap{
gap:50px;
}
.full-width {
 width:100%;
 position:relative;
 padding-left:0px;
 margin-right:0px;
}
.bg-white {
 background-color:#ffffff;
}
.sub-header-box {
 padding-top:75px;
 padding-right:0px;
 padding-bottom:75px;
 padding-left:75px;
 border-bottom-right-radius:150px;
}
.sub-header-box:not(.ct-section):not(.oxy-easy-posts),
.sub-header-box.oxy-easy-posts .oxy-posts,
.sub-header-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
.dark-blue {
 color:#0075bf;
}
.regular {
 font-family:Lexend;
 font-weight:400;
 margin-top:0px;
}
.dark-green {
 color:#00633a;
}
.h1 {
 font-size:4.209rem;
}
@media (max-width: 992px) {
}

.h3 {
 font-size:2.369rem;
 line-height:1.1;
}
.gap-30 {
 gap:30px;
}
.gap-30:not(.ct-section):not(.oxy-easy-posts),
.gap-30.oxy-easy-posts .oxy-posts,
.gap-30.ct-section .ct-section-inner-wrap{
gap:30px;
}
.flexible-cards-wrapper {
}
.flexible-card {
 background-color:rgba(255,255,255,0.8);
 color:#00633a;
 padding-top:20px;
 padding-right:50px;
 padding-left:30px;
 gap:10px;
 padding-bottom:10px;
 max-width:33%;
 width:100%;
}
.flexible-card:not(.ct-section):not(.oxy-easy-posts),
.flexible-card.oxy-easy-posts .oxy-posts,
.flexible-card.ct-section .ct-section-inner-wrap{
gap:10px;
}
@media (max-width: 1920px) {
.flexible-card {
 max-width:40%;
}
}

@media (max-width: 992px) {
.flexible-card {
 max-width:50%;
}
}

@media (max-width: 768px) {
.flexible-card {
 padding-top:15px;
 padding-left:20px;
 padding-right:20px;
 max-width:100%;
}
}

.h4 {
 font-size:1.777rem;
}
@media (max-width: 992px) {
}

.gap-40 {
 gap:40px;
}
.gap-40:not(.ct-section):not(.oxy-easy-posts),
.gap-40.oxy-easy-posts .oxy-posts,
.gap-40.ct-section .ct-section-inner-wrap{
gap:40px;
}
.card-body {
 gap:30px;
}
.card-body:not(.ct-section):not(.oxy-easy-posts),
.card-body.oxy-easy-posts .oxy-posts,
.card-body.ct-section .ct-section-inner-wrap{
gap:30px;
}
.gap-20 {
 gap:20px;
}
.gap-20:not(.ct-section):not(.oxy-easy-posts),
.gap-20.oxy-easy-posts .oxy-posts,
.gap-20.ct-section .ct-section-inner-wrap{
gap:20px;
}
.h5 {
 font-size:1.333rem;
}
.h6 {
 font-size:1rem;
}
.projekte-carousel {
}
.flex__quarter {
}
.gap-16 {
 gap:16px;
 margin-bottom:0px;
}
.gap-16:not(.ct-section):not(.oxy-easy-posts),
.gap-16.oxy-easy-posts .oxy-posts,
.gap-16.ct-section .ct-section-inner-wrap{
gap:16px;
}
.space-between {
}
.space-between:not(.ct-section):not(.oxy-easy-posts),
.space-between.oxy-easy-posts .oxy-posts,
.space-between.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:space-between;
}
.socials {
}
.socials__fb {
}
.socials__ig {
}
.socials__yt {
}
.partners {
 margin-top:75px;
}
.partners:not(.ct-section):not(.oxy-easy-posts),
.partners.oxy-easy-posts .oxy-posts,
.partners.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 768px) {
.partners {
 margin-top:30px;
}
}

.partners__gruenerleben {
}
.partners__raumbegruener {
}
.center-vertically {
}
.center-vertically:not(.ct-section):not(.oxy-easy-posts),
.center-vertically.oxy-easy-posts .oxy-posts,
.center-vertically.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 768px) {
.center-vertically {
 text-align:left;
}
}

.partners__partner {
}
.back-to-parent-page {
}
.divider_bottom {
 position:absolute;
 top:-1px;
 left:0px;
 right:0px;
}
.relative {
 position:relative;
}
.divider_top {
 position:absolute;
 left:0px;
 right:0px;
 bottom:-1px;
}
.kundenzeitung-wrapper {
 max-width:1440px;
 margin-bottom:50px;
}
@media (max-width: 992px) {
.kundenzeitung-wrapper {
 margin-bottom:0px;
}
}

.h2 {
 font-size:3.157rem;
}
@media (max-width: 992px) {
}

.overflow-hidden {
 overflow:hidden;
}
.kundenzeitung {
 background-color:#0075bf;
}
.kundenzeitung .ct-section-inner-wrap {
padding-top: 150px;
padding-bottom: 550px;
}
.kundenzeitung:not(.ct-section):not(.oxy-easy-posts),
.kundenzeitung.oxy-easy-posts .oxy-posts,
.kundenzeitung.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.flex_1 {
}
.flex_2 {
}
.divider_top-bottom {
}
.divider_top-bottom .ct-section-inner-wrap {
padding-top: 150px;
padding-bottom: 175px;
}
.signet-stoerer {
transform:translate(-50%); position:relative;
 left:50%;
 z-index:1;
 bottom:250px;
}
.signet-stoerer:not(.ct-section):not(.oxy-easy-posts),
.signet-stoerer.oxy-easy-posts .oxy-posts,
.signet-stoerer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.signet-stoerer-content {
 z-index:2;
 padding-right:75px;
 padding-left:75px;
 padding-bottom:35px;
 padding-top:25px;
}
.signet-stoerer-content:not(.ct-section):not(.oxy-easy-posts),
.signet-stoerer-content.oxy-easy-posts .oxy-posts,
.signet-stoerer-content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.hero-section_single {
}
.hero-section_single .ct-section-inner-wrap {
padding-bottom: 75px;
}
.hero-section_single:not(.ct-section):not(.oxy-easy-posts),
.hero-section_single.oxy-easy-posts .oxy-posts,
.hero-section_single.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-end;
}
.header-slide-text {
}
.front-layer {
 z-index:1;
}
@media (max-width: 1920px) {
.front-layer {
}
}

.header-slide-text-wrapper {
 color:#ffffff;
 gap:40px;
 padding-left:25px;
 padding-right:25px;
}
.header-slide-text-wrapper:not(.ct-section):not(.oxy-easy-posts),
.header-slide-text-wrapper.oxy-easy-posts .oxy-posts,
.header-slide-text-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:40px;
}
@media (max-width: 992px) {
.header-slide-text-wrapper {
 gap:15px;
}
.header-slide-text-wrapper:not(.ct-section):not(.oxy-easy-posts),
.header-slide-text-wrapper.oxy-easy-posts .oxy-posts,
.header-slide-text-wrapper.ct-section .ct-section-inner-wrap{
gap:15px;
}
}

.header-slide-subline {
 max-width:900px;
 padding-top:0px;
}
.header-slide-links {
}
@media (max-width: 768px) {
.header-slide-links {
 gap:15px;
}
.header-slide-links:not(.ct-section):not(.oxy-easy-posts),
.header-slide-links.oxy-easy-posts .oxy-posts,
.header-slide-links.ct-section .ct-section-inner-wrap{
gap:15px;
}
}

.sonnenblatt {
 color:#bee14b;
}
.gap-70 {
 gap:70px;
}
.gap-70:not(.ct-section):not(.oxy-easy-posts),
.gap-70.oxy-easy-posts .oxy-posts,
.gap-70.ct-section .ct-section-inner-wrap{
gap:70px;
}
@media (max-width: 768px) {
.gap-70 {
 gap:40px;
}
.gap-70:not(.ct-section):not(.oxy-easy-posts),
.gap-70.oxy-easy-posts .oxy-posts,
.gap-70.ct-section .ct-section-inner-wrap{
gap:40px;
}
}

.section-boxed {
}
.section-boxed .ct-section-inner-wrap {
padding-right: 100px;
padding-left: 100px;
}
@media (max-width: 992px) {
.section-boxed {
}
.section-boxed .ct-section-inner-wrap {
padding-right: 50px;
padding-left: 50px;
}
}

@media (max-width: 768px) {
.section-boxed {
}
.section-boxed .ct-section-inner-wrap {
padding-right: 25px;
padding-left: 25px;
}
}

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

.center-horizontally {
}
.center-horizontally:not(.ct-section):not(.oxy-easy-posts),
.center-horizontally.oxy-easy-posts .oxy-posts,
.center-horizontally.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
.justify-self__center {
}
.gap-100 {
 gap:100px;
}
.gap-100:not(.ct-section):not(.oxy-easy-posts),
.gap-100.oxy-easy-posts .oxy-posts,
.gap-100.ct-section .ct-section-inner-wrap{
gap:100px;
}
@media (max-width: 768px) {
.gap-100 {
 gap:50px;
}
.gap-100:not(.ct-section):not(.oxy-easy-posts),
.gap-100.oxy-easy-posts .oxy-posts,
.gap-100.ct-section .ct-section-inner-wrap{
gap:50px;
}
}

.flexible-card-section {
 gap:100px;
}
.flexible-card-section .ct-section-inner-wrap {
padding-top: 125px;
padding-bottom: 200px;
}
.flexible-card-section:not(.ct-section):not(.oxy-easy-posts),
.flexible-card-section.oxy-easy-posts .oxy-posts,
.flexible-card-section.ct-section .ct-section-inner-wrap{
gap:100px;
}
.expandable-box__wrapper {
 width:100%;
}
.expandable-box__wrapper:not(.ct-section):not(.oxy-easy-posts),
.expandable-box__wrapper.oxy-easy-posts .oxy-posts,
.expandable-box__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
}
.expandable-box {
 padding-top:22px;
 padding-bottom:22px;
 padding-left:30px;
 padding-right:30px;
}
.expandable-box__row {
 gap:10px;
}
.expandable-box__row:not(.ct-section):not(.oxy-easy-posts),
.expandable-box__row.oxy-easy-posts .oxy-posts,
.expandable-box__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
gap:10px;
}
.flex__half {
}
.text-align__right {
 text-align:right;
}
.text-align__right:not(.ct-section):not(.oxy-easy-posts),
.text-align__right.oxy-easy-posts .oxy-posts,
.text-align__right.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 768px) {
.text-align__right {
 text-align:left;
}
}

.justify-self__flex-end {
}
.bg-lightgreen {
 background-color:#bee14b;
}
.newsletter-cta {
 border-bottom-right-radius:60px;
 padding-top:50px;
 padding-right:50px;
 padding-bottom:50px;
 padding-left:50px;
 gap:100px;
 max-width:1300px;
}
.newsletter-cta:not(.ct-section):not(.oxy-easy-posts),
.newsletter-cta.oxy-easy-posts .oxy-posts,
.newsletter-cta.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
gap:100px;
}
@media (max-width: 992px) {
.newsletter-cta {
 text-align:center;
 gap:20px;
 padding-top:30px;
 padding-right:30px;
 padding-bottom:20px;
 padding-left:30px;
}
.newsletter-cta:not(.ct-section):not(.oxy-easy-posts),
.newsletter-cta.oxy-easy-posts .oxy-posts,
.newsletter-cta.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:20px;
}
}

@media (max-width: 768px) {
.newsletter-cta {
 padding-left:20px;
 padding-right:20px;
 padding-top:25px;
}
}

.fill-white {
}
.newsletter-form-trigger {
}
.mobile__column-reverse {
}
@media (max-width: 768px) {
.mobile__column-reverse {
}
.mobile__column-reverse:not(.ct-section):not(.oxy-easy-posts),
.mobile__column-reverse.oxy-easy-posts .oxy-posts,
.mobile__column-reverse.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
}
}

.mobile__max-width__100 {
}
@media (max-width: 768px) {
.mobile__max-width__100 {
 max-width:100%;
}
}

.oxy-stock-content-styles {
}
.back-to__link {
 gap:10px;
}
.back-to__link:not(.ct-section):not(.oxy-easy-posts),
.back-to__link.oxy-easy-posts .oxy-posts,
.back-to__link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:10px;
}
.back-to__link-icon {
color: #333333;}.back-to__link-icon 
>svg {width: 20px;height: 20px;}.back-to__link-icon {
}
.divider-bottom__section {
 position:relative;
 overflow:hidden;
}
.divider-bottom__section .ct-section-inner-wrap {
padding-bottom: 175px;
}
@media (max-width: 1920px) {
.divider-bottom__section {
}
.divider-bottom__section .ct-section-inner-wrap {
padding-bottom: 125px;
}
}

@media (max-width: 992px) {
.divider-bottom__section {
}
.divider-bottom__section .ct-section-inner-wrap {
padding-bottom: 100px;
}
}

@media (max-width: 768px) {
.divider-bottom__section {
}
.divider-bottom__section .ct-section-inner-wrap {
padding-bottom: 75px;
}
}

.mitmachaktionen {
 color:#00633a;
 gap:75px;
 width:100%;
}
.mitmachaktionen:not(.ct-section):not(.oxy-easy-posts),
.mitmachaktionen.oxy-easy-posts .oxy-posts,
.mitmachaktionen.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:75px;
}
@media (max-width: 992px) {
.mitmachaktionen {
 gap:50px;
}
.mitmachaktionen:not(.ct-section):not(.oxy-easy-posts),
.mitmachaktionen.oxy-easy-posts .oxy-posts,
.mitmachaktionen.ct-section .ct-section-inner-wrap{
gap:50px;
}
}

@media (max-width: 768px) {
.mitmachaktionen {
 gap:30px;
}
.mitmachaktionen:not(.ct-section):not(.oxy-easy-posts),
.mitmachaktionen.oxy-easy-posts .oxy-posts,
.mitmachaktionen.ct-section .ct-section-inner-wrap{
gap:30px;
}
}

.produkte {
 color:#00633a;
 width:100%;
 gap:30px;
}
.produkte:not(.ct-section):not(.oxy-easy-posts),
.produkte.oxy-easy-posts .oxy-posts,
.produkte.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:30px;
}
.ansprechpartner-cta {
 width:100%;
}
.ics-buttons__wrapper {
}
.header-stoerer {
background-size: cover; background-repeat:no-repeat;
}
.hyphens-off {
}
.vollkorn {
}
.woernerkarte-cta {
}
.max-width__900 {
 max-width:900px;
}
.padding__divider-top {
}
.padding__divider-top .ct-section-inner-wrap {
padding-top: 175px;
}
@media (max-width: 768px) {
.padding__divider-top {
}
}

.padding__divider-bottom {
}
.padding__divider-bottom .ct-section-inner-wrap {
padding-bottom: 125px;
}
.max-width__700 {
 max-width:700px;
}
.flexi-box__section {
}
.black {
 color:#000000;
}
.top-to-bottom {
}
.dark {
}
.flexi-box__content {
}
@media (max-width: 768px) {
.flexi-box__content {
}
}

.stoerer {
 border-bottom-right-radius:50px;
 padding-top:30px;
 padding-bottom:30px;
 padding-left:50px;
 padding-right:20px;
 gap:16px;
 left:0px;
 max-width:300px;
 position:absolute;
}
.stoerer:not(.ct-section):not(.oxy-easy-posts),
.stoerer.oxy-easy-posts .oxy-posts,
.stoerer.ct-section .ct-section-inner-wrap{
gap:16px;
}
@media (max-width: 992px) {
.stoerer {
 top:70px;
}
}

.flex__one-third_two-thirds {
 width:100%;
}
.justify-content__flex-end {
 padding-top:1px;
}
.justify-content__flex-end:not(.ct-section):not(.oxy-easy-posts),
.justify-content__flex-end.oxy-easy-posts .oxy-posts,
.justify-content__flex-end.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-end;
}
@media (max-width: 768px) {
.justify-content__flex-end {
 text-align:right;
}
.justify-content__flex-end:not(.ct-section):not(.oxy-easy-posts),
.justify-content__flex-end.oxy-easy-posts .oxy-posts,
.justify-content__flex-end.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
}
}

.full-width__section {
 position:relative;
}
.full-width__section .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.full-width__section:not(.ct-section):not(.oxy-easy-posts),
.full-width__section.oxy-easy-posts .oxy-posts,
.full-width__section.ct-section .ct-section-inner-wrap{
display:flex;
}
.object-fit__cover {
 object-fit:cover;
}
.content-area {
}
.padding-50 {
 padding-top:50px;
 padding-right:50px;
 padding-bottom:50px;
 padding-left:50px;
}
@media (max-width: 768px) {
.padding-50 {
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
}
}

.border-radius__bottom-right-80 {
 border-bottom-right-radius:80px;
}
@media (max-width: 480px) {
.border-radius__bottom-right-80 {
 border-bottom-right-radius:60px;
}
}

.sonnenblatt-text-box {
 max-width:50%;
 margin-top:-200px;
 padding-top:50px;
 padding-right:50px;
 padding-bottom:50px;
 padding-left:50px;
 border-bottom-right-radius:80px;
}
@media (max-width: 1920px) {
.sonnenblatt-text-box {
 margin-top:-150px;
 padding-top:40px;
 padding-right:40px;
 padding-bottom:40px;
 padding-left:40px;
 border-bottom-right-radius:70px;
}
}

@media (max-width: 992px) {
.sonnenblatt-text-box {
 max-width:75%;
 margin-top:-125px;
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
 border-bottom-right-radius:60px;
}
}

@media (max-width: 768px) {
.sonnenblatt-text-box {
 max-width:100%;
 margin-top:-75px;
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 padding-left:25px;
 border-bottom-right-radius:50px;
}
}

@media (max-width: 480px) {
.sonnenblatt-text-box {
 border-bottom-right-radius:40px;
}
}

.besonderheiten-wrapper {
}
.besonderheiten-wrapper:not(.ct-section):not(.oxy-easy-posts),
.besonderheiten-wrapper.oxy-easy-posts .oxy-posts,
.besonderheiten-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 768px) {
.besonderheiten-wrapper {
}
.besonderheiten-wrapper:not(.ct-section):not(.oxy-easy-posts),
.besonderheiten-wrapper.oxy-easy-posts .oxy-posts,
.besonderheiten-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.bg-blue {
 background-color:#0075bf;
}
.border-radius__bottom-right-40 {
 border-bottom-right-radius:40px;
}
.flip-team__wrapper {
}
.text-align__center {
 text-align:center;
}
.stoerer__signet {
 position:absolute;
 width:100%;
}
.section__stoerer {
 min-width:300px;
}
.fill-sonnenblatt {
}
.open_window-in-window {
}
.dwg-carousel-controls__center-bottom {
}
.gutschein-shop__wrapper {
}
.gutschein-shop {
 color:#ffffff;
 background-color:#0075bf;
}
.gutschein-shop .ct-section-inner-wrap {
padding-top: 150px;
padding-bottom: 200px;
}
.gutschein-shop:not(.ct-section):not(.oxy-easy-posts),
.gutschein-shop.oxy-easy-posts .oxy-posts,
.gutschein-shop.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:center;
}
@media (max-width: 992px) {
.gutschein-shop {
}
.gutschein-shop .ct-section-inner-wrap {
padding-top: 75px;
padding-bottom: 125px;
}
}

.gap-5 {
 gap:5px;
}
.gap-5:not(.ct-section):not(.oxy-easy-posts),
.gap-5.oxy-easy-posts .oxy-posts,
.gap-5.ct-section .ct-section-inner-wrap{
gap:5px;
}
.kundenkarte-shortcode {
}
@media (max-width: 768px) {
.kundenkarte-shortcode {
 max-width:100%;
}
}

.padding-bottom__0 {
}
.padding-bottom__0 .ct-section-inner-wrap {
padding-bottom: 0;
}
.max-width__1000 {
 max-width:1000px;
}
.text-align__left {
 text-align:left;
}
.newsletter-kundenkarte-wrapper {
 border-bottom-right-radius:60px;
 padding-top:50px;
 padding-right:50px;
 padding-bottom:50px;
 padding-left:50px;
 gap:100px;
}
.newsletter-kundenkarte-wrapper:not(.ct-section):not(.oxy-easy-posts),
.newsletter-kundenkarte-wrapper.oxy-easy-posts .oxy-posts,
.newsletter-kundenkarte-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
justify-content:center;
gap:100px;
}
@media (max-width: 992px) {
.newsletter-kundenkarte-wrapper {
 text-align:center;
 gap:20px;
 padding-top:20px;
 padding-right:30px;
 padding-bottom:20px;
 padding-left:30px;
}
.newsletter-kundenkarte-wrapper:not(.ct-section):not(.oxy-easy-posts),
.newsletter-kundenkarte-wrapper.oxy-easy-posts .oxy-posts,
.newsletter-kundenkarte-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:20px;
}
}

@media (max-width: 768px) {
.newsletter-kundenkarte-wrapper {
 padding-left:20px;
 padding-right:20px;
}
}

.newsletter-shortcode {
}
.min-height__1200 {
 min-height:1200px;
}
@media (max-width: 1920px) {
.min-height__1200 {
 min-height:1000px;
}
}

@media (max-width: 992px) {
.min-height__1200 {
 min-height:fit-content ;
}
}

.gesamt-cta__wrapper {
}
.aspect-ratio__3-1 {
 object-fit:cover;
 object-position:center 20%;
}
@media (max-width: 992px) {
.aspect-ratio__3-1 {
 object-position:0% 20%;
}
}

@media (max-width: 768px) {
.aspect-ratio__3-1 {
 object-position:0% 70%;
}
}

.list-style-type__none {
}
.text-box {
 padding-top:40px;
 padding-right:40px;
 padding-bottom:40px;
 padding-left:40px;
 border-bottom-right-radius:60px;
 gap:30px;
 max-width:50%;
}
.text-box:not(.ct-section):not(.oxy-easy-posts),
.text-box.oxy-easy-posts .oxy-posts,
.text-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:30px;
}
@media (max-width: 992px) {
.text-box {
 padding-top:30px;
 padding-right:30px;
 padding-bottom:30px;
 padding-left:30px;
 max-width:75%;
}
}

@media (max-width: 768px) {
.text-box {
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 padding-left:25px;
 border-bottom-right-radius:50px;
 max-width:100%;
}
}

.gap-25 {
 gap:25px;
}
.gap-25:not(.ct-section):not(.oxy-easy-posts),
.gap-25.oxy-easy-posts .oxy-posts,
.gap-25.ct-section .ct-section-inner-wrap{
display:flex;
gap:25px;
}
.padding-top__0 {
}
.padding-top__0 .ct-section-inner-wrap {
padding-top: 0;
}
.flexi-jump {
}
.stretch {
}
.stretch:not(.ct-section):not(.oxy-easy-posts),
.stretch.oxy-easy-posts .oxy-posts,
.stretch.ct-section .ct-section-inner-wrap{
display:flex;
align-items:stretch;
}
.teaser-box {
 padding-left:80px;
 padding-top:40px;
 padding-right:80px;
 padding-bottom:60px;
 gap:40px;
}
.teaser-box:not(.ct-section):not(.oxy-easy-posts),
.teaser-box.oxy-easy-posts .oxy-posts,
.teaser-box.ct-section .ct-section-inner-wrap{
gap:40px;
}
@media (max-width: 992px) {
.teaser-box {
 padding-left:40px;
 padding-top:20px;
 padding-bottom:35px;
 max-width:100%;
 padding-right:40px;
}
}

@media (max-width: 768px) {
.teaser-box {
 padding-left:30px;
 padding-top:25px;
 padding-right:30px;
 padding-bottom:100px;
 gap:0px;
}
.teaser-box:not(.ct-section):not(.oxy-easy-posts),
.teaser-box.oxy-easy-posts .oxy-posts,
.teaser-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:0px;
}
}

@media (max-width: 480px) {
.teaser-box {
 padding-bottom:75px;
}
}

.teaser-box__image {
 position:absolute;
 top:0px;
 right:0px;
 width:100%;
 object-fit:contain;
 z-index:2;
}
@media (max-width: 768px) {
.teaser-box__image {
 max-width:100%px;
}
}

.img-address__wrapper {
}
@media (max-width: 992px) {
.img-address__wrapper {
 gap:0px;
}
.img-address__wrapper:not(.ct-section):not(.oxy-easy-posts),
.img-address__wrapper.oxy-easy-posts .oxy-posts,
.img-address__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:0px;
}
}

.margin-left__100 {
 margin-left:100px;
}
@media (max-width: 992px) {
.margin-left__100 {
 margin-left:0px;
}
}

@media (max-width: 768px) {
.margin-left__100 {
}
}

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

.text-box__wrapper {
 padding-top:22px;
 padding-left:40px;
 padding-right:80px;
 padding-bottom:40px;
 gap:16px;
}
.text-box__wrapper:not(.ct-section):not(.oxy-easy-posts),
.text-box__wrapper.oxy-easy-posts .oxy-posts,
.text-box__wrapper.ct-section .ct-section-inner-wrap{
gap:16px;
}
@media (max-width: 992px) {
.text-box__wrapper {
 padding-left:30px;
 padding-bottom:30px;
}
}

@media (max-width: 768px) {
.text-box__wrapper {
 padding-left:25px;
 padding-bottom:25px;
 padding-top:16px;
}
}

@media (max-width: 480px) {
.text-box__wrapper {
 padding-right:25px;
}
}

.justify-content__flex-start {
}
.justify-content__flex-start:not(.ct-section):not(.oxy-easy-posts),
.justify-content__flex-start.oxy-easy-posts .oxy-posts,
.justify-content__flex-start.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
}
.tablet__column {
}
@media (max-width: 992px) {
.tablet__column {
}
.tablet__column:not(.ct-section):not(.oxy-easy-posts),
.tablet__column.oxy-easy-posts .oxy-posts,
.tablet__column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.flex-column {
}
.flex-column:not(.ct-section):not(.oxy-easy-posts),
.flex-column.oxy-easy-posts .oxy-posts,
.flex-column.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.submenu__link-wrapper:hover{
 background-color:#bee14b;
}
.submenu__link-wrapper {
 padding-top:20px;
 padding-right:30px;
 padding-bottom:20px;
 padding-left:30px;
 background-color:#ffffff;
 transition-duration:.4s;
 transition-timing-function:ease-in-out;
 transition-property:all;
}
@media (max-width: 768px) {
.submenu__link-wrapper {
 padding-top:10px;
 padding-left:10px;
 padding-bottom:10px;
 padding-right:10px;
 border-bottom-right-radius:30px;
}
}

.submenu__wrapper {
}
@media (max-width: 768px) {
.submenu__wrapper {
}
}

.leistungsbereich__freisteller-row {
}
.leistungsbereich__freisteller-row__image-wrapper {
}
.signet-image__wrapper {
}
.max-width__60 {
 max-width:60%;
}
@media (max-width: 992px) {
.max-width__60 {
}
}

@media (max-width: 768px) {
.max-width__60 {
 max-width:100%;
}
}

.schon-gewusst {
border: 1px solid;
padding: 10px;color: #ffffff;}.schon-gewusst 
>svg {width: 48px;height: 48px;}.schon-gewusst {
 margin-bottom:10px;
}
.jobs-section {
}
.jobs-section .ct-section-inner-wrap {
padding-top: 125px;
padding-bottom: 100px;
}
.jobs-section:not(.ct-section):not(.oxy-easy-posts),
.jobs-section.oxy-easy-posts .oxy-posts,
.jobs-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.hero {
}
.mobile__align-flex-start {
}
@media (max-width: 768px) {
.mobile__align-flex-start {
}
.mobile__align-flex-start:not(.ct-section):not(.oxy-easy-posts),
.mobile__align-flex-start.oxy-easy-posts .oxy-posts,
.mobile__align-flex-start.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.mobile__reverse-align-flex-start {
}
@media (max-width: 768px) {
.mobile__reverse-align-flex-start {
}
.mobile__reverse-align-flex-start:not(.ct-section):not(.oxy-easy-posts),
.mobile__reverse-align-flex-start.oxy-easy-posts .oxy-posts,
.mobile__reverse-align-flex-start.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
align-items:flex-start;
}
}

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

.schon-gewusst__section {
}
.more-posts {
}
.bewerben-cta__img {
}
.erecht {
}
.oxy-rich-text {
}
.mobile__gap-20 {
}
@media (max-width: 768px) {
.mobile__gap-20 {
 gap:20px;
}
.mobile__gap-20:not(.ct-section):not(.oxy-easy-posts),
.mobile__gap-20.oxy-easy-posts .oxy-posts,
.mobile__gap-20.ct-section .ct-section-inner-wrap{
gap:20px;
}
}

.post-header-icon {
color: #ffffff;}.post-header-icon 
>svg {width: 150px;height: 150px;}.post-header-icon {
}
@media (max-width: 768px) {
.post-header-icon {
}.post-header-icon 
>svg {width: 80px;height: 80px;}.post-header-icon {
}
}

.height__50 {
 height:50%;
}
.wurzelwerk-wrapper {
}
.wurzelwerk-service__wrapper {
}
.partners__section {
 gap:30px;
}
.partners__section:not(.ct-section):not(.oxy-easy-posts),
.partners__section.oxy-easy-posts .oxy-posts,
.partners__section.ct-section .ct-section-inner-wrap{
gap:30px;
}
.mobile__justify-self__flex-start {
}
.post-cards {
}
.post-cards--grid {
}
.post-card {
}
.post-card__media {
}
.post-card__content {
}
.post-card__image {
}
.post-card__title {
}
.post-card__text {
}
.content {
 gap:20px;
 padding-left:20px;
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 border-bottom-right-radius:50px;
 border-top-style:none;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#bee14b;
 border-right-color:#bee14b;
 border-bottom-color:#bee14b;
 border-left-color:#bee14b;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
}
.content:not(.ct-section):not(.oxy-easy-posts),
.content.oxy-easy-posts .oxy-posts,
.content.ct-section .ct-section-inner-wrap{
gap:20px;
}
.siekomi_signet {
 width:250px;
}
.siekomi_step {
transform:translate(-50%,-50%); position:absolute;
 left:50%;
 top:50%;
}
.gap-150 {
 gap:150px;
}
.gap-150:not(.ct-section):not(.oxy-easy-posts),
.gap-150.oxy-easy-posts .oxy-posts,
.gap-150.ct-section .ct-section-inner-wrap{
gap:150px;
}
@media (max-width: 992px) {
.gap-150 {
}
}

.inner-wrap__relative {
}
.ig-feed {
}
.partner-icon {
 padding-left:5px;
 padding-top:5px;
 padding-right:5px;
 padding-bottom:5px;
 border-bottom-right-radius:13px;
 width:70px;
 border-top-color:#0075bf;
 border-right-color:#0075bf;
 border-bottom-color:#0075bf;
 border-left-color:#0075bf;
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.pro-con__content-wrapper {
}
.partners__grid {
 margin-top:75px;
}
@media (max-width: 768px) {
.partners__grid {
 margin-top:50px;
}
}

.border-radius__bottom-left__80 {
 border-bottom-left-radius:80px;
}
.bold__pool {
}
.kundenstimme {
}
.flex {
}
.flex:not(.ct-section):not(.oxy-easy-posts),
.flex.oxy-easy-posts .oxy-posts,
.flex.ct-section .ct-section-inner-wrap{
display:flex;
}
.preise-details {
}
.gewinnspiel-steps {
}
.mockup-stoerer {
}
.weitere-stellen {
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  src: url('/wp-content/uploads/fonts/lexend.woff2') format('woff2');
}

@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  src: url('/wp-content/uploads/fonts/vollkorn.woff2') format('woff2');
  font-weight: 600;
}

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

.hyphens-off,
.header-slide-subline,
.header-slide-subline p {
  hyphens: none;
  -webkit-hyphens: none;
}

.vollkorn, i, em {
  font-family: var(--vollkorn);
}

i, em {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6,
.ct-headline {
  font-weight: normal;
}

footer .signet,
footer #menu-footer a,
footer .flex__quarter > *:not(h3) {
  font-size: 0.875rem;
}

footer h3 {
  font-size: 1rem;
}

.header-slide-text, .hero {
  font-size: 5.125rem;
}

@media only screen and (max-width: 1600px) {
  .header-slide-text, .hero {
    font-size: 4.063rem;
  }
}

@media only screen and (max-width: 1470px) {
 .h1 {
    font-size: 3.25rem;
  }

  .h2 {
    font-size: 2.25rem;
  }

  .h3 {
    font-size: 1.75rem;
  }

  .h4 {
    font-size: 1.5rem;
  }

  .h5 {
    font-size: 1.125rem;
  }

  .h6 {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 992px) {
  .header-slide-text, .hero {
    font-size: 3.656rem;
  }
}

@media only screen and (max-width: 768px) {
  body, :root {
    font-size: 14px;
  }
  
  .header-slide-text, .hero {
    font-size: 3.656rem;
  }
}

@media only screen and (max-width: 480px) {
  .header-slide-text, .hero {
    font-size: 2.555rem;
  }

  .h1, .h2, .h3, .h4 .h5, .h6,
  .ct-headline,
  h1, h2, h3, h4, h5, h6,
  .header-slide-subline,
  .header-slide-subline p {
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
  }
}/* Vorübergehend */
.teaser-box > div:last-child {
  display: block;
}

#main-content .hero-section + section.bg-darkgreen {
  background: var(--pool) !important;
}

.bg-blue a:not(.btn):not(.post-card) {
  color: white;
  text-decoration: underline;
}

/*a:not(.post-card):not(.btn):not(.flexible-card), 
a:not(.btn):hover:not(.flexible-card):hover:not(.post-card):hover, 
a:not(.btn):focus-visible:not(.flexible-card):focus-visible:not(.post-card):focus-visible {
  text-decoration: underline;
}*/
address {
  font-style: normal;
}

address p {
  margin: 0;
}

.teaser-box a {
  color: var(--tannengruen) !important;
  text-decoration: underline;
}

.siekomi_step {
  white-space: nowrap;
}

.inner-wrap__relative > .ct-section-inner-wrap {
  position: relative;
}

.schon-gewusst {
  border-width: 2px !important;
  padding: 20px !important;
}

.schon-gewusst svg {
  width: 48px !important;
  height: 48px !important;
}

.fade-overlay.top-to-bottom.height__50 {
  height: 80% !important;
}

.oxy-rich-text ul,
.list-style-type__none {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 1rem 0;
}

.oxy-rich-text li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.oxy-rich-text li::before {
  content: url('/wp-content/uploads/2026/02/dwg_signet_sonnenblatt.svg');
  display: block;
  width: 20px;
  min-width: 20px;
  padding-top: 2px;
}

.flex_1 {
  flex: 1;
}

.flex_2 {
  flex: 1.5;
}

.aspect-ratio__3-1 {
  aspect-ratio: 3/1;
}

.list-style-type__none {
  padding-left: 0;
}

.list-style-type__none li {
  list-style-type: none;
}

/* DWG Carousel */
.dwg-carousel .oxy-carousel-builder_icon {
  position: static;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.dwg-carousel .carousel-nav-wrap.inactive {
  display: none;
}

.bg-white .dwg-carousel .oxy-carousel-builder_icon svg {
  fill: var(--tannengruen);
}

.dwg-carousel .carousel-nav-wrap {
  display: flex;
  flex-direction: row;
  position: absolute;
  right: 50px;
  bottom: 0;
}

.dwg-carousel.dwg-carousel-controls__center-bottom .carousel-nav-wrap {
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  top: calc(100% + 30px);
}

.dwg-carousel .carousel-nav-wrap > * {
  min-width: 48px;
  min-height: 48px;
}

.dwg-carousel.hero-slider .flickity-viewport {
  height: 100vh !important;
  max-height: 1250px;
  min-height: 500px;
}

.dwg-carousel .carousel-nav-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.dwg-carousel .carousel-toggle {
  border: none;
  border-radius: 0;
  padding: 0;
  background: none;
  min-width: 48px;
  min-height: 48px;
}

.dwg-carousel .carousel-toggle > span > svg {
  width: 44px;
  height: 44px;
  margin-top: 4px;

  fill: white;
}

.bg-white .dwg-carousel .carousel-toggle > span > svg {
  fill: var(--tannengruen);
}

.carousel-a11y-controls > * {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* Header Slider (Startseite) */
.header-slide.cell {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 75px;
  gap: 40px;
}

.header-slide-text {
  color: white;
  font-family: var(--lexend);
  text-align: center;
  position: relative;
  max-width: 1000px;
  line-height: 1.1;
}

.header-slide-subline {
  color: white;
  z-index: 2;
  text-align: center;
}

.header-slide-text p {
  margin: 0;
}

.header-slide-text em,
.header-slide-text i {
  font-family: var(--vollkorn);
  font-style: normal;
}

.header-slide-links {
  display: flex;
  flex-direction: row;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

#section-135-19 .header-slide-text-wrapper {
  gap: 10px !important;
}

/* Hero-Section ohne Slider */
.hero-section_single {
  height: 100vh;
  position: relative;
}

.hero-section_single .fade-overlay {
  height: 600px;
}

/* Text-Links */
.bg-darkgreen a:not(.btn) {
  color: var(--sonnenblatt);
}

/* Sub Header */
.sub-header-box > div:first-child {
  flex: 2;
}

.sub-header-box > div:last-child {
  flex: 1;
  position: relative;
}

.sub-header-box img {
  position: absolute;
  right: -20px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

/* Flexi Cards */
.flexible-card-section {
  min-height: 100dvh;
}

.flexible-card { 
  overflow: hidden;
  transition: background 300ms ease;
  border-radius: 0 0 40px 0;
  transition: border-radius .2s ease-in-out;
  border: none;
  /*min-width: 50%;*/
}

.flexible-card, .flexible-card * {
  align-items: flex-start;
  text-align: left;
}

a.flexible-card:hover * {
  text-decoration: none;
}

.flexible-card.is-open {
  background: rgba(255,255,255,1);
  border-radius: 0 0 60px 0;
  padding-bottom: 20px;
}

.flexible-card .card-body {
  overflow: hidden;
  height: 0px;
  transition: height 300ms ease;
}

.flexible-card .card-body p {
  margin: 0;
}

.flexible-card .card-body > * {
  opacity: 0;
  transition: opacity 200ms ease;
}

.flexible-card.is-open .card-body > * {
  opacity: 1;
}

/* Flexi-Cards Hintergründe für die Sektion */
.flexi-box__section{
  position: relative;
  overflow: hidden;
}

.flexi-box__section::before,
.flexi-box__section::after{
  content:"";
  position:absolute;
  inset:0;
  background-image: var(--bg-base);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}

.flexi-box__section::before{
  opacity: 1;
}

.flexi-box__section::after{
  background-image: var(--bg-fade);
  opacity: 0;
  transition: opacity .55s ease;
}

.flexi-box__section.is-bg-fading::after{
  opacity: 1;
}

.flexi-box__section > .ct-section-inner-wrap{
  position: relative;
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
}

.flexi-box__content {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

/* Variante zweispaltig mit flex_1 */
.flexible-cards-wrapper.flex_1 > * {
  max-width: 680px;
}

.flexi-box__content .text-box__wrapper {
  max-width: 500px;
  margin-left: auto;
  margin-top: auto;
}

/* Variation auf weiß */
.bg-white .flexible-card {
  background: var(--tannengruen);
}

.bg-white .flexible-card > *,
.bg-white .flexible-card .card-body .ct-text-block:not(.btn-text) {
  color: #ffffff;
}

/* Expandable Boxes */
.expandable-box__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.expandable-box__row {
  width: 100%;
}
.expandable-box > * {
  gap: 10px;
}

.expandable-box {
  flex:0 0 calc((100% - 40px) / 5);
  min-width: calc((100% - 40px) / 5);
  min-height: 350px;
  background: var(--sonnenblatt);
  border: solid 2px var(--sonnenblatt);
  border-radius: 0 0 60px 0;
  color: var(--tannengruen);
  text-align: left;
  gap: 10px;
  position: relative;
  transition: background ease-in-out .3s, border-color ease-in-out .3s, flex-basis 250ms ease;
}

.expandable-box .ct-headline span {
  white-space: nowrap;
}

.expandable-box .ct-text-block, 
.expandable-box .ct-fancy-icon {
  display: none;
}

.expandable-box.is-active{
  flex-basis: calc(((100% - 40px) / 5) * 2 + 10px);
  background: white;
  border-color: var(--tannengruen);
}

.expandable-box.is-active .ct-text-block,
.expandable-box.is-active .ct-fancy-icon {
  display: block;
}

.expandable-box .ct-fancy-icon {
  position: absolute;
  right: 30px;
}

.expandable-box .ct-fancy-icon svg {
  width: 91px;
  height: 91px;
}

.expandable-box.is-active {
  padding-right: 30px
}



/* Post Cards z.B. Beiträge */
.post-cards--grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
  width: 100%;
  justify-content: center;
}

.post-cards--grid > * {
  flex: 1 1 calc((100% - (3 * 20px)) / 4);
  max-width: calc((100% - (3 * 20px)) / 4);
  width: calc((100% - (3 * 20px)) / 4);
}

.post-card {
  display: flex;
  flex-direction: column;
}

.post-card .post-card__media {
  position: relative;
}

.post-card .post-card__media figure {
  aspect-ratio: 2/1;
  margin: 0;
  position: relative;
}

.post-card .post-card__media figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
}

.post-card .post-card__icon {
  background: white;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 0 0 0 10px;
}

.post-card .post-card__icon svg {
  fill: var(--tannengruen);
}

.post-card .post-card__content {
  padding: 20px;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 10px;
  border-radius: 0 0 50px 0;
  transition: background ease-in-out .4s;
}

.bg-white .post-card .post-card__content {
  border: solid var(--tannengruen) 2px;
  border-top: none;
}

.bg-white .post-card .post-card__media {
  border: solid var(--tannengruen) 2px;
  border-bottom: none;
}

.post-card .post-card__content .post-card__category {
  width: fit-content;
  background: var(--pool);
  color: white;
  padding: 2px 5px;
  border-radius: 0 0 10px 0;
  margin-bottom: 5px;
}

.post-card .post-card__content * {
  color: var(--pool);
  font-family: var(--lexend);
}

.post-card .post-card__content .post-card__text p {
  color: var(--tannengruen);
  margin: 0;
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.post-card__cta-icon svg .cta-pfeil-1 {
  stroke: var(--pool);
  transition: stroke ease-in-out .3s;
}

.post-card__cta {
  display: flex;
  gap: 10px;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
  margin-top: auto;
}

.post-card__cta-icon {
  width: 30px;
  height: 30px;
  background: white;
  border: solid 1.5px var(--pool);
  display: flex;
  border-radius: 100%;
  padding: 5px;
  transform: rotate(-45deg);
  transition: transform ease-in-out .4s, background ease-in-out .3s;
}

.post-card--no-link {
  pointer-events: none;
}

.post-card:hover .post-card__content, .post-card:focus-visible .post-card__content {
  background: white;
}

.post-card:hover .post-card__cta-icon, .post-card:focus-visible .post-card__cta-icon {
  transform: rotate(0deg);
  background: var(--pool);
}

.post-card:hover .post-card__cta-icon svg .cta-pfeil-1, .post-card:focus-visible .post-card__cta-icon svg .cta-pfeil-1 {
  stroke: white;
}

.post-card .post-card__content .post-card__stack--secondary {
  width: fit-content;
  margin-left: auto;
  font-family: var(--lexend) !important;
}

.post-card:hover .post-card__content,
.post-card:focus-visible .post-card__content {
  background: var(--sonnenblatt);
}

.post-card:hover .post-card__content .post-card__more,
.post-card:focus-visible .post-card__content .post-card__more {
  color: var(--pool-accessible);
}

/* Projekt-Slider + Thumbnails */
.projekte-carousel .projekte-slide.cell {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.projekte-carousel .projekte-slide-inner {
  margin-right: 100px;
 

  background: var(--sonnenblatt);
  color: var(--tannengruen);
  padding: 30px;
  padding-right: 60px;
  border-radius: 0 0 80px 0;
  max-width: 500px;
}

.projekte-carousel .projekte-slide-media {
  width: 100%;
  aspect-ratio: 2/1;
  z-index: -1;
  position: relative;
}

.projekte-carousel .projekte-slide-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.projekte-carousel .projekte-slide-cta {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px;
  gap: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 25px;
}

.projekte-carousel .carousel-nav-wrap {
  bottom: inherit;
  top: 0;
  left: 200px;
  width: fit-content;
}

.projekte-thumbs-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}

.projekte-thumbs-wrapper > * {
  flex: 1 1 calc((100% - (16px * 3)) / 4);
  width: calc((100% - (16px * 3)) / 4);
  max-width: calc((100% - (16px * 3)) / 4);
  background: none;
  border: none;
  padding: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.projekte-thumbs-wrapper > * img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}

.projekte-thumbs-wrapper > *:hover img,
.projekte-thumbs-wrapper > *:focus-visible img,
.projekte-thumbs-wrapper > .projekte-thumb.is-active.is-selected img {
  border: 3px solid var(--sonnenblatt);
}

.projekte-thumbs-wrapper > * .projekte-thumb-title {
  color: #ffffff;
  font-family: var(--lexend);
  padding: 20px 10px;
  text-align: left;
}

/* Newsletter CTA / Form */
.newsletter-cta .ct-shortcode {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition: max-height .55s ease, opacity .35s ease, transform .35s ease;
}

.newsletter-cta.is-open .ct-shortcode {
  max-height: 2000px;
  opacity: 1;
  transform: translateY(0);
}

.newsletter-cta.is-open .newsletter-form-trigger {
  display: none;
}

#newsletterform[aria-hidden="true"] {
  pointer-events: none;
}

/* Gutschein Sektion – Shop CTA */
#gutscheine > div > * {
  flex: 1 1 50%
}

/* Divider */
.divider.ct-image {
  max-width: unset;
  aspect-ratio: 15.5/1;
}

/* Sonstiges */
.justify-self__center {
  align-self: center;
}

.justify-self__flex-end {
  align-self: flex-end;
}

.flex__half, .flex__one-third_two-thirds {
  display: flex;
  flex-direction: row;
}

.flex__half > * {
  flex: 1 1 50%;
}

.flex__half.gap-20 > * {
  flex: 1 1 calc((100% - 20px) / 2);
}

.flex__one-third_two-thirds > *:nth-child(odd) {
  flex: 1.3;
}

.flex__one-third_two-thirds > *:nth-child(even) {
  flex: 2;
}

.ct-text-block > span > p {
  margin: 0;
}

.back-to__link em,
.back-to__link i,
.back-to-parent-page .vollkorn{
  font-family: var(--vollkorn);
  font-style: normal;
}

.back-to__link,
.back-to-parent-page {
  position: relative;
  margin-bottom: 50px;
}

.back-to__link *,
.back-to-parent-page * {
  color: white !important;
}

.fade-overlay {
  pointer-events: none;
}

.fade-overlay.top-to-bottom {
  top: 0;
  bottom: unset;
  transform: rotate(180deg);
  z-index: -1;
  height: 40%;
}

.fade-overlay.top-to-bottom.dark {
  /*background-image: linear-gradient(rgba(17, 68, 47, 0), #11442F);*/
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000);
}

.hero-section .fade-overlay {
  background-image: linear-gradient(rgba(0, 117, 191, 0), rgba(0, 117, 191, 1));  
}

.js-post-filter {
  flex-wrap: wrap;
}

.full-width__section .content-area {
  padding: 0 50px;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.signet-image__wrapper {
  dipslay: flex;
  align-items: center;
}

.signet-image__wrapper > img {
  max-width: 100%;
  width: 600px;
}

#jobs {
  aspect-ratio: 9/7
}

.bold__pool strong {
  font-weight: normal;
  color: var(--pool);
}

.wurzelwerk-service__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;

  --gap: 50px;
  gap: var(--gap);
}

.wurzelwerk-service__wrapper > * {
  flex: 1 1 calc((100% - 2 * var(--gap)) / 3);
  justify-content: flex-end;
}


/* Signet Störer */
.signet-stoerer .ct-image {
  position: absolute;
}
.signet-stoerer .ct-text-block {
  text-align: center;
  hyphens: none;
  -webkit-hyphens: none;
}

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

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

.signet a {
  color: #ffffff !important;
}

/* Instagram Feed */
.ig-feed .sbi_bio {
  display: none !important;
}

.ig-feed {
  width: 100%;
}

.ig-feed #sbi_images {
  --gap: 16px;

  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--gap) !important;

  aspect-ratio: 2 / 1;
  width: 100% !important;
  height: auto !important;
}

.ig-feed #sbi_images > .sbi_item img {
  max-width: 100% !important;
  height: auto !important;
}

.ig-feed #sbi_images > .sbi_item {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-width: 0;
  min-height: 0;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.ig-feed #sbi_images > .sbi_item:first-child {
  grid-column: 1 / span 3;
  grid-row: 1 / span 3;
}

.ig-feed #sbi_images > .sbi_item:nth-child(2) {
  grid-column: 4;
  grid-row: 1;
}

.ig-feed #sbi_images > .sbi_item:nth-child(3) {
  grid-column: 5;
  grid-row: 1;
}

.ig-feed #sbi_images > .sbi_item:nth-child(4) {
  grid-column: 6;
  grid-row: 1;
}

.ig-feed #sbi_images > .sbi_item:nth-child(5) {
  grid-column: 4;
  grid-row: 2;
}

.ig-feed #sbi_images > .sbi_item:nth-child(6) {
  grid-column: 5;
  grid-row: 2;
}

.ig-feed #sbi_images > .sbi_item:nth-child(7) {
  grid-column: 6;
  grid-row: 2;
}

.ig-feed #sbi_images > .sbi_item:nth-child(8) {
  grid-column: 4;
  grid-row: 3;
}

.ig-feed #sbi_images > .sbi_item:nth-child(9) {
  grid-column: 5;
  grid-row: 3;
}

.ig-feed #sbi_images > .sbi_item:nth-child(10) {
  grid-column: 6;
  grid-row: 3;
}

.submenu__wrapper {
  flex-wrap: wrap;
}

.submenu__wrapper > .submenu__link-wrapper {
  flex: 1 1 calc((100% - (20px * 2)) / 3);
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 260px;
}

@media only screen and (max-width: 1600px) {
  .aspect-ratio__3-1 {
    aspect-ratio: 5/3;
  }
}

@media only screen and (max-width: 1470px) {
  .expandable-box {
    padding: 15px 20px;
  }

  .expandable-box .ct-fancy-icon {
	right: 20px;
  }

  .post-card__title, .post-card__text {
    max-width: 100%;
  }

  #link-229-19 #image-230-19 {
    width: 200px;
  }
}

@media only screen and (max-width: 1320px) {
  #link-229-19 {
    bottom: unset;
    top: calc(100% - 50px);
  }
}

@media only screen and (max-width: 1200px) {
  .expandable-box {
    flex:0 0 calc((100% - 30px) / 4);
    min-width: calc((100% - 30px) / 4);
    min-height: 350px;
  }

  .expandable-box.is-active {
    flex-basis: calc(((100% - 30px) / 4) * 2 + 10px);
  }

  .post-cards--grid > * {
    flex: 1 1 calc((100% - (2 * 20px)) / 3);
    max-width: calc((100% - (2 * 20px)) / 3);
    width: calc((100% - (2 * 20px)) / 3);
  }
}

@media only screen and (max-width: 1110px) {
  .woernerkarte-cta img {
    margin-top: -75px !important;
  }

  .projekte-carousel .carousel-nav-wrap {
    left: 0px;
  }
}

@media only screen and (max-width: 992px) {
  section:not(footer section) > .ct-section-inner-wrap {
    padding-top: 50px;
    paddibng-bottom: 50px;
  }
  
  .expandable-box {
    flex: 0 0 calc((100% - 20px) / 3);
    min-width: calc((100% - 20px) / 3);
    min-height: 350px;
  }

  .expandable-box.is-active {
    flex-basis: calc(((100% - 20px) / 3) * 2 + 10px);
  }

  .post-cards--grid {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .post-cards--grid > * {
    flex: 1 1 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
  }

  .woernerkarte-cta #text_block-159-72,
  #woernergaertnerkarte #text_block-40-641 {
    margin-top: -75px;
  }

  .projekte-carousel .projekte-slide-inner {
	margin-right: 16px;
	max-width: 500px;
  } 
}

@media only screen and (max-width: 768px) {
  section:not(footer section):not(header section) > .ct-section-inner-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }

 /* section:not(footer section):not(header section):not(section.hero-section):not(section.padding__divider-bottom):not(section.padding__divider-top):not(section.padding-50):not(section.padding-bottom__0):not(section.padding-top__0) > .ct-section-inner-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }*/

  .hero-section_single,
  .dwg-carousel.hero-slider,
  .dwg-carousel.hero-slider .flickity-viewport,
  .dwg-carousel.hero-slider .flickity-slider {
    height: var(--fixed-mobile-vh);
    min-height: var(--fixed-mobile-vh);
  }

  .hero-slider .header-slide {
    padding-bottom: 125px;
  }

  .hero-slider .carousel-nav-wrap {
    bottom: 64px;
  }

  .text-align__right,
  .text-align__right *:not(.btn) {
    text-align: left;
  }

  .dwg-carousel .carousel-nav-wrap {
    right: 25px;
  }

  .projekte-carousel .projekte-slide-inner {
	padding: 20px;
	padding-right: 50px;
	border-radius: 0 0 70px 0;
	max-width: calc(100% - 32px);
  }

  .projekte-carousel .carousel-nav-wrap {
    right: unset;
    left: 50%;
    top: calc(100% + 10px);
    transform: translateX(-50%);
  }

  .projekte-carousel .projekte-slide-cta {
    bottom: 16px;
  }

  .projekte-carousel .projekte-slide-media {
	aspect-ratio: 1.6/2;
  }

  .projekte-thumbs-wrapper {
    display: none;
  }

  .expandable-box.is-active,
  .expandable-box {
    flex-basis: 100%;
    min-width: 100%;
    min-height: inherit;
    pointer-events: none;
  }

  .post-cards--grid > * {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .full-width__section .content-area {
    padding: 0 25px;
  }

  .flexi-box__content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .mobile__justify-self__flex-start {
    align-self: flex-start;
  }

  #link-229-19 #image-230-19 {
    width: 175px;
  }
}

@media only screen and (max-width: 640px) {
  .woernerkarte-cta #text_block-159-72 {
    font-size: 1.75rem;
  }
}

@media only screen and (max-width: 540px) {
  .woernerkarte-cta img {
    margin-top: 0 !important;
  }

  .woernerkarte-cta #text_block-159-72,
  #woernergaertnerkarte #text_block-40-641 {
    margin-top: 0px;
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 600px) {
  .submenu__wrapper > .submenu__link-wrapper {
    min-width: 180px;
  }
}

@media only screen and (max-width: 480px) {
  .post-card .post-card__media .post-card__icon {
    width: 48px;
    height: 48px;
    right: 10px;
    top: 10px;
    border-radius: 0 0 0 6px;
  }

  .aspect-ratio__3-1 {
    aspect-ratio: 5/4;
  }
}.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0;
  margin: 0 !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: absolute;
  top: 50px;
  left: 20px;
  background:#3c5164;
  font-size: 24px;
  color: #fff;
  padding: 8px 16px;
  text-decoration: none;
  z-index: 100;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}

.skip-link:focus {
  top: 50px;
  opacity: 1;
  pointer-events: auto;
}:root {
  --sonnenblatt: #bee14b;
  --tannengruen: #00633a;
  --grau: #575756;
  --jungtrieb: #76b82a;
  --himmel: #589acc;
  --pool: #0075bf;
  --pool-accessible: #005892;

  --error-red: #A32222;
  --aktion-red: #FF362B;
  
  --lexend: 'Lexend';
  --vollkorn: 'Vollkorn'
}/* Basis-Button */
.btn {
  --baseColor: var(--pool);
  --fillerColor: var(--sonnenblatt);
  --baseTextColor: #ffffff;
  --hoverTextColor: var(--tannengruen);

  /* Zeiten separat steuerbar */
  --fillerInDur: .5s;    /* reinfahren */
  --fillerOutDur: .5s;   /* rausfahren */

  appearance: none;
  background: var(--baseColor);
  color: var(--baseTextColor);
  min-height: 44px;
  padding: 8px 30px;
  border: 0;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
}

button {
  font-family: var(--lexend);
}

/* Variante 1 */
.btn.sonnenblatt {
  --fillerColor: var(--pool);
  --baseColor: var(--sonnenblatt);
  --hoverTextColor: #ffffff;
  --baseTextColor: var(--tannengruen);
}

/* Variante 2 */
.btn.white {
  --fillerColor: var(--pool);
  --baseColor: white;
  --hoverTextColor: white;
  --baseTextColor: var(--pool);
}

/* Fill White */
.btn.fill-white {
  --fillerColor: white;
}

.btn.fill-white.sonnenblatt {
  --hoverTextColor: var(--pool);
}

/* Fill Sonnenblatt */
.btn.fill-sonnenblatt {
  --fillerColor: var(--sonnenblatt);
  --hoverTextColor: var(--tannengruen);
}

/* Filter Buttons */
.btn.filter {
  --baseColor: white;
  --baseTextColor: var(--pool);
  --fillerColor: var(--pool);
  --hoverTextColor: white;

  border: var(--pool) solid 2px;
  display: flex;
  gap: 10px;

  padding-left: 16px;
}

.header-slide-links .btn {
  --fillerColor: white;
  --hoverTextColor: var(--pool);
}

.btn.filter.is-active {
  --baseColor: var(--pool);
  --baseTextColor: white;
  --fillerColor: white;
  --hoverTextColor: var(--pool);
}

.btn.filter .indicator {
  height: 1rem;
  width: 1rem;
  position: relative;
  z-index: 1;

  transform: rotate(0);
  transition: transform ease-in-out .3s;
}

.btn.filter.is-active .indicator {
  transform: rotate(45deg);
}

.btn.filter .indicator > * {
  background: var(--baseTextColor);
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);

  transition: background ease-in-out .3s;
}

.btn.filter .indicator > *:first-child {
  width: 1rem;
  height: 2px;
}

.btn.filter .indicator > *:last-child {
  width: 2px;
  height: 1rem;
}

/* Inhalt */
.btn .btn-text {
  position: relative;
  transition: color .5s;
  font-family: var(--lexend);
  hyphens: none;
  text-align: center;
  z-index: 1;
}
.btn .btn-filler {
  background: var(--fillerColor);
  position: absolute;
  width: 150%;
  height: 200%;
  border-radius: 50%;
  top: -50%;
  left: -25%;
  /* Start: unten (außerhalb) */
  transform: translate3d(0, 75%, 0);
  z-index: 0;
}

/* Zustände via Klassen (werden per JS gesetzt) */
.btn.hover-in  .btn-text { color: var(--hoverTextColor); }
.btn.filter.hover-in .indicator > * { background: white; }
.btn.filter.is-active.hover-in .indicator > * { background: var(--pool); }
.btn.hover-in  .btn-filler { animation: fillerIn var(--fillerInDur) ease-out forwards; }

.btn.hover-out .btn-filler { animation: fillerOut var(--fillerOutDur) ease-in forwards; }

/* Tastatur-Fokus unterstützend (optional) */
.btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Keyframes */
@keyframes fillerIn {
  0%   { transform: translate3d(0, 75%, 0); }
  100% { transform: translate3d(0,   0%, 0); }
}
@keyframes fillerOut {
  0%   { transform: translate3d(0,   0%, 0); }
  100% { transform: translate3d(0, /*-*/75%, 0); } /* oben raus */
}

/* Bewegungsreduktion */
@media (prefers-reduced-motion: reduce) {
  .btn, .btn * { animation: none !important; transition: none !important; }
}
:root {
  --quicklinks-right: calc((100dvw - 1920px) / 2);
  --quicklinks-open-width: 195px;
  --quicklinks-gap: 24px;
  --modal-left-gap: 50px;

  --modal-right-safe-space: calc(
    var(--quicklinks-right) + var(--quicklinks-open-width) + var(--quicklinks-gap)
  );
}

@media only screen and (max-width: 2014px) {
  :root {
    --quicklinks-right: 3px;
  }
}



#header.scrolled > .ct-section-inner-wrap {
  flex-direction: row;
}

/* Ausgangszustand */
#header.scrolled #link-14-10 {
  position: absolute;
}

#header.scrolled #main-navigation {
  margin-left: auto;
}

/* Quick-Links Oben und Seite */
#header #quicklinks {
  padding-right: calc((100dvw - 1920px) / 2);
  transition: all .5s ease-in-out, top .9s ease-in-out, transform .9s ease-in-out;
  z-index: 3;
  align-items: center;
  border-radius: 1px 0 0 25px;
}

#header #quicklinks button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

#header #quicklinks button > .ct-text-block {
  font-family: var(--lexend);
  font-weight: 400;
  line-height: 1.6;
}

#header #quicklinks .ct-fancy-icon {
  opacity: 0;
  transform: scale(0);
  height: 0;
}

#header #quicklinks .ct-text-block {
  color: var(--tannengruen);
}

/*#header.scrolled #quicklinks > a {
  min-width: 44px;
  min-height: 44px;
  display: flex;
  flex-direction: row;
  position: relative;
}

#header.scrolled #quicklinks .ct-text-block {
  opacity: 1;
  transform: scale(1);
  transform-origin: right;
  font-size: 16px;
}

#header.scrolled #quicklinks {
  position: fixed;
  right: calc((100dvw - 1920px + 88px) / 2);
  top: 50%;
  transform: translateY(-50%);
  flex-direction: column;
  padding: 18px 0 18px 0;
  border-radius: 0 0 0 20px;
  gap: 0;
}
*/

#header.scrolled #quicklinks .ct-fancy-icon,
#header #quicklinks.sidebar .ct-fancy-icon {
  opacity: 1;
  transform: scale(1);
  height: 22px;
}

/*#header.scrolled #quicklinks .ct-text-block {
  opacity: 0;
  transform: scale(0);
  font-size: 0;
  white-space: nowrap;
  position: absolute;
  right: 100%;
  padding: 10px 10px 10px 18px;
  background: white;
  border-radius: 50px 0 0 50px;
  /*transition: all .6s ease-in-out;*/
/*}

/*#header.scrolled #quicklinks > a:hover .ct-text-block,
#header.scrolled #quicklinks > a:focus-visible .ct-text-block {
  opacity: 1;
  font-size: 16px;
  transform: scale(1);
}*/

/* Grundlayout Quicklinks */
#header.scrolled #quicklinks,
#header #quicklinks.sidebar {
  position: fixed;
  /*right: calc((100dvw - 1920px) / 2);*/
  right: var(--quicklinks-right);
  top: 50%;
  transform: translateY(-50%);

  display: flex;
  gap: 0;
  flex-direction: column;
  padding: 10px 0;
  border-radius: 0 0 0 20px;
  align-items: center;
  overflow: hidden;              
  width: 44px;             
  transition: width .3s ease-in-out;
}

#header.scrolled #quicklinks > *,
#header #quicklinks.sidebar > * {
  min-height: 44px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 15px;             
  position: relative;

  transition: background-color .25s ease, box-shadow .25s ease;
}

#header.scrolled #quicklinks:hover > *,
#header.scrolled #quicklinks:focus-within > *,
#header #quicklinks.sidebar:hover > *,
#header #quicklinks.sidebar:focus-within >* {
  justify-content: flex-end !important;
  padding-right: 20px;
}

#header.scrolled #quicklinks:hover,
#header.scrolled #quicklinks:focus-within,
#header #quicklinks.sidebar:hover,
#header #quicklinks.sidebar:focus-within {
  width: 195px;  
  align-items: flex-end !important;
}


#header.scrolled #quicklinks .ct-text-block,
#header #quicklinks.sidebar .ct-text-block {          
  opacity: 0;
  white-space: nowrap;
  position: absolute;
}

/* Text sichtbar, sobald Container offen */
#header.scrolled #quicklinks:hover .ct-text-block,
#header.scrolled #quicklinks:focus-within .ct-text-block,
#header #quicklinks.sidebar:hover .ct-text-block,
#header #quicklinks.sidebar:focus-within .ct-text-block {
  opacity: 1;
  position: static;
}

#header.scrolled #quicklinks:hover a,
#header.scrolled #quicklinks:hover button,
#header.scrolled #quicklinks:focus-within a,
#header.scrolled #quicklinks:focus-within button,
#header #quicklinks.sidebar:hover a,
#header #quicklinks.sidebar:hover button
#header #quicklinks.sidebar:focus-within a,
#header #quicklinks.sidebar:focus-within button {
  justify-content: flex-end;
  padding: 0 20px;
}

/* Highlight fürs aktive Item */
#header.scrolled #quicklinks > a:hover,
#header.scrolled #quicklinks > button:hover,
#header.scrolled #quicklinks > a:focus-visible,
#header.scrolled #quicklinks > button:focus-visible,
#header #quicklinks.sidebar > a:hover,
#header #quicklinks.sidebar > button:hover,
#header #quicklinks.sidebar > a:focus-visible,
#header #quicklinks.sidebar > button:focus-visible {
  background: var(--tannengruen);
}

#header.scrolled #quicklinks > a:hover *,
#header.scrolled #quicklinks > a:focus-visible *,
#header.scrolled #quicklinks > button:hover *,
#header.scrolled #quicklinks > button:focus-visible *,
#header #quicklinks.sidebar > a:hover *,
#header #quicklinks.sidebar > a:focus-visible *,
#header #quicklinks.sidebar > button:hover *,
#header #quicklinks.sidebar > button:focus-visible * {
  fill: var(--sonnenblatt);
  color: var(--sonnenblatt);
}

/* Main Navigation */
#header #main-navigation > .menu-main-container > ul {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

#header #main-navigation > .menu-main-container > ul > li > a {
  transition: font-size .4s ease-in-out;
  font-size: 20px;
  color: var(--tannengruen);
  position: relative;
  transition: padding ease-in-out .2s;
}

#header #main-navigation > .menu-main-container > ul > li > a:hover,
#header #main-navigation > .menu-main-container > ul > li > a:focus-visible,
#header #main-navigation > .menu-main-container > ul > li.current-menu-item > a,
#header #main-navigation > .menu-main-container > ul > li.menu-item-has-children:hover > a,
#header #main-navigation > .menu-main-container > ul > li.menu-item-has-children:focus-within > a,
#header #main-navigation > .menu-main-container > ul > li.current-menu-ancestor > a {
  padding-left: 20px;
  -webkit-text-stroke: .06em var(--tannengruen);
}

#header.scrolled #main-navigation > .menu-main-container > ul > li > a:hover,
#header.scrolled #main-navigation > .menu-main-container > ul > li > a:focus-visible,
#header.scrolled #main-navigation > .menu-main-container > ul > li.current-menu-item > a {
  padding-left: 13px;
}

#header #main-navigation > .menu-main-container > ul > li > a::before,
#header #main-navigation .sub-menu > li > a::before {
  content: '';
  display: block;
  background-image: url('/wp-content/uploads/2025/12/dwg_signet.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 14px;
  height: 14px;
  transform: scale(0);
  position: absolute;
  left: 0;
  transition: transform .2s ease-in-out;
}

#header #main-navigation .sub-menu > li > a::before {
  width: 10px;
  height: 10px;
  left: 20px;
}

#header.scrolled #main-navigation > .menu-main-container > ul > li > a::before {
  width: 10px;
  height: 10px;
}

#header #main-navigation > .menu-main-container > ul > li > a:hover::before,
#header #main-navigation > .menu-main-container > ul > li > a:focus-visible::before,
#header #main-navigation > .menu-main-container > ul > li.current-menu-item > a::before,
#header #main-navigation > .menu-main-container > ul > li.menu-item-has-children:hover > a::before,
#header #main-navigation > .menu-main-container > ul > li.menu-item-has-children:focus-within > a::before,
#header #main-navigation > .menu-main-container > ul > li.current-menu-ancestor > a::before,
#header #main-navigation .sub-menu > li > a:hover::before,
#header #main-navigation .sub-menu > li > a:focus-visible::before,
#header #main-navigation .sub-menu > li.current-menu-item > a::before,
#header #main-navigation .sub-menu > li.current-menu-item > a::before {
  transform: scale(1);
}

#header.scrolled #main-navigation > .menu-main-container > ul > li > a {
  font-size: 16px;
}

/* Dropdowns im Menü */
#header #main-navigation .sub-menu {
  border-radius: 0 0 20px 0;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

#header #main-navigation .sub-menu > li > a {
  color: var(--tannengruen);
  padding: 7px 20px;
  border-bottom: solid 2px var(--sonnenblatt);
  background: white;
  transition: background .3s ease-in-out, padding .3s ease-in-out;
}

#header #main-navigation .sub-menu > li > a:hover,
#header #main-navigation .sub-menu > li > a:focus-visible,
#header #main-navigation .sub-menu > li.current-menu-item > a {
  background: var(--sonnenblatt);
  padding-left: 35px;
  -webkit-text-stroke: .05em var(--tannengruen);
}

#header #main-navigation .sub-menu > li:last-child > a {
  border-bottom: unset;
}

#header.scrolled #main-navigation > .menu-main-container > ul > li:last-child .sub-menu {
  right: 0 !important;
}

/* Footer */
footer .flex__quarter h3 {
  white-space: nowrap;
}

footer .flex__quarter {
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;
}

footer a {
  text-decoration: underline;
}

footer address a.mail-link {
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  -webkit-hyphens: none;
}

footer .socials > * .ct-fancy-icon > svg {
  fill: white;
}

/* Partner */
footer .partners {
  --partner-size: 60px;
  --partner-gap: 16px;
  --partner-cols: 5;
  
  gap: var(--partner-gap);
}

footer .partners > div > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--partner-gap);

  max-width: calc(
    var(--partner-cols) * var(--partner-size)
    + (var(--partner-cols) - 1) * var(--partner-gap)
  );
}

footer .partners > div > div > * {
  flex: 0 0 calc(
    (100% - (var(--partner-cols) - 1) * var(--partner-gap))
    / var(--partner-cols)
  );
}

footer .partners > div > div > .partners__raumbegruener {
  flex: 0 0 calc(
    2 * (
      (100% - (var(--partner-cols) - 1) * var(--partner-gap))
      / var(--partner-cols)
    )
    + var(--partner-gap)
  );
}

footer .partners .partners__partner {
  background: white;
  min-width: var(--partner-size);
  max-height: var(--partner-size);
  border-radius: 0 0 13px 0;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer .partners .partners__partner img {
  max-width: 100%;
  max-height: 100%;
}

footer .partners > .partners__gruenerleben {
  max-width: calc(2 * var(--partner-size) + var(--partner-gap));
  max-height: calc(2 * var(--partner-size) + var(--partner-gap));
}

/* Partner Grid */
footer .partners__grid {
  --partner-size: 60px;
  --partner-gap: 16px;

  display: grid;
  grid-template-columns: repeat(7, var(--partner-size));
  grid-auto-rows: var(--partner-size);
  gap: var(--partner-gap);
  align-items: stretch;
}

/* Grundkachel */
footer .partners__grid .partners__partner {
  background: #ffffff;
  border-radius: 0 0 13px 0;
  padding: 5px;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

/* Großes grün-erleben-Logo links: 2 x 2 */
footer .partners__grid .partners__gruenerleben {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
}

/* Raumbegrüner: 2 Spalten breit, 1 Reihe hoch */
footer .partners__grid .partners__raumbegruener {
  grid-column: span 2;
}

/* Bilder stabil gegen LazyLoad / WP Rocket */
footer .partners__grid .partners__partner img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}



footer #menu-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

footer #menu-footer a {
  color: white;
  position: relative;
  transition: color ease-in-out .3s;
  margin-right: 10px;
}

footer #menu-footer > li:not(:last-child) a::after,
footer #menu-footer > li a::before {
  content: '';
  display: block;
  width: 2px;
  height: 16px;
  background: white;
  position: absolute;
  right: -11px;
}

footer #menu-footer > li a::before {
  height: 2px;
  width: 100%;
  right: inherit;
  bottom: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform ease-in-out .3s;
  background: var(--sonnenblatt);
}

footer #menu-footer > li a:hover::before,
footer #menu-footer > li a:focus-visible::before,
footer #menu-footer > li.current_page_item a::before {
  transform: scaleX(1);
} 

footer #menu-footer > li a:hover,
footer #menu-footer > li a:focus-visible,
footer #menu-footer > li.current_page_item a {
  color: var(--sonnenblatt);
}



@media only screen and (max-width: 2014px) {
  #header #quicklinks {
    padding-right: 50px;
  }
  
  #header.scrolled #quicklinks,
  #header #quicklinks.sidebar {
    right: 3px;
  }
}

@media only screen and (max-width: 1920px) {
  footer .socials > * {
    width:48px;
    height: 48px;
  }
}

@media only screen and (max-width: 1400px) {
  #header #main-navigation > .menu-main-container > ul > li:last-child .sub-menu {
    right: 0 !important;
  }
}

@media only screen and (max-width: 1222px) {
  footer .flex__quarter > div {
	flex: 1 1 calc((100% - 40px) / 2);
    max-width: 206px;
  }

  #header #main-navigation > .menu-main-container > ul > li > a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1100px) {
  #header #main-navigation > .menu-main-container > ul > li > a {
    font-size: 16px;
  }

  #header.scrolled #main-navigation > .menu-main-container > ul > li > a,
  #header #main-navigation .sub-menu > li > a {
    font-size: 14px;
  }
}

/* Tablet Menu Custom */
@media only screen and (max-width: 992px) {
  .oxy-nav-menu-hamburger > div {
    background: var(--tannengruen);
    border-radius: 0;
    transition: all ease-in-out .4s;
  }

  #main-navigation .oxy-nav-menu-hamburger-wrap {
    width: 44px;
    height: 44px;
  }
  /* Burger Animation */
  .oxy-nav-menu-hamburger {
    --line-gap: 12px;
      
    position: relative;
    width: 44px !important;
    height: calc(var(--line-gap) * 2 + 3px) !important;
  }
  
  .oxy-nav-menu-hamburger-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    transform-origin: center;
    transition:
      top 300ms ease 300ms,
      transform 300ms ease 100ms,
      opacity 200ms ease 300ms;
  }
  
  .oxy-nav-menu-hamburger-line:nth-child(1) { top: 0; }
  .oxy-nav-menu-hamburger-line:nth-child(2) { top: var(--line-gap); }
  .oxy-nav-menu-hamburger-line:nth-child(3) { top: calc(var(--line-gap) * 2); }

  #main-navigation.oxy-nav-menu-open
  .oxy-menu-toggle
  .oxy-nav-menu-hamburger-line:nth-child(1) {
    transform: rotate(45deg);
    transition:
      top 300ms ease 100ms,
      transform 300ms ease 500ms,
      opacity 200ms ease 300ms;
  }

  #main-navigation.oxy-nav-menu.oxy-nav-menu-open .oxy-nav-menu-hamburger-wrap {
	top: 0;
  }
  
  #main-navigation.oxy-nav-menu-open
  .oxy-menu-toggle
  .oxy-nav-menu-hamburger-line:nth-child(2) {
    opacity: 0;
    transition: opacity 200ms ease 200ms;
  }
  
  #main-navigation.oxy-nav-menu-open
  .oxy-menu-toggle
  .oxy-nav-menu-hamburger-line:nth-child(3) {
    transform: rotate(-45deg);
    transition:
      top 300ms ease 100ms,
      transform 300ms ease 500ms,
      opacity 200ms ease 300ms;
  }

  #main-navigation.oxy-nav-menu-open
  .oxy-menu-toggle
  .oxy-nav-menu-hamburger-line:nth-child(1),
  #main-navigation.oxy-nav-menu-open
  .oxy-menu-toggle
  .oxy-nav-menu-hamburger-line:nth-child(3) {
    top: var(--line-gap);
  }
    
  #main-navigation.oxy-nav-menu-open .oxy-nav-menu-hamburger {
	transform: rotate(0deg);
  }
  #main-navigation.oxy-nav-menu-open .oxy-nav-menu-hamburger .oxy-nav-menu-hamburger-line:first-child {
	position: absolute;
  }
  
  #header {
    height: 70px;
    z-index: 4 !important;
  }
  
  #header.scrolled #link-14-10 {
    position: relative;
    z-index: 2147483643 !important
  }

  #header #main-navigation.oxy-nav-menu.oxy-nav-menu-open {
	justify-content: flex-end;
  }
  
  #header #main-navigation > .menu-main-container > ul {
	display: none;
  }

  #header #main-navigation.oxy-nav-menu.oxy-nav-menu-open > .menu-main-container {
    padding: 35px 25px;
    background: var(--tannengruen);
    height: calc(100dvh - 70px);
    display: flex;
    align-items: flex-start;
  }
  
  #header #main-navigation.oxy-nav-menu.oxy-nav-menu-open > .menu-main-container > ul {
	display: flex;
    gap: 25px;
  }

  #header #main-navigation > .menu-main-container > ul > li > a {
    color: white;
    width: fit-content;
    font-size: 18px !important;
  }

  #header #main-navigation > .menu-main-container > ul > li > a:hover,
  #header #main-navigation > .menu-main-container > ul > li > a:focus-visible,
  #header #main-navigation > .menu-main-container > ul > li.current-menu-ancestor > a,
  #header #main-navigation .sub-menu > li > a:hover, 
  #header #main-navigation .sub-menu > li > a:focus-visible, 
  #header #main-navigation .sub-menu > li.current-menu-item > a {
    -webkit-text-stroke: white;
  }
  #header #main-navigation > .menu-main-container > ul > li > a:focus-visible,
  #header #main-navigation > .menu-main-container > ul > li.current-menu-item > a,
  #header #main-navigation > .menu-main-container > ul > li.current-menu-item > a, 
  #header #main-navigation > .menu-main-container > ul > li.menu-item-has-children:hover > a{
    -webkit-text-stroke: white;
  }

  #header #main-navigation > .menu-main-container > ul > li > a::before,
  #header #main-navigation > .menu-main-container > ul > li .sub-menu a::before {
    background-image: url('/wp-content/uploads/2026/02/dwg_signet_sonnenblatt.svg');
  }
  #header #main-navigation > .menu-main-container > ul > li:not(.current-menu-item) > a:hover::before,
  #header #main-navigation > .menu-main-container > ul > li:not(.current-menu-item) > a:focus-visible::before,
  #header #main-navigation > .menu-main-container .sub-menu > li:not(.current-menu-item) > a:hover::before,
  #header #main-navigation > .menu-main-container .sub-menu > li:not(.current-menu-item) > a:focus-visible::before{
    transform: scale(0);
  }
  #header.scrolled #main-navigation > .menu-main-container > ul > li > a,
  #header.scrolled #main-navigation > .menu-main-container > ul > li > a:hover, 
  #header.scrolled #main-navigation > .menu-main-container > ul > li > a:focus-visible, 
  #header.scrolled #main-navigation > .menu-main-container > ul > li.current-menu-item > a {
	padding-left: 18px;
  }

  /* Submenus */
  #main-navigation .sub-menu {
    overflow: hidden;
    height: 0;
    transition: height .3s ease-in-out !important;
    display: block !important;
    pointer-events: none;
  }

  #main-navigation .menu-item-has-children.is-sub-open .sub-menu {
    pointer-events: auto;
  }
  
  #main-navigation .submenu-toggle {
    background: transparent;
    border: 0;
    line-height: 1;
    cursor: pointer;
    min-width: 44px;
    min-height: 44px;
    transform: rotate(90deg);
  }

  #main-navigation .submenu-toggle svg {
    fill: white;
  }
  
  #main-navigation .menu-item-has-children {
    position: relative;
  }
  
  #main-navigation .menu-item-has-children > .submenu-toggle {
    position: absolute;
    right: 0;
    top: 0;
  }
  
  #main-navigation .menu-item-has-children.is-sub-open > .submenu-toggle {
    transform: rotate(-90deg);
    transition: transform .3s ease;
  }
  
  #main-navigation .submenu-toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
  }

  #header #main-navigation .sub-menu {
	border-radius: unset;
	box-shadow: unset;
    padding-left: 20px;
  }

  #header #main-navigation .sub-menu a {
    color: white !important;
  }

  #header #main-navigation .sub-menu > li > a {
	font-size: 16px;
	width: fit-content;
  }
  #header #main-navigation .sub-menu > li > a,
  #header #main-navigation .sub-menu > li.current-menu-item > a,
  #header #main-navigation .sub-menu > li > a:hover,
  #header #main-navigation .sub-menu > li > a:focus-visible {
    padding-left: 14px !important;
  }
  #header #main-navigation .sub-menu > li > a::before {
	left: 0;
  }
}

@media only screen and (max-width: 790px) {
  footer .flex__quarter {
	justify-content: flex-start;
  }
  
  footer .flex__quarter > div {
	max-width: inherit;
  }
  
  #div_block-32-10 {
    flex-direction: column-reverse;
  }
}

/* Mobile Menu Custom */
@media only screen and (max-width: 768px) {
  footer section > .ct-section-inner-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* Quicklinks nur noch unten zentriert */
  #header #quicklinks .ct-fancy-icon {
    opacity: 1;
    transform: scale(1);
    height: 22px;
  }

  #header #quicklinks > * > .ct-text-block,
  #header.scrolled #quicklinks:hover .ct-text-block,
  #header.scrolled #quicklinks:focus-within .ct-text-block {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0;
    margin: 0 !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  #header #quicklinks,
  #header.scrolled #quicklinks {
    right: 50%;
    top: inherit;
    bottom: 10px;
    transform: translate(50%, 0);
  
    display: flex;
    gap: 10px;
    flex-direction: row;
    padding: 0 10px 0 10px;
    border-radius: 0 0 0 20px;
    align-items: center;
    overflow: hidden;              
    width: auto;             
    transition: width .3s ease-in-out;
  }

  #header.scrolled #quicklinks:hover, #header.scrolled #quicklinks:focus-within {
	width: auto;
	align-items: flex-end !important;
  }
  
  #header.scrolled #quicklinks > * {
      min-width: 44px;
      min-height: 44px;
    }

  #header.scrolled #quicklinks:hover a,
  #header.scrolled #quicklinks:hover button,
  #header.scrolled #quicklinks:focus-within a,
  #header.scrolled #quicklinks:focus-within button {
    justify-content: center;
    padding: 0 !important;
  }
  
  /* Highlight fürs aktive Item */
  #header.scrolled #quicklinks > a:hover,
  #header.scrolled #quicklinks > button:hover,
  #header.scrolled #quicklinks > a:focus-visible,
  #header.scrolled #quicklinks > button:focus-visible {
    background: var(--tannengruen);
  }
  
  #header.scrolled #quicklinks > a:hover *,
  #header.scrolled #quicklinks > a:focus-visible *,
  #header.scrolled #quicklinks > button:hover *,
  #header.scrolled #quicklinks > button:focus-visible * {
    fill: var(--sonnenblatt);
    color: var(--sonnenblatt);
  }    

  #header.scrolled #quicklinks:hover > *,
  #header.scrolled #quicklinks:focus-within > *,
  #header #quicklinks.sidebar:hover > *,
  #header #quicklinks.sidebar:focus-within >* {
    justify-content: center !important;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 560px) {
  footer .flex__quarter h3 {
	white-space: inherit;
  }

  footer .partners > div > div {
	max-width: 100%;
    gap: var(--partner-gap);
  }
  
  footer .partners {
    --partner-gap: 10px;
    --partner-size: calc(
      (100% - (var(--partner-cols) - 1) * var(--partner-gap))
      / 7
    );
  }

  
  footer .partners > div > div {
    max-width: 100%;
  }

  footer .partners .partners__partner {
    min-width: 0;
    max-height: inherit;

  }
  
  footer .partners > div.partners__gruenerleben{
    width:  calc(2 * var(--partner-size) + var(--partner-gap));
    height: calc(2 * var(--partner-size) + var(--partner-gap));
    flex: 0 0 auto;
  }
}

@media only screen and (max-width: 556px) {
  footer .partners__grid {
    --partner-size: 40px;
    --partner-gap: 10px;
  }
}

@media only screen and (max-width: 380px) {
  footer .partners__grid {
    --partner-size: 32px;
    --partner-gap: 8px;
  }
}/* Base Layout */
input, select {
  background: white;
  border-radius: 0 100px 100px 0;
  padding: 16px 5px;
  padding-right: 30px;
  border: none;

  font-family: var(--lexend);
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

.label-form-wrapper p {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.wpcf7-form-control-wrap, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select {
  width: 100%;
}

.label-form-wrapper label {
  border-radius: 100px 0  0 100px;
  background: white;
  display: flex;
  align-items: center;
  padding-left: 30px;
  padding-right: 5px;
  max-height: 52px;

  width: fit-content;
  white-space: nowrap;
}

.label-form-wrapper label::after {
  content: '';
  display: inline-block;
  height: 30px;
  width: 2px;

  margin-left: 10px;
  background: var(--tannengruen);
  transform: scale(0);
  transition: transform ease-in-out .3s;
}

.label-form-wrapper.active label::after {
  transform: scale(1);
}

.wpcf7-form > div  > .inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;

  margin-bottom: 24px;
}

.wpcf7-form > div > .inputs > * {
  flex: 1 1 calc((100% - 12px) / 2);
}

.wpcf7-not-valid-tip {
  padding-right: 20px;
  text-align: right;
  color: var(--error-red) !important;
}

.wpcf7-form .wpcf7-form-control.wpcf7-checkbox,
.wpcf7-form .wpcf7-form-control.wpcf7-radio,
.wpcf7-form .wpcf7-form-control.wpcf7-acceptance {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.wpcf7-form .wpcf7-checkbox .wpcf7-list-item,
.wpcf7-form .wpcf7-radio .wpcf7-list-item,
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
  /*white-space: nowrap;*/
}

.wpcf7-form .wpcf7-checkbox label,
.wpcf7-form .wpcf7-radio label,
.wpcf7-form .wpcf7-acceptance label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}

.wpcf7-form .wpcf7-checkbox label::before,
.wpcf7-form .wpcf7-acceptance label::before,
.wpcf7-form .wpcf7-radio label::before {
  content: "";
  width: 1.15rem;
  height: 1.15rem;
  border: 2px solid currentColor;
  background: #fff;
  border-radius: 0 0 8px 0;
  box-sizing: border-box;
  flex: 0 0 auto;
}

.wpcf7-form .wpcf7-checkbox label::after,
.wpcf7-form .wpcf7-acceptance label::after,
.wpcf7-form .wpcf7-radio label::after {
  content: "";
  position: absolute;
  left: .563rem;
  width: .65rem;
  height: .65rem;
  border-radius: 0 0 5px 0;
  background: var(--tannengruen);
  transform: translateX(-50%);
  opacity: 0;
}

.wpcf7-form .wpcf7-radio label::before,
.wpcf7-form .wpcf7-radio label::after {
  border-radius: 100px;
}

.wpcf7-form label:has(input[type="checkbox"]:checked)::after,
.wpcf7-form label:has(input[type="radio"]:checked)::after {
  opacity: 1;
}

.wpcf7-form label:has(input[type="checkbox"]:focus-visible)::before,
.wpcf7-form label:has(input[type="radio"]:focus-visible)::before {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.wpcf7-acceptance a {
  text-decoration: underline;
  color: var(--tannengruen);
}

/* Newsletter-Anmeldung CTA */
.newsletter-cta .wpcf7-form {
  max-width: 800px;
}

.newsletter-cta .wpcf7-form > div > .inputs > *:first-child,
.newsletter-cta .wpcf7-form > div > .inputs > *:last-child,
.newsletter-shortcode .wpcf7-form > div > .inputs > *:first-child,
.newsletter-shortcode .wpcf7-form > div > .inputs > *:last-child {
  flex: 1 1 100%;
}

/* Kundenkarte-Anmeldung */
.kundenkarte-shortcode .wpcf7-form > div > .inputs {
  flex-direction: column;
}

.kundenkarte-shortcode .adresse,
.kundenkarte-shortcode .zipcity {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.kundenkarte-shortcode .adresse > div:first-child,
.kundenkarte-shortcode .zipcity > div:last-child {
  flex: 2;
}

.kundenkarte-shortcode .adresse > div:last-child,
.kundenkarte-shortcode .zipcity > div:first-child {
  flex: 1.25;
}

.kundenkarte-shortcode .radio-wrapper {
  margin-bottom: 24px;
}

.kundenkarte-shortcode p.font-size__small br {
  display: none;
}

.kundenkarte-shortcode fieldset.newsletter-consent + p {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0;
  margin: 0 !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* Search Form, Suche */
.bk-search-form {
  display: flex;
  flex-direction: column;
  gap:4px;
}

.bk-search-row {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

input.bk-search-input {
  border-radius: 100px;
  padding: 16px 30px;
  border: 2px solid var(--tannengruen);
  max-height: 52px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .newsletter-cta .wpcf7-form > div > .inputs > *,
  .newsletter-shortcode .wpcf7-form > div > .inputs > * {
    flex: 1 1 100%;
  }

  .label-form-wrapper label {
    padding-left: 20px;
    max-height: 49.5px;
  }

  input, select {
    padding-right: 20px;
  }

  .kundenkarte-shortcode .adresse,
  .kundenkarte-shortcode .zipcity {
    flex-direction: column;
  }
}


@media only screen and (max-width: 550px) {
  .bk-search-row {
    flex-direction: column;
    gap: 16px;
  }
  input.bk-search-input {
    max-height: 44px;
    padding: 16px 20px;
  }
  .bk-search-button {
    width: fit-content;
  }
  .bk-search-form {
    gap: 16px;
  }
}
/* Gesamt-Wertung */
.brf-stars {
  display: inline-flex;
  gap: 2px;        
  line-height: 0;  
}

.brf-star {
  position: relative;
  width: 32px;   
  height: 32px;
  flex: 0 0 auto;  
  overflow: hidden;
}

.brf-star__base,
.brf-star__fill {
  position: absolute;
  inset: 0;
}

.brf-star__base {
  color: #cfcfcf; 
}

.brf-star__fill {
  overflow: hidden;   
  white-space: nowrap; 
  color: #00633a;     
  width: 0;          
}

.brf-star__base svg,
.brf-star__fill svg {
  width: 100%;
  height: 100%;
  display: block;  
}

.brf-star--full svg,
.brf-star--half .brf-star__half svg {
   fill: var(--tannengruen);
}

.brf-star--half .brf-star__base svg,
.brf-star--empty svg {
  fill: var(--sonnenblatt);
}

.brf-star--half .brf-star__base {
  z-index: -1;
}

/* Review-Boxen */
.brf-reviews {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  gap: 16px;
  width: 100%;
}

.brf-reviews .brf-review {
  flex: 1 1 calc((100% - (16px * 2)) / 3);
  border: solid 2px var(--tannengruen);
  border-radius: 0 0 50px 0;
  padding: 32px 20px 16px 20px;
  position: relative;
  color: var(--tannengruen);
  gap: 6px;
  display: flex;
  flex-direction: column;

  min-width: 275px;
}

.brf-reviews .brf-review > *,
.brf-review__meta {
  display: flex;
  flex-direction: column;
}

.brf-review__meta {
  gap: 16px;
}

.brf-review__content p {
  margin: 0;
}

.brf-review__stars {
  display: flex;
  gap: 2px;
}

.brf-reviews .brf-star {
  fill: var(--sonnenblatt);
  width: 24px;
  display: inline-block;
}

.brf-star.is-filled svg {
  fill: var(--tannengruen)
}

.brf-review__name {
  color: var(--pool);
}

.brf-review--no-text { 
  align-self: flex-start; 
}

.brf-review__source {
  width: fit-content;
  background: var(--pool);
  color: white;
  padding: 2px 5px;
  border-radius: 0 0  0 10px;
  position: absolute;
  right: -2px;
  top:-2px
}

@media only screen and (max-width: 700px) {
  .gesamt-cta__wrapper {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }
}
.brlbs-cmpnt-dialog {
  max-width: 70% !important;
  margin-right: auto !important;
}

.brlbs-cmpnt-dialog-bar > div {
  display: flex;
  flex-direction: row !important;
}

.brlbs-cmpnt-dialog-bar-header {
  flex-direction: column;
  align-items: flex-start !important;
  gap: 20px;
}

.brlbs-cpmnt-dialog-bar-main {
  padding-right: 75px !important;
  width: 100% !important;
}

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

.brlbs-cmpnt-dialog-entrance-headline {
  font-size: 2.369rem !important;
  font-weight: 500 !important;
}

.cookie-logo.brlbs-dialog-logo {
  height: 35px !important;
}

.brlbs-cmpnt-dialog-entrance-description {
  color: #000000 !important;
}

.brlbs-cmpnt-dialog-entrance-description > p:first-of-type,
.brlbs-cmpnt-dialog-entrance-description > p:nth-of-type(2) {
  display: inline !important;
}

.brlbs-cmpnt-dialog-entrance-description > p:last-of-type {
  border: none !important;
}

.brlbs-cmpnt-dialog-entrance-description > p:first-of-type::after {
  content: ' ';
}

.brlbs-cmpnt-btn {
  border-radius: 100px !important;
  background: var(--pool) !important;
  color: white !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

.brlbs-cmpnt-btn:hover,
.brlbs-cmpnt-btn:focus-visible {
  background: var(--sonnenblatt) !important;
  color: var(--tannengruen) !important;
}

.brlbs-cpmnt-dialog-bar-buttons.md\:brlbs-w-1\/4 {
  width: 100% !important;
}

.brlbs-cpmnt-dialog-bar-buttons > div {
  display: flex;
  flex-direction: row !important;
  gap: 40px !important;
  margin-top: 30px !important;
}

.brlbs-cpmnt-dialog-bar-buttons > div > div {
  margin: 0 !important;
}

.brlbs-cpmnt-dialog-bar-buttons > div > div:last-child {
  display: none !important;
}

.brlbs-cmpnt-close-button {
  width: 48px !important;
  height: 48px !important;
  border: solid var(--pool) 2px !important;
  border-radius: 100px !important;
  padding: 4px !important;
  margin-top: 16px !important;
  margin-right: 16px !important;
}

.brlbs-cmpnt-close-button svg {
  width: 100% !important;
  height: 100% !important;
  fill: var(--pool) !important;
  stroke: var(--pool) !important;
}

.brlbs-cmpnt-close-button:hover svg
.brlbs-cmpnt-close-button:focus-visible svg {
  stroke: var(--pool) !important;
}

.brlbs-cmpnt-dialog-entrance-description a {
  color: var(--pool) !important;
}

.brlbs-cmpnt-dialog-footer {
  background: transparent !important;
  padding: 24px !important;
  padding-bottom: 147px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  gap: 10px;
  height: fit-content !important;
  margin-top: auto !important;
}

.brlbs-cmpnt-dialog-footer .brlbs-cmpnt-link {
  color: var(--tannengruen) !important;
  text-decoration: underline !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media only screen and (max-width: 1470px) {
  .brlbs-cmpnt-dialog-entrance-headline {
    font-size: 1.75rem !important;
  }

  .cookie-logo.brlbs-dialog-logo {
    height: 25px !important;
  }
}

@media only screen and (max-width: 1075px) {
  .brlbs-cmpnt-dialog-bar > div {
    flex-direction: column !important;
  }

  .brlbs-cmpnt-dialog-footer {
    padding-bottom: 24px !important;
  }
}

@media only screen and (max-width: 768px) {
  .brlbs-cmpnt-dialog {
    max-width: 100% !important;
    margin-right: 8px !important;
  }

  .brlbs-cpmnt-dialog-bar-main {
    padding-right: 0px !important;
  }

  .brlbs-cmpnt-container .brlbs-text-sm {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 480px) {
  .brlbs-cpmnt-dialog-bar-buttons > div {
    flex-direction: column !important;
    gap: 16px !important;
  }
}/* Google reCAPTCHA */
[data-borlabs-cookie-content-blocker-id="recaptcha"] br {
  display: block;
}

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


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

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

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

.recaptcha-loaded .pseudocheckbox {
  position: relative;
}

[data-borlabs-cookie-content-blocker-id="recaptcha"] .wpcf7-list-item::before,
.recaptcha-loaded .pseudocheckbox::before {
  content: "";
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  border: 2px solid currentColor;
  background: #fff;
  border-radius: 0 0 8px 0;
  box-sizing: border-box;
  flex: 0 0 auto;
  margin-top: 4px;
    appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  opacity: 1;
  position: static;
  pointer-events: none;
}

#myCheckbox {
  width: 1.15rem;
  height: 1.15rem;
  appearance: checkbox;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  opacity: 0;
  cursor: pointer;
}

.recaptcha-loaded .pseudocheckbox::after {
  content: "";
  position: absolute;
  left: .563rem;
  width: .65rem;
  height: .65rem;
  border-radius: 0 0 5px 0;
  background: var(--tannengruen);
  transform: translateX(-50%);
  opacity: 1;
  top: 8px;
}

.wpcf7-form .wpcf7-radio label::before,
.wpcf7-form .wpcf7-radio label::after {
  border-radius: 100px;
}

.wpcf7-form label:has(input[type="checkbox"]:checked)::after,
.wpcf7-form label:has(input[type="radio"]:checked)::after {
  opacity: 1;
}

.grecaptcha-badge { visibility: hidden; }.kundenzeitung h2 {
  font-size: 3.157rem;
}

.kundenzeitung p {
  font-size: 1.777rem;
}

.kundenzeitung .divider_top {
  bottom: 400px;
}

.kundenzeitung-wrapper {
  display: flex;
  flex-direction: row;
  gap: 50px;
}

.kundenzeitung-wrapper > div {
  flex: 1 1 calc((100% - 50px) / 2);
  color: white;
}

.kundenzeitung-wrapper > div > img {
  width: 100%;
  margin-bottom: -400px;
  z-index: 1;
  position: relative;
}

.kundenzeitung-wrapper .kundenzeitung-text {
  padding-top: 75px;
}

/* Popup Grundcontainer */
.kundenzeitung-popup {
  position: fixed;
  inset: 0;
  z-index: 10000;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Backdrop */
.kundenzeitung-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(8px);
}

/* Panel (der eigentliche Popup-Inhalt) */
.kundenzeitung-popup__panel {
  position: relative;
  z-index: 1;

  width: min(1100px, calc(100vw - 40px));
  max-height: calc(100vh - 40px);

  background: var(--tannengruen);
  border-radius: 0 0 60px 0;
  padding: 24px;

  overflow: auto;
}

/* Close-Button */
.kundenzeitung-popup__close {
  position: absolute;
  top: 0;
  right: 0;

  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;

  font-size: 44px;
  color: white;
  line-height: 1;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* Scroll lock */
html.kz-popup-open,
html.kz-popup-open body {
  overflow: hidden;
}

.kundenzeitung-popup[aria-hidden="true"] {
  opacity: 0;
  pointer-events: none;
}

.kundenzeitung-popup {
  opacity: 1;
  transition: opacity 0.25s ease;
}

@media only screen and (max-width: 1470px) {
  .kundenzeitung h2 {
    font-size: 2.25rem;
  }
  
  .kundenzeitung p {
    font-size: 1.5rem;
  }
  
  #image-14-533 {
	width: 275px;
  }
}


@media only screen and (max-width: 1410px) {
  .kundenzeitung .ct-section-inner-wrap {
    padding-top: 125px;
    padding-bottom: 500px;
  }

  .kundenzeitung-wrapper .kundenzeitung-text {
	padding-top: 25px;
  }

  #div_block-13-533 {
	bottom: 375px;
  }
}

@media only screen and (max-width: 1200px) {
  .kundenzeitung + section {
    margin-top: -200px;
  }
}

@media only screen and (max-width: 992px) {
  .kundenzeitung h2 {
    font-size: 1.75rem;
  }
  
  .kundenzeitung p {
    font-size: 1.125rem;
  }

  .kundenzeitung .ct-section-inner-wrap {
    padding-top: 75px;
    padding-bottom: 500px;
  }

  #div_block-13-533 {
	bottom: 300px;
  }
}

@media only screen and (max-width: 768px) {
  #image-14-533 {
	width: 230px;
  }

  .kundenzeitung .ct-section-inner-wrap {
	padding-bottom: 475px;
  }
}

@media only screen and (max-width: 690px) {
  .kundenzeitung-wrapper {
    flex-direction: column;
    gap: 16px;
  }

  .kundenzeitung h2 {
    font-size: 2.25rem;
  }
  
  .kundenzeitung-wrapper > div {
	flex: 1 1 100%;
  }

  .kundenzeitung + section {
    margin-top: 0px;
  }

  .kundenzeitung-image {
    display: flex;
    justify-content: center;
  }
  
  .kundenzeitung-wrapper > .kundenzeitung-image > img {
    max-width: 400px;
    margin-bottom: -200px;
  }

  .kundenzeitung .ct-section-inner-wrap {
	padding-bottom: 235px;
  }

  .kundenzeitung .divider_top {
	bottom: 200px;
  }

  #div_block-188-19 {
	height: 201px;
  }

  #div_block-13-533 {
	left: 20px;
	transform: translateX(0);
  }

  #div_block-13-533 {
	bottom: 150px;
  }
}.gutschein-shop h2 {
  font-size: 3.157rem;
}

.gutschein-shop p strong {
  font-size: 1.777rem;
  font-weight: normal;
}

.gutschein-shop__wrapper {
  display: flex;
  flex-direction: row;
  gap: 150px;
}

.gutschein-shop__wrapper > .gutschein-cta__text {
  flex: 1.3;
}

.gutschein-shop__wrapper > .gutschein-cta__image {
  flex: 2;
  padding-top: 75px
}

.gutschein-shop__wrapper > div > img {
  width: 100%;
  transform: rotate(5deg);
  margin-top: 50px;
}

@media only screen and (max-width: 1920px) {
  .gutschein-shop__wrapper > .gutschein-cta__image {
    padding-top: 0px
  }
}

@media only screen and (max-width: 1470px) {
  .gutschein-shop h2 {
    font-size: 2.25rem;
  }
  
  .gutschein-shop p strong {
    font-size: 1.5rem;
  }
  
  #image-14-533-1 {
	width: 275px;
  }
}

@media only screen and (max-width: 1345px) {
  .gutschein-shop__wrapper {
    gap: 75px;
  }

  #div_block-13-533-1 {
	transform: translate(0);
	bottom: -20px;
	left: unset;
    right: 75px;
  }
}

@media only screen and (max-width: 992px) {
   .gutschein-shop__wrapper {
    gap: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .gutschein-shop__wrapper {
	flex-direction: column;
     gap: 16px;
  }

  .gutschein-shop__wrapper > * {
    flex: 1 1 100%;
  }

  .gutschein-cta__image {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .gutschein-cta__image img {
    max-width: 400px;
  }
  
  #image-14-533-1 {
	width: 230px;
  }
}.img-address__wrapper .kontaktinfo-single__content p,
.img-address__wrapper .kontaktinfo-single__hours p,
.img-address__wrapper .kontaktinfo-single__special-hours p {
  margin: 0;
}

.img-address__wrapper .kontaktinfo-single__hours,
.img-address__wrapper .kontaktinfo-single__special-hours {
  margin-top: 10px;
}

.img-address__wrapper .kontaktinfo-single__hours ul,
.img-address__wrapper .kontaktinfo-single__special-hours ul {
  padding: 0;
  margin: 0;
}

.img-address__wrapper .kontaktinfo-single__hours li,
.img-address__wrapper .kontaktinfo-single__special-hours li {
  list-style-type: none;
}

.img-address__wrapper .kontaktinfo-single__special-hours-title {
  font-weight: 700;
}

.img-address__wrapper .ansprechpartner-cta__telefon-icon {
	width: 80px;
	height: 80px;
}

.img-address__wrapper .ansprechpartner-cta__telefon-icon svg {
  fill: var(--sonnenblatt);
  overflow: visible;
}