@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter.e4dc76e78331bee8e22f.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-bold.f3c05055991e419aae72.woff2) format("woff2")}:root{--global-scale:4;--base-ring-size:150px;--ring-size:calc(var(--base-ring-size)*var(--global-scale));--inner-ring-scale:0.98;--body-bg:#a3e1f7;--heading-color:#222;--btn-bg:#73a9bf;--btn-text:#fff;--loading-filled:#73a9bf;--loading-empty:#507685}body.theme-work{--body-bg:#a3e1f7;--heading-color:#416775;--btn-bg:#416775;--btn-text:#fff;--loading-filled:#2aa52e;--loading-empty:#a3e1f7}body.theme-break{--body-bg:#b2d9b6;--heading-color:#003b4a;--btn-bg:#28a745;--btn-text:#fff;--loading-filled:#2aa52e;--loading-empty:#b2d9b6}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%}body{background-color:#a3e1f7;background-color:var(--body-bg);color:#222;color:var(--heading-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;transition:background-color .5s ease,color .5s ease}.timer-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:2rem;width:100%}#header-container{margin-top:6rem;text-align:center;width:100%}#header-container,h1{margin-bottom:2rem;transition:color .5s ease}h1{color:#222;color:var(--heading-color);font-size:3rem;text-transform:capitalize}#timer-container{height:600px;height:var(--ring-size);margin:0 auto 1rem;position:relative;width:600px;width:var(--ring-size)}#timer-display{font-feature-settings:"tnum";color:#222;color:var(--heading-color);font-size:10rem;font-size:calc(2.5rem*var(--global-scale));font-variant-numeric:tabular-nums;font-weight:600;line-height:600px;line-height:var(--ring-size);position:relative;text-align:center;transition:color .5s ease;z-index:3}#loading-ring-phase{background:conic-gradient(#73a9bf 0deg,#507685 0deg);background:conic-gradient(var(--loading-filled) 0deg,var(--loading-empty) 0deg);height:600px;height:var(--ring-size);transition:background .5s ease;width:600px;width:var(--ring-size);z-index:1}#inner-ring-phase,#loading-ring-phase{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#inner-ring-phase{background-color:#a3e1f7;background-color:var(--body-bg);height:588px;height:calc(var(--ring-size)*var(--inner-ring-scale));transition:background-color .5s ease;width:588px;width:calc(var(--ring-size)*var(--inner-ring-scale));z-index:2}#controls-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}#controls-container button{background-color:#73a9bf;background-color:var(--btn-bg);border:none;border-radius:5px;color:#fff;color:var(--btn-text);cursor:pointer;font-size:1.2rem;margin:0 .5rem;min-width:100px;padding:.7rem 2rem;transition:background-color .5s ease,transform .5s ease}#open-settings{background-color:#fff;border:1px solid gray;border-radius:4px;color:gray;cursor:pointer;padding:8px 12px;position:absolute;right:12px;top:8px;transition:background-color .5s ease,color .5s ease;z-index:1001}#open-settings:hover{background-color:#f0f0f0}.settings-overlay{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:10000}#settings-panel{background-color:#fff;border:1px solid hsla(0,0%,50%,.2);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.3);max-height:90vh;max-width:90%;overflow-y:auto;padding:1rem max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));width:320px;z-index:10001}@media (max-width:374px){#settings-panel{padding:.5rem;width:95%}.settings-section{margin-bottom:0;margin-top:.5rem}.settings-section h3{font-size:.9rem;margin-bottom:.3rem}.time-grid{gap:.5rem}.form-group{margin-bottom:0}.form-group label{font-size:.85rem;margin-bottom:2px}}@media (min-width:375px) and (max-width:479px){#settings-panel{padding:.5rem;width:90%}.settings-section{margin-bottom:0;margin-top:.5rem}.settings-section h3{font-size:.9rem;margin-bottom:.3rem}.time-grid{gap:.5rem}.form-group{margin-bottom:0}.form-group label{font-size:.85rem;margin-bottom:2px}}#settings-form{display:flex;flex-direction:column}.settings-section{margin-bottom:1rem;margin-top:2rem}.settings-section h3{color:#333;font-size:1rem;margin-bottom:.5rem}.time-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.5rem}@media (max-height:700px),(min-width:480px) and (max-width:1366px){#settings-panel{max-height:calc(100vh - 80px);max-width:650px;padding:1rem;width:auto}#settings-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:auto auto;grid-template-rows:auto auto}.settings-section{margin-bottom:0;margin-top:0}.settings-section h3{font-size:.95rem;margin-bottom:.75rem}.settings-section:first-child{grid-column:1;grid-row:1/-1}.settings-section:last-of-type{grid-column:2;grid-row:1}.settings-section:last-of-type .form-group:first-child{margin-bottom:2.3rem}#settings-form hr{display:none}.settings-buttons{gap:.5rem;grid-column:1/-1;grid-row:3;justify-content:center;margin-top:0}.time-grid{gap:.5rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:.4rem}.form-group label{font-size:.85rem;margin-bottom:2px}}.form-group{display:flex;flex-direction:column;margin-bottom:8px}.form-group label{color:gray;font-size:.9rem;margin-bottom:3px}.form-group input[type=number]{border:1px solid #ccc;border-radius:4px;font-size:.9rem;padding:6px;width:60px}.settings-buttons{display:flex;gap:.5rem;justify-content:center;margin-top:-.5rem}#settings-panel button{background-color:#fff;border:1px solid gray;border-radius:4px;color:gray;cursor:pointer;font-size:.85rem;font-weight:500;min-height:26px;padding:7px 10px;touch-action:manipulation;transition:background-color .2s ease}#settings-panel button:hover{background-color:#f0f0f0}#settings-panel button:active{background-color:#e0e0e0}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#416775}input:focus+.slider{box-shadow:0 0 1px #416775}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:34px}:root{--sticky-ad-h:100px;--ad-header-h:44px}#ad-container{align-items:center;background:rgba(0,0,0,.9);bottom:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100px;height:var(--sticky-ad-h);justify-content:flex-start;left:0;max-height:100px;max-height:var(--sticky-ad-h);min-height:100px;min-height:var(--sticky-ad-h);overflow:hidden;padding:2px max(6px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));position:fixed;width:100%;z-index:11000}@media (max-width:374px){:root{--sticky-ad-h:85px}}@media (min-width:375px) and (max-width:479px){:root{--sticky-ad-h:105px}}@media (min-width:480px) and (max-width:767px){:root{--sticky-ad-h:100px}}@media (min-width:768px) and (max-width:1023px){:root{--sticky-ad-h:115px}}@media (min-width:1024px){:root{--sticky-ad-h:135px}}@media (max-height:600px){:root{--sticky-ad-h:60px}}body.has-sticky-ad .timer-page{padding-bottom:calc(100px + max(6px, env(safe-area-inset-bottom)));padding-bottom:calc(var(--sticky-ad-h) + max(6px, env(safe-area-inset-bottom)))}body.settings-open .timer-page{padding-bottom:0}#ad-header{align-items:center;display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;min-height:44px;min-height:var(--ad-header-h);padding:2px 4px;width:100%}#ad-label{color:#999;font-size:.65rem;letter-spacing:.5px;text-transform:uppercase}#close-ad{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1;min-height:44px;min-width:44px;opacity:.8;padding:0 8px;transition:color .2s ease,opacity .2s ease;z-index:1002}#close-ad:hover{color:#fff;opacity:1}#close-ad:active{color:#ccc}#ad-content{display:flex;height:56px;height:calc(var(--sticky-ad-h) - var(--ad-header-h));overflow:hidden;transform:translateY(-10px);width:100%}#ad-content,#ad-content.ad-appeal{align-items:center;flex-direction:column;justify-content:flex-start;padding:0 6px}#ad-content.ad-appeal p{color:#ccc;font-size:.8rem;line-height:1.3;margin:0;text-align:center;white-space:normal;word-break:break-word}body.has-sticky-ad #CookiebotWidget,body.has-sticky-ad #CookiebotWidgetContainer,body.has-sticky-ad .CookiebotWidget{bottom:112px!important;bottom:calc(var(--sticky-ad-h) + 12px)!important;left:auto!important;right:12px!important;z-index:10001!important}.footer{background-color:#a3e1f7;background-color:var(--body-bg);border-top:1px solid #222;border-top:1px solid var(--heading-color);margin-top:2rem;padding:1rem;text-align:center;transition:background-color .5s ease,color .5s ease}.footer,.footer-nav a{color:#222;color:var(--heading-color)}.footer-nav a{font-weight:500;margin:0 .75rem;text-decoration:none;transition:color .5s ease}.footer-nav a:hover{text-decoration:underline}.footer-youtube .youtube-button{border:none;border-radius:4px;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:opacity .5s ease}.footer-youtube .youtube-button img{max-height:30px;min-height:20px}.contact-container,.impressum-container{background-color:#a3e1f7;background-color:var(--body-bg);color:#222;margin:2rem auto;max-width:800px;padding:2rem}@media (max-width:480px){:root{--global-scale:3;--base-ring-size:120px;--ring-size:calc(var(--base-ring-size)*var(--global-scale))}#header-container{margin-bottom:3rem;margin-top:4rem}h1{font-size:2rem;margin-bottom:1rem}#timer-container{height:600px;height:var(--ring-size);margin:0 auto 1rem;width:600px;width:var(--ring-size)}#timer-display{font-size:8rem;font-size:calc(2rem*var(--global-scale));line-height:600px;line-height:var(--ring-size)}#controls-container{align-items:center;flex-direction:column;gap:.75rem;margin-top:1.5rem}#controls-container button{font-size:.9rem;padding:.5rem 1rem;width:120px!important}#open-settings{font-size:.9rem;padding:6px 10px;right:8px;top:5px}.contact-container,.impressum-container{margin:1rem;padding:1rem}}@media (min-width:481px) and (max-width:768px){:root{--global-scale:3.5;--base-ring-size:130px;--ring-size:calc(var(--base-ring-size)*var(--global-scale))}#header-container{margin-bottom:4rem;margin-top:4rem}h1{font-size:2.5rem}#timer-display{font-size:8.8rem;font-size:calc(2.2rem*var(--global-scale))}#controls-container button{font-size:1.1rem;padding:.7rem 1.8rem}#open-settings{font-size:1rem;padding:7px 11px}}@media (min-width:769px) and (max-width:1200px){:root{--global-scale:4;--base-ring-size:140px;--ring-size:calc(var(--base-ring-size)*var(--global-scale))}#header-container{margin-bottom:5rem;margin-top:5rem}h1{font-size:3rem}#timer-display{font-size:10rem;font-size:calc(2.5rem*var(--global-scale))}#controls-container button{font-size:1.2rem;padding:.7rem 2rem}#open-settings{font-size:1rem;padding:8px 12px}}@media (max-width:900px){#controls-container{align-items:center;flex-direction:column;margin-top:1rem}#controls-container button{font-size:1rem;margin:.5rem 0;min-width:0;padding:.5rem 1rem;width:80%}}@media (max-height:900px){:root{--global-scale:3}.timer-page{padding-bottom:1rem}#controls-container{margin-top:.2rem}}
/*# sourceMappingURL=main.7aa4d42a.css.map*/