*{box-sizing:border-box}body{margin:0;background:#f6f4ed;color:#263d34;font:15px Arial,sans-serif}header{padding:24px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #dfdfd4;align-items:center}.logo{font-size:27px;font-weight:900;letter-spacing:-1px}.logo span{color:#d48049}.badge{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#6c7f6c}main{max-width:1500px;margin:auto;padding:34px 5%}h1{font-size:clamp(32px,4vw,51px);letter-spacing:-2px;margin:10px 0 12px}h1 em{font-style:normal;color:#7a8d67}.lead{color:#748071;line-height:1.6;margin-bottom:28px}.workspace{display:grid;grid-template-columns:300px 1fr;gap:25px}.panel{background:white;border:1px solid #dedfd4;border-radius:12px;padding:22px}h2{font-size:17px;margin:0 0 20px}h3{font-size:13px;margin:24px 0 12px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:12px;display:block;color:#657263}input,select,button{font:inherit}input,select{padding:10px;border:1px solid #d4dacc;border-radius:6px;width:100%;margin-top:6px;background:white;color:#263d34}button{padding:11px 15px;border:1px solid #d3d9cd;border-radius:6px;background:white;color:#263d34;cursor:pointer}.primary{background:#294b3b;color:white;border-color:#294b3b}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.canvaspanel{padding:20px;background:#e9eddf;border-radius:12px;border:1px solid #d9dfcd}.canvashead{display:flex;justify-content:space-between;gap:15px;font-size:13px;align-items:center;margin-bottom:15px}.canvaswrap{background:#e0e6d5;position:relative;border-radius:8px;overflow:hidden}svg{display:block;width:100%;height:510px;touch-action:none}svg text{pointer-events:none;user-select:none}.status{background:white;border:1px solid #d7dece;padding:15px;border-radius:8px;margin-top:15px;line-height:1.6;font-size:13px}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#677563;margin-top:15px}.dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.hint{font-size:12px;line-height:1.6;color:#7b8474}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0}.features h3{margin:0 0 10px}.features p{font-size:13px;color:#748071;line-height:1.6}footer{border-top:1px solid #ddd;padding:20px 5%;color:#7b8474;font-size:12px}.pill{padding:5px 8px;background:#edf0e6;border-radius:5px;font-size:11px}#save{font-size:11px;color:#6a7b60}.wide{width:100%;margin-top:10px}button:disabled{opacity:.4;cursor:default}@media(max-width:800px){.workspace{grid-template-columns:1fr}.features{grid-template-columns:1fr}.panel{padding:18px}svg{height:390px}.badge{font-size:9px}main{padding:25px 4%}.canvaspanel{padding:12px}}@media print{header, .panel,.toolbar,.features,footer,.lead,.hint,.legend,#save{display:none!important}main{padding:0}.workspace{display:block}.canvaspanel{border:0;background:white}svg{height:650px}.status{border:0}h1{font-size:26px}}
html{scroll-behavior:smooth}body{background:#f8f6ef;background-image:radial-gradient(ellipse at 95% 15%,#e3eadb88,transparent 45%),radial-gradient(ellipse at 0% 50%,#f0dfc433,transparent 40%)}header{background:#f8f6eff2}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:4px 0 30px}.hero h1{font-size:clamp(36px,4.2vw,59px);line-height:1.05;margin:18px 0}.hero .lead{max-width:580px;margin:20px 0;line-height:1.75;font-size:16px;color:#5c6d5f}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cta{display:inline-block;text-decoration:none;background:#294b3b;color:white;border-radius:7px;padding:14px 20px;font-weight:600;font-size:14px}.subtle-link{color:#4b6753;font-size:13px;text-underline-offset:4px}.trust{font-size:11px;letter-spacing:.3px;color:#697b61;margin-top:20px}.scene{position:relative;border-radius:100px 16px 16px 16px;overflow:hidden;background:#e7eee0;box-shadow:0 10px 40px #294b3b0c}.scene svg,.scene img{height:auto;aspect-ratio:1.35;touch-action:auto}.scene-caption{position:absolute;bottom:17px;left:20px;right:20px;padding:12px 16px;border-radius:8px;background:#fffdf2e8;font-size:12px;color:#48614d;box-shadow:0 4px 20px #294b3b0a}.scene-caption b{display:block;font-size:14px;margin-bottom:3px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:25px 0 30px;border-top:1px solid #dfe4d6;scroll-margin-top:20px}.how article{display:grid;grid-template-columns:32px 1fr;gap:11px}.step{width:28px;height:28px;border-radius:50%;background:#e8eddf;color:#496642;text-align:center;line-height:28px;font-size:12px;font-weight:bold}.how h2{font-size:14px;margin:4px 0 8px}.how p{font-size:13px;line-height:1.6;color:#6b7967;margin:0}.planner-title{display:flex;justify-content:space-between;align-items:center;padding:22px 0 16px;border-top:1px solid #dfe4d6;scroll-margin-top:20px}.planner-title h2{font-size:23px;letter-spacing:-.5px;margin:0}.planner-title p{font-size:12px;color:#6c7c63}.canvaspanel{background:#e7eddf}.panel{box-shadow:0 5px 20px #273e3005}.features{padding:24px 0 0;border-top:1px solid #dfe4d6}.faq{background:#fffdf7;border:1px solid #e0e3d6;border-radius:12px;padding:24px;margin:24px 0}.faq h2{font-size:20px}details{border-top:1px solid #e6e8dd;padding:15px 0}summary{cursor:pointer;font-size:14px;font-weight:600}details p{max-width:850px;color:#687762;font-size:13px;line-height:1.7;margin-bottom:0}footer{background:#eaf0e2;color:#5e7058;line-height:1.7}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:20px}.hero .lead{font-size:15px}.scene{border-radius:55px 12px 12px 12px;max-height:270px}.scene svg,.scene img{width:100%;height:270px;aspect-ratio:auto}.how{gap:18px;grid-template-columns:1fr;padding:22px 0}.planner-title{align-items:start;gap:10px}.planner-title p{max-width:125px;margin:2px 0}.hero h1{letter-spacing:-1.7px}.trust{line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.hero,.how,.planner-title,.faq{display:none!important}body{background:white}.features{display:none}}

/* Maßcamplich: outdoor editorial layout */
header{max-width:1500px;margin:auto;border:0;padding:26px 5%}header nav{display:flex;align-items:center;gap:28px}header a{color:#294b3b;text-decoration:none;font-size:13px}.nav-cta{border:1px solid #b7c3ac;border-radius:30px;padding:11px 20px}.logo{font-size:29px}main{padding-top:18px}.hero{gap:60px;padding:24px 0 42px}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,4.6vw,70px);font-weight:500;letter-spacing:-2.7px;line-height:1.08}.hero h1 em{color:#68815c}.hero .badge{color:#7c6244;letter-spacing:1.8px}.hero .lead{max-width:500px}.cta{border-radius:30px;padding:17px 25px;box-shadow:0 8px 20px #294b3b13}.scene{border-radius:180px 180px 24px 24px;box-shadow:none;border:7px solid #eeeee2}.scene-label{position:absolute;top:28px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:2px;color:#496347;z-index:1}.scene-caption{bottom:20px;border-radius:14px;text-align:center;padding:16px}.intro-strip{display:flex;justify-content:space-around;gap:16px;padding:22px 12px;border-block:1px solid #d7decd;font-size:12px;color:#5f7256;letter-spacing:.4px}.intro-strip span:before{content:'✓';margin-right:9px;color:#31533c}.how{border:0;padding:35px 0;gap:40px}.step{background:#dfE7d6}.planner-title{padding:34px 0 24px}.planner-title h2{font-family:Georgia,serif;font-size:29px;font-weight:500}.panel,.canvaspanel,.faq{border-radius:18px}.panel{padding:24px}.features{gap:45px;padding:34px 0 10px}.features h3{font-size:15px}.faq{padding:30px}button,input,select{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #be8b49;outline-offset:3px}#vehicle{font-weight:600;background:#f3f6ed}.canvashead{flex-wrap:wrap}
@media(max-width:800px){header{padding:19px 4%}.logo{font-size:24px}header nav{gap:0}header nav>a:first-child{display:none}.nav-cta{padding:9px 14px;font-size:12px}.hero{padding-top:12px;gap:26px}.hero h1{font-size:44px;letter-spacing:-1.8px}.hero .lead{font-size:15px}.scene{max-height:320px;border-radius:100px 100px 18px 18px}.scene svg,.scene img{height:auto;aspect-ratio:1.4}.scene-label{top:18px;font-size:9px}.scene-caption{bottom:12px;padding:12px}.intro-strip{flex-wrap:wrap;justify-content:center;font-size:11px;padding:18px 4px;gap:12px 20px}.how{gap:24px;padding:26px 0}.planner-title{display:block}.planner-title h2{font-size:25px}.planner-title p{max-width:none;margin:10px 0 0}.workspace{gap:18px}.toolbar button{flex:1 1 140px}.toolbar{gap:8px}.features{gap:24px}.faq{padding:21px}.hero-actions{gap:15px}.cta{text-align:center}.panel{padding:20px}input,select{font-size:16px}.canvaswrap svg{height:360px}.trust{font-size:11px}}
@media print{header,.intro-strip{display:none!important}}

.scene img{display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:cover}@media(max-width:800px){.scene img{aspect-ratio:1.4}}

.workspace>*,.row>*{min-width:0}.nudge{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-items:center;text-align:center;margin-top:16px}.nudge #up{grid-column:2}.nudge #left{grid-row:2;grid-column:1}.nudge span{grid-row:2;grid-column:2;font-size:12px;color:#657263}.nudge #right{grid-row:2;grid-column:3}.nudge #down{grid-row:3;grid-column:2}.mobile-jump{display:none}#raster{scroll-margin-top:12px}.toolbar button{min-height:46px}.nudge button{font-size:20px;min-height:44px}@media(max-width:800px){.mobile-jump{display:block;margin:16px 0 0;color:#294b3b;text-underline-offset:4px}button{touch-action:manipulation}.canvaswrap svg{height:auto;min-height:300px;aspect-ratio:1}.workspace{grid-template-columns:minmax(0,1fr)}.canvashead{gap:8px}.canvashead b{font-size:11px}.toolbar{margin-top:2px}.row{gap:10px}.scene-caption{font-size:11px}.scene-caption b{font-size:12px}.hero h1{font-size:clamp(34px,9vw,44px)}.hero .badge{letter-spacing:1px}header{gap:12px}.logo{font-size:clamp(20px,5.6vw,24px)}.nav-cta{white-space:nowrap}.cta{width:100%}.hero-actions .subtle-link{display:block;text-align:center;width:100%}.nudge{max-width:260px;margin-inline:auto}}@media print{.mobile-jump,.nudge,#share{display:none!important}}

footer nav{margin-bottom:10px}footer a,.legal a{color:#294b3b;text-underline-offset:3px}.legal{max-width:950px;min-height:70vh}.legal h1{margin-bottom:28px}.legal p{line-height:1.8}.legal h2{margin:24px 0 12px}.legal h2:first-child{margin-top:0}.legal .panel{padding:30px}.legal a{overflow-wrap:anywhere}

.storage{border:1px solid #d7dece;background:#fffdf7;border-radius:12px;padding:16px;margin-bottom:16px}.storage label{display:flex;gap:10px;align-items:center;font-size:14px;color:#294b3b}.storage input{width:20px;height:20px;min-height:20px;margin:0;flex-shrink:0}.storage p{font-size:12px;line-height:1.6;color:#657263}.storage a{color:#294b3b}.storage button{margin:4px 0}@media(max-width:800px){.storage button{width:100%}}@media print{.storage{display:none!important}}

.legacy-select{display:none}.vehicle-picker{grid-column:1/-1}.vehicle-picker h3{margin:0 0 10px;font-size:14px}.choicebar{display:flex;gap:8px}.choicebar button{flex:1;border:1px solid #bbcabe;background:#fffdf7;font-weight:600;min-height:46px}.choicebar button[aria-pressed="true"]{background:#294b3b;color:white;border-color:#294b3b;box-shadow:inset 0 -3px #f6d77b}.object-picker{margin-bottom:12px}.object-picker>b{display:block;font-size:13px;margin-bottom:10px}.move-controls{margin-top:12px;padding:12px;background:#fffdf7;border:1px solid #cdd8c5;border-radius:10px}.move-caption{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:13px}.move-caption span{font-size:11px;color:#51634d}.move-row{display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr;gap:8px;align-items:center;text-align:center;margin-top:10px}.move-row button{font-size:23px;padding:7px;min-height:46px}.move-row span{font-size:11px}.move-feedback{display:block;min-height:18px;font-size:11px;color:#435b45;margin-top:7px}.move-pulse{animation:objectFlash .45s ease-out}@keyframes objectFlash{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.move-pulse{animation:none}}@media(max-width:800px){.workspace{display:flex;flex-direction:column}.workspace>section:not(.vehicle-picker){display:contents}.vehicle-picker{order:0}.canvaspanel{order:1}.workspace>.panel{order:2}.toolbar{order:3}.storage{order:4}.workspace>section>.hint{order:5}.mobile-jump{display:none}.canvaswrap svg{height:clamp(180px,36svh,320px);min-height:0;aspect-ratio:auto}.canvaspanel{padding:12px}.canvashead{margin-bottom:10px}.choicebar{gap:5px}.object-picker .choicebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.choicebar button{font-size:12px;padding:8px 3px;overflow-wrap:anywhere}.move-caption{flex-wrap:wrap}.move-controls{padding:10px}.move-row{gap:6px}.legend{display:none}.status{font-size:11px;line-height:1.4;padding:9px;margin-top:9px}.object-picker{margin-bottom:9px}.object-picker>b{font-size:12px}.toolbar{margin-top:12px}#raster{scroll-margin-top:10px}.move-controls{margin-top:8px}}@media print{.vehicle-picker,.object-picker,.move-controls{display:none!important}}

@media(max-width:800px){.object-picker .choicebar button{font-size:11px;line-height:1.3;padding:8px 2px;overflow-wrap:normal;hyphens:manual}}