/* Karten-, Vergleichs- und Zahlenbausteine aus der HUNDREDHANDS-Folienvorlage,
   als responsives Formular zusammengesetzt. Ausschließlich Original-Markentokens. */
@font-face{font-family:Fraunces;src:url(fonts/Fraunces-Variable.ttf);font-weight:100 900;font-display:swap}
@font-face{font-family:Fraunces;src:url(fonts/Fraunces-Italic-Variable.ttf);font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/Inter-Variable.ttf);font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(fonts/IBMPlexMono-Regular.ttf);font-display:swap}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--f-text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:var(--copper-deep);text-underline-offset:3px}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--copper-deep);outline-offset:4px}input:invalid{border-color:var(--copper-deep);background:var(--copper-wash)}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--f-display);font-weight:400;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}h1 i,h2 i{font-style:italic;font-weight:300;color:var(--copper)}p,li{text-wrap:pretty}small{font-size:11px;line-height:1.6;color:var(--stone)}[hidden]{display:none!important}.muted{color:var(--stone)}
.top{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 40px;border-bottom:1px solid var(--hair)}.brand img{width:200px;height:auto;display:block}.top-note{font-size:12px;color:var(--stone);margin-left:auto}.button{border:1px solid var(--copper);background:var(--copper);color:var(--card);border-radius:var(--r-small);padding:12px 17px;font-size:12px;font-weight:600;line-height:1.5;transition:background .15s,transform .15s}.button:hover{background:var(--copper-deep)}.button:active{transform:translateY(1px)}.button.quiet{color:var(--ink);background:var(--card);border-color:var(--hair)}.button.quiet:hover{border-color:var(--copper)}.button.full{width:100%;margin-top:20px}.text-button{background:transparent;border:0;padding:9px 0;color:var(--stone);text-decoration:underline;text-underline-offset:4px;font-size:12px}.text-button:hover{color:var(--copper-deep)}main{max-width:1440px;margin:auto;padding:0 40px}.hero{padding:60px 0 38px;max-width:1100px}.kicker,.tag,.step{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--copper-deep)}.kicker{display:block}.hero .kicker{margin-bottom:20px}.hero h1{font-size:clamp(40px,4.9vw,70px)}.hero-bottom{display:flex;justify-content:space-between;gap:40px;margin-top:24px}.hero-bottom p{max-width:670px;font-size:16px;color:var(--stone)}.source-date{font-size:11px;text-align:right;white-space:nowrap;color:var(--stone);padding-top:4px}.source-date strong{font-weight:500;color:var(--ink)}
.startbar{padding:22px 26px;border:1px solid var(--copper-line);background:var(--copper-wash);border-radius:var(--r-card);display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:28px}.startbar strong,.startbar .muted{display:block}.startbar .muted{font-size:11px;margin-top:3px}.startbar .tag{display:block;margin-bottom:5px}.start-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:490px}.start-actions select{max-width:220px}.start-actions .text-button{padding-left:12px}
.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);gap:28px;align-items:start}.editor{min-width:0}.panel{background:var(--card);border:1px solid var(--hair);border-radius:var(--r-card);padding:28px;margin-bottom:24px;min-width:0}.section-head{display:flex;gap:14px;margin-bottom:26px;align-items:flex-start}.section-head .step{min-width:27px;padding-top:8px}.section-head h2{font-size:30px}.section-head p{color:var(--stone);font-size:12px;max-width:710px;margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid>*{min-width:0}.span2{grid-column:span 2}label{display:block;font-weight:500;font-size:12px;color:var(--ink)}input,select{background:var(--paper);color:var(--ink);border:1px solid var(--hair);border-radius:var(--r-small);min-height:44px;width:100%;padding:10px 12px;margin-top:7px;min-width:0;outline-offset:3px}select{padding-right:25px}input:hover,select:hover{border-color:var(--copper-line)}label small{display:block;font-weight:400;margin-top:7px}.unit{font-size:10px;color:var(--stone);font-weight:400;display:block;margin-top:2px}.notice{background:var(--copper-wash);border:1px solid var(--copper-line);padding:14px 16px;font-size:12px;border-radius:var(--r-small);margin-top:16px;color:var(--copper-deep)}.task-legend{display:grid;grid-template-columns:1.6fr .85fr 1fr .9fr .9fr 25px;gap:8px;font-size:9px;color:var(--stone);padding-bottom:12px}.task{padding:17px 0;border-top:1px solid var(--hair)}.task-grid{display:grid;grid-template-columns:1.6fr .85fr 1fr .9fr .9fr 25px;gap:8px;align-items:start}.task-name{font-size:12px;line-height:1.45;font-weight:600;padding-top:9px;overflow-wrap:anywhere}.task-name small{display:block;font-weight:400;font-size:10px;margin-top:4px}.task input,.task select{margin-top:0;padding:8px 7px;font-size:12px;min-height:41px}.task label{min-width:0}.task label>span{display:none}.task .remove{border:0;background:transparent;color:var(--stone);padding:8px 0;font-size:18px;min-height:40px;width:25px}.task .remove:hover{color:var(--copper-deep)}.task-bottom{font-size:10px;color:var(--stone);margin-top:8px}.task-bottom strong{font-weight:500;color:var(--ink)}.add-row{display:flex;gap:10px;margin-top:10px}.add-row select{margin:0;flex:1}.add-row .button{flex-shrink:0}.task-total{display:flex;justify-content:space-between;gap:20px;background:var(--bone);padding:16px;border-radius:var(--r-small);margin-top:20px;color:var(--stone);font-size:11px}.task-total strong{display:block;font-family:var(--f-mono);font-size:13px;font-weight:400;color:var(--ink);margin-top:5px}.segments{display:flex;padding:4px;border:1px solid var(--hair);border-radius:var(--r-small);background:var(--paper);margin-top:9px;gap:4px}.segments button{flex:1;border:0;border-radius:5px;background:transparent;color:var(--stone);padding:10px 4px;font-size:11px}.segments button.active{background:var(--card);color:var(--copper-deep);box-shadow:var(--shadow-card);font-weight:600}.help{font-size:11px;color:var(--stone);line-height:1.7}.segments+.help{margin:9px 0 24px}
.results{position:sticky;top:20px;min-width:0}.result-panel{border:1px solid var(--copper-line);border-radius:var(--r-card);padding:28px;background:var(--card)}.result-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:19px}.live-dot{font-size:10px;color:var(--stone);white-space:nowrap}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;background:var(--copper);border-radius:50%;margin-right:6px}.result-panel h2{font-size:32px;margin-bottom:10px}.result-panel>p{font-size:12px;color:var(--stone)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 18px}.kpi strong{font-family:var(--f-display);font-size:clamp(32px,3vw,44px);line-height:1.1;font-weight:400;display:block;color:var(--copper-deep);letter-spacing:-.02em}.kpi span{display:block;font-size:10px;color:var(--stone);margin-top:9px}.time-track{background:var(--bone);height:7px;border-radius:10px;overflow:hidden}.time-track span{display:block;background:var(--copper);height:100%;transition:width .25s}.track-label{display:flex;justify-content:space-between;font-size:10px;color:var(--stone);margin:7px 0 10px}.package-highlight{background:var(--paper);border:1px solid var(--hair);padding:20px;border-radius:var(--r-small);margin:23px 0}.package-title{display:flex;justify-content:space-between;gap:10px;margin-top:10px;align-items:baseline}.package-title h3{font-family:var(--f-mono);font-size:17px;font-weight:400;line-height:1.4}.package-title>strong{font-size:20px;font-weight:500;white-space:nowrap}.package-title small{display:block;font-size:10px;text-align:right;font-weight:400}.package-highlight p{font-size:11px;color:var(--stone);margin-top:9px}.mini-facts{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:10px;color:var(--stone)}.comparison h3{font-size:12px;font-weight:600}.comparison .help{margin-top:3px}.bar-label{display:flex;justify-content:space-between;gap:16px;font-size:10px;margin:14px 0 6px;align-items:baseline}.bar-label strong{white-space:nowrap;font-size:13px;font-weight:500}.bar{height:14px;background:var(--bone);border-radius:4px;overflow:hidden}.bar span{background:var(--ink);display:block;height:100%;min-width:0;transition:width .25s}.bar span.copper{background:var(--copper)}.numbers{margin-top:20px}.numbers>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 0;border-bottom:1px solid var(--hair);font-size:11px;color:var(--stone)}.numbers strong{font-weight:500;color:var(--ink);white-space:nowrap;font-size:13px}.numbers .net{font-weight:500;padding:14px 0;color:var(--ink)}.numbers .net strong{font-size:21px;color:var(--copper-deep)}.cash-box{margin-top:20px;padding:17px;border:1px solid var(--hair);border-radius:var(--r-small)}.cash-box>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:10px;margin-top:12px}.cash-box strong{font-size:13px;white-space:nowrap;font-weight:500}.cash-box p{margin-top:12px;color:var(--stone);font-size:10px}.next-step{padding-top:20px;margin-top:20px;border-top:1px solid var(--hair)}.next-step strong{font-size:12px;font-weight:600}.next-step p{font-size:11px;color:var(--stone);margin-top:5px}.local-note{text-align:center;font-size:10px!important;margin:13px 0 0;line-height:1.7}.result-panel>.text-button{display:block;margin:0 auto;font-size:10px}
.packages{margin-top:4px;padding:32px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px}.card{border:1px solid var(--hair);border-radius:var(--r-card);background:var(--card);padding:26px}.card.recommended{background:var(--copper-wash);border-color:var(--copper-line)}.card h3{font-family:var(--f-mono);font-weight:400;font-size:20px;margin-top:10px}.price{font-family:var(--f-display);font-size:40px;margin-top:12px;line-height:1.2}.price small{font-family:var(--f-text);font-size:11px;margin-left:6px}.custom-price{font-size:31px;margin-top:21px}.card p{font-size:11px;color:var(--stone);margin-top:7px}.card ul{padding-left:16px;margin:22px 0 0}.card li{font-size:12px;color:var(--stone);margin-bottom:9px}.explanation{padding:32px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.three-col h3{font-family:var(--f-display);font-weight:400;font-size:24px;margin-bottom:10px}.three-col p{font-size:12px;color:var(--stone)}details{margin-top:30px;border-top:1px solid var(--hair);padding-top:19px}summary{font-size:12px;font-weight:500;cursor:pointer}.method{padding-top:10px}.method p{font-size:12px;color:var(--stone);margin-top:12px;max-width:1000px}.method strong{color:var(--ink);font-weight:500}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 40px;font-size:10px;color:var(--stone)}footer img{max-width:160px;height:auto}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--ink);color:var(--card);font-size:12px;border-radius:var(--r-small);padding:12px 20px;max-width:90vw;text-align:center;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
.quick-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:20px;align-items:center;background:var(--card);border:1px solid var(--hair);border-radius:var(--r-card);padding:20px 26px;margin-bottom:26px;color:var(--ink);text-decoration:none}.quick-summary strong{display:block;font-family:var(--f-display);font-weight:400;color:var(--copper-deep);font-size:26px;line-height:1.25}.quick-summary div>span{display:block;font-size:10px;color:var(--stone);margin-top:5px}.quick-link{font-size:12px;color:var(--copper-deep);text-decoration:underline;text-underline-offset:4px}#auswertung{scroll-margin-top:24px}
@media(max-width:520px){.quick-summary{grid-template-columns:1fr 1fr;gap:17px;padding:19px 20px;margin-bottom:20px}.quick-summary strong{font-size:23px}.quick-summary div>span{font-size:9px}.quick-link{font-size:11px}.quick-summary div:nth-child(2) strong{font-family:var(--f-mono);font-size:17px}.quick-summary div:nth-child(3) strong{font-size:24px}}
@media print{.quick-summary{margin-bottom:16px;padding:14px}.quick-link{display:none}.quick-summary strong{font-size:20px}}
.print-sheet{display:none}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1.5fr) minmax(400px,1fr)}}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1.1fr) minmax(330px,1fr);gap:20px}main{padding:0 28px}.top{padding:22px 28px}.panel,.result-panel{padding:22px}.startbar{align-items:flex-start;flex-direction:column}.start-actions{max-width:none;justify-content:flex-start}.task-legend{display:none}.task-grid{grid-template-columns:repeat(4,minmax(0,1fr)) 24px;gap:9px}.task-name{grid-column:1/5;padding-top:0}.task-name small{display:inline;margin-left:7px}.task label>span{display:block;font-size:9px;color:var(--stone);font-weight:400;margin-bottom:5px}.task .remove{grid-column:5;grid-row:1/3;align-self:start}.task input,.task select{padding:8px 6px;font-size:11px}.package-title{flex-direction:column;gap:8px}.package-title small{display:inline;margin-left:4px}.package-grid{gap:14px}.card{padding:20px}}
@media(max-width:850px){.workspace{display:flex;flex-direction:column}.editor{width:100%}.results{position:static;width:100%;margin-bottom:24px}.panel,.result-panel{padding:26px}.top-note{display:none}.hero{padding-top:42px}.hero h1{font-size:51px}.hero-bottom p{font-size:14px}.kpi strong{font-size:46px}.package-title{flex-direction:row}.package-title small{display:block}.package-grid{grid-template-columns:1fr}.card{padding:24px}.card ul{margin-top:16px}.three-col{grid-template-columns:1fr;gap:24px}.package-grid .price{font-size:34px}footer{flex-wrap:wrap}footer span:last-child{width:100%}.task-legend{display:grid}.task-grid{grid-template-columns:1.6fr .85fr 1fr .9fr .9fr 25px}.task-name{grid-column:auto;padding-top:9px}.task-name small{display:block;margin-left:0}.task label>span{display:none}.task .remove{grid-column:auto;grid-row:auto}}
@media(max-width:520px){main{padding:0 22px}.top{padding:19px 22px;gap:12px}.brand img{width:154px}.top>.button{font-size:10px;padding:9px 10px}.hero{padding:34px 0 25px}.hero h1{font-size:40px}.hero .kicker{font-size:9px;margin-bottom:16px;letter-spacing:.07em}.hero-bottom{gap:18px;margin-top:17px}.hero-bottom p{font-size:12px}.source-date{display:none}.startbar{padding:20px;gap:14px;margin-bottom:20px}.startbar strong{font-size:12px}.start-actions{gap:9px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}.start-actions select{max-width:none;font-size:11px;min-height:42px;margin-top:0}.start-actions .button{font-size:10px;padding:11px 9px}.start-actions .text-button{grid-column:span 2;justify-self:start;padding:3px 0;font-size:10px}.panel,.result-panel{padding:20px;border-radius:14px}.panel{margin-bottom:19px}.section-head{gap:10px;margin-bottom:23px}.section-head h2{font-size:26px}.section-head .step{font-size:9px;min-width:21px;padding-top:6px}.section-head p{font-size:11px}.form-grid{gap:17px 12px}label{font-size:11px}.form-grid label:not(.span2){grid-column:span 2}.form-grid label:has(#people),.form-grid label:has(#users),.form-grid label:has(#days),.form-grid label:has(#dailyHours){grid-column:span 1}input,select{font-size:16px;padding:10px;min-height:45px}label small{font-size:10px}.task-legend{display:none}.task-grid{grid-template-columns:repeat(4,minmax(0,1fr)) 22px;gap:7px}.task-name{grid-column:1/5;padding-top:0;font-size:12px}.task-name small{font-size:9px;line-height:1.4;display:block;margin-top:4px}.task label>span{display:block;font-size:8px;font-weight:400;color:var(--stone);margin-bottom:6px;min-height:14px;white-space:nowrap}.task .remove{grid-column:5;grid-row:1/3;width:22px}.task input,.task select{font-size:16px;padding:7px 4px;min-height:43px}.task select{font-size:12px;padding-right:4px}.task{padding:15px 0}.task-bottom{font-size:9px}.add-row select{font-size:12px}.add-row .button{font-size:11px;padding:10px}.task-total{padding:12px;gap:14px;font-size:9px}.task-total strong{font-size:11px}.segments button{font-size:10px;padding:10px 2px}.result-panel h2{font-size:29px}.result-top{gap:8px}.result-top .kicker{font-size:9px}.live-dot{font-size:9px}.kpi-grid{gap:13px}.kpi strong{font-size:40px}.kpi span{font-size:9px}.package-highlight{padding:15px}.package-title{flex-direction:column;gap:7px}.package-title h3{font-size:16px}.package-title small{display:inline}.numbers>div{font-size:10px;gap:12px}.numbers strong{font-size:12px}.numbers .net strong{font-size:18px}.numbers .net span{max-width:155px}.bar-label{font-size:9px;gap:10px}.bar-label strong{font-size:12px}.cash-box{padding:14px}.cash-box .tag{font-size:9px}.cash-box>div{gap:10px}.cash-box strong{font-size:12px}.package-grid{gap:13px}.card{padding:21px}.price{font-size:34px}.packages .section-head h2{font-size:26px}.three-col h3{font-size:23px}.three-col p,.method p{font-size:11px}footer{gap:14px;padding-bottom:28px}footer img{max-width:136px}footer span{font-size:9px}.help{font-size:10px}.notice{font-size:11px}}
@media print{body{background:var(--card);font-size:10px}.top{padding:0 0 15px}.top .button,.top-note,.start-actions,.add-row,.remove,.segments,.text-button,#print-result,.toast{display:none!important}main{max-width:none;padding:0}.hero{padding:20px 0}.hero h1{font-size:34px}.hero-bottom p{font-size:12px}.source-date{display:block}.workspace{display:block}.results{position:static;width:100%}.editor{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor .panel:nth-child(2){grid-row:span 2}.panel,.result-panel{padding:18px;break-inside:avoid;box-shadow:none;margin-bottom:16px}.section-head{margin-bottom:14px}.section-head h2{font-size:23px}.form-grid{gap:10px}.form-grid>*{grid-column:span 2}.form-grid input,.form-grid select{min-height:25px;padding:4px 7px;font-size:10px}input,select{appearance:none;border:0;background:var(--card)}.task-grid{grid-template-columns:1.4fr .75fr .9fr .8fr .7fr}.task-name{grid-column:auto;font-size:10px}.task label>span{display:block;font-size:7px}.task .remove{display:none}.task input,.task select{font-size:10px;padding:3px;min-height:24px}.task{padding:8px 0}.task-name small{font-size:8px}.task-bottom{font-size:8px}.task-total{font-size:8px}.task-total strong{font-size:10px}.task-legend{display:none}.result-panel{break-before:page}.result-panel .kpi-grid{margin:20px 0}.package-grid{gap:12px}.card{padding:15px}.card h3{font-size:17px}.price{font-size:28px}.card li{font-size:10px}.three-col{gap:20px}.three-col h3{font-size:21px}.three-col p{font-size:10px}.local-note{display:none}details{display:none}footer{padding:10px 0}.package-highlight,.cash-box,.net,.bar span{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{text-decoration:none}button{display:none}.startbar{padding:14px}.packages,.explanation{break-inside:auto}}