@font-face{font-family:OFInter;src:url(fonts/inter-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/inter-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/inter-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/inter-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/inter-800.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/inter-900.woff2) format('woff2');font-weight:900;font-display:swap}
.of-page{margin:0;background:#f6f9f3;color:#333;font-family:OFInter,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}
.of-page *,.of-root,.of-root *{box-sizing:border-box}
.of-page main{background:radial-gradient(ellipse at 75% 3%,#e7f2dc 0,transparent 53%);padding:0 24px 64px}
.of-header{height:86px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #e8eae5}
.of-logo{display:flex;align-items:center}.of-logo img{display:block;width:260px;max-width:100%;height:auto}.of-header-phone{color:#333;display:flex;gap:12px;align-items:center;text-decoration:none;font-size:15px;font-weight:700}.of-header-phone .of-icon{color:#558b2f}
.of-intro{max-width:1180px;text-align:center;margin:0 auto;padding:46px 0 34px}.of-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#4b712a;display:block}.of-intro h1{font-size:clamp(28px,3.4vw,42px);line-height:1.17;font-weight:800;letter-spacing:-1.3px;margin:14px 0 16px}.of-intro h1 span{color:#558b2f}.of-intro p{font-size:15px;color:#61665d;max-width:680px;margin:auto}
.of-root{--of-green:#7cb342;--of-dark-green:#558b2f;--of-ink:#333;--of-muted:#62685d;font-family:OFInter,Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--of-ink);line-height:1.5;display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1180px;margin:0 auto;background:#fff;border-radius:26px;box-shadow:0 24px 64px #27351212,0 0 0 1px #33402009;overflow:hidden;isolation:isolate;text-align:left;scroll-margin-top:24px}
.of-root [hidden]{display:none!important}.of-root h2,.of-root h3,.of-root p{margin:0}.of-root a{color:inherit}.of-root button,.of-root input,.of-root textarea{font:inherit}.of-root button,.of-root label,.of-root input{-webkit-tap-highlight-color:transparent}.of-root button{cursor:pointer}.of-root button:disabled{cursor:default}.of-root .of-icon,.of-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.of-aside{background:linear-gradient(155deg,#383b35,#292c27);padding:38px 30px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.of-aside:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff0c;border-radius:50%;right:-140px;bottom:60px;box-shadow:0 0 0 35px #ffffff03;pointer-events:none}.of-aside-badge{display:inline-flex;align-items:center;gap:7px;width:max-content;font-size:11px;font-weight:600;color:#d7ecbf;background:#ffffff0b;border:1px solid #d3eab52a;padding:7px 10px;border-radius:50px}.of-aside-badge .of-icon{width:15px;height:15px}.of-root .of-aside h2{font-size:26px;line-height:1.25;letter-spacing:-.7px;margin:26px 0 16px;color:#fff;font-weight:700}.of-aside h2 span{color:#b8d992}.of-root .of-aside p{font-size:13px;line-height:1.8;color:#c4c9be}.of-side-steps{list-style:none;padding:0;margin:35px 0 40px;display:grid;gap:25px}.of-side-steps li{display:flex;gap:12px}.of-side-steps li>span{color:#b8d992;font-size:11px;font-weight:700;border:1px solid #b8d99240;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.of-side-steps strong{display:block;font-size:12px;font-weight:600;color:#fff;margin:2px 0 5px}.of-side-steps small{display:block;font-size:11px;line-height:1.7;color:#b9c0b2}.of-personal{border-top:1px solid #ffffff20;padding-top:25px;margin-top:auto;position:relative;z-index:1}.of-personal>span,.of-personal small{font-size:11px;color:#c4c9be;display:block}.of-personal a{display:flex;align-items:center;gap:8px;color:white;text-decoration:none;font-size:16px;font-weight:700;margin:9px 0}.of-personal .of-icon{width:17px;height:17px;color:#b8d992}
.of-card{padding:32px 38px;min-width:0}.of-progress-top{display:flex;justify-content:space-between;font-size:11px;color:#59634f;gap:10px}.of-progress-top span:first-child{font-weight:700;color:#4c6e30}.of-progress{list-style:none;display:flex;gap:9px;padding:0;margin:13px 0 30px}.of-progress li{flex:1;min-width:0}.of-progress button{padding:0;background:none;width:100%;border:0;border-top:4px solid #e8ece4;padding-top:9px;text-align:left;color:#787e71;display:flex;align-items:center;gap:5px}.of-progress button>span{font-size:10px;font-weight:700}.of-progress button>small{font-size:10px}.of-progress button[aria-current=step]{border-color:#7cb342;color:#4b712a;font-weight:700}.of-progress button.of-complete{border-color:#b8d992;color:#4c6e30}.of-panel{animation:of-enter .18s ease}.of-root .of-panel h2{color:#333;font-size:28px;line-height:1.23;font-weight:800;letter-spacing:-.7px;outline:none;margin:0 0 12px}.of-root .of-lead{font-size:13px;line-height:1.7;color:#646b5d;margin:0 0 24px}.of-root fieldset{min-width:0;border:0;padding:0;margin:0}.of-tank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.of-choice{display:block;position:relative;cursor:pointer;min-width:0}.of-choice>input{position:absolute;width:1px;height:1px;opacity:0;top:12px;left:12px}.of-choice-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;min-height:172px;padding:10px 10px 15px;border:1.5px solid #e5e9df;border-radius:14px;background:#fff;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.of-choice:hover .of-choice-content{border-color:#98ba71;background:#fcfdf9}.of-choice input:checked+.of-choice-content{border-color:#7cb342;background:#f3f8ed;box-shadow:0 0 0 1px #7cb342}.of-choice input:focus-visible+.of-choice-content{outline:3px solid #355b16;outline-offset:3px}.of-tank-icon{width:92px;height:83px;color:#606d51;flex-shrink:0}.of-choice-copy{display:flex;flex-direction:column;align-items:center;gap:5px}.of-choice strong{font-size:11px;line-height:1.4;font-weight:700;text-align:center;color:#333}.of-choice small{font-size:10px;line-height:1.5;text-align:center;color:#6a7162;max-width:150px}.of-choice-check{position:absolute;right:9px;top:9px;width:17px;height:17px;border:1px solid #d6ddce;border-radius:50%;background:white;display:grid;place-items:center}.of-choice-check .of-icon{width:12px;height:12px;opacity:0;stroke-width:2.4}.of-choice input:checked+.of-choice-content .of-choice-check{background:#7cb342;border-color:#7cb342;color:#253717}.of-choice input:checked+.of-choice-content .of-choice-check .of-icon{opacity:1}.of-choice-unknown{grid-column:1/-1}.of-choice-unknown .of-choice-content{min-height:0;padding:14px 18px;flex-direction:row;gap:12px;border-style:dashed;justify-content:flex-start}.of-choice-unknown .of-choice-copy{align-items:flex-start;gap:2px}.of-choice-unknown small{max-width:none}.of-choice-unknown .of-choice-check{top:50%;transform:translateY(-50%);right:16px}.of-choice-unknown>.of-choice-content>.of-icon{color:#728362}.of-root .of-subtle{font-size:10px;color:#737b6b;margin:13px 0 0;line-height:1.7}
.of-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.of-location-fields{grid-template-columns:140px 1fr}.of-field{margin-bottom:20px;min-width:0}.of-field>label,.of-field-label{font-size:12px;font-weight:600;display:block;color:#333;margin-bottom:8px}.of-root .of-optional{font-weight:400;color:#71776a;font-size:11px}.of-root input:not([type=radio]):not([type=checkbox]):not([type=file]),.of-root textarea{width:100%;background:#fff;border:1.5px solid #dce2d5;border-radius:10px;min-height:48px;padding:12px 14px;font-size:15px;color:#333;box-shadow:none}.of-root input::placeholder,.of-root textarea::placeholder{color:#899080;font-size:12px}.of-root textarea{resize:vertical;line-height:1.7;min-height:108px}.of-root input:focus,.of-root textarea:focus{outline:2px solid #558b2f;outline-offset:2px}.of-root input:disabled{background:#f3f5ef!important;color:#8c9385}.of-root button:focus-visible,.of-root a:focus-visible{outline:3px solid #355b16;outline-offset:4px}.of-counter{display:flex;max-width:185px;margin-bottom:22px;border:1.5px solid #dce2d5;border-radius:10px;overflow:hidden;align-items:center}.of-counter button{border:0;background:#f6f8f1;color:#333;width:48px;height:48px;flex-shrink:0;font-size:24px}.of-root .of-counter input{border:0!important;padding:8px 0;text-align:center;appearance:textfield;-moz-appearance:textfield;border-radius:0;min-width:0}.of-counter input::-webkit-inner-spin-button{appearance:none}.of-check{display:flex!important;align-items:flex-start;gap:9px;font-size:13px!important;font-weight:500!important;cursor:pointer;margin:0!important;line-height:1.7}.of-check input{margin:3px 0 0;accent-color:#558b2f;width:17px;height:17px;flex-shrink:0}.of-small{font-size:11px!important;margin-top:8px!important;color:#66715a!important}.of-tank-row{padding:20px 0 0!important;border-top:1px solid #ecf0e7!important;margin-top:12px!important}.of-tank-row legend{font-size:12px;font-weight:700;padding-right:10px;color:#4f693b}.of-unit{position:relative}.of-unit input{padding-right:52px!important}.of-unit>span{position:absolute;right:14px;top:15px;font-size:12px;color:#727b67}.of-hint{display:block;font-size:11px;line-height:1.6;color:#71796a;margin-top:8px!important}.of-total{background:#f3f8ed;padding:13px 16px;border-radius:10px;font-size:12px;font-weight:600;color:#4a6c2e}.of-note{display:flex;align-items:center;gap:15px;padding:20px;background:#f5f8f0;border-radius:14px;margin-top:12px}.of-note>.of-icon{color:#558b2f;width:25px;height:25px}.of-note p{font-size:12px;line-height:1.8;color:#606e53}.of-note strong{color:#45612f}.of-upload{display:flex;flex-direction:column;align-items:center;text-align:center;border:2px dashed #b7c8a3;border-radius:16px;background:#f7faf2;padding:28px 14px;cursor:pointer;position:relative}.of-upload:hover{border-color:#558b2f}.of-upload>.of-icon{width:35px;height:35px;color:#558b2f;margin-bottom:13px}.of-upload strong{font-size:14px}.of-upload>span{font-size:12px;color:#66745a;margin:5px 0 10px}.of-upload small{font-size:10px;color:#71796a}.of-upload:has(+.of-file-input:focus-visible){outline:3px solid #355b16;outline-offset:3px}.of-file-input{position:absolute;width:1px;height:1px;opacity:0}.of-previews{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.of-preview{border:1px solid #e5e9df;border-radius:10px;overflow:hidden;background:#f6f8f2;position:relative}.of-preview img{width:100%;height:85px;object-fit:cover;display:block}.of-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;padding:7px 8px;color:#5e6754}.of-preview button{position:absolute;right:5px;top:5px;background:#fff;color:#333;border:1px solid #dce2d5;width:27px;height:27px;border-radius:50%;font-size:19px;line-height:1}.of-root [data-upload-status]{margin-bottom:18px}.of-delivery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px!important}.of-delivery .of-choice-content{min-height:58px;flex-direction:row;gap:10px;justify-content:flex-start;padding:15px}.of-delivery .of-choice-content>.of-icon{color:#558b2f}.of-delivery .of-choice strong{font-size:12px}.of-delivery .of-choice-check{top:50%;transform:translateY(-50%)}.of-address-check{margin:0 0 18px!important}.of-callback{margin:0 0 16px!important}.of-review{border:1px solid #e4eadc;border-radius:12px;padding:18px;margin:7px 0 20px;background:#fafcf7}.of-review-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.of-root .of-review h3{font-size:12px;font-weight:700;color:#455637}.of-text-button{background:none;border:0;color:#41632b!important;text-decoration:underline;text-underline-offset:3px;font-size:11px!important;padding:4px}.of-review dl{margin:12px 0 0;display:grid;grid-template-columns:90px minmax(0,1fr);gap:7px 12px;font-size:11px;line-height:1.7}.of-review dt{color:#737c69}.of-review dd{margin:0;overflow-wrap:anywhere}.of-privacy{display:flex;gap:9px;font-size:10px;line-height:1.8;color:#737a6c}.of-privacy .of-icon{width:15px;height:15px;margin-top:3px;color:#667f50}.of-privacy a{color:#496531;text-decoration:underline;text-underline-offset:2px}.of-actions{border-top:1px solid #ecf0e7;padding-top:22px;margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:16px}.of-button{border:0!important;display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#7cb342!important;color:#253717!important;border-radius:11px;padding:14px 23px;font-size:13px;font-weight:700;text-decoration:none;min-height:48px;line-height:1.5;box-shadow:0 6px 16px #7cb34220;transition:background .15s,box-shadow .15s}.of-button:hover{background:#8fc353!important;box-shadow:0 6px 20px #7cb34240}.of-button:disabled{opacity:.6;cursor:wait}.of-button>.of-icon{width:18px;height:18px}.of-submit{font-size:12px!important;gap:8px;padding:14px 16px}.of-back{background:none;border:0;color:#626c56;font-size:12px!important;padding:12px 0;white-space:nowrap}.of-action-note{font-size:10px;color:#7a8172;max-width:150px}.of-root .of-bottom-note{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:9px;color:#7b8274}.of-error{background:#fff4ef;border:1px solid #e1b5a0;border-radius:10px;color:#863a1e;padding:14px 16px;font-size:13px;margin-bottom:20px}.of-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.of-success{text-align:center;padding:70px 20px}.of-success-icon{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:#edf6e2;color:#558b2f;margin:0 auto 24px}.of-success-icon .of-icon{width:38px;height:38px}.of-success .of-eyebrow{color:#558b2f}.of-root .of-success h2{font-size:31px;line-height:1.25;margin:14px 0 20px;letter-spacing:-.6px}.of-root .of-success p{font-size:14px;line-height:1.8;color:#68715e}.of-root .of-success .of-reference{font-size:12px;margin:25px 0}.of-footer{max-width:1180px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;gap:20px;color:#697261;font-size:11px}.of-footer nav{display:flex;gap:22px;flex-wrap:wrap}.of-footer a{color:#59684c;text-decoration:none}.of-footer a:hover{text-decoration:underline}.of-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.of-skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:12px;color:#333}.of-skip:focus{top:12px}
@keyframes of-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.of-card{padding:38px 44px}.of-choice-content{min-height:185px}.of-tank-icon{height:93px;width:103px}}
@media(max-width:1050px){.of-root{grid-template-columns:255px minmax(0,1fr)}.of-aside{padding:30px 24px}.of-card{padding:28px}.of-root .of-aside h2{font-size:23px}.of-tank-grid{gap:9px}.of-choice-content{padding:9px 7px 12px;min-height:165px}.of-choice strong{font-size:10px}.of-choice small{font-size:9px}.of-tank-icon{width:82px;height:75px}}
@media(max-width:820px){.of-root{grid-template-columns:minmax(0,1fr);max-width:690px}.of-aside{display:none}.of-card{padding:30px}.of-choice strong{font-size:12px}.of-choice small{font-size:10px}.of-choice-content{min-height:175px}.of-tank-icon{width:95px;height:85px}.of-intro{padding-top:32px}.of-intro h1{font-size:33px}.of-header{height:74px}.of-logo img{width:220px}.of-header-phone{font-size:12px}}
@media(max-width:540px){.of-page main{padding:0 14px 32px}.of-header{height:65px;padding:0 18px;gap:12px}.of-logo img{width:190px}.of-header-phone{width:40px;height:40px;background:#f1f6e9;border-radius:50%;justify-content:center}.of-header-phone span{display:none}.of-intro{padding:28px 8px 25px}.of-eyebrow{font-size:9px;letter-spacing:1px}.of-intro h1{font-size:29px;letter-spacing:-.9px;margin:12px 0}.of-intro p{font-size:12px;line-height:1.8;max-width:340px}.of-root{border-radius:20px}.of-card{padding:23px 20px}.of-root .of-panel h2{font-size:24px;letter-spacing:-.6px}.of-desktop-break{display:none}.of-root .of-lead{font-size:12px;margin-bottom:19px}.of-progress-top{font-size:10px}.of-progress{gap:6px;margin:12px 0 24px}.of-progress button{gap:3px}.of-progress button>span{display:none}.of-progress button>small{font-size:9px}.of-tank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.of-choice-content{min-height:164px;padding:9px 8px 12px}.of-tank-icon{width:86px;height:78px}.of-choice strong{font-size:11px}.of-choice small{font-size:9px}.of-choice-unknown .of-choice-content{padding:12px;gap:9px}.of-choice-unknown strong{font-size:11px}.of-choice-unknown small{font-size:9px;padding-right:15px;text-align:left}.of-root .of-subtle{font-size:9px}.of-fields{grid-template-columns:1fr;gap:0}.of-location-fields{grid-template-columns:105px minmax(0,1fr);gap:12px}.of-root input:not([type=radio]):not([type=checkbox]):not([type=file]),.of-root textarea{font-size:16px}.of-tank-row .of-fields{grid-template-columns:1fr}.of-actions{margin-top:20px;padding-top:18px;gap:10px}.of-action-note{font-size:9px;max-width:120px}.of-submit{font-size:11px!important;padding:13px 11px;gap:5px;max-width:240px}.of-submit .of-icon{display:none}.of-button{padding:13px 19px}.of-back{font-size:11px!important}.of-root .of-bottom-note{font-size:8px}.of-delivery{gap:8px}.of-delivery .of-choice-content{padding:13px 10px;gap:6px}.of-delivery .of-choice strong{font-size:11px}.of-delivery .of-choice-check{display:none}.of-delivery .of-choice-content>.of-icon{width:19px;height:19px}.of-previews{grid-template-columns:repeat(2,minmax(0,1fr))}.of-footer{flex-direction:column;align-items:center;font-size:10px;gap:10px}.of-success{padding:40px 0}.of-root .of-success h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.of-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Preisvorschau, passend zu den vorhandenen Markenfarben. */
.of-root .of-price{margin:24px 0;padding:24px;border:1px solid #b8d992;border-top:4px solid #7cb342;border-radius:16px;background:linear-gradient(135deg,#f4f9ec,#edf5e4);color:#333;min-width:0;overflow-wrap:anywhere}
.of-root .of-price-kicker{display:block;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:1.2px;color:#446b25;margin-bottom:8px}
.of-root .of-price-heading{font-size:21px;line-height:1.3;letter-spacing:-.4px;font-weight:800;margin:0 0 12px}
.of-root .of-price-lead{font-size:13px;line-height:1.6;color:#505c46;margin:0 0 5px}
.of-root .of-price-amount{font-size:clamp(28px,3.5vw,38px);line-height:1.2;letter-spacing:-1px;font-weight:800;font-variant-numeric:tabular-nums;color:#36591e;margin:0 0 8px}
.of-root .of-price-tax{font-size:12px;line-height:1.6;color:#4f5c44;margin:0 0 10px}
.of-root .of-price-basis{display:inline-block;font-size:12px;line-height:1.5;font-weight:600;color:#405532;background:#ffffffb3;border-radius:8px;padding:7px 10px;margin:0 0 14px}
.of-root .of-price-promise{font-size:13px;line-height:1.7;font-weight:600;color:#3c5031;margin:0 0 10px}
.of-root .of-price-note{font-size:11px;line-height:1.7;color:#58624f;border-top:1px solid #cddfba;padding-top:10px;margin:0}
.of-root .of-price[data-price-kind=request] .of-price-amount,.of-root .of-price[data-price-kind=incomplete] .of-price-amount{font-size:clamp(22px,2.8vw,28px);letter-spacing:-.5px;margin-bottom:14px}
@media(max-width:540px){.of-root .of-price{padding:18px 16px;margin:20px 0;border-radius:13px}.of-root .of-price-heading{font-size:19px}.of-root .of-price-lead,.of-root .of-price-promise{font-size:12px}.of-root .of-price-tax,.of-root .of-price-basis{font-size:11px}.of-root .of-price-note{font-size:11px}}

section.of-root{padding:0;margin-left:auto;margin-right:auto}