:root{--cyan:#00a8c6;--dark:#172126;--muted:#657078;--bg:#f4f7f8;--danger:#b42318;--ok:#16794b}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--dark)}header{background:#fff;border-bottom:4px solid var(--cyan);padding:18px 20px}header strong{font-size:1.25rem}.wrap{max-width:980px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 2px 12px #00000010}h1,h2{margin-top:0}label{display:block;font-weight:650;margin:12px 0 6px}input,select,button{font:inherit}input[type=text],input[type=email],input[type=password],input[type=number],select,input[type=file]{width:100%;padding:12px;border:1px solid #ccd4d8;border-radius:9px;background:#fff}.btn,button{display:inline-block;border:0;border-radius:9px;padding:12px 16px;background:var(--cyan);color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.btn.alt{background:#48545a}.btn.danger{background:var(--danger);color:#fff}.notice{padding:12px;border-left:4px solid var(--cyan);background:#eaf8fb;border-radius:6px}.ok{color:var(--ok);font-weight:700}.danger{color:var(--danger)}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e4eaed;text-align:left;vertical-align:top}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.item{border:1px solid #dde5e8;border-radius:12px;padding:12px}.thumb{width:100%;height:160px;object-fit:cover;border-radius:8px;background:#edf1f2}.small{font-size:.9rem;color:var(--muted)}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#e8eef0;font-size:.8rem}.price{font-size:1.3rem;font-weight:800}@media(max-width:650px){.wrap{margin:12px auto}.card{padding:15px}table.responsive thead{display:none}table.responsive tr{display:block;border:1px solid #e1e6e8;border-radius:9px;margin-bottom:10px;padding:8px}table.responsive td{display:block;border:0;padding:5px}}
textarea{width:100%;padding:12px;border:1px solid #ccd4d8;border-radius:9px;background:#fff;font:inherit}.choice{font-weight:500}.choice input{margin-right:8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.inline{display:inline-block;margin:5px 8px 5px 0}
.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.photo-card{border:1px solid #dde5e8;border-radius:12px;padding:12px}.admin-thumb{width:100%;height:220px;object-fit:contain;background:#eef2f3;border-radius:8px;margin-bottom:8px}.center{text-align:center}.qr{width:min(360px,100%);height:auto}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.local-actions{display:flex;gap:10px;flex-wrap:wrap}.log{white-space:pre-wrap;background:#111;color:#eee;padding:14px;border-radius:10px;max-height:360px;overflow:auto}
@media print{header,.toolbar,.btn,button,.small{display:none!important}.card{box-shadow:none;border:0}.qr{width:360px}}
/* Atelier 1.9 — local fonts, accessible touch controls */
:root{--cyan:#184c45;--dark:#183b36;--muted:#5b6863;--bg:#f5f3ee;--line:#d9dfd8;--accent:#b47c38}body{line-height:1.55}h1,h2{line-height:1.16;letter-spacing:-.035em}h1{font-size:clamp(1.8rem,4vw,2.65rem)}h2{font-size:1.5rem}a{color:#184c45;text-underline-offset:4px}button,.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#184c45;border:1px solid transparent;border-radius:12px;line-height:1.3}.alt,button.alt,.btn.alt{background:#edf1ed;color:#234b43;border-color:#c7d3ca}button:disabled{opacity:.55;cursor:wait}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=file],select,textarea{font:inherit;font-size:16px;width:100%;padding:13px 14px;border:1px solid #bac8bf;border-radius:10px;background:#fff;min-height:48px;color:#193d35}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:#184c45;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ae762a;outline-offset:4px}[hidden]{display:none!important}.card{border:1px solid #e0e4dc;box-shadow:0 8px 28px #183b3605;border-radius:20px;padding:28px}header{border-color:#184c45}.notice{background:#eaf1eb;border-color:#527c61}.wrap{max-width:1140px}.site-header{max-width:1280px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;gap:12px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:14px;line-height:1.2}.brand b{display:block;font-family:Georgia,serif;font-size:25px;font-weight:500;letter-spacing:.015em}.brand small{display:block;margin-top:7px;font-size:11px;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:#184c45;color:#fff;border-radius:16px;font:32px Georgia;width:54px;height:60px}.site-menu{position:relative;z-index:5}.site-menu summary{cursor:pointer;padding:12px 18px;border:1px solid #c8d2c8;border-radius:12px;list-style:none}.site-menu nav{position:absolute;right:0;top:58px;background:white;border:1px solid var(--line);padding:10px;border-radius:16px;box-shadow:0 12px 30px #163c3620;min-width:260px}.site-menu a,.site-menu button{display:block;text-align:left;padding:12px;width:100%;border:0;background:none;color:#184c45;text-decoration:none;font:inherit}.customer-wrap{max-width:900px;margin:16px auto 56px}.customer h1,.customer h2{font-family:Georgia,serif;font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:#766341;margin-bottom:8px}.intro{max-width:640px;color:var(--muted);font-size:1.05rem}.steps{margin:8px 0 28px}.steps p{font-size:.8rem;color:var(--muted);margin:0 0 12px}.steps ol{display:flex;padding:0;margin:0;list-style:none;gap:8px}.steps li{flex:1;display:flex;align-items:center;gap:8px;color:#59695f;font-size:.85rem;padding-bottom:12px;border-bottom:2px solid #dbe1d9}.steps li span{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #c5d0c5;border-radius:50%;font-size:12px;flex-shrink:0}.steps li[aria-current]{border-color:#184c45;color:#184c45}.steps li[aria-current] span{background:#184c45;color:white}.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.choice-card{position:relative;display:flex;align-items:flex-start;gap:12px;border:1px solid #cbd5ca;background:#fff;padding:22px;border-radius:16px;margin:0;cursor:pointer}.choice-card:has(input:checked){border:2px solid #184c45;padding:21px;background:#eff4ed}.choice-card b{display:block;font-size:1.13rem}.choice-card small{display:block;font-size:.88rem;font-weight:400;margin-top:8px;color:var(--muted)}.flow-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:20px 0 4px}.flow-actions button:last-child{margin-left:auto}.flow-actions.sticky{position:sticky;bottom:0;background:#f5f3eef5;border-top:1px solid #d4dccf;backdrop-filter:blur(8px);padding:16px 0;z-index:3}.upload-box{border:2px dashed #bac9bb;border-radius:16px;background:#f8faf6;padding:26px;margin:24px 0}.upload-box label{font-size:1.15rem}.upload-box input{background:white}.file-list{padding-left:20px;max-height:230px;overflow:auto;overflow-wrap:anywhere}.inline-check{display:flex;gap:12px;align-items:flex-start;font-weight:400;padding:14px;border:1px solid var(--line);border-radius:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{margin-top:0}.photo-editor{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.photo-preview{background:#eeede6;border-radius:16px;min-height:220px;display:grid;place-items:center;padding:12px}.photo-preview img{width:100%;height:330px;object-fit:contain}.photo-name{overflow-wrap:anywhere}.photo-progress{display:flex;justify-content:space-between;align-items:center;margin:16px 0;gap:12px}.photo-progress button{padding:10px 14px}.summary-list{padding:0;list-style:none}.summary-list li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.summary-list span{min-width:0;overflow-wrap:anywhere}.summary-list small{display:block;color:var(--muted)}.summary-list strong{white-space:nowrap}.total-row{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #184c45;padding-top:18px;font-size:1.6rem}.status-badge{display:inline-block;background:#e8f0e6;border-radius:999px;padding:8px 15px;font-weight:700}.legal-copy{max-width:760px}.legal-copy h2{margin-top:36px}.legal-copy p,.legal-copy li{overflow-wrap:anywhere}.cookie-notice{max-width:836px;margin:8px auto 24px;padding:18px 22px;border:1px solid #c5d4c2;border-radius:16px;background:#edf2e8;display:flex;gap:22px;align-items:center;font-size:.86rem}.cookie-notice p{margin:6px 0}.cookie-notice button{white-space:nowrap}.site-footer{max-width:1100px;margin:0 auto;padding:28px 24px 36px;border-top:1px solid #d5ddcf;color:var(--muted);font-size:.85rem}.site-footer nav{display:flex;gap:8px 22px;flex-wrap:wrap}.site-footer nav a,.site-footer nav button{background:none;border:0;color:#184c45;padding:8px 0;font:inherit;min-height:44px;text-decoration:underline;justify-content:start}.site-footer p{margin:6px 0 14px}.skip{position:absolute;left:10px;top:-100px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.admin-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding:8px;background:#e8ede5;border-radius:16px}.admin-nav a{padding:12px 16px;text-decoration:none;border-radius:10px;min-height:48px}.admin-nav a[aria-current]{background:#184c45;color:white}.admin-nav a:hover{background:#d8e2d7}.small{color:#59665f}.error-box{border-left:4px solid #a52920;color:#882319}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.saved-hint{color:#416947;font-size:.9rem}.legal-actions{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:650px){.site-header{padding:18px 16px}.brand small{display:none}.brand-mark{width:42px;height:48px;font-size:26px}.brand b{font-size:21px}.brand{gap:10px;font-size:12px}.site-menu summary{padding:10px 12px}.customer-wrap{padding:0 16px;margin:12px auto 32px}.card{padding:22px 18px;border-radius:16px}.steps{margin-bottom:20px}.steps ol{gap:5px}.steps li{display:block;text-align:center;font-size:.66rem}.steps li span{margin-bottom:6px}.steps li b{display:block;font-weight:500}.choice-cards,.form-grid,.photo-editor{grid-template-columns:1fr}.choice-cards{gap:12px}.choice-card{padding:18px}.choice-card:has(input:checked){padding:17px}.photo-preview img{height:230px}.photo-editor{gap:16px}.photo-preview{min-height:200px}.flow-actions button,.flow-actions .btn{flex:1}.upload-box{padding:18px}.cookie-notice{margin:0 16px 16px;display:block;padding:16px}.cookie-notice button{margin-top:8px;width:100%}.admin-nav{display:grid;grid-template-columns:1fr 1fr;font-size:.88rem}.summary-list li{gap:12px}.site-footer{padding:24px 16px}.total-row{font-size:1.4rem}table.responsive td::before{content:attr(data-label);font-size:.75rem;color:#6b756b;display:block}.grid{grid-template-columns:1fr}.stats{gap:8px}.stat b{font-size:1.5rem!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-menu,.cookie-notice,.steps,.site-footer,.admin-nav{display:none!important}}

.brand-logo{display:block;width:auto;height:auto;max-width:180px;max-height:76px;object-fit:contain}.logo-preview{max-width:100%;max-height:180px;object-fit:contain}@media(max-width:650px){.brand-logo{max-width:70px;max-height:56px;flex-shrink:0}.site-header .brand:has(.brand-logo){flex:1;min-width:0}}


/* ©2026 VORJUN · https://www.vorjun.de */
/* Hackländer-Website: Farbdesign. Zum Deaktivieren diese Datei entfernen. */
body:not(.design-editor) {
  --cyan: #00bcd4 !important;
  --dark: #1f2937 !important;
  --muted: #6b7280 !important;
  --bg: #f7f3ee !important;
  --line: rgba(31, 41, 55, .12) !important;
  --accent: #0097a7 !important;
  background: linear-gradient(180deg, #fffaf5, #f7f3ee) !important;
  color: #1f2937 !important;
}
body:not(.design-editor) :is(h1,h2,h3,label,.brand,.brand b) { color: #1f2937 !important; }
body:not(.design-editor) :is(a,.eyebrow) { color: #0097a7 !important; }
body:not(.design-editor) :is(.small,.intro,.brand small,.steps p,.choice-card small,.summary-list small) { color: #6b7280 !important; }
body:not(.design-editor) :is(.card,.item,.photo-card,.choice-card,.site-menu nav) {
  background: #fff !important;
  border-color: rgba(31,41,55,.12) !important;
}
body:not(.design-editor) .card { box-shadow: 0 18px 46px rgba(31,41,55,.10) !important; }
body:not(.design-editor) header { background: #fffaf5 !important; border-color: #00bcd4 !important; }
body:not(.design-editor) .site-header { background: transparent !important; }
body:not(.design-editor) :is(button,.btn,.brand-mark) {
  background: #00bcd4 !important;
  color: #fff !important;
  border-color: #00bcd4 !important;
}
body:not(.design-editor) :is(button,.btn):hover { background: #0097a7 !important; border-color: #0097a7 !important; }
body:not(.design-editor) :is(button.alt,.btn.alt) {
  background: #fff !important;
  color: #0097a7 !important;
  border-color: #00bcd4 !important;
}
body:not(.design-editor) :is(button.alt,.btn.alt):hover { background: #e6f8fb !important; }
body:not(.design-editor) :is(input,select,textarea) {
  background-color: #fff !important;
  color: #1f2937 !important;
  border-color: rgba(31,41,55,.24) !important;
  accent-color: #0097a7 !important;
}
body:not(.design-editor) :is(input,textarea)::placeholder { color: #6b7280 !important; opacity: 1; }
body:not(.design-editor) :focus-visible { outline-color: #0097a7 !important; }
body:not(.design-editor) :is(.notice,.cookie-notice,.upload-box) {
  background: linear-gradient(135deg,#fff,#e6f8fb) !important;
  border-color: rgba(0,188,212,.45) !important;
  color: #1f2937 !important;
}
body:not(.design-editor) .choice-card:has(input:checked) { background: #e6f8fb !important; border-color: #00bcd4 !important; }
body:not(.design-editor) :is(.tag,.status-badge,.admin-nav) { background: #e6f8fb !important; color: #0097a7 !important; }
body:not(.design-editor) .admin-nav a:hover { background: #cceff4 !important; }
body:not(.design-editor) .admin-nav a[aria-current] { background: #00bcd4 !important; color: #fff !important; }
body:not(.design-editor) .steps li { color: #6b7280 !important; border-color: rgba(31,41,55,.12) !important; }
body:not(.design-editor) .steps li span { border-color: rgba(31,41,55,.24) !important; }
body:not(.design-editor) .steps li[aria-current] { color: #0097a7 !important; border-color: #00bcd4 !important; }
body:not(.design-editor) .steps li[aria-current] span { background: #00bcd4 !important; color: #fff !important; border-color: #00bcd4 !important; }
body:not(.design-editor) :is(.total-row,.site-menu summary) { border-color: #00bcd4 !important; }
body:not(.design-editor) :is(th,td,.summary-list li,.inline-check) { border-color: rgba(31,41,55,.12) !important; }
body:not(.design-editor) :is(.photo-preview,.admin-thumb,.thumb) { background: #f7f3ee !important; }
body:not(.design-editor) .flow-actions.sticky { background: rgba(247,243,238,.96) !important; border-color: rgba(31,41,55,.12) !important; }
body:not(.design-editor) :is(.site-menu a,.site-menu button) { color: #1f2937 !important; background: transparent !important; }
body:not(.design-editor) :is(.site-menu a,.site-menu button):hover { color: #0097a7 !important; background: #e6f8fb !important; }
body:not(.design-editor) .site-footer { background: #1f2937 !important; color: #fff !important; border-color: #1f2937 !important; }
body:not(.design-editor) .site-footer :is(a,button,p,.small) { color: #fff !important; background: transparent !important; }
/* Sicherheits- und Erfolgsmeldungen behalten ihre eindeutige Bedeutung. */
body:not(.design-editor) :is(button.danger,.btn.danger) { background: #b42318 !important; border-color: #b42318 !important; color: #fff !important; }
body:not(.design-editor) :is(button.danger,.btn.danger):hover { background: #912018 !important; border-color: #912018 !important; color: #fff !important; }
body:not(.design-editor) :is(.error-box,.danger:not(button):not(.btn)) { color: #b42318 !important; }
body:not(.design-editor) :is(.ok,.saved-hint) { color: #16794b !important; }