/* Öltankentsorgung.net · gemeinsame Gestaltung, Version 3 */
@font-face{font-family:OFInter;src:url(fonts/oed-inter-400-v1.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/oed-inter-500-v1.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/oed-inter-600-v1.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/oed-inter-700-v1.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/oed-inter-800-v1.woff2) format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:OFInter;src:url(fonts/oed-inter-900-v1.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}}

:root {
  --lp-ink: #26362a;
  --lp-muted: #626e62;
  --lp-green: #7cb342;
  --lp-dark: #264832;
  --lp-line: #e0e8dc;
  --lp-pale: #f5f8f1;
}
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
.lp-page { margin: 0; background: #fff; color: var(--lp-ink); font-family: OFInter, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
.lp-page * { box-sizing: border-box; }
.lp-page img { max-width: 100%; }
.lp-page a { color: inherit; }
.lp-page button, .lp-page input, .lp-page textarea { font: inherit; }
.lp-page a, .lp-page button, .lp-page summary { -webkit-tap-highlight-color: transparent; }
.lp-page a:focus-visible, .lp-page button:focus-visible, .lp-page summary:focus-visible, .lp-table-scroll:focus-visible { outline: 3px solid #5d8e35; outline-offset: 5px; }
.lp-container { width: min(1280px, calc(100% - 72px)); margin-inline: auto; }
.lp-icon { width: 24px; height: 24px; flex-shrink: 0; vertical-align: middle; }
.lp-skip { position: fixed; top: -100px; left: 16px; padding: 12px 20px; background: #fff; z-index: 100; }
.lp-skip:focus { top: 12px; }
.lp-topline { color: #e8f1e5; background: var(--lp-dark); font-size: 12px; }
.lp-topline .lp-container { display: flex; justify-content: space-between; gap: 20px; padding-block: 8px; }
.lp-header { position: sticky; top: 0; z-index: 30; background: #fffffff5; backdrop-filter: blur(18px); border-bottom: 1px solid #e9eee5; }
.lp-header-inner { height: 91px; display: flex; align-items: center; gap: 27px; }
.lp-brand { display: inline-flex; flex-shrink: 0; text-decoration: none; }
.lp-brand img { display: block; width: 275px; height: auto; }
.lp-navigation { display: flex; align-items: center; gap: 24px; margin-left: auto; font-size: 14px; font-weight: 600; }
.lp-navigation > a { text-decoration: none; }
.lp-navigation > a:hover { color: #558b2f; }
.lp-header-phone { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.lp-header-phone .lp-icon { width: 20px; color: #598635; }
.lp-button { display: inline-flex; justify-content: center; align-items: center; gap: 13px; min-height: 56px; padding: 16px 23px; border: 0; border-radius: 9px; background: var(--lp-green); color: #172d17 !important; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; box-shadow: 0 4px 0 #668f3430; transition: background .16s, transform .16s, box-shadow .16s; }
.lp-button:hover { background: #91c456; transform: translateY(-2px); box-shadow: 0 9px 22px #32552420; }
.lp-button .lp-icon { width: 21px; height: 21px; }
.lp-header-cta { min-height: 46px; padding: 12px 16px; font-size: 12px; gap: 9px; }
.lp-city-menu { position: relative; }
.lp-city-menu summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.lp-city-menu summary::-webkit-details-marker { display: none; }
.lp-city-menu > div { position: absolute; top: 39px; right: -25px; width: 240px; padding: 9px; background: #fff; border: 1px solid var(--lp-line); border-radius: 12px; box-shadow: 0 22px 45px #243b2420; }
.lp-city-menu a { display: block; padding: 10px 14px; font-size: 14px; border-radius: 7px; text-decoration: none; }
.lp-city-menu a:hover, .lp-city-menu a[aria-current] { color: #416a2c; background: #eff5e8; }
.lp-hero { padding-top: 20px; background: linear-gradient(110deg, #fff 45%, #f4f7ef 100%); }
.lp-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #74806f; font-size: 11px; margin-bottom: 30px; }
.lp-breadcrumb a { text-decoration: none; }
.lp-breadcrumb a:hover { text-decoration: underline; }
.lp-hero-grid { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 48px; padding-bottom: 54px; }
.lp-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #557c38; font-size: 11px; font-weight: 800; line-height: 1.5; letter-spacing: 1.5px; }
.lp-eyebrow .lp-icon { width: 17px; height: 17px; }
.lp-hero h1 { margin: 20px 0 25px; font-size: clamp(43px, 5.1vw, 70px); font-weight: 800; line-height: 1.08; letter-spacing: -2.7px; overflow-wrap: anywhere; }
.lp-hero h1 > span { display: block; margin-bottom: 9px; font-size: clamp(26px, 2.9vw, 38px); font-weight: 600; letter-spacing: -1.4px; }
.lp-hero-line { margin: 0 0 19px; font-size: 23px; line-height: 1.5; letter-spacing: -.55px; }
.lp-hero-line strong { color: #5a8339; font-weight: 650; }
.lp-hero-intro { max-width: 560px; margin: 0 0 28px; font-size: 15px; line-height: 1.85; color: #687362; }
.lp-hero-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.lp-text-link { display: inline-flex; align-items: center; gap: 10px; color: #3c6230 !important; font-size: 14px; font-weight: 650; line-height: 1.6; text-decoration: none; width: fit-content; }
.lp-text-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.lp-text-link .lp-icon { width: 18px; height: 18px; }
.lp-micro { display: flex; align-items: flex-start; gap: 7px; margin: 19px 0 0; color: #75816b; font-size: 11px; }
.lp-micro .lp-icon { width: 17px; height: 17px; margin-top: 1px; color: #649147; }
.lp-hero-media { min-width: 0; position: relative; padding-bottom: 65px; }
.lp-hero-photo { display: block; width: 100%; aspect-ratio: 1.17; object-fit: cover; object-position: 61% center; border-radius: 21px 21px 74px 21px; box-shadow: 0 25px 55px #253a2418; }
.lp-photo-label { position: absolute; right: 14px; top: 13px; border: 1px solid #ffffff30; border-radius: 30px; padding: 4px 9px; background: #223321a6; color: #fff; font-size: 9px; line-height: 1.6; }
.lp-hero-price { position: absolute; left: -24px; right: 54px; bottom: 0; padding: 22px 26px; background: var(--lp-dark); color: #fff; border: 1px solid #406b45; border-radius: 15px; box-shadow: 0 20px 40px #18392125; }
.lp-hero-price > span { display: block; color: #c3d8b5; font-size: 12px; }
.lp-hero-price > strong { display: block; margin: 4px 0; font-size: 37px; font-weight: 750; letter-spacing: -1px; line-height: 1.3; }
.lp-hero-price > small { display: block; color: #d2dfc7; font-size: 11px; line-height: 1.7; }
.lp-hero-price > a { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #ffffff26; font-size: 12px; font-weight: 600; text-decoration: none; color: #c0e598; }
.lp-hero-price .lp-icon { width: 20px; height: 20px; }
.lp-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; padding: 27px 0; border-top: 1px solid #e0e8d8; }
.lp-benefits > div { display: flex; align-items: center; gap: 15px; }
.lp-benefits > div > .lp-icon { box-sizing: content-box; width: 24px; height: 24px; padding: 13px; border-radius: 50%; color: #5a823b; background: #eef5e6; }
.lp-benefits strong { display: block; font-size: 14px; line-height: 1.5; font-weight: 700; }
.lp-benefits small { display: block; margin-top: 4px; font-size: 11px; color: #77826d; }
.lp-section { padding: 88px 0; }
.lp-section h2 { margin: 0 0 25px; font-size: clamp(29px, 3.3vw, 42px); font-weight: 750; line-height: 1.25; letter-spacing: -1.35px; }
.lp-section h3 { margin: 0 0 16px; font-size: 23px; line-height: 1.4; letter-spacing: -.55px; }
.lp-section p { margin: 0 0 21px; font-size: 15px; line-height: 1.9; color: #677361; }
.lp-section .lp-small { font-size: 12px; }
.lp-section-heading { display: grid; grid-template-columns: 1.1fr 1fr; align-items: end; gap: 70px; margin-bottom: 39px; }
.lp-section-heading h2 { margin-bottom: 0; }
.lp-section-heading > p { margin: 0; font-size: 14px; max-width: 490px; }
.lp-prices-section { background: #f4f7ef; border-block: 1px solid #e8ede2; }
.lp-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.lp-price-card { position: relative; min-width: 0; overflow: hidden; padding-top: 17px; border: 1px solid #dfe7d5; border-radius: 18px; background: #fff; box-shadow: 0 6px 15px #263c1b06; transition: transform .2s, box-shadow .2s; }
.lp-price-card:hover { transform: translateY(-4px); box-shadow: 0 16px 35px #28451d10; }
.lp-price-image { display: flex; align-items: center; justify-content: center; height: 136px; margin: 0 24px; border-bottom: 1px solid #edf1e8; background: radial-gradient(ellipse, #edf5e4 0, #fff 66%); color: #567d38; }
.lp-price-image .of-tank-icon { width: 138px; height: 124px; }
.lp-price-content { padding: 26px 29px 28px; }
.lp-price-content .lp-eyebrow { margin-bottom: 8px; font-size: 10px; letter-spacing: 1px; }
.lp-price-content h3 { margin-bottom: 21px; font-size: 25px; }
.lp-price-content .lp-price-value { margin: 0 0 7px; font-size: clamp(30px, 3vw, 39px); font-weight: 750; line-height: 1.2; letter-spacing: -1.4px; color: #305035; font-variant-numeric: tabular-nums; white-space: nowrap; }
.lp-price-value > small { font-size: 16px; font-weight: 500; letter-spacing: 0; }
.lp-price-content .lp-price-tax { margin-bottom: 24px; font-size: 11px; line-height: 1.7; color: #78836d; }
.lp-price-link { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid #d3e2c3; border-radius: 8px; background: #f1f7eb; font-size: 13px; font-weight: 700; color: #426331 !important; text-decoration: none; }
.lp-price-link:hover { background: #e7f1da; }
.lp-price-link .lp-icon { width: 19px; height: 19px; }
.lp-price-table { margin: 27px 0 18px; background: #fff; border: 1px solid #dce5d3; border-radius: 11px; }
.lp-price-table > summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; list-style: none; cursor: pointer; padding: 19px 24px; font-size: 14px; font-weight: 600; }
.lp-price-table > summary::-webkit-details-marker { display: none; }
.lp-price-table summary > span { font-size: 24px; color: #618943; }
.lp-price-table[open] summary > span { transform: rotate(45deg); }
.lp-table-scroll { padding: 0 24px 19px; overflow-x: auto; }
.lp-table-scroll table { width: 100%; min-width: 600px; border-collapse: collapse; text-align: left; font-size: 13px; }
.lp-table-scroll caption { padding-bottom: 13px; color: #738367; font-size: 12px; text-align: left; }
.lp-table-scroll td, .lp-table-scroll th { padding: 13px 17px; border-top: 1px solid #e5ebdd; white-space: nowrap; }
.lp-table-scroll th { font-weight: 600; }
.lp-table-scroll thead th { background: #f5f8f0; }
.lp-prices-section .lp-price-footnote { max-width: 880px; margin-bottom: 0; font-size: 12px; }
.lp-local-grid { display: grid; grid-template-columns: 1.4fr 1fr; align-items: start; gap: 85px; }
.lp-districts { display: flex; flex-wrap: wrap; gap: 8px; margin: 27px 0 14px; }
.lp-districts span { border: 1px solid #dce6d5; border-radius: 6px; padding: 6px 12px; background: #f7f9f4; font-size: 12px; color: #657b55; }
.lp-tip-card { padding: 35px; margin-top: 8px; border: 1px solid #e0e9d7; border-radius: 18px; background: linear-gradient(145deg, #f8fbf3, #edf4e5); }
.lp-icon-tile { display: inline-flex; align-items: center; justify-content: center; width: 53px; height: 53px; margin-bottom: 24px; border-radius: 14px; background: #ddecce; color: #547b35; }
.lp-check-list { list-style: none; padding: 0; margin: 0 0 28px; display: grid; gap: 20px; }
.lp-check-list li { display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 1.8; color: #667859; }
.lp-check-list .lp-icon { width: 18px; height: 18px; margin-top: 4px; color: #678f43; }
#ablauf { padding-top: 12px; }
.lp-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 44px; }
.lp-process-grid article { position: relative; border-top: 2px solid #dfe9d4; padding-top: 27px; }
.lp-step-number { display: inline-flex; margin-bottom: 24px; font-size: 45px; font-weight: 750; line-height: 1; color: #b4c99b; letter-spacing: -2px; }
.lp-process-grid h3 { font-size: 22px; }
.lp-process-grid p { font-size: 14px; margin: 0; }
.lp-focus { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 55px; padding: 41px; border-radius: 18px; margin-top: 49px; background: #284b34; }
.lp-focus .lp-eyebrow { color: #b6d697; font-size: 10px; margin-bottom: 11px; }
.lp-focus h3 { color: #fff; font-size: 26px; max-width: 730px; margin-bottom: 16px; }
.lp-focus p { color: #c9d8be; font-size: 14px; max-width: 790px; margin-bottom: 0; }
.lp-faq-section { background: #f7f9f4; border-block: 1px solid #e7eddf; }
.lp-faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; }
.lp-faq-grid > div > p { max-width: 360px; font-size: 14px; }
.lp-phone-link { display: inline-flex; align-items: center; gap: 11px; font-size: 20px; font-weight: 700; color: #436632 !important; text-decoration: none; }
.lp-faq-list details { border-top: 1px solid #d9e3d0; }
.lp-faq-list details:last-child { border-bottom: 1px solid #d9e3d0; }
.lp-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 21px 0; list-style: none; cursor: pointer; font-size: 15px; font-weight: 600; line-height: 1.65; }
.lp-faq-list summary::-webkit-details-marker { display: none; }
.lp-faq-list summary > span { flex-shrink: 0; color: #6c8e4f; font-size: 23px; font-weight: 400; }
.lp-faq-list details[open] summary > span { transform: rotate(45deg); }
.lp-faq-list details p { padding-right: 30px; margin-bottom: 24px; font-size: 14px; }
.lp-region h2 { margin-bottom: 17px; }
.lp-region > div > p { max-width: 800px; margin-bottom: 33px; }
.lp-city-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.lp-city-grid > a { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 19px 16px; background: #fbfcf8; border: 1px solid #dfe7d5; border-radius: 10px; text-decoration: none; transition: background .15s, border-color .15s; }
.lp-city-grid > a > .lp-icon:first-child { width: 21px; color: #7c9b61; }
.lp-city-grid > a > .lp-icon:last-child { width: 17px; margin-left: auto; color: #708b58; }
.lp-city-grid small { display: block; font-size: 10px; color: #829176; }
.lp-city-grid strong { display: block; margin-top: 3px; font-size: 14px; font-weight: 650; line-height: 1.5; }
.lp-city-grid > a:hover, .lp-city-grid > a[aria-current] { background: #edf5e4; border-color: #adc991; }
.lp-inquiry-section { padding: 80px 0 88px; background: radial-gradient(ellipse at 50% 0, #3b6041, transparent 60%), #233d2b; }
.lp-inquiry-heading { max-width: 900px; margin: 0 auto 42px; text-align: center; }
.lp-inquiry-heading > .lp-eyebrow { justify-content: center; color: #b9d995; }
.lp-inquiry-heading > h2 { margin: 0 0 22px; color: #fff; font-size: clamp(30px, 3.5vw, 44px); font-weight: 750; line-height: 1.27; letter-spacing: -1.3px; }
.lp-inquiry-heading > p { max-width: 730px; margin: 0 auto 25px; color: #d0ddc8; font-size: 15px; line-height: 1.85; }
.lp-inquiry-heading > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; }
.lp-inquiry-heading > div > span { display: flex; align-items: center; gap: 6px; color: #dbe8cd; font-size: 12px; }
.lp-inquiry-heading .lp-icon { width: 17px; height: 17px; color: #b3d68c; }
.lp-inquiry-section .of-root { max-width: none; grid-template-columns: 285px minmax(0, 1fr); scroll-margin-top: 110px; border-radius: 20px; box-shadow: 0 30px 70px #0f251733; }
.lp-inquiry-section .of-card { padding: 36px 40px; }
.lp-inquiry-section .of-aside { background: #eef5e6; color: #304b2d; padding: 35px 28px; }
.lp-inquiry-section .of-aside h2 { font-size: 27px; color: #304b2d; }
.lp-inquiry-section .of-aside h2 span { color: #6c9349; }
.lp-inquiry-section .of-aside p { color: #6c7e5f; font-size: 14px; }
.lp-inquiry-section .of-aside-badge { color: #56793b; border-color: #c8dcb5; background: #ffffff70; font-size: 11px; }
.lp-inquiry-section .of-side-steps li > span { color: #618440; border-color: #b8cfa3; }
.lp-inquiry-section .of-side-steps strong { color: #3b542e; font-size: 13px; }
.lp-inquiry-section .of-side-steps small { color: #748565; font-size: 12px; }
.lp-inquiry-section .of-personal { border-color: #c8d8b8; }
.lp-inquiry-section .of-personal > span, .lp-inquiry-section .of-personal small { color: #6b805a; font-size: 12px; }
.lp-inquiry-section .of-personal a { color: #405f2f; }
.lp-inquiry-section .of-personal .of-icon { color: #739647; }
.lp-inquiry-section .of-panel h2 { font-size: 29px; }
.lp-inquiry-section .of-lead { font-size: 14px; }
.lp-inquiry-section .of-choice strong { font-size: 13px; }
.lp-inquiry-section .of-choice small { font-size: 11px; }
.lp-inquiry-section .of-progress button > small { font-size: 11px; }
.lp-inquiry-section .of-progress-top { font-size: 12px; }
.lp-inquiry-section .of-price { border-radius: 12px; padding: 25px; }
.lp-inquiry-section .of-price-promise, .lp-inquiry-section .of-price-lead { font-size: 14px; }
.lp-inquiry-section .of-price-note { font-size: 12px; }
.lp-footer { padding: 45px 0 27px; background: #fff; }
.lp-footer-top { display: flex; justify-content: space-between; align-items: center; gap: 40px; }
.lp-footer-top p { margin: 16px 0 0; color: #75826c; font-size: 13px; line-height: 1.8; }
.lp-footer-cities { display: flex; flex-wrap: wrap; gap: 12px 27px; padding: 29px 0; font-size: 12px; }
.lp-footer-cities a { color: #657858; text-decoration: none; }
.lp-footer-cities a:hover { text-decoration: underline; }
.lp-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 22px; padding-top: 21px; border-top: 1px solid #e1e8d9; color: #7c8972; font-size: 11px; }
.lp-footer-bottom nav { display: flex; gap: 25px; }
.lp-footer-bottom a { text-decoration: none; }
.lp-mobile-cta { display: none; }
.lp-mobile-cta[hidden] { display: none !important; }
@media (max-width: 1180px) {
  .lp-container { width: calc(100% - 48px); }
  .lp-header-inner { gap: 20px; }
  .lp-brand img { width: 255px; }
  .lp-navigation { gap: 19px; }
  .lp-header-phone span { display: none; }
  .lp-hero-grid { gap: 38px; }
  .lp-hero h1 { font-size: 53px; }
  .lp-hero-price { left: -10px; right: 25px; }
  .lp-local-grid { gap: 55px; }
  .lp-price-content { padding: 24px; }
  .lp-price-content .lp-price-value { font-size: 33px; }
  .lp-faq-grid { gap: 55px; }
  .lp-city-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 940px) {
  .lp-header-inner { height: 78px; }
  .lp-header-cta { display: none; }
  .lp-hero-grid { gap: 27px; }
  .lp-hero h1 { font-size: 44px; letter-spacing: -1.6px; }
  .lp-hero h1 > span { font-size: clamp(24px, 3vw, 27px); letter-spacing: -.8px; }
  .lp-hero-line { font-size: 20px; }
  .lp-hero-intro { font-size: 14px; }
  .lp-hero-actions > .lp-button { padding-inline: 16px; font-size: 13px; }
  .lp-hero-media { padding-bottom: 95px; }
  .lp-hero-photo { aspect-ratio: .95; }
  .lp-hero-price { padding: 18px 20px; left: 10px; right: 10px; }
  .lp-hero-price > strong { font-size: 31px; }
  .lp-hero-price > small { font-size: 10px; }
  .lp-benefits { gap: 17px; }
  .lp-benefits > div { gap: 10px; }
  .lp-benefits > div > .lp-icon { padding: 9px; width: 20px; height: 20px; }
  .lp-benefits strong { font-size: 12px; }
  .lp-benefits small { font-size: 10px; }
  .lp-section { padding: 66px 0; }
  .lp-section-heading { grid-template-columns: 1fr; gap: 19px; }
  .lp-section-heading > p { max-width: 730px; }
  .lp-price-grid { gap: 16px; }
  .lp-price-content { padding: 20px 17px; }
  .lp-price-content h3 { font-size: 22px; }
  .lp-price-content .lp-price-value { font-size: clamp(24px, 3vw, 27px); letter-spacing: -.8px; }
  .lp-price-value > small { font-size: 13px; }
  .lp-price-content .lp-price-tax { font-size: 10px; }
  .lp-price-link { font-size: 11px; padding: 11px; gap: 7px; }
  .lp-local-grid { grid-template-columns: 1.25fr 1fr; gap: 30px; }
  .lp-tip-card { padding: 27px; }
  .lp-process-grid { gap: 28px; }
  .lp-focus { grid-template-columns: 1fr; gap: 25px; padding: 32px; }
  .lp-focus > .lp-button { justify-self: start; }
  .lp-faq-grid { grid-template-columns: 1fr; gap: 28px; }
  .lp-faq-grid h2 br { display: none; }
  .lp-faq-grid > div > p { max-width: 700px; }
  .lp-inquiry-section .of-root { grid-template-columns: minmax(0, 1fr); }
  .lp-inquiry-section .of-aside { display: none; }
  .lp-inquiry-section .of-card { padding: 34px; }
  .lp-footer { padding-bottom: 105px; }
  .lp-mobile-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: flex; gap: 10px; padding: 11px 20px calc(11px + env(safe-area-inset-bottom)); background: #fffffff5; backdrop-filter: blur(12px); border-top: 1px solid #dce7d2; box-shadow: 0 -7px 25px #263d1f0d; }
  .lp-mobile-cta > a:first-child { display: flex; align-items: center; justify-content: center; width: 51px; color: #5b853e; border: 1px solid #cadbb9; border-radius: 9px; }
  .lp-mobile-cta > .lp-button { flex: 1; min-height: 50px; font-size: 14px; }
}
@media (max-width: 680px) {
  html { scroll-padding-top: 87px; }
  .lp-container { width: calc(100% - 36px); }
  .lp-topline .lp-container { justify-content: center; padding-block: 6px; font-size: 10px; }
  .lp-topline .lp-container > span:last-child { display: none; }
  .lp-header-inner { height: 69px; gap: 14px; }
  .lp-brand img { width: 223px; }
  .lp-navigation { font-size: 12px; margin-left: auto; }
  .lp-navigation > a, .lp-header-phone { display: none; }
  .lp-city-menu > div { right: 0; top: 34px; width: 225px; }
  .lp-hero { padding-top: 15px; }
  .lp-breadcrumb { margin-bottom: 27px; font-size: 10px; gap: 7px; }
  .lp-hero-grid { grid-template-columns: 1fr; gap: 31px; padding-bottom: 30px; }
  .lp-hero .lp-eyebrow { font-size: 10px; letter-spacing: 1px; margin-bottom: 16px; }
  .lp-hero h1 { margin: 15px 0 21px; font-size: clamp(35px, 9.4vw, 49px); line-height: 1.1; letter-spacing: -1.7px; }
  .lp-hero h1 > span { font-size: 28px; margin-bottom: 7px; letter-spacing: -.9px; }
  .lp-hero-line { font-size: 21px; margin-bottom: 18px; }
  .lp-hero-intro { font-size: 14px; line-height: 1.85; margin-bottom: 24px; }
  .lp-hero-actions { gap: 18px; }
  .lp-hero-actions > .lp-button { width: 100%; padding: 15px 13px; min-height: 55px; font-size: 13px; gap: 8px; }
  .lp-text-link { font-size: 13px; }
  .lp-micro { font-size: 10px; }
  .lp-hero-media { padding-bottom: 112px; }
  .lp-hero-photo { aspect-ratio: 1.42; object-position: 58% center; border-radius: 17px 17px 52px 17px; }
  .lp-hero-price { left: 14px; right: 14px; padding: 19px 21px; border-radius: 12px; }
  .lp-hero-price > strong { font-size: 33px; }
  .lp-hero-price > small { font-size: 10px; }
  .lp-photo-label { right: 10px; top: 10px; font-size: 8px; }
  .lp-benefits { grid-template-columns: 1fr; gap: 17px; padding: 24px 0 26px; }
  .lp-benefits > div { gap: 13px; }
  .lp-benefits > div > .lp-icon { padding: 11px; width: 22px; height: 22px; }
  .lp-benefits strong { font-size: 14px; }
  .lp-benefits small { font-size: 11px; }
  .lp-section { padding: 51px 0; }
  .lp-section h2 { font-size: 30px; letter-spacing: -.9px; line-height: 1.3; margin-bottom: 20px; }
  .lp-section p { font-size: 14px; line-height: 1.9; }
  .lp-eyebrow { font-size: 10px; letter-spacing: 1px; margin-bottom: 15px; }
  .lp-section-heading { gap: 0; margin-bottom: 29px; }
  .lp-section-heading h2 br { display: none; }
  .lp-price-grid { grid-template-columns: 1fr; gap: 16px; }
  .lp-price-card { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; padding: 0 0 0 15px; }
  .lp-price-image { height: 127px; width: 100%; margin: 0; border: 0; }
  .lp-price-image .of-tank-icon { width: 110px; height: 110px; }
  .lp-price-content { padding: 24px 23px 24px 13px; }
  .lp-price-content .lp-eyebrow { font-size: 9px; letter-spacing: .5px; margin-bottom: 6px; }
  .lp-price-content h3 { font-size: 22px; margin-bottom: 13px; }
  .lp-price-content .lp-price-value { font-size: 31px; letter-spacing: -.9px; }
  .lp-price-content .lp-price-tax { font-size: 10px; margin-bottom: 18px; }
  .lp-price-link { font-size: 12px; padding: 11px 12px; }
  .lp-price-table > summary { padding: 17px 16px; font-size: 12px; gap: 12px; }
  .lp-table-scroll { padding: 0 13px 17px; }
  .lp-table-scroll table { font-size: 12px; min-width: 570px; }
  .lp-prices-section .lp-price-footnote { font-size: 12px; line-height: 1.8; }
  .lp-local-grid { grid-template-columns: 1fr; gap: 25px; }
  .lp-tip-card { padding: 27px; margin-top: 0; }
  .lp-tip-card h3 { font-size: 22px; }
  .lp-check-list li { font-size: 14px; }
  .lp-districts { margin-top: 22px; }
  .lp-districts span { font-size: 11px; }
  #ablauf { padding-top: 5px; }
  .lp-process-grid { grid-template-columns: 1fr; gap: 25px; margin-top: 20px; }
  .lp-process-grid article { padding: 23px 0 0 61px; }
  .lp-step-number { position: absolute; top: 26px; left: 0; font-size: 35px; }
  .lp-process-grid h3 { font-size: 21px; }
  .lp-process-grid p { font-size: 14px; }
  .lp-focus { margin-top: 30px; padding: 28px 25px; gap: 24px; }
  .lp-focus h3 { font-size: 24px; }
  .lp-focus p { font-size: 14px; }
  .lp-focus > .lp-button { width: 100%; font-size: 13px; }
  .lp-faq-grid { gap: 23px; }
  .lp-faq-list summary { padding: 18px 0; font-size: 14px; gap: 18px; }
  .lp-faq-list details p { padding-right: 8px; font-size: 13px; }
  .lp-phone-link { font-size: 18px; }
  .lp-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .lp-city-grid > a { padding: 14px 11px; gap: 7px; }
  .lp-city-grid > a > .lp-icon:first-child { display: none; }
  .lp-city-grid > a > .lp-icon:last-child { width: 14px; }
  .lp-city-grid small { font-size: 9px; }
  .lp-city-grid strong { font-size: 13px; }
  .lp-inquiry-section { padding: 51px 0; }
  .lp-inquiry-heading { margin-bottom: 28px; }
  .lp-inquiry-heading > h2 { font-size: 30px; letter-spacing: -.85px; }
  .lp-inquiry-heading > p { font-size: 14px; }
  .lp-inquiry-heading > div { gap: 8px 14px; }
  .lp-inquiry-heading > div > span { font-size: 10px; }
  .lp-inquiry-section .of-root { border-radius: 15px; scroll-margin-top: 87px; }
  .lp-inquiry-section .of-card { padding: 25px 18px; }
  .lp-inquiry-section .of-panel h2 { font-size: 25px; }
  .lp-inquiry-section .of-lead { font-size: 13px; }
  .lp-inquiry-section .of-choice strong { font-size: 12px; }
  .lp-inquiry-section .of-choice small { font-size: 10px; }
  .lp-inquiry-section .of-progress button > small { font-size: 10px; }
  .lp-inquiry-section .of-progress-top { font-size: 11px; }
  .lp-inquiry-section .of-price { padding: 20px 17px; }
  .lp-inquiry-section .of-price-promise, .lp-inquiry-section .of-price-lead { font-size: 13px; }
  .lp-inquiry-section .of-price-note { font-size: 12px; }
  .lp-footer { padding-top: 35px; }
  .lp-footer-top { flex-direction: column; align-items: flex-start; gap: 25px; }
  .lp-footer-top .lp-brand img { width: 250px; }
  .lp-footer-cities { gap: 10px 21px; padding: 26px 0; font-size: 11px; }
  .lp-footer-bottom { flex-direction: column; align-items: flex-start; gap: 15px; }
}
@media (max-width: 420px) {
  .lp-container { width: calc(100% - 30px); }
  .lp-brand img { width: 208px; }
  .lp-header-inner { gap: 11px; }
  .lp-price-card { grid-template-columns: 76px minmax(0, 1fr); padding-left: 10px; }
  .lp-price-image .of-tank-icon { width: 87px; height: 96px; }
  .lp-price-content { padding: 22px 16px 22px 12px; }
  .lp-price-content .lp-price-value { font-size: 28px; }
  .lp-price-content h3 { font-size: 21px; }
  .lp-price-link { font-size: 11px; padding: 11px 9px; gap: 5px; }
  .lp-price-link .lp-icon { width: 16px; }
  .lp-hero-actions > .lp-button { font-size: 12px; gap: 7px; }
}
@media (max-width: 350px) {
  .lp-brand img { width: 184px; }
  .lp-hero h1 { font-size: 33px; }
  .lp-hero h1 > span { font-size: 25px; }
  .lp-hero-line { font-size: 19px; }
  .lp-price-card { grid-template-columns: 1fr; padding: 0; }
  .lp-price-image { height: 106px; margin-top: 12px; }
  .lp-price-content { padding: 15px 23px 24px; }
  .lp-price-content .lp-price-value { font-size: 33px; }
  .lp-city-grid { grid-template-columns: 1fr; }
  .lp-city-grid strong { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html, .lp-page * { scroll-behavior: auto !important; transition: none !important; }
}

/* Kontraste der im PageSpeed-Bericht beanstandeten Beschriftungen. */
.lp-city-grid small { color: #59694e; }
.lp-price-content .lp-price-tax { color: #5c684f; }
.lp-prices-section > .lp-container > .lp-section-heading .lp-eyebrow,
.lp-prices-section .lp-eyebrow { color: #44622b; }
.lp-step-number { color: #657f49; }
.of-root .of-subtle, .of-action-note, .of-root .of-bottom-note { color: #59654f; }
.lp-footer-top p, .lp-footer-bottom { color: #59694e; }

/* Gemeinsame Büroanzeige: im Seitenkopf und im Formular auch mobil sichtbar. */
.lp-office-band { background: #f5f8f1; border-bottom: 1px solid #dce7d6; }
.lp-office-status { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; column-gap: 14px; row-gap: 5px; color: #26362a; line-height: 1.5; }
.lp-office-status--header { min-height: 92px; padding-block: 14px; }
.lp-office-dot { width: 10px; height: 10px; border-radius: 50%; background: #9a691e; box-shadow: 0 0 0 4px #f2e8d8; align-self: start; margin-top: 6px; }
.lp-office-status[data-office-state="open"] .lp-office-dot { background: #39753f; box-shadow: 0 0 0 4px #e0eddc; }
.lp-office-status .lp-office-copy { min-width: 0; }
.lp-office-status .lp-office-copy strong { display: block; font-size: 14px; font-weight: 800; }
.lp-office-status .lp-office-copy p { margin: 3px 0 0; color: #3f4e40; font-size: 13px; line-height: 1.55; }
.lp-office-status .lp-office-hours { color: #54604e; font-size: 11px; font-weight: 500; }
.lp-office-hours span { display: block; }
.lp-office-status--form { grid-template-columns: 10px minmax(0, 1fr); min-height: 130px; padding: 17px 18px; margin: 0 0 24px; background: #f5f8f1; border: 1px solid #dce7d6; border-radius: 12px; }
.lp-office-status--form .lp-office-hours { grid-column: 2; }
@media (max-width: 940px) {
  .lp-office-status--header { grid-template-columns: 10px minmax(0, 1fr); }
  .lp-office-status--header .lp-office-hours { grid-column: 2; }
  .lp-office-status--header .lp-office-hours span { display: inline; }
  .lp-office-status--header .lp-office-hours span::before { content: " · "; }
}
@media (max-width: 680px) {
  .lp-office-status--header { min-height: 149px; }
  .lp-office-status--header .lp-office-hours span { display: block; }
  .lp-office-status--header .lp-office-hours span::before { content: none; }
  .lp-office-status { column-gap: 12px; }
  .lp-office-status--form { padding: 15px 14px; min-height: 176px; margin-bottom: 21px; }
  .lp-office-status .lp-office-copy strong { font-size: 13px; }
  .lp-office-status .lp-office-copy p { font-size: 12px; }
}

/* Persönlicher Kontakt am Formular und nach erfolgreicher Übermittlung. */
.lp-adviser-card { margin: 0 0 24px; padding: 20px; color: #26362a; background: #f5f8f1; border: 1px solid #dce7d6; border-radius: 16px; text-align: left; }
.lp-adviser-card[hidden] { display: none; }
.lp-adviser-intro { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 18px; align-items: center; }
.lp-adviser-photo { margin: 0; min-width: 0; }
.lp-adviser-photo img, .lp-adviser-initials { display: block; width: 88px; height: 88px; border-radius: 18px; object-fit: cover; object-position: center; }
.lp-adviser-initials { display: grid; place-items: center; color: #264832; background: #e0eddc; font-size: 25px; font-weight: 800; }
.lp-adviser-photo figcaption { margin-top: 5px; color: #54604e; font-size: 10px; line-height: 1.4; text-align: center; }
.lp-adviser-details { min-width: 0; }
.lp-adviser-label { display: block; color: #54604e; font-size: 11px; line-height: 1.5; }
.lp-adviser-name { display: block; margin-top: 3px; font-size: 23px; font-weight: 800; line-height: 1.3; letter-spacing: -.4px; }
.lp-adviser-phone { display: inline-flex; gap: 7px; align-items: center; min-height: 44px; color: #264832; font-size: 16px; font-weight: 700; line-height: 1.5; text-decoration: none; }
.lp-adviser-phone:hover { text-decoration: underline; text-underline-offset: 4px; }
.lp-adviser-phone .lp-icon { width: 18px; height: 18px; }
.lp-adviser-card > .lp-office-status--form { min-height: 0; margin: 16px 0 0; padding: 15px 0 0; border: 0; border-top: 1px solid #dce7d6; border-radius: 0; background: transparent; }
.lp-adviser-card--success { max-width: 520px; margin: 25px auto 20px; padding: 24px; }
.of-root .of-success .lp-adviser-promise { color: #26362a; font-size: 16px; line-height: 1.65; font-weight: 600; margin: 19px 0 0; }
.lp-adviser-timing-note { display: block; margin-top: 10px; color: #54604e; font-size: 11px; line-height: 1.5; }
@media (max-width: 680px) {
  .lp-adviser-card { padding: 16px 14px; margin-bottom: 21px; }
  .lp-adviser-intro { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; }
  .lp-adviser-photo img, .lp-adviser-initials { width: 64px; height: 64px; border-radius: 14px; }
  .lp-adviser-label { font-size: 10px; }
  .lp-adviser-name { font-size: 20px; }
  .lp-adviser-phone { font-size: 13px; gap: 5px; }
  .lp-adviser-phone .lp-icon { width: 15px; height: 15px; }
  .of-root .of-success .lp-adviser-promise { font-size: 14px; }
}
@media (max-width: 350px) {
  .lp-adviser-name { font-size: 18px; }
  .lp-adviser-phone { font-size: 12px; gap: 4px; }
}

/* Fünf FAQ-Blasen, erste Preisfrage von Anfang an geöffnet. */
.lp-faq-list details { margin-bottom: 12px; padding: 0 20px; background: #fff; border: 1px solid #dce6d5; border-radius: 14px; }
.lp-faq-list details:last-child { border: 1px solid #dce6d5; }
.lp-faq-list details[open] { border-color: #b7cea4; box-shadow: 0 5px 18px #26483206; }
.lp-faq-list .lp-faq-answer { color: #43513d; overflow-wrap: anywhere; line-height: 1.8; margin-top: 0; }
@media (max-width: 680px) { .lp-faq-list details { padding-inline: 16px; } }

.lp-breadcrumb { flex-wrap: wrap; overflow-wrap: anywhere; }
.lp-city-menu > div { max-height: min(65vh, 520px); overflow-y: auto; }
.lp-hero-grid > *, .lp-directory-grid > *, .lp-city-grid > a > span { min-width: 0; }
.lp-hero h1, .lp-directory-hero h1, .lp-section h2, .lp-city-grid strong { overflow-wrap: anywhere; }
.lp-directory-hero { padding: 0 0 68px; background: linear-gradient(120deg, #f5f8f1, #fff); }
.lp-directory-grid { display: grid; grid-template-columns: 1.45fr 1fr; gap: 78px; align-items: start; padding-top: 28px; }
.lp-directory-hero h1 { font-size: clamp(36px, 4.5vw, 64px); line-height: 1.1; letter-spacing: -.045em; margin: 20px 0 25px; }
.lp-directory-hero h1 em { color: #597c38; font-style: normal; }
.lp-directory-intro { max-width: 720px; font-size: 17px; color: var(--lp-muted); }
.lp-directory-aside { position: relative; overflow: hidden; border-radius: 20px; background: var(--lp-dark); color: #fff; box-shadow: 0 18px 50px #233b1814; }
.lp-directory-aside > img { width: 100%; height: 220px; object-fit: cover; display: block; }
.lp-directory-image-label { display: block; background: #1b3225; padding: 5px 24px; font-size: 10px; color: #dce5d8; }
.lp-directory-aside > div { display: flex; flex-direction: column; padding: 28px 32px 32px; gap: 9px; }
.lp-directory-aside strong { font-size: 42px; letter-spacing: -.04em; line-height: 1.2; }
.lp-directory-aside small { line-height: 1.65; color: #dce5d8; }
.lp-directory-aside .lp-button { margin-top: 12px; }
.lp-place-search { margin: 28px 0 24px; padding: 23px; border: 1px solid #dde5d6; border-radius: 14px; background: #fff; }
.lp-place-search label { display: block; font-weight: 700; margin-bottom: 10px; }
.lp-place-search > div { display: flex; gap: 8px; }
.lp-place-search input { width: 100%; min-width: 0; border: 1px solid #b9c7b0; border-radius: 8px; padding: 13px 14px; font-size: 16px; background: #fff; color: var(--lp-ink); }
.lp-place-search input:focus { outline: 3px solid #7cb34255; outline-offset: 2px; }
.lp-place-search button { white-space: nowrap; }
.lp-place-search p { font-size: 12px; line-height: 1.6; color: var(--lp-muted); margin: 9px 0 0; }
.lp-state-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.lp-compact-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.lp-compact-grid > a { padding: 15px; }
.lp-parent-links { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 28px; }
.lp-parent-links a { font-weight: 650; text-underline-offset: 5px; }
.lp-parent-links .lp-icon { width: 18px; }
.lp-local-shortcuts { padding-top: 30px; margin-top: 30px; border-top: 1px solid var(--lp-line); }
.lp-local-shortcuts h3 { font-size: 19px; }
.lp-local-shortcuts .lp-parent-links { margin-top: 12px; }
.lp-districts a { display: inline-block; border: 1px solid #c8d7bb; background: #f4f8ef; color: #3e5d2f; font-size: 13px; font-weight: 600; border-radius: 7px; padding: 8px 11px; text-decoration: none; overflow-wrap: anywhere; }
.lp-districts a:hover, .lp-districts a[aria-current="true"] { background: #dae9cb; border-color: #739f48; }
.lp-more-districts summary { cursor: pointer; font-size: 14px; font-weight: 650; padding: 12px 0; }
.lp-footer-states { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px 25px; margin: 28px 0; font-size: 13px; }
.lp-footer-states a { text-decoration: none; }
.lp-footer-states a:hover { text-decoration: underline; text-underline-offset: 4px; }
.lp-source-note { border-top: 1px solid #d3dfca; padding: 17px 0; font-size: 11px; line-height: 1.7; color: #62725a; }
.lp-source-note p { margin: 4px 0 9px; }
.lp-source-note a { text-underline-offset: 3px; }
.lp-pagination { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin-top: 30px; }
@media (max-width: 1000px) { .lp-directory-grid { gap: 30px; grid-template-columns: 1.2fr 1fr; } .lp-place-search > div { flex-direction: column; } .lp-state-grid, .lp-compact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .lp-directory-aside > div { padding: 24px; } }
@media (max-width: 680px) { .lp-directory-grid { grid-template-columns: 1fr; gap: 26px; } .lp-directory-hero { padding-bottom: 36px; } .lp-directory-hero h1 { font-size: 39px; } .lp-place-search { padding: 17px; } .lp-directory-aside > img { height: 185px; } .lp-directory-aside strong { font-size: 37px; } .lp-state-grid, .lp-compact-grid { grid-template-columns: 1fr; } .lp-footer-states { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } .lp-footer-bottom nav { flex-wrap: wrap; } .lp-source-note { font-size: 11px; } .lp-parent-links { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }