@font-face{font-family:DIN_bold;src:url(/kartoffel_animation/assets/121784c1-863c-4e49-b682-625ea7de55b0-C-u1r9Dj.woff2)format("woff2"),url(/kartoffel_animation/assets/9949035f-6226-4080-a14a-bf7d94ffb1e1-Bc5aUYNd.woff)format("woff")}@font-face{font-family:DIN_medium;src:url(/kartoffel_animation/assets/afabdfcf-432c-49b4-a496-0e5051e87fa9-BC2VdacH.woff2)format("woff2"),url(/kartoffel_animation/assets/611ea865-db7e-4c05-94b8-bd1675c90576-CyErLuQQ.woff)format("woff")}@font-face{font-family:DIN_light;src:url(/kartoffel_animation/assets/14aba99e-8c97-4daa-a8df-67920a051402-CO0rlv4l.woff2)format("woff2"),url(/kartoffel_animation/assets/96fd6d6f-fad6-4dd9-ab70-29547a56cacd-BqOHnI2D.woff)format("woff")}@font-face{font-family:DIN_regular;src:url(/kartoffel_animation/assets/6b4d4830-9c7d-43d2-b5d3-c73f739561b9-BWWAVKdz.woff2)format("woff2"),url(/kartoffel_animation/assets/ccf25ada-6d2a-4133-95dc-deb039e22999-VgB-FdTC.woff)format("woff")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ccc;width:100vw;height:100vh;margin:0;font-family:DIN_regular,Helvetica Neue,sans-serif;overflow:hidden}:root{--text:#000;--bg:#ddd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DIN_regular,Helvetica Neue,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#fff;--bg:#000}}.app{text-align:center;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.app .header{z-index:10;justify-content:flex-end;align-items:start;width:100%;display:flex;position:absolute;top:40px}.app .header .info-icon{width:65px;margin-right:40px;transition:none;transform:scale(1)}.app .footer{z-index:2000;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;bottom:40px}.app .footer .footer-left-container{align-items:center;gap:20px;display:flex}.app .footer .footer-left-container button{font-family:DIN_regular,sans-serif;font-size:12px}.app .footer .sound-button{cursor:pointer;background-color:#fff;border:none;border-radius:50px;margin-left:40px;padding:10px 20px;transition:all .3s ease-in-out}.app .footer .sound-button:hover{color:#fff;background-color:#000}.app .footer .footer-left-container a{color:#000;font-family:DIN_regular,sans-serif;font-size:12px;text-decoration:none}.app .footer img.logo{width:120px;margin-right:40px}.preloader-overlay{color:#fff;z-index:100;opacity:0;pointer-events:none;background:radial-gradient(circle,#f7f7f7 0%,#bfbfbf 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .7s;display:flex;position:absolute;top:0;left:0}.preloader-overlay.visible{opacity:1;pointer-events:all}.preloader-overlay .loader-container{flex-direction:column;justify-content:center;align-items:center;height:140px;display:flex}.preloader-overlay .progress-bar{color:#000;flex-direction:column;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.preloader-overlay .progress-bar.hidden{display:none}.preloader-overlay .start-button{z-index:1000;cursor:pointer;color:#000;opacity:1;background:#fff;border:none;border-radius:50px;padding:10px 40px;font-size:18px;transition:background .3s,color .3s,opacity .7s ease-out}.preloader-overlay .start-button.hidden{opacity:0}.preloader-overlay .start-button:hover{color:#fff;background:#000}#canvas-container{cursor:grab;width:100%;height:100%}#canvas-container:active{cursor:grabbing}.hotspot{cursor:pointer;z-index:10;background:#111;border:2.5px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #111,0 2px 10px #00000073}.hotspot:hover{background:#222;transform:translate(-50%,-50%)scale(1.4)}.hotspot.hidden{display:none}.hotspot:after{content:"";border:2px solid #00000038;border-radius:50%;animation:2.2s infinite pulse;position:absolute;inset:-7px}@keyframes pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1)}}.popup-overlay{z-index:100;background:#00000026;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.popup-overlay.active{display:flex}.popup{background:#fff;border-radius:16px;width:90%;max-width:400px;padding:38px 34px 30px;animation:.22s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;overflow:hidden;box-shadow:0 10px 60px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.popup-icon{margin-bottom:14px;font-size:2.6rem;display:block}.popup-cat{letter-spacing:.18em;text-transform:uppercase;color:#999;margin-bottom:6px;font-size:.72rem}.popup h2{color:#111;margin-bottom:12px;font-size:1.3rem;font-weight:700}.popup p{color:#444;font-size:.92rem;line-height:1.7}.popup-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.4rem;transition:background .12s,color .12s;position:absolute;top:14px;right:16px}.popup-close:hover{color:#111;background:#f0f0f0}.container-content .container-text{text-align:left;padding:0;font-size:1rem}.container-content .container-img{width:100%}.overlay{z-index:2000;opacity:0;animation:.3s ease-in-out forwards fade-in;position:fixed;top:40px;right:40px}@media only screen and (width<=800px){.overlay{top:0;right:unset;justify-content:center;align-items:center;width:100%;height:100%;display:flex;left:0}}.modal{text-align:center;background:#fff;border-radius:20px;width:200px;max-width:500px;padding:2rem;animation:.3s ease-out fadeIn;position:relative}@media only screen and (width<=800px){.modal{text-align:center;background:#fff;border-radius:20px;width:calc(100% - 121px);max-width:500px;padding:40px;animation:.3s ease-out fadeIn;position:relative;box-shadow:0 20px 40px #0000004d}}.modal h2{text-align:start;font-size:32px}@media only screen and (width<=800px){.modal h2{margin-bottom:43px;font-size:38px}}.modal p{color:#000;text-align:start;margin-bottom:30px;font-size:1rem;line-height:21px}.modal p.desktop{margin-bottom:40px}.modal-actions{justify-content:center;gap:1rem;display:flex}.phone{margin:40px 0 0;text-align:center!important;text-align:center!important;margin-bottom:0!important}.phone .typo{font-family:DIN_medium,sans-serif}.modal-button{color:#fff;background-color:#00f;border-radius:50px;padding:10px 20px;text-decoration:none;transition:background-color .5s ease-in-out}.modal-button:hover{background-color:#000}@media only screen and (width<=800px){.modal-button-mobile{background-color:unset;color:#000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-size:1.5rem;text-decoration:none;transition:background .2s ease-in-out;display:flex}.modal-button-mobile:hover{background-color:unset}.modal-button-mobile span{margin-top:.25rem;font-size:.75rem}.modal-button-mobile img{width:60px;margin-bottom:10px}}.close-button{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:12px;right:12px}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}