/* Öffentliche Seite – übernommen aus der Vorlage fahrzeugankauf-station.html, Ergänzungen unten */
:root{--green:#258b25;--green-dark:#176820;--green-light:#49b541;--ink:#101410;--muted:#6d726e;--line:#dcdedc;--page:#f3f4f3;--radius:12px;--width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block;flex-shrink:0}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #68b35c;outline-offset:4px}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}.container{width:calc(100% - 50px);max-width:var(--width);margin-inline:auto}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}
.site-header{position:relative;z-index:5;background:#fafbfc;border-bottom:1px solid #93bc96}.header-inner{min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-car{width:115px;height:45px;color:#459f47;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-size:20px;font-weight:750;line-height:1.03;letter-spacing:-.5px}.nav{display:flex;align-items:center;gap:21px;white-space:nowrap}.nav a,.nav button{border:0;background:none;padding:8px 0;font-size:13px;line-height:1.15}.nav .active{padding:9px 13px;border-radius:17px;background:linear-gradient(#42a538,#177e1b);color:white;box-shadow:inset 0 1px 1px #ffffff40}.nav a:hover,.nav button:hover{color:var(--green)}.nav .active:hover{color:white;filter:brightness(1.08)}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #ffffff19;color:white;background:linear-gradient(180deg,#4db540 0%,#228d23 61%,#14751b 100%);font-weight:700;box-shadow:inset 0 1px 1px #ffffff40,0 1px 2px #1a5b1520;transition:filter .15s,transform .15s}.button:hover{filter:brightness(1.07);transform:translateY(-1px)}.button:active{transform:translateY(0)}.header-whatsapp{padding:10px 13px;font-size:13px;border-radius:6px;gap:8px;white-space:nowrap}.header-whatsapp .icon{width:22px;height:22px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:white;padding:9px}.menu-toggle .icon{width:23px;height:23px}
.hero{position:relative;overflow:hidden;min-height:280px;background:#eaf0f2}.hero-picture{position:absolute;inset:0 0 0 auto;width:84%;height:100%;object-fit:cover;object-position:center 55%}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,249,248,.8) 0%,rgba(248,250,249,.63) 34%,rgba(246,249,248,.1) 57%,transparent 69%);pointer-events:none}.hero-inner{position:relative;z-index:1;min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px 4px 35px}.hero h1{margin:0;font-size:clamp(37px,4.9vw,54px);font-weight:750;line-height:1.12;letter-spacing:-1.3px}.hero h1 span{display:block;color:#287a25;font-size:.96em;letter-spacing:-1.15px;white-space:nowrap;margin-top:2px}.hero-subtitle{margin:7px 0 23px;font-size:clamp(20px,2.63vw,27px);font-weight:650;line-height:1.18;letter-spacing:-.4px}.hero-cta{min-width:360px;padding:13px 26px;border-radius:30px;font-size:18px;gap:18px}.hero-cta .icon{width:33px;height:26px}.hero-cta .arrow{width:17px;height:20px;margin-left:0}
.benefits{position:relative;z-index:2;margin-top:4px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e7e8e7;box-shadow:0 2px 5px #00000008;border-radius:var(--radius);padding:13px 0;min-height:75px;scroll-margin-top:22px}.benefit{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 14px;position:relative}.benefit+.benefit{border-left:1px solid #bfc2bf}.benefit-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;color:white;background:linear-gradient(145deg,#319c2c,#08791a);box-shadow:0 1px 4px #166b1c28}.benefit-icon .icon{width:27px;height:27px}.benefit span:last-child{font-size:14px;line-height:1.3;letter-spacing:-.3px;white-space:nowrap}
.offer-card{display:grid;grid-template-columns:1.62fr 1fr;margin-top:15px;margin-bottom:22px;padding:18px 25px 14px 29px;border:1px solid #e3e5e3;border-radius:var(--radius);background:#fff;box-shadow:0 2px 4px #00000010}.offer-form{padding-right:29px;min-width:0}.offer-form h2{font-size:26px;line-height:1.15;letter-spacing:-.55px;margin:0 0 5px;font-weight:750}.intro{margin:0 0 16px;font-size:16.5px;line-height:1.32}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.field{position:relative;min-width:0}.field.wide{grid-column:1/-1}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #d2d5d2;border-radius:6px;background:#fff;color:#242824;min-height:37px;padding:8px 12px;font-size:14px;line-height:1.25;box-shadow:inset 0 1px 2px #00000004;transition:border-color .15s,box-shadow .15s}.field select{appearance:none;padding-right:33px;cursor:pointer}.field select:disabled{color:#717671;opacity:1;background:#fbfcfb}.field input::placeholder,.field textarea::placeholder{color:#757a75;opacity:1}.field input:hover,.field select:hover,.field textarea:hover{border-color:#9da79d}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3a9639;outline:none;box-shadow:0 0 0 3px #298c2517}.field .field-icon{position:absolute;left:12px;top:9px;width:19px;height:19px;color:#777b77;pointer-events:none}.field.has-icon input,.field.has-icon textarea{padding-left:43px}.field .select-arrow{position:absolute;right:11px;top:13px;pointer-events:none;width:14px;height:14px;color:#656b65;stroke-width:2.5}.field textarea{height:64px;min-height:64px;resize:vertical;padding-top:11px}.field.has-icon.textarea-field .field-icon{top:12px}.upload-label{display:flex;justify-content:center;align-items:center;gap:13px;min-height:54px;background:#f7f8f7;border:1px solid #d3d6d3;border-radius:6px;color:#393f39;text-align:center;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}.upload-label:hover,.upload-label.drag-over{background:#f0f7ed;border-color:var(--green)}.upload-label .icon{width:27px;height:27px;fill:#777b77;stroke:#f7f8f7;stroke-width:1.8}.upload-label small{display:block;font-size:12px;margin-top:3px}.upload-input:focus-visible+.upload-label{outline:3px solid #68b35c;outline-offset:3px}.upload-previews{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px}.photo-thumb{position:relative;margin:0}.photo-thumb img{width:68px;height:53px;border-radius:5px;object-fit:cover;border:1px solid #d4ddd2}.photo-fallback{display:grid;place-items:center;width:68px;height:53px;border-radius:5px;border:1px solid #d4ddd2;background:#edf3e9;color:#4e6445;font-size:11px;font-weight:700}.photo-thumb button{position:absolute;right:-5px;top:-5px;background:#fff;border:1px solid #d0d5ce;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:17px;line-height:1;box-shadow:0 1px 3px #0002}.form-submit{width:100%;min-height:42px;border-radius:5px;font-size:17px;gap:13px}.form-submit .icon{width:21px;height:21px}.form-message{font-size:13px;color:#a22727;margin:8px 0 0;line-height:1.4}.contact-card{border-left:1px solid #c9cdc9;padding:3px 0 0 31px;text-align:center;scroll-margin-top:22px}.contact-card h2{text-align:left;font-size:22px;line-height:1.2;letter-spacing:-.45px;margin:0 0 6px;white-space:nowrap}.contact-card .intro{text-align:left;margin-bottom:17px;font-size:16px;line-height:1.35}.big-whatsapp{display:block;margin:0 auto 21px;width:105px;height:105px;filter:drop-shadow(0 1px 2px #0003)}.contact-whatsapp{width:100%;min-height:47px;border-radius:27px;font-size:15.5px;gap:6px;padding:11px 13px;white-space:nowrap}.contact-whatsapp .icon{width:17px;height:18px}.phone-block{border-top:1px solid #c5c9c5;margin:27px 11px 0;padding-top:18px}.phone-block p{margin:0 0 10px;font-size:16px}.phone-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:0;font-size:26px;font-weight:750;white-space:nowrap}.phone-button .icon{width:30px;height:30px;color:#24862b;fill:currentColor;stroke:none}
.site-footer{background:linear-gradient(120deg,#20712a,#17671f);color:white}.footer-top{display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:25px}.footer-brand{gap:11px}.footer-brand .brand-car{width:99px;height:39px;color:#fff;stroke-width:2.5}.footer-brand .brand-name{font-size:18px;letter-spacing:0}.footer-nav{display:flex;align-items:center;gap:24px}.footer-nav a,.footer-nav button{font-size:13px;color:#f4f7f2;background:none;padding:4px 0;border:0;white-space:nowrap}.footer-nav a:hover,.footer-nav button:hover,.legal-links button:hover{text-decoration:underline;text-underline-offset:4px}.social-links{display:flex;gap:18px;align-items:center}.social-links button{border:0;background:none;color:#f4f9f2;padding:0}.social-links .icon{width:25px;height:25px}.footer-bottom{min-height:47px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#f0f5ec}.footer-bottom p{margin:0}.legal-links{display:flex;gap:9px;align-items:center}.legal-links button{border:0;background:none;padding:0;font-size:12px;color:inherit}
dialog{border:1px solid #dbe4d7;border-radius:16px;padding:0;width:min(530px,calc(100% - 32px));color:var(--ink);background:#fff;box-shadow:0 24px 90px #0003}dialog::backdrop{background:#0c1a0d70;backdrop-filter:blur(3px)}.dialog-content{padding:29px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:12px}.dialog-heading h2{font-size:25px;margin:0;line-height:1.2;letter-spacing:-.5px}.dialog-close{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:0;border-radius:50%;background:#f0f3ef;font-size:24px;line-height:1}.dialog-body p{font-size:15px;line-height:1.55;margin:0 0 14px}.dialog-body ol{padding-left:22px;line-height:1.6}.dialog-body li{margin:10px 0}.dialog-body .button{padding:12px 18px;border-radius:7px;font-size:15px}.request-summary{margin:18px 0;padding:16px;background:#f3f7f0;border:1px solid #dce7d6;border-radius:8px;white-space:pre-wrap;font:14px/1.6 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px}.secondary-button{padding:11px 16px;background:#fff;border:1px solid #cbd9c4;border-radius:7px;font-size:14px}.dialog-note{font-size:13px!important;color:#656e61}.copy-status{display:block;font-size:13px;color:var(--green-dark);margin-top:10px}
@media(min-width:1100px){.header-inner{min-height:83px}.brand-car{width:125px}.brand-name{font-size:22px}.nav{gap:28px}.nav a,.nav button{font-size:15px}.header-whatsapp{font-size:15px;padding:11px 17px}.hero,.hero-inner{min-height:342px}.hero-inner{padding-block:38px}.hero-cta{font-size:20px;padding:15px 29px}.benefits{min-height:85px}.benefit span:last-child{font-size:16px}.benefit-icon{width:48px;height:48px}.offer-card{padding:26px 31px 23px 33px;grid-template-columns:1.65fr 1fr;margin-top:19px;margin-bottom:27px}.offer-form{padding-right:38px}.offer-form h2{font-size:29px}.intro{font-size:18px;margin-bottom:19px}.form-grid{gap:12px 16px}.field input,.field select,.field textarea{min-height:42px;font-size:15px}.field .field-icon{top:11px}.field .select-arrow{top:15px}.field textarea{height:76px}.upload-label{min-height:62px}.form-submit{min-height:47px}.contact-card{padding-left:39px}.contact-card h2{font-size:25px}.contact-card .intro{font-size:18px}.big-whatsapp{width:119px;height:119px;margin-block:24px}.contact-whatsapp{font-size:18px;min-height:51px}.phone-block{margin-top:29px;padding-top:23px}.phone-button{font-size:29px}.footer-top{min-height:88px}.footer-bottom{min-height:52px}.footer-nav a,.footer-nav button{font-size:14px}}
@media(min-width:761px) and (max-width:900px){.header-inner{gap:15px}.brand-car{width:86px}.brand-name{font-size:18px}.brand{gap:9px}.nav{gap:15px}.nav a,.nav button{font-size:12px}.header-whatsapp{font-size:12px;padding:9px 10px}.hero h1{font-size:40px}.hero-subtitle{font-size:22px}.offer-card{padding-left:22px;padding-right:22px;grid-template-columns:1.55fr 1fr}.offer-form{padding-right:23px}.contact-card{padding-left:23px}.contact-card h2{font-size:19px}.contact-card .intro{font-size:14px}.contact-whatsapp{font-size:13px}.phone-button{font-size:22px;gap:8px}.benefit{padding-inline:10px;gap:9px}.benefit-icon{width:39px;height:39px}.benefit span:last-child{font-size:12px}.footer-nav{gap:15px}.footer-brand .brand-car{width:77px}.footer-brand .brand-name{font-size:15px}.footer-top{gap:15px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.header-inner{min-height:75px;gap:10px}.brand{gap:8px}.brand-car{width:87px;height:36px}.brand-name{font-size:18px}.header-whatsapp{margin-left:auto;padding:10px;gap:0}.header-whatsapp .label{display:none}.header-whatsapp .icon{width:23px;height:23px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fafcf9;border-bottom:1px solid #d5dfd2;padding:14px 18px;gap:5px;box-shadow:0 10px 18px #00000010}.nav.open{display:flex}.nav a,.nav button{text-align:left;padding:12px 14px;font-size:15px}.nav .active{padding:12px 14px;border-radius:6px}.hero,.hero-inner{min-height:435px}.hero-picture{width:100%;left:0;object-fit:cover;object-position:65% bottom;height:65%;top:auto;bottom:0}.hero::after{background:linear-gradient(180deg,#edf3f2 0%,#f0f5f3 27%,#f0f5f3e6 37%,#f0f5f34d 53%,transparent 65%)}.hero-inner{justify-content:flex-start;padding:29px 0 0}.hero h1{font-size:clamp(29px,5.8vw,41px);letter-spacing:-.8px;line-height:1.15}.hero h1 span{font-size:.97em;letter-spacing:-.7px;white-space:normal}.hero-subtitle{font-size:clamp(18px,3.6vw,23px);margin:9px 0 17px}.hero-cta{min-width:0;padding:11px 19px;font-size:16px;gap:12px}.hero-cta .icon{width:27px;height:25px}.hero-cta .arrow{width:15px}.benefits{margin-top:12px;grid-template-columns:1fr 1fr;padding:0;min-height:132px}.benefit{justify-content:flex-start;padding:13px 17px;gap:11px}.benefit+.benefit{border-left:0}.benefit:nth-child(even){border-left:1px solid #dce2d8}.benefit:nth-child(n+3){border-top:1px solid #dce2d8}.benefit-icon{width:37px;height:37px}.benefit-icon .icon{width:23px;height:23px}.benefit span:last-child{font-size:13px;white-space:normal}.offer-card{grid-template-columns:1fr;margin-top:15px;padding:23px 21px 27px;gap:28px;margin-bottom:20px}.offer-form{padding:0}.offer-form h2{font-size:25px}.intro{font-size:15px;line-height:1.5;margin-bottom:18px}.intro br{display:none}.form-grid{gap:12px}.field input,.field select,.field textarea{min-height:44px;font-size:15px}.field .field-icon{top:12px}.field .select-arrow{top:15px}.field textarea{height:88px;padding-top:12px}.upload-label{min-height:66px;font-size:15px}.form-submit{min-height:47px;font-size:17px}.contact-card{border-left:0;border-top:1px solid #d6dcd2;padding:26px 0 0}.contact-card h2{text-align:center;font-size:24px;white-space:normal}.contact-card .intro{text-align:center;font-size:16px;margin:9px auto 19px;max-width:330px}.big-whatsapp{width:99px;height:99px;margin-bottom:19px}.contact-whatsapp{max-width:330px;font-size:16px;min-height:48px}.phone-block{max-width:310px;margin:25px auto 0;padding-top:19px}.phone-button{font-size:26px}.footer-top{flex-wrap:wrap;padding-block:23px;gap:23px}.footer-brand .brand-car{width:85px}.footer-brand .brand-name{font-size:17px}.footer-nav{order:3;width:100%;justify-content:space-between;gap:10px}.footer-nav a,.footer-nav button{font-size:13px}.social-links{gap:15px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding-block:16px;font-size:11px;min-height:80px}.legal-links button{font-size:12px}}
@media(max-width:390px){.brand-car{width:69px}.brand-name{font-size:16px}.header-inner{gap:8px}.hero,.hero-inner{min-height:407px}.hero h1{font-size:28px}.hero-subtitle{font-size:17px}.hero-cta{font-size:14px;padding-inline:15px}.benefit{padding-inline:11px;gap:8px}.benefit-icon{width:32px;height:32px}.benefit span:last-child{font-size:12px}.offer-card{padding-inline:16px}.offer-form h2{font-size:23px}.form-grid{gap:10px}.field input,.field select{font-size:13px}.field.has-icon input{padding-left:34px}.field .field-icon{left:9px;width:17px}.contact-card h2{font-size:21px}.footer-brand .brand-car{width:70px}.footer-brand .brand-name{font-size:16px}.footer-nav{gap:7px}.footer-nav a,.footer-nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* --- Ergänzungen Web-App --- */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{margin:9px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}
.form-note a,.page-card a:not(.button){color:var(--green-dark);text-decoration:underline;text-underline-offset:2px}
.form-submit[disabled]{filter:saturate(.6)}
.legal-links a{font-size:12px;color:inherit}
.legal-links a:hover,.social-links a:hover{text-decoration:underline;text-underline-offset:4px}
.social-links a{color:#f4f9f2}
.dialog-body a.button{padding:12px 18px;border-radius:7px;font-size:15px}

.steps,.faq{margin-bottom:22px;padding:24px 29px;background:#fff;border:1px solid #e3e5e3;border-radius:var(--radius);box-shadow:0 2px 4px #00000010;scroll-margin-top:22px}
.steps h2,.faq h2{font-size:26px;line-height:1.15;letter-spacing:-.55px;margin:0 0 18px;font-weight:750}
.steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.steps-list li{display:flex;gap:14px;align-items:flex-start}
.step-nr{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:#fff;font-weight:750;font-size:18px;background:linear-gradient(145deg,#319c2c,#08791a);box-shadow:0 1px 4px #166b1c28}
.steps-list h3{margin:6px 0 6px;font-size:17px;letter-spacing:-.3px}
.steps-list p{margin:0;font-size:15px;line-height:1.5;color:#3d433d}
.faq details{border-top:1px solid #e3e6e2}
.faq details:last-of-type{border-bottom:1px solid #e3e6e2}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 2px;font-weight:700;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef5eb;color:var(--green-dark);font-size:20px;font-weight:400;transition:transform .15s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 2px 16px;font-size:15px;line-height:1.55;color:#3d433d}

.page-card{margin-block:28px;padding:30px;background:#fff;border:1px solid #e3e5e3;border-radius:var(--radius);box-shadow:0 2px 4px #00000010}
.page-card.narrow{max-width:780px}
.page-card h1{margin:0 0 16px;font-size:30px;letter-spacing:-.6px;line-height:1.15}
.page-card p{margin:0 0 14px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.page-actions .button{padding:12px 22px;border-radius:7px}

.quick-bar{display:none}

@media(min-width:1100px){
.steps,.faq{padding:28px 33px;margin-bottom:27px}
.steps h2,.faq h2{font-size:29px}
}
@media(max-width:760px){
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.steps,.faq{padding:23px 21px;margin-bottom:20px}
.steps h2,.faq h2{font-size:24px;margin-bottom:16px}
.steps-list{grid-template-columns:1fr;gap:18px}
.faq summary{font-size:15px}
.page-card{padding:23px 21px;margin-block:20px}
.page-card h1{font-size:25px}
.quick-bar{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid #d5dfd2;box-shadow:0 -4px 14px #0000000f;backdrop-filter:blur(6px)}
.quick-bar>*{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:9px;border:1px solid #cfdcca;background:#fff;color:#1d5f22;font-size:14px;font-weight:700;padding:0 8px}
.quick-bar .icon{width:19px;height:19px}
.quick-bar .quick-main{border:0;color:#fff;background:linear-gradient(180deg,#4db540 0%,#228d23 61%,#14751b 100%)}
}
@media(max-width:390px){
.quick-bar>*{font-size:13px;gap:5px}
.steps-list h3{font-size:16px}
}

/* --- Blöcke aus dem Inhaltsverwaltungssystem --- */
.brand-logo{max-height:52px;width:auto;max-width:220px;object-fit:contain}
.footer-brand .brand-logo{max-height:44px;background:#fff;border-radius:6px;padding:3px 6px}
.benefits{grid-template-columns:repeat(var(--n,4),1fr)}
.form-note p{margin:0}
.rich p,.rich li{font-size:16px;line-height:1.6}
.rich p{margin:0 0 14px;overflow-wrap:anywhere}
.rich h2{font-size:22px;margin:24px 0 10px;letter-spacing:-.3px}
.rich h3{font-size:18px;margin:18px 0 8px}
.rich ul,.rich ol{margin:0 0 14px;padding-left:22px}
.rich blockquote{margin:0 0 14px;padding-left:14px;border-left:3px solid var(--green-light);color:#3d433d}
.rich a{color:var(--green-dark);text-decoration:underline;text-underline-offset:2px}
.rich>:last-child{margin-bottom:0}
.text-block+.text-block{margin-top:-8px}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center}
.split-rechts .split-bild{order:2}
.split-bild{width:100%;height:100%;max-height:420px;object-fit:cover;border-radius:10px}
.split-text h2{font-size:26px;margin:0 0 12px;letter-spacing:-.5px;line-height:1.2}
.block-button{padding:12px 20px;border-radius:26px;font-size:16px;margin-top:6px}
.block-button .icon{width:16px;height:18px}
.cta-band{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:24px 30px;border-radius:var(--radius);color:#fff;background:linear-gradient(120deg,#2b8d2c,#17671f);box-shadow:0 2px 6px #17671f30}
.cta-band h2{margin:0 0 4px;font-size:24px;letter-spacing:-.4px}
.cta-band p{margin:0;font-size:16px;opacity:.92}
.cta-button{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:13px 22px;border-radius:28px;background:#fff;color:#17671f;font-weight:750;font-size:16px;box-shadow:0 2px 6px #0002;transition:transform .15s}
.cta-button:hover{transform:translateY(-1px)}
.cta-button .icon{width:20px;height:20px}
.page-card:first-child{margin-top:28px}
@media(max-width:760px){
.benefits{grid-template-columns:1fr 1fr}
.split{grid-template-columns:1fr;gap:18px}
.split-rechts .split-bild{order:0}
.split-bild{max-height:260px}
.split-text h2{font-size:22px}
.cta-band{flex-direction:column;align-items:stretch;text-align:center;padding:22px 20px;margin-bottom:20px}
.cta-band h2{font-size:21px}
.cta-button{justify-content:center}
.quick-bar{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
.quick-bar .quick-main{grid-column:auto}
.brand-logo{max-height:44px;max-width:160px}
}

/* Titelbild: Pluspunkte mit Haken über dem Button */
.hero-points{list-style:none;margin:-8px 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}
.hero-points li{display:flex;align-items:center;gap:11px;font-size:clamp(16px,1.55vw,19px);line-height:1.3;color:#1d231d}
.hero-points strong{color:#1f6b22}
.hero-check{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#3fa53a,#16761c);box-shadow:0 1px 3px #166b1c40}
.hero-check .icon{width:17px;height:17px;stroke-width:3}
@media(max-width:760px){
.hero-mit-punkten,.hero-mit-punkten .hero-inner{min-height:0}
.hero-mit-punkten .hero-inner{padding-bottom:225px}
.hero-mit-punkten .hero-picture{height:290px}
.hero-mit-punkten::after{background:linear-gradient(180deg,#edf3f2 0%,#f0f5f3 55%,#f0f5f3cc 62%,#f0f5f34d 72%,transparent 80%)}
.hero-points{margin:-4px 0 18px;gap:8px}
.hero-points li{font-size:15px;gap:9px}
.hero-check{width:24px;height:24px}
.hero-check .icon{width:15px;height:15px}
}
@media(min-width:761px) and (max-width:1099px){.hero-points{max-width:400px}.hero-points li{font-size:16px}}

/* Eigene Fotos im Titelbild: stärkerer heller Verlauf links, damit die Schrift lesbar bleibt */
.hero-eigenes-bild::after{background:linear-gradient(90deg,rgba(246,249,248,.96) 0%,rgba(246,249,248,.9) 38%,rgba(246,249,248,.45) 58%,transparent 75%)}
.rich>:first-child{margin-top:0}
@media(max-width:760px){.hero-eigenes-bild::after{background:linear-gradient(180deg,#edf3f2 0%,#f0f5f3 30%,#f0f5f3e6 40%,#f0f5f34d 55%,transparent 66%)}}