: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,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{color:#222;color:var(--heading-color);font-size:10rem;font-size:calc(2.5rem*var(--global-scale));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:fixed;right:10px;top:10px;transition:background-color .5s ease,color .5s ease;z-index:1000}#open-settings:hover{background-color:#f0f0f0}.settings-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9998}#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-width:90%;padding:1.5rem;width:320px;z-index:9999}#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}.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;justify-content:space-between;margin-top:1rem}#settings-panel button{background-color:#fff;border:1px solid gray;border-radius:4px;color:gray;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .5s ease}#settings-panel button:hover{background-color:#f0f0f0}.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}#ad-container{align-items:flex-end;background:rgba(0,0,0,.8);bottom:0;color:#fff;display:flex;flex-direction:column;height:12vh!important;left:0;padding:5px 10px;position:fixed;width:100%;z-index:1001}#ad-header{text-align:right;width:100%}#close-ad{background:transparent;border:none;color:#fff;cursor:pointer;font-size:1.5rem}#ad-content{height:6vh!important;margin-top:5px;text-align:center}.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:5px;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}#ad-container{height:4vh}}
/*# sourceMappingURL=main.cf6ec38b.css.map*/