:root{--hp-accent:#bd512c;--hp-ink:#202322;--hp-muted:#686e6a;--hp-line:#dedfd9}body{color:var(--hp-ink);background:#fff}.kit-head{border-color:var(--hp-line)!important}.kit-head .logo{font-family:'Bricolage Grotesque',sans-serif!important;letter-spacing:-.035em}.kit-form{padding:38px 36px 60px!important}.kit-form h1,.kit-form h2{font-size:34px!important;font-weight:500;letter-spacing:-.04em;line-height:1.1}.kit-form p{line-height:1.7}.kit-free-note{background:#f5f5f0;border-color:var(--hp-line);font-size:13px;line-height:1.65;padding:14px 16px}.step-h{gap:11px}.step-n{background:#f5f5f0!important;color:var(--hp-ink)!important;border-color:var(--hp-line)!important;border-radius:6px;font-size:11px}.step-t{font-weight:500!important;font-size:18px!important;letter-spacing:-.02em}.chip{height:auto;min-height:44px;border-radius:6px;border-color:var(--hp-line);font-size:13px;line-height:1.45;padding-block:10px}.chip-on{background:var(--hp-ink);border-color:var(--hp-ink)}.tile{border-radius:8px;border-color:var(--hp-line);padding:16px 12px}.tile-on{border-color:var(--hp-ink)!important}.tile[data-style=own]{background:#fff!important;border-color:var(--hp-line)!important}.tile[data-style=own].tile-on{border-color:var(--hp-ink)!important}.btn{border-radius:7px;box-shadow:none!important;font-weight:600}.btn-p{background:var(--hp-accent)!important;border-color:var(--hp-accent)!important}.btn-p:hover{background:#993b1c!important;transform:none}.btn-s{border-color:var(--hp-line)}.seg{border-radius:7px;background:#f5f5f0;padding:4px}.seg button{border-radius:5px;font-size:13px}.seg button.on{background:#fff;color:var(--hp-ink);box-shadow:0 1px 3px #20232210}.bar{backdrop-filter:none!important;box-shadow:none!important;background:#fff!important;border-color:var(--hp-line)!important}.bar .label{letter-spacing:.04em;color:var(--hp-muted)!important;font-size:10px}.bar .mono{font-family:'Instrument Sans',sans-serif;font-size:24px!important;font-weight:500!important}.stage-panel{background:radial-gradient(ellipse at 50% 35%,#fbfbf8,#eff0e9)!important}.stage-item{box-shadow:0 14px 36px -24px #20232250!important}.stage-item.paper::after{opacity:.2}.stamp{background:var(--hp-accent)!important}.pill{border-radius:5px;font-size:11px}.label{color:var(--hp-accent)}.kit{border-radius:10px;background:#f5f5f0;border-color:var(--hp-line)}.field-label{font-size:13px;gap:7px}.field-label input{border-radius:6px;border-color:var(--hp-line);min-height:48px}.kit-form input:focus-visible{outline:2px solid #243a53;outline-offset:3px}.kit-form input[type=range]{accent-color:var(--hp-accent)}#formats .chip{font-size:12px}#formatHint{color:var(--hp-muted)!important}#formMsg{font-size:13px;line-height:1.6}#kitItems>div{gap:16px}.kit-form .step{gap:14px}
@media(max-width:1100px){.kit-form{padding:28px 24px 140px!important}.stage-panel{height:240px!important}.bar .mono{font-size:20px!important}.kit-head .logo{font-size:18px!important}.stage-inner{transform:translate(-50%,-50%) scale(.38)!important}.kit-form h1,.kit-form h2{font-size:32px!important}.stage-panel #contents{max-width:85%!important}.pill{font-size:10px}#toKit{font-size:13px!important}}
@media(max-width:480px){.kit-form{padding:26px 18px 125px!important}.stage-panel{height:210px!important}.stage-inner{transform:translate(-50%,-50%) scale(.32)!important}.kit-form h1,.kit-form h2{font-size:30px!important}.step-t{font-size:17px!important}.bar{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.chip{font-size:12px;gap:6px;padding-inline:10px}.kit-head .bar-preise{font-size:12px}.kit-free-note{font-size:13px}.bar .label{font-size:9px!important}.bar .mono{font-size:19px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ink path{stroke-dashoffset:0!important}}

/* Premium-Politur 22.09.2026: Muster-Kit ohne Technik-Schrift, echte Briefmarke, leichtere Auswahl */
.kit-form .mono,.chip .p,.pill,.kit .mono{font-family:'Instrument Sans',sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0}
.chip .p{opacity:1;color:var(--hp-muted);font-size:12px;padding-left:8px;border-left:1px solid var(--hp-line);margin-left:2px}
.chip{background:#fff;transition:border-color .2s,background .2s,box-shadow .25s,transform .2s!important}
.chip:hover:not(:disabled){border-color:#a9aea8;transform:translateY(-1px);box-shadow:0 4px 12px -6px #1f2a2433}
.chip.chip-on{background:#fff!important;color:var(--hp-ink)!important;border-color:var(--hp-ink)!important;box-shadow:inset 0 0 0 .5px var(--hp-ink),0 4px 14px -8px #1f2a2440}
.chip.chip-on .p{color:var(--hp-ink);border-left-color:#cfd2cb}
.chip.chip-on .ck{background:var(--hp-accent);border-color:var(--hp-accent)}
.chip.chip-on .ck path{stroke:#fff}
.tile{transition:border-color .2s,box-shadow .25s,transform .2s}
.tile:hover{transform:translateY(-1px);box-shadow:0 4px 12px -6px #1f2a2433}
.tile-on{box-shadow:inset 0 0 0 .5px var(--hp-ink),0 4px 14px -8px #1f2a2440}
.step-n{font-family:'Instrument Sans',sans-serif!important;font-weight:600}
.pill{background:#fff;border-color:var(--hp-line)!important;color:var(--hp-muted)!important}
.stamp{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 29'%3E%3Crect width='24' height='29' fill='%23fbf8f2'/%3E%3Crect x='2.2' y='2.2' width='19.6' height='24.6' fill='%23f4e2d6'/%3E%3Cg fill='none' stroke='%239c4526' stroke-width='.55' stroke-linecap='round'%3E%3Cpath d='M12 25c-.4-4 .6-8 0-12.5'/%3E%3Cpath d='M12 20c-2.5-1.6-5-1.2-6.2 1M12 18c2.4-1.5 4.8-1 6 .7'/%3E%3Ccircle cx='12' cy='9.5' r='3.4' fill='%23e4a488' stroke='%23bd512c'/%3E%3C/g%3E%3Ccircle cx='12' cy='9.5' r='1.1' fill='%239c4526'/%3E%3Ctext x='21' y='5.6' font-size='3' fill='%237d341b' text-anchor='end' font-family='Georgia%2Cserif'%3E95%3C/text%3E%3Cg fill='%23fdfdfb'%3E%3Ccircle cx='0.00' cy='0' r='.85'/%3E%3Ccircle cx='0.00' cy='29' r='.85'/%3E%3Ccircle cx='2.67' cy='0' r='.85'/%3E%3Ccircle cx='2.67' cy='29' r='.85'/%3E%3Ccircle cx='5.33' cy='0' r='.85'/%3E%3Ccircle cx='5.33' cy='29' r='.85'/%3E%3Ccircle cx='8.00' cy='0' r='.85'/%3E%3Ccircle cx='8.00' cy='29' r='.85'/%3E%3Ccircle cx='10.67' cy='0' r='.85'/%3E%3Ccircle cx='10.67' cy='29' r='.85'/%3E%3Ccircle cx='13.33' cy='0' r='.85'/%3E%3Ccircle cx='13.33' cy='29' r='.85'/%3E%3Ccircle cx='16.00' cy='0' r='.85'/%3E%3Ccircle cx='16.00' cy='29' r='.85'/%3E%3Ccircle cx='18.67' cy='0' r='.85'/%3E%3Ccircle cx='18.67' cy='29' r='.85'/%3E%3Ccircle cx='21.33' cy='0' r='.85'/%3E%3Ccircle cx='21.33' cy='29' r='.85'/%3E%3Ccircle cx='24.00' cy='0' r='.85'/%3E%3Ccircle cx='24.00' cy='29' r='.85'/%3E%3Ccircle cx='0' cy='0.00' r='.85'/%3E%3Ccircle cx='24' cy='0.00' r='.85'/%3E%3Ccircle cx='0' cy='2.64' r='.85'/%3E%3Ccircle cx='24' cy='2.64' r='.85'/%3E%3Ccircle cx='0' cy='5.27' r='.85'/%3E%3Ccircle cx='24' cy='5.27' r='.85'/%3E%3Ccircle cx='0' cy='7.91' r='.85'/%3E%3Ccircle cx='24' cy='7.91' r='.85'/%3E%3Ccircle cx='0' cy='10.55' r='.85'/%3E%3Ccircle cx='24' cy='10.55' r='.85'/%3E%3Ccircle cx='0' cy='13.18' r='.85'/%3E%3Ccircle cx='24' cy='13.18' r='.85'/%3E%3Ccircle cx='0' cy='15.82' r='.85'/%3E%3Ccircle cx='24' cy='15.82' r='.85'/%3E%3Ccircle cx='0' cy='18.45' r='.85'/%3E%3Ccircle cx='24' cy='18.45' r='.85'/%3E%3Ccircle cx='0' cy='21.09' r='.85'/%3E%3Ccircle cx='24' cy='21.09' r='.85'/%3E%3Ccircle cx='0' cy='23.73' r='.85'/%3E%3Ccircle cx='24' cy='23.73' r='.85'/%3E%3Ccircle cx='0' cy='26.36' r='.85'/%3E%3Ccircle cx='24' cy='26.36' r='.85'/%3E%3Ccircle cx='0' cy='29.00' r='.85'/%3E%3Ccircle cx='24' cy='29.00' r='.85'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat!important;border:0!important;box-shadow:0 1px 1.5px #1f2a2430!important;outline:0!important}
.stamp::before,.stamp::after{display:none!important}
.btn-p{background:linear-gradient(180deg,#c85a33,#bd512c)!important;box-shadow:inset 0 1px 0 #ffffff2e,0 8px 20px -10px #bd512c99!important;transition:transform .25s,box-shadow .25s,background .2s}
.btn-p:hover{background:linear-gradient(180deg,#b44e29,#993b1c)!important;transform:translateY(-1px)!important}
.btn-p:active{transform:scale(.985)!important}
.kit-form input[type=text],.kit-form input[type=email],.kit-form input:not([type]){transition:border-color .2s,box-shadow .2s}
.kit-form input:focus{border-color:var(--hp-ink)!important;box-shadow:0 0 0 4px #20232210}
.hp-contact-launcher{padding:5px!important}
.hp-contact-launcher>span,.hp-contact-launcher>svg{display:none!important}
@media(max-width:1100px){.stage-panel #contents{display:none!important}.hp-contact-launcher{display:none!important}}
.stage-panel [class*=mono],.stage-panel .mono{font-family:'Instrument Sans',sans-serif!important;letter-spacing:0}
@media(min-width:1101px){body:has(.stage-panel) .hp-contact-launcher{left:auto!important;right:24px!important;bottom:112px!important}}
@media(max-width:1100px){.stage-panel div:has(> #formatLabel){display:none!important}}
.hp-contact-launcher{gap:0!important}
@media(max-width:1100px){.stage-inner{transform:translate(-50%,-124px) scale(.42)!important}}
@media(max-width:480px){.stage-inner{transform:translate(-50%,-116px) scale(.4)!important}}
/* Ruhiger (23.09.): keine doppelten Etiketten, gleich breite Auswahl, leise Schrittnummern */
.kit-head .pill{display:none!important}
.stage-panel #contents,.stage-panel div:has(> #formatLabel){display:none!important}
#comps{display:grid!important;grid-template-columns:1fr;gap:6px!important}
#comps .chip{width:100%;justify-content:flex-start;min-height:48px;padding-inline:14px}
#comps .chip .p{margin-left:auto;border-left:0;padding-left:12px}
#formats > div > div,#papers{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}
#formats .chip,#papers .chip{width:100%;justify-content:center;text-align:center;flex-wrap:wrap;row-gap:0}
#formats .chip .p{border-left:0;padding-left:4px;margin-left:0}
.step-h{align-items:baseline}
.step-n{background:none!important;border:0!important;width:auto!important;height:auto!important;padding:0!important;color:var(--hp-accent)!important;font-size:13px!important;font-variant-numeric:tabular-nums}
.step-n::after{content:'.'}
.kit-free-note{background:none!important;border:0!important;padding:0!important;margin-top:6px}
.kit-form .step{padding-top:28px;border-top:1px solid var(--hp-line)}
#formats > div > div,#papers{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
#consent p a{color:#a8431f!important}#consentJa{background:#a8431f!important;border-color:#a8431f!important}
.stage-panel .ink path{stroke:var(--pen,#1a2b6d);stroke-width:var(--pen-w,.5)}