:root{--color-primary:#5FA726;--color-primary-accent:#649a3a;--color-primary-transparent:rgba(95,167,38,0.1);--color-primary-dark:#3d6f1a;--color-secondary:#C6E4F5;--color-secondary-accent:#a3c8da;--color-white:#fafafa;--color-white-transparent:rgba(250,250,250,0.1);--color-black:#0a0a0a;--color-accent:#E7F0F8;--color-muted:#a0a0a0;--color-link:#0072BE;--color-bg-base:var(--color-white);--color-bg-accent:#E7F0F8;--color-bg-contrast:var(--color-primary);--color-bg-gray:#EDF1F4;--color-text-base:#383E42;--color-text-contrast:var(--color-white);--color-text-primary:var(--color-primary);--color-button-bg-base:var(--color-primary);--color-button-bg-base-hover:var(--color-primary-accent);--color-button-bg-outline-hover:var(--color-primary-transparent);--color-button-bg-outline-hover-inverse:var(--color-white-transparent);--shadow-base:0 15px 18px rgba(23,23,36,0.15);--border-radius-img:5px;--border-radius-btn:30px;--spacing-section:5rem;--spacing-gap:5rem;--spacing-navbar:140px;--spacing-grid-gap:100px;--color-alert-success-bg:#C2F3D6;--color-alert-success-border:#96EAB8;--color-alert-success-text:#1FB05A;--color-alert-danger-bg:#FFE1E3;--color-alert-danger-border:#FF99A4;--color-alert-danger-text:#FF4556;--color-placeholder:#d0d0d0;--imageStrip-height:80px}
@media (max-width:991px){:root{--spacing-grid-gap:50px;--spacing-navbar:70px}}
@media (max-width:768px){:root{--spacing-section:3rem;--spacing-gap:3rem}}
.Button{color:var(--color-white);padding:10px 23px;font-weight:400;box-shadow:none;cursor:pointer}
.Button svg{fill:var(--color-white)}
.Button:hover,.Button:focus,.Button:active{color:var(--color-white)}
.Button:hover svg,.Button:focus svg,.Button:active svg{animation:flyOutIn 0.3s}
.Button:visited{color:var(--color-white)}
.Button--full{width:100%}
.Button--contrast{background-color:var(--color-secondary);color:var(--color-text-base)}
.Button--contrast svg{fill:var(--color-text-base)}
.Button--contrast:hover,.Button--contrast:focus,.Button--contrast:active{background-color:var(--color-secondary-accent);color:var(--color-text-base)}
.Button--contrast:visited{color:var(--color-text-base)}
@keyframes flyOutIn{0%{transform:translateX(0);opacity:1}50%{transform:translateX(20px);opacity:0}51%{transform:translateX(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}
.Header{padding-top:calc(var(--spacing-section) + var(--spacing-navbar))}
.Header::before{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));background-size:cover}
.Header-container{align-items:flex-start;max-width:1400px;padding:0 1rem;box-sizing:border-box}
.Header-content{text-align:left;color:var(--color-white)}
.Header-content h1{font-size:50px;color:var(--color-white)}
.Header-content p{font-weight:500;font-size:32px;color:var(--color-white)}
@media (max-width:768px){.Header-content h1{font-size:25px}.Header-content p{font-size:20px}}
.Tiles--columns1{grid-template-columns:1fr}
.Tiles-tile{border-radius:0;box-shadow:none}
.Tiles-tile--span-1{grid-column:span 1}
.Tiles-tile--span-2{grid-column:span 2}
.Tiles-tile--span-2 .Tiles-image{padding-top:calc(51% - var(--spacing-grid-gap) * .6)}
.Tiles-tile--span-3{grid-column:span 3}
.Tiles-tile--span-3 .Tiles-image{padding-top:33%}
.Tiles-image{border-radius:5px;padding-top:100%}
.Tiles-body{padding:1rem 0 0 0}
.Tiles-body h3{font-weight:500;font-size:18px;font-family:"Inter",sans-serif}
.Tiles--numbered .Flex-container--columns{align-items:center}
.Tiles--numbered .Flex-col:has(+ .Flex-col){flex:0 0 50%;width:50%}
.Tiles--numbered .Tiles-body{position:relative}
.Tiles--numbered .Tiles-body .Headline{position:absolute;top:0;left:0;background-color:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;width:55px;height:50px;font-size:25px;border-radius:50%;font-weight:900;font-family:"Overpass",sans-serif;padding-top:5px}
.Tiles--numbered .Tiles-body .Content h2{margin-left:70px}
.Tiles--numbered .Tiles-body .Content p{margin:50px 0}
.Tiles--numbered .Tiles-body .Content hr{border:1px solid rgba(52,62,66,0.3)}
.Tiles--numbered .Slider-dots{position:absolute;bottom:40px;left:0;width:100%;margin-top:0}
.Tiles--numbered .Slider-dot{background-color:var(--color-white)}
.Tiles--numbered .Slider-dot.isActive{background-color:var(--color-primary)}
.Tiles--numbered .Slider-arrow svg{fill:var(--color-white)}
@media (max-width:991px){.Tiles-tile--span-1{grid-column:span 1}.Tiles-tile--span-2{grid-column:span 1}.Tiles-tile--span-2 .Tiles-image{padding-top:100%}.Tiles-tile--span-3{grid-column:span 1}}
@media (max-width:768px){.Tiles--numbered .Flex-col:has(+ .Flex-col){flex:0 0 100%;width:100%}}
.Accordion-item{margin-bottom:15px}
.Accordion-headline{background-color:var(--color-bg-gray);padding:30px 25px 25px;border-radius:5px}
.Accordion-headline h2{font-size:25px;line-height:25px;color:var(--color-text-base)}
.Accordion-content{padding:25px}
.Accordion-container{background-color:var(--color-bg-gray)}
@media (max-width:768px){.Accordion-headline{padding:20px 15px 15px}.Accordion-headline h2{font-size:20px}.Accordion-content{padding:15px}}
.BlogList-item{gap:40px}
.BlogList-item .Button{justify-content:space-between}
.BlogList .Headline{margin:0;font-size:28px}
.BlogList-itemDate{margin-bottom:0;color:var(--color-text-base);font-size:24px;margin-top:10px}
.BlogList-itemExcerpt{margin-top:0;flex:1 1 100%}
.BlogList-itemExcerpt p{font-size:18px}
.BlogList-itemExcerpt p:first-child{margin-top:0}
.BlogList-itemExcerpt p:last-child{margin-bottom:0}
.BlogList .Button{justify-self:flex-end}
@media (max-width:991px){.BlogList-item{gap:30px}.BlogList .Headline{font-size:24px}}
@media (max-width:768px){.BlogList{grid-template-columns:1fr;grid-gap:70px}.BlogList-item{gap:30px}.BlogList-itemImage img{width:100%}.BlogList .Headline{font-size:24px}}
.Section--configurator .Flex-container{align-items:stretch;gap:20px}
.Section--configurator .Flex-col70{flex:1 1 calc(70% - var(--spacing-gap) / 2)}
.Configurator--cart{position:sticky;top:calc(var(--spacing-navbar) + 20px)}
.Configurator-item{margin-bottom:20px;transition:all ease 0.2s}
.Configurator-item.isRemoved{opacity:0}
.Configurator-row{display:flex;width:auto;align-items:center;gap:20px;padding:25px;background-color:var(--color-bg-gray);border-bottom:1px solid rgba(52,62,66,0.1)}
.Configurator-row:first-child{border-radius:5px 5px 0 0}
.Configurator-row:last-child{border-radius:0 0 5px 5px;border-bottom:none}
.Configurator-row--column{flex-direction:column;align-items:stretch;padding:0;gap:0}
.Configurator-rowInner{display:flex;align-items:center;flex:1 1 100%;padding:25px;gap:20px}
.Configurator-rowInner:last-child{padding-top:0}
.Configurator-label{font-size:18px;font-weight:900;color:var(--color-text-base);flex:1 1 20%}
.Configurator-label small{font-weight:400}
.Configurator-input{flex:1 1 calc(60% - 60px);border:0;padding:10px;border-radius:5px;background-color:var(--color-white);font-size:18px}
.Configurator-input:focus{outline:2px solid var(--color-primary)}
.Configurator-input--select{flex:1 1 calc(60% - 40px);max-width:calc(60% - 40px);width:100px}
.Configurator-extra{flex:1 1 20%;display:flex;justify-content:flex-end;text-align:right;color:var(--color-muted)}
.Configurator-extra a{color:var(--color-link)}
.Configurator-removeButton{padding:15px;border:0;border-radius:50%;background-color:rgba(52,62,66,0.3);width:50px;height:50px;color:var(--color-white);cursor:pointer;transition:all ease 0.2s}
.Configurator-removeButton:hover{background-color:rgba(52,62,66,0.5)}
.Configurator-removeButton svg{fill:var(--color-white)}
.Configurator-numberControl{border-radius:27px;background-color:var(--color-white);padding:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex:0 0 18%}
.Configurator-input--number{width:60px;padding:8px 0;text-align:center;-moz-appearance:textfield}
.Configurator-input--number::-webkit-outer-spin-button,.Configurator-input--number::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}
.Configurator-numberButton{border:0;border-radius:50%;width:38px;height:38px;background-color:var(--color-primary);display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:all ease 0.2s}
.Configurator-numberButton svg{width:18px;height:18px;fill:white;pointer-events:none}
.Configurator-numberButton:hover{background-color:var(--color-primary-accent)}
.Configurator-numberButton:disabled{background-color:rgba(52,62,66,0.3);cursor:not-allowed}
.Configurator-addButton{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background-color:var(--color-bg-gray);border:0;border-radius:5px;font-size:18px;font-weight:700;color:var(--color-text-base);width:100%;transition:all ease 0.3s;cursor:pointer}
.Configurator-addButton:hover{background-color:var(--color-secondary)}
.Configurator-addButton:hover .Configurator-buttonIcon{transform:scale(1.2)}
.Configurator-buttonIcon{border-radius:50%;width:30px;height:30px;background-color:var(--color-primary);display:inline-flex;justify-content:center;align-items:center;transition:all ease 0.3s}
.Configurator-buttonIcon svg{width:18px;height:18px;fill:var(--color-white)}
.Configurator-inputWrapper{flex:1 1 calc(60% - 40px)}
.Configurator-inputWrapper .Configurator-input{width:100%;box-sizing:border-box}
.Configurator-inputWrapper + .Configurator-extra{flex:1 0 20%}
.Configurator-error{color:red;margin-top:8px;display:none}
.Configurator-error.isVisible{display:block}
.Configurator-cart{display:flex;flex-direction:column;gap:0;background-color:#EDFFC8;min-width:275px}
.Configurator-cart h2{margin:0;padding:20px 20px 14px 20px;border-bottom:1px solid rgba(52,62,66,0.1);font-size:22px}
.Configurator-cartRow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:7px 20px}
.Configurator-cartRow:first-of-type{padding-top:20px}
.Configurator-cartRow:last-child{padding-bottom:40px}
.Configurator-cartRow--total{padding-bottom:0}
.Configurator-cartRow--total .Configurator-cartLabel,.Configurator-cartRow--total .Configurator-value{font-size:18px;font-weight:700}
.Configurator-cartRow--totalTax{padding-top:5px}
.Configurator-cartRow--totalTax .Configurator-cartLabel,.Configurator-cartRow--totalTax .Configurator-value{font-size:16px}
.Configurator-value{text-align:right}
.Configurator-cartLabel{color:var(--color-text-base)}
.Configurator-separator{height:1px;background-color:rgba(52,62,66,0.1);margin:20px 0}
.Configurator-price{font-size:32px}
.Configurator-inputPermalink{padding:10px 15px;border:0;border-radius:19px;background-color:#d4ee9d;width:100%}
.Configurator-inputPermalink::selection{color:var(--color-white);background-color:var(--color-primary)}
@media (max-width:768px){.Configurator-row{flex-direction:column;padding:20px;gap:20px;align-items:flex-start;position:relative}.Configurator-removeButton{position:absolute;top:20px;right:20px;width:25px;height:25px;padding:0;display:flex;justify-content:center;align-items:center}.Configurator-removeButton svg{width:15px;height:15px}.Configurator-rowInner{padding:0;flex-direction:column;gap:10px;align-items:flex-start;width:100%}.Configurator-input{width:100%;box-sizing:border-box}.Configurator-input--select{width:100%;max-width:100%}.Configurator-inputWrapper{width:100%}.Configurator-extra{align-self:flex-end}.Configurator-numberControl{width:100%}.Configurator-row--summary .Configurator-inputWrapper{order:3;text-align:right}.Configurator-row--summary .Configurator-extra{order:2}}
.Form{--spacing:25px}
.Form-field{padding:10px;border-radius:5px;background-color:var(--color-white);font-size:18px}
.Form-separator{height:1px;background-color:rgba(52,62,66,0.1);margin:15px calc(-1 * var(--spacing))}
.Form-label{color:var(--color-text-base)}
.Form .Headline h2{margin:20px 0 0}
.Form-group{gap:var(--spacing);margin-bottom:var(--spacing)}
.Form--card{box-shadow:none;background-color:var(--color-bg-gray);margin:0;width:100%;max-width:100%;padding:var(--spacing)}
#configurator-form-field{display:none}
@media (max-width:768px){.Form{--spacing:15px}.Form .Headline h2{margin-top:15px;font-size:22px}}
.Slider-container{overflow:visible}
.Slider-slide{padding:0}
.Slider-image img{width:100%}
.Navigation{border-bottom:1px solid rgba(255,255,255,0.2)}
.Navigation-brand{flex:0 0 220px}
.Navigation .Flex-container{gap:0px}
.Navigation.isScrolled .Navigation-item{height:80px}
.Navigation-item{height:140px;padding:0 15px}
.Navigation-item.isActive{color:var(--color-primary) !important}
.Navigation-item--child{height:auto !important;padding:15px !important;border-radius:5px}
.Navigation-subNav{border-radius:5px}
.Navigation-underline{background-color:var(--color-primary);height:3px;width:50px;transition:all ease 0.3s;position:absolute;top:calc(20px + 50%);opacity:0}
.Navigation-brand{display:flex;align-items:center}
.Navigation-extraLinkWrapper{display:flex;align-items:center;height:100%}
.Navigation-extraLink{padding:15px 22px;color:var(--color-white);background-color:var(--color-primary);border-radius:var(--border-radius-btn);transition:all ease 0.3s;font-weight:700;font-size:18px;text-decoration:none !important}
.Navigation-extraLink:hover,.Navigation-extraLink:active,.Navigation-extraLink:focus{background-color:var(--color-primary-accent);color:var(--color-white)}
.Navigation:not(.isScrolled) .Navigation-subNavWrapper{top:70%}
.Navigation--transparent,.Navigation--solid{box-shadow:none !important}
.Navigation--transparent .Navigation-itemWrapper:hover,.Navigation--transparent .Navigation-itemWrapper:focus,.Navigation--transparent .Navigation-itemWrapper:active,.Navigation--solid .Navigation-itemWrapper:hover,.Navigation--solid .Navigation-itemWrapper:focus,.Navigation--solid .Navigation-itemWrapper:active{background-color:transparent}
.Navigation--transparent.isScrolled .Navigation-itemWrapper:hover,.Navigation--transparent.isScrolled .Navigation-itemWrapper:focus,.Navigation--transparent.isScrolled .Navigation-itemWrapper:active,.Navigation--solid.isScrolled .Navigation-itemWrapper:hover,.Navigation--solid.isScrolled .Navigation-itemWrapper:focus,.Navigation--solid.isScrolled .Navigation-itemWrapper:active{background-color:transparent}
.Navigation--transparent .Navigation-item:hover,.Navigation--transparent .Navigation-item:focus,.Navigation--transparent .Navigation-item:active{color:var(--color-white)}
.Navigation--transparent .Navigation-logo--dark{display:none}
.Navigation--transparent .Navigation-logo--light{display:block}
.Navigation--transparent .Navigation-subNav{background-color:var(--color-white)}
.Navigation--transparent .Navigation-subNav .Navigation-item{color:var(--color-text-base)}
.Navigation--transparent .Navigation-subNav .Navigation-item:hover{background-color:var(--color-primary-transparent)}
.Navigation--solid,.Navigation.isScrolled,.Navigation.isOpen{border-bottom-color:#EDF1F4}
.Navigation--solid .Navigation-item:hover,.Navigation.isScrolled .Navigation-item:hover,.Navigation.isOpen .Navigation-item:hover{color:var(--color-text-base)}
.Navigation--solid .Navigation-logo--dark,.Navigation.isScrolled .Navigation-logo--dark,.Navigation.isOpen .Navigation-logo--dark{display:block}
.Navigation--solid .Navigation-logo--light,.Navigation.isScrolled .Navigation-logo--light,.Navigation.isOpen .Navigation-logo--light{display:none}
.Navigation--solid .Navigation-subNav,.Navigation.isScrolled .Navigation-subNav,.Navigation.isOpen .Navigation-subNav{box-shadow:none;border:1px solid #EDF1F4}
@media (max-width:991px){.Navigation .Flex-container{gap:0}.Navigation-item{height:auto;padding:15px}.Navigation-extraLinkWrapper{padding:15px;height:auto}.Navigation-extraLink{width:100%;text-align:center}}
.Footer{background-color:#383E42;border-top:0}
.Footer hr{border:0;border-top:1px solid var(--color-white);margin:50px 0}
.Footer-item{color:var(--color-white);text-decoration:none}
.Footer-item:hover,.Footer-item:focus,.Footer-item:active{color:var(--color-white);text-decoration:none}
.Footer .Flex-container{align-items:center}
.Footer-navWrapper{justify-content:flex-end}
.Footer-content{color:var(--color-white);font-size:14px;max-width:990px}
.Footer-content p{color:var(--color-white);font-size:14px}
.Footer-socials{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.Footer-social svg{fill:var(--color-white);width:30px;height:30px}
.Footer-social:hover{opacity:0.7}
@media (max-width:768px){.Footer-navWrapper{flex-direction:column}.Footer-socials{justify-content:flex-start}}
body,html{scroll-behavior:smooth;font-style:normal;font-weight:400}
img{box-shadow:none;border-radius:0}
*{font-family:"Inter",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Overpass",sans-serif;font-style:normal;font-weight:900;color:var(--color-text-base)}
p{color:var(--color-text-base);font-size:18px}
.Headline{max-width:990px}
.Flex-container{max-width:1400px}
.Builder-container--accent .Button{background-color:var(--color-secondary);color:var(--color-text-base)}
.Builder-container--accent .Button svg{fill:var(--color-text-base)}
.Builder-container--accent .Button:hover{background-color:var(--color-secondary-accent)}
.Builder-container--contact .Flex-container{align-items:stretch;gap:0}
.Builder-container--contact .Flex-col:last-child{padding:0}
.Builder-container--contact iframe{height:100%}
.Builder-container--contact .Section{padding:0;margin:var(--spacing-section) 0}
.Builder-container--fullSection .Headline{max-width:100%}
dialog{border:1px solid var(--color-border);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}
dialog::backdrop{background-color:rgba(0,0,0,0.3)}
.Section--accent{background-color:transparent}
.Section--accent .Flex-col{background-color:var(--color-bg-gray);padding:var(--spacing-section);border-radius:5px}
.Section--accent .Headline h3{font-size:26px}
.Section--accent .Headline h3,.Section--accent .Headline p{margin-bottom:50px}
.Section--accent .Headline h3:last-child,.Section--accent .Headline p:last-child{margin-bottom:0}
.Builder-container--centeredButton .Flex-col{align-items:center;flex-direction:column}
.Builder-container--centeredButton .Flex-col,.Builder-container--centeredButton .Buttons{display:flex;justify-content:center}
.Section .Flex-container:first-child:not(.Flex-container:last-child){margin-bottom:var(--spacing-section)}
.Headline table{background-color:var(--color-bg-gray);border-radius:5px}
.Headline table th,.Headline table td{padding:35px;border-bottom:1px solid rgba(52,62,66,0.1);vertical-align:top}
.Headline table th p,.Headline table td p{margin:0}
.Headline table th:first-child,.Headline table td:first-child{padding-left:50px}
.Headline table th:first-child p,.Headline table td:first-child p{font-size:22px;font-weight:800}
.Headline table th:last-child,.Headline table td:last-child{padding-right:50px}
.Headline table tr:first-child th,.Headline table tr:first-child td{padding-top:50px}
.Headline table tr:last-child th,.Headline table tr:last-child td{border-bottom:none;padding-bottom:50px}
@media (max-width:768px){.Section--accent .Flex-col{padding:30px}.Section--accent .Headline h2{font-size:24px}.Section--accent .Headline h3{font-size:24px}.Flex-container--columns .Flex-col:first-of-type .Section{margin-top:var(--spacing-section);margin-bottom:0}.Headline table tr{display:block}.Headline table tr:first-child th,.Headline table tr:first-child td,.Headline table tr:last-child th,.Headline table tr:last-child td{padding:30px}.Headline table tr:first-child th:last-child,.Headline table tr:first-child td:last-child,.Headline table tr:last-child th:last-child,.Headline table tr:last-child td:last-child{padding-top:0}.Headline table th,.Headline table td{display:block}.Headline table th:first-child,.Headline table td:first-child{border-bottom:none;padding:30px}.Headline table th:last-child,.Headline table td:last-child{padding:0 30px 30px 30px}}