*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5;min-height:100vh}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{font-family:Medium,Tahoma,sans-serif;overflow-x:hidden;overflow-y:auto}@font-face{font-display:swap;font-family:Bold;src:url(Caveat-VariableFont_wght.0efebe3a.ttf)}@font-face{font-display:swap;font-family:Medium;src:url(ITCAvantGardeStd-Md.b27cd3cb.otf)}@font-face{font-display:swap;font-family:Light;src:url(ITCAvantGardeStd-XLt.1f674e75.otf)}.btn,body{font-display:swap}.btn{border:0;border-radius:12px;cursor:pointer;font-family:Tahoma,sans-serif;font-size:2rem;line-height:1;padding:.25em 1em}.btn--primary{background:#fff;color:#063;text-align:center;transition:transform .1s ease-in-out}@media (min-width:50rem){.btn--primary{background:#063;color:#fff}}.btn--primary:hover{transform:scale(1.05) translateY(-3px)}.btn--primary:focus{box-shadow:0 0 0 5px #063;outline:none}.tb{background:hsla(0,0%,100%,.8);border:0;border-radius:12px;color:#000;font-family:Medium;font-size:clamp(1.2em,1vw + .5em,1.6em);margin:0 0 .75rem;padding:.25em;text-align:center;width:90%}.tb:focus{box-shadow:0 0 0 5px #063;outline:none}.tb::placeholder{color:hsla(0,0%,42%,.76);opacity:.7}@media (min-width:50rem){.tb::placeholder{color:#fff;opacity:1}}@media (min-width:50rem){.tb{background:hsla(0,0%,60%,.5);color:#000;text-overflow:ellipsis}}.tb-placeholder{position:relative;width:90%}.tb-placeholder .tb{width:100%}.tb-placeholder .placeholder{bottom:0;color:hsla(0,0%,42%,.76);font-size:clamp(1.2em,1vw + .5em,1.6em);height:100%;left:50%;margin:auto;opacity:.7;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%)}@media (min-width:50rem){.tb-placeholder .placeholder{color:#fff;opacity:1}}.tb-placeholder .placeholder span{color:#000;opacity:1}@media (min-width:50rem){.tb-placeholder .placeholder span{color:#000}}.tb-placeholder .placeholder.hide{display:none}.slider{-webkit-appearance:none;background-color:transparent;margin:1rem 0;width:80vw}@media (min-width:50rem){.slider{margin:1rem auto;width:25vw}}.slider:focus{outline:none}.slider::-webkit-slider-runnable-track{background:#fff;border-radius:10px;cursor:pointer;height:5px;width:100%}@media (min-width:50rem){.slider::-webkit-slider-runnable-track{background:#383838}}.slider::-moz-range-track{background:#fff;border-radius:10px;cursor:pointer;height:5px;width:100%}@media (min-width:50rem){.slider::-moz-range-track{background:#383838}}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:0;border-radius:50%;box-shadow:0 0 15px 5px hsla(0,0%,60%,.25);cursor:pointer;height:25px;margin-top:-8.5px;width:25px}@media (min-width:50rem){.slider::-webkit-slider-thumb{background:#383838;box-shadow:0 0 15px 5px rgba(56,56,56,.25)}}.slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;box-shadow:0 0 15px 5px hsla(0,0%,60%,.75);cursor:pointer;height:25px;width:25px}@media (min-width:50rem){.slider::-moz-range-thumb{background:#383838;box-shadow:0 0 15px 5px rgba(56,56,56,.75)}}@media (min-width:50rem){.content{display:grid;gap:3%;grid-template-columns:30% 30% 30%;overflow:auto;padding:0 1rem;width:100vw}}.section{bottom:0;display:flex;flex-direction:column;height:85vh;left:0;position:absolute;right:0;top:0;transform:translateX(0)}@media (min-width:50rem){.section{bottom:unset;height:auto;left:unset;position:relative;right:unset;top:unset}}.section.centerToRight{animation-duration:1s;animation-fill-mode:forwards;animation-name:cenToRi;animation-timing-function:ease-in-out}.section.rightToCenter{animation-duration:1s;animation-fill-mode:forwards;animation-name:riToCen;animation-timing-function:ease-in-out;display:block}.section.centerToLeft{animation-duration:1s;animation-fill-mode:forwards;animation-name:cenToLe;animation-timing-function:ease-in-out}.section.leftToCenter{animation-duration:1s;animation-fill-mode:forwards;animation-name:leToCen;animation-timing-function:ease-in-out;display:block}@media (max-width:50rem){.section.hidden{display:none;transform:translateX(-100%)}}@keyframes cenToRi{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes riToCen{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes leToCen{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes cenToLe{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.main{--size:40px;background-color:#000;border-radius:0 0 var(--size) var(--size)}@media (min-width:50rem){.main{border-radius:0}.col-1-3{align-items:center;border:0!important;flex-direction:column;text-align:center;width:25%}}.main-footer{bottom:0;height:15vh;left:0;position:absolute;right:0}.main-footer .background-image{height:70%;margin:1rem auto}.sample{bottom:0;position:absolute;right:0;width:33%;z-index:-99}@media (max-height:400px){.sample{display:none}}.unstyled-link{text-decoration:none}.external-link{color:#063}.sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.desktop-only{display:none}@media (min-width:50rem){.desktop-only{display:inline-block;height:max-content}}@media (max-width:50rem){.no-border-mobile{display:none!important}}@media (min-width:50rem){.mobile-only{display:none}}.pdf-only{display:none;left:0;position:absolute;right:0;top:0;z-index:-999}.pdf-only.show{display:block}.pdf-only .output{background:hsla(0,0%,100%,.8);border:1px solid #383838;border-radius:15px;color:#063;font-size:1rem;margin:1rem 0;padding:.5em;width:100%}.pdf-only .output .output-title{margin-left:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:75%}.pdf-only .output .output-value{text-align:center;width:20%}.pdf-only .output .amount-title{max-width:80%;width:auto}.pdf-only .output .amount-value{text-align:center;width:17.5%}.pdf-none.hidden{display:none}.horizontal{display:flex;gap:2rem;justify-content:center;width:100%}@media (min-width:50rem){#home{height:auto}}.pdf-header{justify-content:center!important}.pdf-header .pdf-header-title{transform:translateX(0)}.main--home{align-items:center;background-image:url(BarfRechner-Titelbild.2f0d1b7a.webp);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:85vh;justify-content:space-between;padding:4em 2em 5.5em}@media (min-width:50rem){.main--home{align-items:flex-start;background:rgba(255,255,255,.2);border-radius:0;flex-direction:row;height:clamp(110px,15vh + 1px,200px);justify-content:flex-start;margin:0;padding:1.5rem 1.5rem 1rem;width:100vw}}.home--logo{height:4rem}.title{color:#fff;font-display:swap;font-family:Tahoma,sans-serif;font-size:2rem;font-weight:400;line-height:1;text-align:center;width:85vw}@media (min-width:50rem){.title{color:#000;font-size:1.6rem;margin-left:2rem;text-align:left;transform:translateX(50%);width:auto}}.title span{display:inline-block;font-family:Bold;font-size:4.5rem;font-weight:700;transform:translateX(-50%)}@media (min-width:50rem){.title span{font-size:3rem}}.main--input{align-items:center;background-image:url(Barf-Rechner-Background.61070b89.webp);background-position:70%;background-size:cover;display:flex;flex-direction:column;height:85vh;justify-content:space-between;padding:3em 2em 5em}@media (min-width:50rem){.main--input{background:0;height:auto;left:0;padding:0 2em;position:relative;width:100%}}.input{align-items:center;display:flex;flex-direction:column;margin:.75em 0}.input-title{color:#fff;font-size:clamp(1.2em,1vw + .5em,1.6em);font-weight:600;margin:0 0 .75em}@media (min-width:50rem){.input-title{color:#000}}.input-title--flat{font-size:1.4em;font-weight:400}.next{margin-top:.5em}.outputs{-ms-overflow-style:none;display:flex;flex-direction:column;height:80vh;justify-content:space-between;overflow-x:hidden;overflow-y:scroll;padding:2em 2em 1em;scrollbar-width:none}@media (min-width:50rem){.outputs{height:auto;overflow:unset;padding:0 2em;width:clamp(400px,30vw + 1rem,100rem)}}.outputs::-webkit-scrollbar{display:none}.outputs:before{--size:40px;background-image:url(Barf-Rechner-Background.61070b89.webp);background-position:35%;background-size:cover;border-radius:0 0 var(--size) var(--size);content:"";filter:FlipH;-ms-filter:"FlipH";height:85vh;left:0;position:absolute;top:0;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);width:100%;z-index:-1}@media (min-width:50rem){.outputs:before{display:none}}.outputs .wrapper--outputs{position:relative}.outputs .period-header{background:hsla(0,0%,100%,.8);border-bottom:5px solid #063;border-top:5px solid #063;color:hsla(0,0%,42%,.76);font-family:Bold;font-size:1.5rem;position:relative;text-align:center;transform:translate(-2rem,25%);width:100vw}.outputs .export{margin:2rem 0 0}@media (min-width:50rem){.outputs .export{margin:0 0 1rem}}.output-header{color:#fff;font-size:1.4em;margin:1.5rem auto 0;max-width:clamp(10rem,50vw + 1rem,25rem);text-align:center}@media (min-width:50rem){.output-header{color:#000;margin:1rem auto}}.output{background:hsla(0,0%,100%,.8);border-radius:15px;color:#063;font-size:1rem;margin:2rem 0;padding:.5em;width:100%}@media (min-width:50rem){.output{border:1px solid #383838;margin:1rem 0}.output .output-title{margin-left:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:75%}.output .output-value{text-align:center;width:20%}.output .amount-title{max-width:80%;width:auto}.output .amount-value{text-align:center;width:17.5%}}.row{border-top:4px solid #063;display:flex;justify-content:space-between;padding:.25em .5em}.row--header{border:0;color:hsla(0,0%,42%,.76);column-span:2;font-family:Bold;font-size:2.1rem;font-weight:700;line-height:1}@media (min-width:50rem){.row--header{font-size:clamp(1.6em,1vw + .75em,2.1em)}}.row-title{margin:0 auto}.back{color:#fff;cursor:pointer;font-size:2rem;position:absolute;top:2rem}.back:hover{color:#989898}.canScroll{color:#063;cursor:pointer;font-size:2rem;opacity:1;position:absolute;right:0;top:2rem}@keyframes blink{0%{opacity:1}to{opacity:0}}