:root{--hintergrund:#f8faf8;--hintergrund-rgb:248, 250, 248;--Color-Marker:#14351b;--Color-1:#15803d;--Color-1-rgb:58, 107, 53;--normal-text:"Source Sans Pro", "sans-serif";--border-height:3.3125rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;scroll-behavior:smooth;max-width:100%;margin:0;padding:0}.center{margin:0 auto;display:flex}#app{background-color:var(--hintergrund);width:70%;height:100dvh;margin:0 auto}.btn-back{color:#194322;background-color:#eaf4f0;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:.3rem;max-width:100%;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-back:hover{background-color:#dbece4;border-color:#bdcbd2;box-shadow:0 2px 6px #0000000d}.startApp{background-color:var(--hintergrund);justify-content:center;align-items:center;margin:0 auto;display:flex}.app-screen{background-color:var(--hintergrund);height:calc(100% - var(--border-height))}header{background-color:#fff;border-bottom:1px solid #ebebeb;width:100%;top:0}.grid{grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem 10px;width:100%;height:4rem;padding:0 .4375rem;transition:transform .4s,height 1.25s ease-in-out;display:grid}.container1{justify-content:flex-start;align-items:center;display:flex}.container2{justify-content:flex-end;align-items:center;display:flex}.container2 button{margin-left:.5rem}.hero-section{text-align:center;max-width:900px;margin:0 auto 2rem}.hero-section h1{margin-bottom:1rem;line-height:1.2}.black{color:#3f3f3f}.eyebrow{text-align:center;color:#247020;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .6rem;font-size:.85rem;font-weight:700}.small-info{color:#687467;margin:0;font-size:.9rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0 1rem;display:flex}.hero-button{border:2px solid #366633;border-radius:10px;justify-content:center;align-items:center;min-width:200px;min-height:48px;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #18531524}.hero-button-primary{color:#fff;background:#366633}.hero-button-primary:hover{background:#285725}.hero-button-secondary{color:#366633;background:#fff}.hero-button-secondary:hover{background:#f3f8f2}.highlight-box{color:#0b3309;background:linear-gradient(135deg,#1ed40e1a,#0b33090f);border:1px solid #1e961440;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.35rem;width:min(98%,720px);margin:1.5rem auto 2rem;padding:1.1rem 1rem;line-height:1.55;display:flex;box-shadow:0 6px 18px #00000012}.highlight-box .alink{margin-left:.15rem}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:1.25rem 0;display:grid}.card{min-height:220px;color:inherit;cursor:pointer;background:#fff;border:1px solid #e3e8e2;border-radius:18px;flex-direction:column;padding:1.25rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 16px #0000000a}.card.primary{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #22c55e}.card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 0 0,#22c55e24,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.card:hover{border-color:#79b977;transform:translateY(-5px);box-shadow:0 14px 30px #1047141a}.card:hover:after{opacity:1}.card>*{z-index:1;position:relative}.card h2{color:#185315;margin:0 0 .5rem;font-size:1.2rem}.card p{color:#555;margin:0 0 1rem;font-size:.95rem;line-height:1.55}.cta{color:#168a3d;align-items:center;margin-top:auto;font-size:.95rem;font-weight:700;transition:color .2s,transform .2s;display:inline-flex}.card:hover .cta,.guide-card:hover .cta{color:#116b31;transform:translate(4px)}.app-section{margin:3rem 0}.app-content{text-align:center;background:linear-gradient(135deg,#f3f7f2,#fff);border:1px solid #dce8da;border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;margin:.5rem;padding:1.5rem}.app-content>div{flex:1}.app-content .text{margin-bottom:0}.app-link{border-radius:10px;flex:none;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex}.app-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1047141f}.guide-section{margin-top:3rem}.guide-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.guide-card{min-height:210px;color:inherit;background:#fff;border:1px solid #d8e2d7;border-radius:12px;flex-direction:column;padding:1.25rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.guide-card:hover{border-color:#79b977;transform:translateY(-4px);box-shadow:0 10px 24px #10471414}.guide-card h3{color:#185315;margin:0 0 .5rem}.guide-card p{color:#555;margin:0;line-height:1.55}.faq-section{margin-top:3rem}.faq-section details{background:#fff;border:1px solid #d8e2d7;border-radius:10px;margin-top:.75rem;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-section details[open]{border-color:#79b977;box-shadow:0 6px 18px #10471412}.faq-section summary{color:#185315;cursor:pointer;padding:1rem;font-weight:700}.faq-section summary:hover{background:#f5faf4}.faq-section details p{color:#555;margin:0;padding:0 1rem 1rem;line-height:1.6}.final-cta{text-align:center;background:linear-gradient(135deg,#edf7ec,#f9fcf9);border:1px solid #d8e7d6;border-radius:16px;margin-top:3rem;padding:2rem 1rem}.final-cta h2{color:#185315;margin-top:0}.legal-note{color:#667065;text-align:center;margin-top:2rem;font-size:.85rem;line-height:1.5}.card:focus-visible,.guide-card:focus-visible,.hero-button:focus-visible,.app-link:focus-visible{outline-offset:4px;outline:3px solid #185315}.hero-benefits{color:#4b5563;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;margin:1.5rem 0 0;padding:0;font-size:.95rem;font-weight:600;list-style:none;display:flex}.hero-benefits li{padding-left:1.4rem;position:relative}.hero-benefits li:before{content:"✓";color:#15803d;font-weight:800;position:absolute;left:0}.benefit-section{margin-top:4rem}.benefit-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.benefit-list li{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1rem 1rem 2.8rem;font-weight:600;position:relative;box-shadow:0 6px 18px #0f172a0d}.benefit-list li:before{content:"✓";color:#15803d;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:1rem;font-weight:800;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.example-section{margin-top:4rem}.calculation-example{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:2rem 0;padding:0;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.calculation-example>div{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid}.calculation-example>div:last-child{background:#f8fafc;border-bottom:0}.calculation-example dt{color:#111827;margin:0;font-weight:700}.calculation-example dd{color:#374151;text-align:right;margin:0}.calculation-example>div:last-child dd{color:#111827;font-size:1.15rem}.target-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0;display:grid}.target-group-grid>div{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;box-shadow:0 6px 20px #0f172a0d}.target-group-grid h3{color:#111827;margin-top:0;margin-bottom:1rem}.target-group-grid ul{margin:0;padding-left:1.25rem}.target-group-grid li{color:#4b5563;margin-bottom:.65rem;line-height:1.55}.target-group-grid li:last-child{margin-bottom:0}.steps-section{margin-top:4rem}.steps-list{counter-reset:step-counter;gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.steps-list li{color:#4b5563;counter-increment:step-counter;background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-height:72px;padding:1.15rem 1.25rem 1.15rem 4.5rem;line-height:1.6;position:relative;box-shadow:0 6px 18px #0f172a0d}.steps-list li:before{content:counter(step-counter);color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.95rem;font-weight:800;display:flex;position:absolute;top:50%;left:1.15rem;transform:translateY(-50%)}.steps-list strong{color:#111827}.card h3{color:#111827;margin:0 0 .75rem;font-size:1.25rem;line-height:1.3}.guide-card h3{color:#111827;margin:0 0 .7rem;font-size:1.15rem;line-height:1.35}main>section:not(.hero-section):not(.final-cta){scroll-margin-top:1rem}.text h3{color:#111827;margin-top:2rem;margin-bottom:.7rem;line-height:1.35}.text h3:first-child{margin-top:0}@media (width<=800px){.benefit-list,.target-group-grid{grid-template-columns:1fr}.hero-benefits{gap:.65rem 1rem}}@media (width<=600px){.hero-benefits{text-align:left;flex-direction:column;align-items:flex-start;width:fit-content;margin:1.25rem auto 0}.benefit-section,.example-section,.steps-section{margin-top:3rem}.benefit-list{gap:.75rem}.benefit-list li{padding:.9rem .9rem .9rem 2.6rem}.target-group-grid{gap:1rem}.target-group-grid>div{padding:1.2rem}.calculation-example>div{grid-template-columns:1fr;gap:.35rem;padding:1rem}.calculation-example dd{text-align:left}.steps-list li{padding:4rem 1rem 1rem}.steps-list li:before{top:1rem;left:1rem;transform:none}.card h3{font-size:1.15rem}.card,.app-content,.final-cta{margin-left:.3rem;margin-right:.3rem}.guide-links{display:block}.guide-card{margin-bottom:1rem}.app-content{flex-direction:column;gap:1rem}}.app-link{color:#111;background:#f2f2f2;border-radius:8px;width:150px;height:50px;margin:0 auto;font-weight:500;text-decoration:none;display:block;position:relative;overflow:hidden}.app-link:hover{background:#e6e6e6}.android-icon{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}h1{text-align:center;text-shadow:1px 1px 3px #0003;letter-spacing:1px;color:linear-gradient(90deg, #4a7a4a, #2b4a2b);margin:1.5rem 0;font-family:Source Sans Pro,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}h2,h3,h4,h5,h6{color:#021300c4}.slr-logo{max-width:50px;max-height:50px;display:flex}.slr-logo:hover{box-shadow:none;border:.5px solid #80808021}.slr-logo:active{opacity:.1}img{cursor:pointer}.icon{filter:invert(93%)sepia(18%)saturate(300%)hue-rotate(63deg)brightness(85%)contrast(90%)}.feedbackButton{width:4.375rem;height:1.875rem;padding:.25rem}.container8{justify-content:flex-end;display:flex}.hilfeButton{justify-content:flex-end;width:3.125rem;height:1.85688rem}section{margin-top:2rem}.button-design{box-shadow:0 0 1.246px 0 #0b3309cc inset, 2.899px 2.348px 2.797px 0 var(--Color-Marker,#0b3309);color:var(--Color-1,#366633);-webkit-text-stroke-width:.68px;-webkit-text-stroke-color:#0b33091a;background:#fff;border:1.449px solid #0b33091a;border-radius:.2rem;min-width:fit-content;font-family:Source Sans Pro;font-size:1rem;font-style:normal;font-weight:700;line-height:normal;transition:transform .25s,box-shadow .25s,opacity .25s}.button-design:hover{cursor:pointer}.berechnen-button:hover{background-color:color-mix(in srgb, var(--Color-1) 80%, black);cursor:pointer}.button-design,.berechnen-button,.schicht-button,.buttonActive{transition:transform .5s,box-shadow .5s}.button-design:active,.berechnen-button:active,.schicht-button.aktiv:active,.buttonActive:active{transition:transform .5s;transform:translateY(2px);box-shadow:0 2px 4px #0006}.delete-button{color:#4f61fa;background-color:#ff000080;border:none;padding:.1rem}.delete-button:hover{color:#fff;background-color:#f00c}.center{margin:0 auto}.link{color:var(--Color-1,#366633);place-self:end;font-family:Source Sans Pro,sans-serif;font-size:.75rem;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}.navigation{z-index:9999;background:#fff;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;flex-direction:column;align-items:center;width:100%;padding:.5rem 0;display:flex;position:fixed;bottom:0}.nav-links{justify-content:space-evenly;align-items:center;gap:1rem;width:100%;display:flex}.navigation-link{color:var(--hintergrund,#0b3309);text-align:center;border-radius:4px;padding:.25rem .5rem;font-family:Source Sans Pro,sans-serif;font-size:1.5625rem;font-weight:400;line-height:normal;text-decoration:none}.copyright{color:var(--Color-Marker);text-align:center;margin-top:.05rem;padding:0;font-size:.55rem}.navigation-link.active .icon{filter:invert(25%)sepia(50%)saturate(1374%)hue-rotate(69deg)brightness(91%)contrast(101%);font-weight:700;transition:all .3s;transform:scale(.9)}.lohnrechner-layout{flex-direction:column;align-items:center;width:24.375rem;min-height:80%;max-height:100%;margin:0 auto;display:flex}.lohndaten{background-color:#2b4a2b0c;width:100%;margin-top:.75rem;padding:1rem}.flex-lohnDaten{margin:0 auto;margin-top:0 .1rem;flex-direction:column;align-items:stretch;width:18rem;display:flex}.aktLohndaten{color:var(--Color-Marker);border-radius:5px;padding:.55rem;font-size:1.1rem;animation:3s forwards einblenden;overflow:hidden}@keyframes einblenden{0%{max-height:20px}to{max-height:500px}}.aktLohndaten p{border-bottom:2px solid #e9e9e9;border-width:content;margin:0;padding:0;line-height:1.3}.aktLohndaten h2{margin-bottom:.7rem;padding:0;line-height:.5}.lohnDatenAendernContainer button{margin:.2rem;padding:.2rem}.showButton{width:100%;padding:.5rem}.schicht-grid{background-color:#2b4a2b0c;border-radius:10px;grid-area:3/1/span 1/span 1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(1,minmax(0,1fr));gap:.625rem 10px;width:22.5rem;height:6.3125rem;margin:1rem 0;padding:0 .2rem 2rem;display:grid}.arbeitszeit{grid-row:0 / span 0;grid-column:0 / span 0;width:22.5rem;height:8.875rem;margin:1rem auto 0}.arbeitszeit-container{background-color:#2b4a2b0c;border-radius:10px;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));row-gap:.38125rem;width:22.5rem;min-width:100%;height:8.875rem;padding:0 .5rem 0 .2rem;display:grid}.arbeitszeit-ueberschrift{grid-area:1/1/span 1/span 1;width:11.2895rem;height:3.22275rem;font-family:Source Sans Pro;font-size:2.1875rem;font-style:normal;font-weight:400;line-height:normal}.datum-text{grid-area:2/1/auto/span 1;font-family:Source Sans Pro;font-size:2.1875rem;font-style:normal;font-weight:400;line-height:normal}.arbeitsDatum{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#ffffff1a;grid-area:2/4;justify-self:end;height:2.5rem;padding-left:1rem;font-family:Source Sans Pro;font-size:1.5625rem;font-style:normal;font-weight:700;line-height:normal}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(43%)sepia(23%)saturate(500%)hue-rotate(70deg);margin-left:0;padding-left:0}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(43%)sepia(23%)saturate(500%)hue-rotate(70deg);margin-left:0;padding-left:0}.arbeitszeit-text{width:7.59869rem;height:2.82644rem;color:var(--Color-Marker,#0b3309);grid-area:3/1/span 1/span 1;align-self:center;font-family:Source Sans Pro;font-size:2.1875rem;font-style:normal;font-weight:400;line-height:normal}.time-von{grid-area:3/2/span 1/span 1}.bis-text{width:2.89475rem;height:2.48725rem;color:var(--Color-Marker,#0b3309);grid-area:3/3/span 1/span 1;justify-self:center;margin-top:.2rem;font-family:Source Sans Pro;font-size:1.6875rem;font-style:normal;font-weight:600;line-height:normal}.time-bis{grid-area:3/4;justify-self:end}.time-bis,.time-von{width:5.30856rem;height:2.26113rem;color:var(--Color-1,#366633);padding-left:.7rem;font-family:Source Sans Pro;font-size:1.2625rem;font-style:normal;font-weight:600;line-height:normal}.pause-tageszuschlag{justify-content:space-between;min-width:22.5rem;height:5.625rem;padding:1.25rem 0 1.3125rem;display:flex}.pause-container{grid-row:0 / span 0;grid-column:0 / span 0;background-color:#2b4a2b0c;border-radius:10px;height:3rem}.pause-flex{align-items:center;gap:.525rem;display:inline-flex}.pause-text{width:7.1875rem;height:3rem;color:var(--Color-Marker,#0b3309);flex-direction:column;justify-content:center;font-family:Source Sans Pro;font-size:1.5625rem;font-style:normal;font-weight:400;line-height:.8;display:flex}.smal-text{font-family:Source Sans Pro;font-size:.9375rem;font-style:normal;font-weight:400;line-height:normal;display:inline-block}.pause-checkbox{align-items:center;width:2rem;height:1.25rem;position:relative}.pause-checkbox input{display:none}.tageszuschlag{background-color:#2b4a2b0c;border-radius:10px;grid-area:1/2/span 1/span 1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(8,1fr);place-self:stretch center;gap:.3125rem 10px;width:10rem;height:3rem;display:grid}.tageszuschlag-label{color:var(--Color-Marker,#0b3309);grid-area:1/2/span 1/span 8;justify-self:stretch;font-family:Source Sans Pro;font-size:1.2rem;font-style:normal;font-weight:400;line-height:normal}.tageszuschlag-wert{color:var(--Color-Marker,#0b3309);grid-area:2/2/span 1/span 1;justify-self:stretch;font-family:Source Sans Pro;font-size:1.0625rem;font-style:normal;font-weight:400;line-height:normal}.tageszuschlag-wert2{text-align:right;grid-area:2/5/span 1/span 1;width:1.4375rem;font-family:Source Sans Pro;font-size:1.0825rem;font-style:normal;font-weight:700;line-height:normal}.checkbox-tageszuschlag{grid-area:2/3/span 1/span 1;width:1.25rem;height:1.25rem}.checkbox-tageszuschlag2{grid-area:2/6/span 1/span 1;width:1.25rem;height:1.25rem;position:relative}.checkbox-tageszuschlag2 input{display:none}.check{pointer-events:none;opacity:0;transition:all .5s;position:absolute;top:-30%;left:0%;transform:translate(2px,2px)}.pause-checkbox,.checkbox-tageszuschlag2,input:checked~.check{opacity:1}.schicht-button-container{flex-direction:row;grid-area:2/1/span 1/span 1;justify-content:space-around;justify-self:stretch;align-items:flex-start;width:22.5rem;display:flex}.schicht-button{width:4.84538rem;height:2.10025rem;color:var(--Color-1,#366633);text-align:center;background:#ffffff1a;border-color:#ffffff1a;border-radius:.36844rem;font-family:Source Sans Pro;font-size:1.28044rem;font-style:normal;font-weight:400;line-height:normal;box-shadow:inset 0 0 7.246px #0b3309cc}.schicht-text{color:var(--Color-Marker,#0b3309);font-family:Source Sans Pro;font-size:2.1875rem;font-style:normal;font-weight:400;line-height:normal}.saveToHistory{width:22.5rem;color:var(--Color-Marker);display:flex;box-shadow:inset 0 0 4px #0b3309cc}.saveToHistory label{flex:1}.saveToHistory input{width:20px;margin-right:2rem}.berechnen-button{border:.5px solid var(--Color-Marker,#0b3309);background:var(--Color-1,#366633);width:22.5rem;height:3.125rem;color:var(--Hintergrund,#e7eee7);text-align:center;border-radius:.625rem;justify-self:center;font-family:Source Sans Pro;font-size:1.5625rem;font-style:normal;font-weight:400;line-height:normal;box-shadow:inset 5px 10px 20px 5px #0b3309a8,4px 6px 8px #00000080}.resultContainer{width:23rem;height:fit-content;color:var(--Color-Marker);border-radius:5px;grid-template-rows:auto auto auto;grid-template-columns:repeat(6,1fr);gap:.3125rem 5px;min-height:15rem;margin-top:1rem;padding:.625rem .3125rem .3125rem;display:grid}.box{background-color:#fff;border-top:.5px solid #8d918d;border-bottom:4px solid #989c98;border-left:2px solid #979997;border-right:.5px solid #8d918d;border-radius:1rem;padding:.1rem;font-family:Source Sans Pro;font-size:.85619rem;font-style:normal;font-weight:700;line-height:normal}.a{grid-area:1/1/auto/span 3}.b{grid-area:1/4/auto/span 3}.c{grid-area:2/1/auto/span 3}.d{grid-area:2/4/auto/span 3}.e{grid-area:3/4/auto/span 3}.f{grid-area:3/1/auto/span 3}.g{grid-area:4/4/auto/span 3}.h{grid-area:4/1/auto/span 3}.result-bezeichung{color:#083006d0;justify-content:center;margin-bottom:.5rem;font-size:1.05rem;font-style:normal;line-height:normal;display:flex}.result-ergebnis{color:var(--Color-Marker);justify-content:center;font-size:1.25rem;display:flex}small{color:#1d43bedc;justify-content:center;font-size:1rem;display:flex}.linkDiv{flex-wrap:wrap;width:22.5rem;margin:0 auto;display:flex}.linkDiv div{text-align:center;cursor:pointer;background-color:#fdfdfd77;width:70%;margin:.5rem auto;padding:.3rem}.linkDiv div span{color:#0b3309;text-decoration:none}.einstellungen-layout{width:min(100% - 2rem,72rem);color:var(--Color-1,#366633);margin:0 auto;padding:1.5rem 0 3rem;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-weight:400;line-height:1.55}.einstellungen-intro{text-align:center;color:#4f5f4f;margin:.3rem;font-size:1.05rem;line-height:1.6}.border-grey{box-sizing:border-box;background:#fff;border:1px solid #dce5dc;border-radius:1rem;width:100%;margin:.7rem auto;padding:clamp(1rem,2vw,1.4rem);box-shadow:0 1px 2px #0b33090a,0 8px 24px #0b33090f}.border-grey:hover{border-color:#c4d5c4}.einstellungen-schrift{color:var(--Color-Marker,#0b3309);margin:0 0 1rem;font-family:Source Sans Pro,sans-serif;font-size:clamp(1.25rem,2vw,1.55rem);font-style:normal;font-weight:700;line-height:1.25}.border-grey>h3.einstellungen-schrift{font-size:clamp(1.25rem,2vw,1.55rem)}.zuschlag{border-bottom:1px solid #edf2ed;grid-template-columns:minmax(0,1fr) minmax(6.5rem,9rem);align-items:center;gap:1rem;width:100%;margin:0;padding:.75rem 0;display:grid}.zuschlag:last-child{border-bottom:0}.zuschlagsGrund{width:auto;min-width:0;color:var(--Color-Marker,#0b3309);font-family:Source Sans Pro,sans-serif;font-size:1rem;font-style:normal;font-weight:600;line-height:1.35}.zuschlagsGrund-smal{font-size:.95rem}.zuschlagSize,.input-time-width,.zuschlaegeAendernButton{width:100%;min-width:0;height:2.75rem;color:var(--Color-Marker,#0b3309);box-sizing:border-box;background:#f7faf7;border:1px solid #cbd8cb;border-radius:.65rem;outline:none;margin:0;padding:.45rem .65rem;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-weight:650;line-height:1;transition:border-color .2s,box-shadow .2s,background-color .2s}.zuschlagSize:hover,.input-time-width:hover,.zuschlaegeAendernButton:hover{border-color:#8eaa8e}.zuschlagSize:focus,.input-time-width:focus,.zuschlaegeAendernButton:focus{border-color:var(--Color-Marker,#0b3309);background:#fff;box-shadow:0 0 0 3px #0b33091f}.input-form{min-width:0;color:var(--Color-Marker,#0b3309);text-align:center;box-shadow:none;appearance:none;box-sizing:border-box;background:#f7faf7;border-radius:.65rem;padding:.45rem .65rem;font-family:Source Sans Pro,sans-serif;border:1px solid #cbd8cb!important}#bundesland{height:2.75rem;color:var(--Color-Marker,#0b3309);text-align:left;cursor:pointer;background-color:#f7faf7;padding-right:2.1rem;font-weight:650}.einstellungen-layout select option{color:#0b3309;background:#fff;font-size:1rem}.einstellungen-layout select option:checked{color:#fff;background:var(--Color-Marker,#0b3309);font-weight:700}.input-form,.zuschlagSize,.zuschlaegeAendernButton,.input-time-width{justify-content:center;align-items:center;height:44px;padding:0 .75rem;display:flex}.checkbox-design{width:1.3rem;height:1.3rem;accent-color:var(--Color-Marker,#0b3309);cursor:pointer;margin:0 0 0 auto}.checkbox-design:focus-visible{outline-offset:3px;outline:3px solid #0b330933}.schichtzeiten-container{width:100%;color:var(--Color-Marker,#0b3309);border-bottom:1px solid #edf2ed;grid-template-columns:minmax(4.5rem,1fr) minmax(6.2rem,7.5rem) auto minmax(6.2rem,7.5rem);align-items:center;gap:.75rem;margin:0;padding:.75rem 0;font-family:Source Sans Pro,sans-serif;font-size:1rem;display:grid}.schichtzeiten-container:last-child{border-bottom:0}.schicht-name{width:auto;min-width:0;font-weight:650}.input-time-width{justify-content:center;width:100%;min-width:0}.grid-nachtschicht{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(7rem,9rem);align-items:center;gap:.75rem 1rem;width:100%;height:auto;display:grid}.grid-nachtschicht h2{grid-area:auto/1/auto/-1;width:auto;height:auto;margin:0 0 .25rem}.grid-item,.grid-item2,.grid-item3,.grid-item4{grid-area:auto}.ns-start,.ns-ende{color:var(--Color-Marker,#0b3309);font-family:Source Sans Pro,sans-serif;font-size:1rem;font-style:normal;font-weight:600;line-height:1.35}.grid-item3,.grid-item4{width:100%;height:2.75rem;color:var(--Color-Marker,#0b3309);text-align:center;box-sizing:border-box;background:#f7faf7;border:1px solid #cbd8cb;border-radius:.65rem;padding:.45rem .65rem;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-style:normal;font-weight:650;line-height:1}.grid-nachtschicht br{display:none}.border-grey>p:first-child{margin-top:0}.border-grey>p,.border-grey>span{color:#4d664d;font-size:.95rem;line-height:1.55}.border-grey>span{margin-top:.75rem;display:block}.einstellungen-layout>p{color:#405a40;width:100%;margin:0 0 1rem;font-size:1rem}.einstellungen-layout a{color:var(--Color-Marker,#0b3309);text-underline-offset:.2rem;font-weight:700;text-decoration-thickness:1px}.einstellungen-layout a:hover{text-decoration-thickness:2px}.deleteEinstellungen{color:#9f1c1c;cursor:pointer;width:auto;min-height:2.75rem;box-shadow:none;background:#fff7f7;border:1px solid #efb5b5;border-radius:.65rem;margin-left:1rem;padding:.5rem .7rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background-color .2s,border-color .2s,color .2s}.delete-button:hover{color:#fff;background:#a82020;border-color:#a82020}.delete-button:focus-visible{outline-offset:3px;outline:3px solid #a8202033}.delete-button.center{margin-left:0;margin-right:0}.einstellungen-layout>h2{width:100%;color:var(--Color-Marker,#0b3309);margin:2.5rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:750}.einstellungen-layout>h3{width:100%;color:var(--Color-Marker,#0b3309);margin:1.5rem 0 .35rem;font-size:1.2rem;font-weight:700}.hinweis{color:#4d5d4d;box-sizing:border-box;background:#f7faf7;border:1px solid #dce5dc;border-radius:.75rem;width:min(100% - 2rem,72rem);margin:0 auto 3rem;padding:1rem 1.15rem;font-size:.9rem;line-height:1.5}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;width:1rem;height:1rem;padding:0}.flexbox{justify-content:space-around;align-items:center;width:100%;display:flex}.flexbox button{min-height:2.25rem;padding:.35rem .65rem}@media (width<=900px){.flexbox-1{grid-template-columns:1fr}}@media (width<=600px){.einstellungen-layout{width:100%;padding:0 .75rem 7rem}.border-grey{width:97%;margin:.65rem auto;padding:1rem;overflow:hidden}.schichtzeiten-container{grid-template-columns:3fr 1fr 3fr;gap:.6rem;width:100%;padding:.85rem 0;display:grid}.schicht-name{grid-column:1/-1;margin:0}.schichtzeiten-container .input-time-width{text-align:center;appearance:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:44px;margin:0;padding:0 .35rem;font-size:1rem;line-height:44px;display:block}.schichtzeiten-container>span{justify-content:center;display:flex}}@media (width<=390px){.zuschlag{grid-template-columns:1fr}.zuschlagSize,.checkbox-design{margin-left:0}.checkbox-design{justify-self:start}.grid-nachtschicht{grid-template-columns:1fr}.grid-item3,.grid-item4{max-width:none}}.schichtzeiten-label{color:#555;text-align:center;margin-top:8px;font-size:.85rem;display:block}.beschreibung{text-align:left;color:#000000d0;width:100%;margin-bottom:1rem}.summary{font-size:1.3rem}.beschreibung li{margin-left:2rem}.schicht-button{width:4.84538rem;height:2.10025rem}.frueh-aktiv{color:#fff;background:#4caf4fd6;border-color:#4caf4fd6}.spaet-aktiv{color:#fff;background:#ffb803b9;border-color:#ffb803b9}.nacht-aktiv{color:#fff;background:#4a148cbd;border-color:#4a148cbd}.holliday-aktiv{color:#fff;background:#4a90e2;border-color:#4a90e2}.dayPicker{background:#f8f9fa;border:1px solid #dee2e6;border-radius:15px;justify-content:center;width:23rem;min-height:23rem;margin-bottom:1rem;padding:.75rem;display:flex}.rdp-day_early:after{content:"F";margin-top:-5px;font-size:10px;display:block}.rdp-day_late:after{content:"S";margin-top:-5px;font-size:10px;display:block}.rdp-day_night:after{content:"N";margin-top:-5px;font-size:10px;display:block}.rdp-day_holliday:after{content:"U";margin-top:-5px;font-size:10px;display:block}.rdp-day{height:auto;margin:2px;padding:0}.stundenlohn-calculator{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin:2rem 0;padding:1.5rem;box-shadow:0 12px 32px #0f172a14}.calculator-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.25rem;display:grid}.calculator-field{min-width:0}.calculator-field label{color:#111827;margin-bottom:.25rem;font-size:1rem;font-weight:700;display:block}.field-description{color:#6b7280;min-height:4.8rem;margin:0 0 .75rem;font-size:.88rem;line-height:1.45}.calculator-input-wrapper{position:relative}.calculator-input{color:#111827;width:100%;min-height:56px;font:inherit;background:#f8fafc;border:1px solid #d1d5db;border-radius:12px;outline:none;padding:.8rem 4.5rem .8rem 1rem;font-size:1.1rem;font-weight:650;transition:border-color .2s,box-shadow .2s,background .2s}.calculator-input::placeholder{color:#9ca3af;font-weight:500}.calculator-input:hover{border-color:#9ca3af}.calculator-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.calculator-unit{color:#6b7280;pointer-events:none;font-size:.95rem;font-weight:700;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.calculator-field small{color:#6b7280;margin-top:.55rem;font-size:.8rem;line-height:1.4;display:block}.calculator-operator{color:#374151;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:1.25rem;font-size:1.4rem;font-weight:800;display:flex}.calculator-result{text-align:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;margin-top:1.5rem;padding:1.5rem;display:flex}.result-label{color:#4b5563;font-size:.9rem;font-weight:650}.result-value{color:#111827;margin:.35rem 0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.result-calculation{color:#6b7280;font-size:.88rem}.calculator-result.is-valid{background:#f0fdf4;border-color:#bbf7d0}.calculator-result.is-valid .result-value{color:#166534}.nachtzuschlag-calculator .calculator-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}@media (width<=700px){.stundenlohn-calculator{padding:1.15rem}.calculator-fields{grid-template-columns:1fr;gap:1rem}.calculator-operator{width:38px;height:38px;margin:0 auto;transform:rotate(0)}.field-description{min-height:auto}}@media (width<=450px){.stundenlohn-calculator{border-radius:16px;padding:1rem}.calculator-input{min-height:52px;font-size:1rem}.calculator-result{padding:1.25rem 1rem}.result-value{font-size:2rem}}.rechtliches{width:100%;padding-top:1rem;padding-bottom:calc(var(--border-height) + 1.5rem);background-color:#fff;justify-content:space-around;display:flex}.rechtliches .link{background-color:none;transition:color .2s ease-in-out;display:block}.rechtliches .link:hover{color:#0b3309;background-color:#bce6b9}.noBu{background-color:var(--hintergrund);border:none}@media screen and (width>1000px){#app,.html{width:60%;height:calc(100% - var(--border-height))}.app-screen,.html{min-height:100vh;margin:0 auto}.lohnrechner-layout{width:100%}.history{width:70%}.einstellungen-layout{width:80%}.navigation{width:60%}.container{height:0}}@media (width<=800px){.nachtzuschlag-calculator .calculator-fields{grid-template-columns:1fr}}@media screen and (width>600px) and (width<=1000px){#app,.html{width:70%;height:calc(100% - var(--border-height))}.app-screen,.html{min-height:100vw;margin:0 auto}.lohnrechner-layout{width:100%}.einstellungen-layout{width:90%}.flexbox-1{display:block}.history{width:80%}.navigation{width:70%}}@media screen and (width<750px){#app{width:100%}body.pdf-export #app,body.pdf-export .navigation{width:800px}body.pdf-export .app-screen{width:800px;height:auto}body.pdf-export{width:800px}.navigation{width:100%}.app-screen{width:100%;height:fit-content}.container2{max-height:70px}}.spinner-container{width:120px;height:120px;margin:2rem auto;position:relative}.spinner-ring{border:5px solid #0b3309;border-color:#0b3309 #0000;border-radius:50%;width:100%;height:100%;animation:.6s linear infinite spin;position:absolute;top:0;left:0}.spinner-text{color:#0b3309;font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}h1{font-family:var(--normal-text);color:var(--Color-1,#366633);text-align:center;margin:1rem 0;font-size:clamp(1rem,3vw + 1rem,2rem);font-weight:600;line-height:normal}h6{font-size:clamp(.85rem,.6vw + .5rem,1rem)}.hook{max-width:30.5rem;padding:.6rem;font-size:1.1rem}.text{background-color:var(--hintergrund);max-width:25rem;max-height:100%;font-family:var(--normal-text);color:#000c;margin:0 auto;padding:2rem 1rem 1rem;font-size:1.1rem;font-weight:400;line-height:1.5;overflow-y:auto}.p-padding-smal{padding:.05rem}p{color:#213b1e;padding:.5rem 0}td{padding-left:.3rem}.tableProzent{text-align:center}ul{padding:0 0 0 1rem}li{padding:.4rem}.hidden{display:none}.text a,.alink{color:#194322;background-color:#eaf4f0;border-radius:5px;padding:.18rem .4rem;font-weight:600;text-decoration:none;transition:background-color .2s;box-shadow:0 2px 5px #0000000d}.text a:hover{color:#1e51286b;-webkit-text-decoration:unset;text-decoration:unset}.hinweis{margin:.5rem;font-size:.75rem}.button:after{content:"";opacity:0;pointer-events:none;background:#ffffff4d;border-radius:50%;width:100px;height:100px;transition:transform .6s,opacity .6s .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.button:active:after{opacity:1;transition:transform .6s,opacity .6s;transform:translate(-50%,-50%)scale(2)}@media screen and (width>600px){.text{max-width:100%}}.modal-overlay{z-index:9999;background-color:#000000d8;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--hintergrund);width:80%;max-width:400px;color:var(--Color-Marker);font-family:var(--normal-text);border-radius:12px;padding:20px;position:relative;box-shadow:0 4px 10px #0000004d}.modal-close{cursor:pointer;color:var(--Color-Marker);box-shadow:none;background:0 0;border:none;font-size:2rem;position:absolute;top:8px;right:12px}.modal-content form{flex-direction:column;display:flex}.modal-content label{margin-top:12px;margin-bottom:12px;font-size:14px}.modal-content label span{color:#00000063;font-size:10px}.modal-content input{background-color:var(--hintergrund);font-family:var(--normal-text);color:var(--Color-Marker);border:1px solid var(--Color-1);box-sizing:border-box;width:50%;box-shadow:inset 0 0px 2px var(--Color-1);border-radius:6px;margin-top:4px;padding:4px;display:flex}#privacy{width:20px;color:var(--Color-Marker);box-shadow:none;border:none;padding:0;display:inline-block}.modal-content textarea{background-color:var(--hintergrund);font-family:var(--normal-text);color:var(--Color-Marker);border:1px solid var(--Color-1);box-sizing:border-box;width:80%;min-height:5rem;box-shadow:inset 0 0px 2px var(--Color-1);border-radius:6px;margin-top:4px;padding:8px;display:flex}.modal-content button[type=submit]{background-color:var(--Color-1);color:var(--hintergrund);cursor:pointer;border:none;border-radius:6px;padding:10px;font-size:14px}.modal-content button[type=submit]:hover{background-color:var(--Color-Marker)}@media screen and (width<500px){.modal-content input{width:80%}}.result-box{flex:1;min-width:22rem;margin-top:1.3rem}.result-month{background:#f8f9fa;border:1px solid #dee2e6;border-radius:15px;padding:25px;line-height:1.8}.result-header{border-bottom:2px solid #007bff;padding-bottom:10px}.result-values-grid{grid-template-columns:1fr auto;gap:5px 20px;display:grid}.result-values{color:#555;border-top:1px dashed #ccc;grid-column:span 2;margin:10px 0}.stfrei-value{color:#555}.result-line{border-top:2px solid #28a745;grid-column:span 2;margin:15px 0}.sum-result-txt{font-size:1.3rem}.sum-result{color:#28a745;font-size:1.3rem}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:.5;--rdp-outside-opacity:.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:.75;--rdp-weekday-padding:.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:.3s;--rdp-animation_timing:cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{box-sizing:border-box;position:relative}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{cursor:pointer;font:inherit;color:inherit;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);background:0 0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;white-space:nowrap;border:0;align-items:center;display:inline-flex;position:relative}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{cursor:pointer;font:inherit;color:inherit;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform-origin:50%;transform:rotate(180deg)}.rdp-dropdowns{align-items:center;gap:var(--rdp-dropdown-gap);display:inline-flex;position:relative}.rdp-dropdown{z-index:2;opacity:0;appearance:none;width:100%;cursor:inherit;line-height:inherit;border:none;margin:0;padding:0;position:absolute;inset-block:0;inset-inline-start:0}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{height:var(--rdp-nav-height);align-content:center;font-size:large;font-weight:700;display:flex}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{inset-inline-start:0;height:var(--rdp-nav-height);display:inline-flex;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{inset-inline-end:0;height:var(--rdp-nav-height);justify-content:center;display:inline-flex;position:absolute;top:0}.rdp-months{gap:var(--rdp-months-gap);flex-wrap:wrap;max-width:fit-content;display:flex;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{height:var(--rdp-nav-height);align-items:center;display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);font-size:smaller;font-weight:500}.rdp-week_number{opacity:var(--rdp-week_number-opacity);height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);font-size:small;font-weight:400}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.history{min-height:70vh;margin:0 auto}.history h3{margin-left:.5rem}.pdf-guthaben{background-color:#ebf1eb;margin-bottom:1rem;padding:1rem}.pdf-guthaben strong{color:#00b400}.month-section{width:100%;margin:0 auto 1rem}.history table{border-collapse:collapse;width:100%;margin:0 auto;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(.75rem,2vw,.9rem)}.history td,.history th{text-align:right;word-break:break-word;border:1px solid #696969;padding:.3rem .4rem}.history th{color:#000000d8;text-align:center;background-color:#dbdbdb;font-weight:700}.history tr:nth-child(2n){background-color:#fff}.history tr:nth-child(odd){background-color:#f3f3f3}.history .tAleft{text-align:left}.history .sum{color:#237423;font-weight:700}.extraPadding{padding:.5rem}#hGesamt{text-align:left}#none{background-color:var(--hintergrund);text-align:center}.pay-button-container{flex-direction:row;justify-content:space-around;width:100%;margin:.5rem auto;display:flex}.pdf-button{text-align:center;color:#111;background:#f3f4f6;border:1px solid #ddd;border-radius:5px;padding:5px;font-size:.9rem;font-weight:500;transition:all .2s}.pdf-button:hover{background:#e5e7eb;transform:translateY(-1px)}.pdf-button.highlight{color:#fff;background:#22c55e;border:none;font-weight:600;box-shadow:0 4px 12px #0000001a}.pdf-button.highlight:hover{background:#16a34a}.bsp-img{border:1px solid green;max-width:fit-content;margin:0 auto}.detail-col{display:none}.ueberschrift{color:#105210;text-align:center}.pdf-export{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#fff;-webkit-text-size-adjust:none!important;width:530px!important}.pdf-export>div{flex:1}.pdf-table{border-collapse:collapse;table-layout:fixed;width:100%;font-family:Arial,sans-serif;font-size:10px;table-layout:fixed!important;min-width:390px!important}.pdf-table tbody tr:nth-child(2n){background:#fafafa}.pdf-table th,.pdf-table td{white-space:nowrap;border:.5px solid #666;padding:5px 2px;overflow:hidden}.pdf-table th{background:#eaeaea;font-weight:600}.pdf-left{text-align:left}.pdf-center{text-align:center}.pdf-right{text-align:right;font-weight:500}.col-date{width:15%}.col-small{width:10%}.col-mid{width:14%}.pdf-table tfoot td{font-weight:bolder}.pdf-footer{text-align:center;border-top:1px solid #ccc;margin-top:20px;padding:10px 0;font-size:9px}@page{size:A4;margin:10mm}@media print{.pdf-export>div{flex:unset}.pdf-footer{text-align:center;background:#fff;border-top:1px solid #ccc;padding:4px 0;font-size:9px;position:fixed;bottom:10mm;left:10mm;right:10mm}}