@media (max-width: 1024px){*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea,select,.datenschutz-container,.impressum-container{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@font-face{font-family:Montserrat,sans-serif;font-style:normal,italic;font-weight:100 900;src:url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap)}@font-face{font-family:Nunito Sans,sans-serif;font-optical-sizing:auto;font-style:normal,italic;font-weight:200 1000;src:url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap)}@font-face{font-family:Roboto,sans-serif;font-style:normal,italic;font-weight:100 900;src:url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap)}:root[data-theme=light]{--bg-color: #e3e1e1f5;--div-color: #ffffff;--shadow-color: #2b2434;--text-color: #2c2c2c;--text-muted: #3e3e3e;--navbar-color: #ffffff;--navbarText-color: #121212;--navbarHover-color: #00808e;--navbarActive-color: #00808e;--scrollbarHover-color: #38d0d0}[data-theme=dark]{--bg-color: #1f1f1f;--div-color: #000000;--shadow-color: #b39cd0;--text-color: #e4e4e4;--text-muted: #cccccc;--navbar-color: #000000;--navbarText-color: #e4e4e4;--navbarHover-color: #84ffff;--navbarActive-color: #84ffff;--scrollbarHover-color: #00cae0}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--bg-color);box-sizing:border-box;color:var(--text-color);font-family:Nunito Sans,sans-serif;height:100%;margin:0;padding:0;scroll-behavior:smooth;transition:.3s;width:100%}#root{background:var(--bg-color);box-sizing:border-box;color:var(--text-color);display:flex;flex-direction:column;margin:0;min-height:100vh;min-width:95vw;padding:0;transition:.3s}.main_content{display:flex;flex-direction:column;padding-top:120px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color);transition:all .3s ease}::-webkit-scrollbar-thumb{background:linear-gradient(to top,var(--navbarActive-color),var(--scrollbarHover-color));transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to top,var(--scrollbarHover-color),var(--navbarActive-color));transition:all .3s ease}@media (max-width: 479px) and (orientation: portrait){html,body,#root{font-size:10px}.main_content{padding:50px 5px}}@media (max-width: 479px) and (orientation: landscape){html,body,#root{font-size:10px}.main_content{padding:60px 5px}}@media (min-width: 480px){html,body,#root{font-size:10px}.main_content{padding:60px 5px}}@media (min-width: 768px) and (orientation: portrait){html,body,#root{font-size:14px}.main_content{padding:80px 5px}}@media (min-width: 768px) and (orientation: landscape){html,body,#root{font-size:14px}.main_content{padding:60px 5px}}@media (min-width: 1024px) and (orientation: portrait){html,body,#root{font-size:16px}.main_content{padding:100px 5px}}@media (min-width: 1024px) and (orientation: landscape){html,body,#root{font-size:16px}.main_content{padding:90px 5px}}@media (min-width: 1440px){html,body,#root{font-size:18px}.main_content{padding:90px 5px}}@media (min-width: 1920px){html,body,#root{font-size:22px}.main_content{padding:120px 5px}}@media (min-width: 2560px){html,body,#root{font-size:22px}.main_content{padding:150px 5px}}@media (min-width: 3840px){html,body,#root{font-size:24px}.main_content{padding:180px 5px}}.aboutPage{display:flex;flex-direction:column;margin:auto;width:100%}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{overflow:hidden}.aboutMeSection{background:linear-gradient(115deg,#d7c1ff 0%,var(--div-color) 100%);background-color:var(--bg-color);border:2px solid #ffc1ff;border-radius:24px;box-shadow:0 12px 32px #00000080;display:flex;margin:6rem auto;position:relative;text-align:center;transition:.3s;width:100%}.fotoSection{background-color:var(--div-color);border:2px solid #5f7aff;border-radius:20px;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:2rem auto;min-height:720px;position:relative;text-align:center;transition:.3s;width:100%}.videoSection{background-color:var(--div-color);border:2px solid #5c4747;border-radius:20px;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:4rem auto;min-height:720px;position:relative;text-align:center;transition:.3s;width:100%}.fotoboxSection{background-color:var(--div-color);border:2px solid #d69f29;border-radius:20px;box-shadow:0 8px 16px #0006;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:1rem auto 12rem;min-height:720px;position:relative;text-align:center;transition:.3s;width:100%}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{color:var(--text-color);font-size:2rem;font-weight:900;letter-spacing:.6rem;margin-bottom:1rem;margin-top:2rem;transition:.3s}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{color:var(--text-muted);font-family:montserrat,sans-serif;font-size:1.2rem;transition:.3s}.aboutText,.fototext,.videotext,.fotoboxtext{display:flex;flex-direction:column;justify-content:space-between;margin-left:.5rem;margin-right:.5rem;max-width:640px;min-height:600px;min-width:0}.about,.fotografie,.videografie,.fotobox{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:2rem;margin-top:1rem;position:relative;width:100%}.mePurple,.meDark{border-radius:20px;height:800px;margin-block:3rem;margin-inline:auto;max-width:600px;min-width:0;object-fit:cover;pointer-events:none;width:100%;-webkit-user-drag:none}.carImg,.chelloImg,.fotoboxImg,.fotoboxWorkImg,.groomImg,.ringsImg{border-radius:20px;display:block;height:auto;margin-block:2rem;margin-inline:auto;max-width:500px;min-width:0;object-fit:cover;pointer-events:none;width:100%;-webkit-user-drag:none}.social-icons-about{display:flex;gap:40px;justify-content:center;margin-top:auto;padding-bottom:3rem;position:static;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.social-icons-about svg{color:var(--text-color);transition:transform .2s,color .2s}.social-icons-about svg:hover{color:#a8dadc;transform:scale(1.2)}.dc-logo{display:block;margin:2rem auto;max-width:250px;width:100%}.photoLogo{display:block;margin:2rem auto;max-width:600px;width:100%}.videoLogo{display:block;margin:2rem auto;max-width:400px;width:100%}.fotoboxLogo{display:block;margin:2rem auto;max-width:300px;width:100%}.servicesLinks{color:var(--navbarActive-color);font-weight:700;text-decoration:underline;text-underline-offset:5px;transition:all .3s ease}.servicesLinks:hover{text-shadow:#84ffff 0 0 20px}@media (max-width: 479px){.aboutPage{margin:.5rem 0}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:2rem auto;border-radius:14px;padding:1rem}.about,.fotografie,.videografie,.fotobox{flex-direction:column;align-items:center;gap:.75rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:.5rem;padding:0}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:1.8rem;margin-top:1rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1.4rem}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:350px;margin:1rem 0;max-width:100%}.dc-logo{max-width:150px}.social-icons-about{gap:18px;padding-bottom:1.2rem}}@media (min-width: 480px){.aboutPage{margin:.5rem auto}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:2rem auto;border-radius:14px;padding:1rem}.about,.fotografie,.videografie,.fotobox{flex-direction:column;align-items:center;gap:.75rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:.5rem;padding:0}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:1.8rem;margin-top:1rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1.4rem}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:450px;margin:1rem 0;max-width:100%}.dc-logo{max-width:150px}.social-icons-about{gap:18px;padding-bottom:1.2rem}}@media (min-width: 768px) and (orientation: portrait){.aboutPage{margin:.5rem auto}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:2rem auto 3rem;padding:2rem}.about,.fotografie,.videografie,.fotobox{gap:1rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:1rem;padding:0}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:1.8rem;margin-top:1.5rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1.1rem}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:800px;margin:0;max-width:100%}.dc-logo{max-width:200px}.social-icons-about{gap:25px;padding-bottom:2rem}}@media (min-width: 768px) and (orientation: landscape){.aboutPage{margin:.5rem auto}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:4rem auto 3rem;padding:2rem}.about,.fotografie,.videografie,.fotobox{gap:1rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:1rem;padding:0;width:90%}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:1.8rem;margin-top:1.5rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1.1rem}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:800px;margin:1.5rem 0;max-width:100%}.dc-logo{max-width:250px}.social-icons-about{gap:25px;padding-bottom:2rem}}@media (min-width: 1024px) and (orientation: portrait){.aboutPage{margin:.5rem auto}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:2rem auto;padding:2rem}.about,.fotografie,.videografie,.fotobox{gap:1rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:1rem;padding:0}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:2rem;margin-top:2rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1.2rem}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:1000px;margin:2rem 0;max-width:100%}.dc-logo{max-width:250px}.social-icons-about{gap:30px;padding-bottom:3rem}}@media (min-width: 1024px) and (orientation: landscape){.aboutPage{margin:.5rem auto}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:2rem auto;padding:0 2rem}.about,.fotografie,.videografie,.fotobox{flex-direction:row;align-items:center;gap:1rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:1rem;padding:0}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:1.2rem;margin-top:2rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1rem;margin:1rem 0}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:500px;margin:2rem 0;max-width:100%}.dc-logo{max-width:150px}.social-icons-about{gap:30px;padding-bottom:3rem}}@media (min-width: 1440px) and (orientation: portrait){.aboutPage{margin:.5rem auto}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:2rem auto;padding:2rem}.about,.fotografie,.videografie,.fotobox{flex-direction:row;align-items:center;gap:1rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:1rem;padding:0}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:1.8rem;margin-top:2rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1.2rem;margin:1rem 0}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:1250px;margin:2rem 0;max-width:100%}.dc-logo{max-width:300px}.social-icons-about{gap:30px;padding-bottom:3rem}}@media (min-width: 1440px) and (orientation: landscape){.aboutPage{margin:.5rem auto}.aboutMeSection,.fotoSection,.videoSection,.fotoboxSection{margin:2rem auto;padding:0 2rem}.about,.fotografie,.videografie,.fotobox{flex-direction:row;align-items:center;gap:1rem}.aboutText,.fototext,.videotext,.fotoboxtext{max-width:100%;min-height:auto;margin:1rem;padding:0}.aboutText h2,.fototext h2,.videotext h2,.fotoboxtext h2{font-size:1.6rem;margin-top:2rem}.aboutText p,.fototext p,.videotext p,.fotoboxtext p{font-size:1.2rem;margin:1rem 0}.mePurple,.meDark,.carImg,.groomImg,.chelloImg,.ringsImg,.fotoboxImg,.fotoboxWorkImg{height:1000px;margin:2rem 0;max-width:100%}.dc-logo{max-width:200px}.social-icons-about{gap:30px;padding-bottom:3rem}}.scrollToTop{background-color:var(--bg-color);border-radius:5%;bottom:90px;cursor:pointer;height:40px;opacity:.8;position:fixed;right:20px;transition:all .3s ease;width:40px;z-index:1000}.scrollToTop:hover{box-shadow:0 0 12px var(--text-color);opacity:1;scale:1.05}@media (max-width: 479px){.scrollToTop{bottom:60px}}@media (min-width: 480px){.scrollToTop{bottom:70px}}@media (min-width: 768px){.scrollToTop{bottom:80px}}@media (min-width: 1024px){.scrollToTop{bottom:90px}}.contact-page{background-color:var(--div-color);border:2px solid #a8dadc;border-radius:20px;box-shadow:0 0 20px #0009;display:flex;flex-direction:column;height:100%;margin:4rem auto 12rem;padding:2rem 1rem;text-align:center;transition:.3s;width:100%}.contact-page h2{color:var(--text-color);font-size:5rem;font-weight:1000;letter-spacing:.8rem;margin-bottom:1rem;transition:.3s}.contact-text{width:100%}.contact-text p{color:var(--text-color);font-size:1.4rem;margin:auto;transition:.3s;width:80%}.social-icons{display:flex;gap:40px;justify-items:center;margin:2rem auto;padding-top:2rem}.social-icons svg{color:var(--text-color);transition:transform .2s,color .2s}.social-icons svg:hover{color:#a8dadc;transform:scale(1.2)}.contact-line{border:1px solid var(--text-color);margin:2rem;transition:.3s}.chooseText{color:var(--text-color);font-size:1.6rem;letter-spacing:.3rem;margin-bottom:1rem;transition:all .3s ease}form{width:80%;user-select:none;-webkit-user-select:none}.datePickerContainer{margin:4rem auto 1rem;width:100%}.contact-form{align-items:center;display:flex;flex-direction:column;width:100%}.contact-form label{color:var(--text-color);display:block;font-size:1.2rem;font-weight:700;letter-spacing:.1rem;margin-bottom:5px;text-align:left;transition:.3s}.contact-form label span{font-size:1.1rem;font-weight:400;margin-left:10px}.contact-form input{border:1px solid #ccc;box-shadow:5px 5px 5px var(--text-muted);border-radius:10px;font-family:roboto,sans-serif;font-size:1.4rem;height:40px;margin-bottom:15px;padding:4px;width:100%;user-select:text;-webkit-user-select:text}.contact-form input[type=text]:focus{outline:#00808e;border:solid 2px #00808e;box-shadow:5px 5px 5px #00808e}.contact-form input[type=email]:focus{outline:#00808e;border:solid 2px #00808e;box-shadow:5px 5px 5px #00808e}.contact-form textarea{border:1px solid #ccc;border-radius:10px;box-shadow:5px 5px 5px var(--text-muted);font-family:roboto,sans-serif;font-size:1.4rem;height:200px;margin-bottom:15px;min-height:100px;padding:4px;resize:vertical;width:100%;user-select:text;-webkit-user-select:text}.contact-form textarea:focus{outline:#00808e;border:solid 2px #00808e;box-shadow:5px 5px 5px #00808e}.send-button{align-items:center;display:flex;gap:20px;margin:10px auto;width:100%}.send-button span{font-size:1.1rem;margin-left:10px}.contact-form button{align-items:center;background-color:#a8dadc;border:none;border-radius:100px;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;padding:10px 20px;position:relative;transition:.3s;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.contact-form button:hover{transform:scale(1.05)}@media (max-width: 479px){.contact-page{margin:2rem auto}.contact-page h2{font-size:3rem}.contact-text p{font-size:1.2rem;width:95%}form{width:90%}.datePickerContainer{margin:4rem auto 1rem;width:90%}.send-button{flex-direction:column;gap:10px;width:100%}}@media (min-width: 480px){.contact-page{margin:2rem auto}.contact-page h2{font-size:3rem}.contact-text p{font-size:1.2rem;width:95%}.datePickerContainer{margin:4rem auto 1rem;width:100%}form{width:90%}.send-button{flex-direction:column;gap:10px;width:100%}}@media (min-width: 768px) and (orientation: portrait){.contact-page{margin:2rem auto}form{width:90%}}@media (min-width: 768px) and (orientation: landscape){.contact-page{margin:2rem auto}form{width:90%}.send-button{flex-direction:row;gap:20px;width:100%}}@media (min-width: 1024px) and (orientation: portrait){.contact-page{margin:2rem auto}form{width:80%}.send-button{flex-direction:row;gap:20px;width:100%}}@media (min-width: 1024px) and (orientation: landscape){.contact-page{margin:2rem auto;max-height:100%;overflow:hidden}form{width:80%}.send-button{flex-direction:row;gap:20px;width:100%}}@media (min-width: 1440px) and (orientation: portrait){.contact-page{margin:2rem auto}form{width:80%}.send-button{flex-direction:row;gap:20px;width:100%}}@media (min-width: 1440px) and (orientation: landscape){.contact-page{margin:2rem auto;max-height:100%}form{width:60%}.send-button{flex-direction:row;gap:20px;width:100%}}.datepick{color:#efe9f1;display:inline-block;font-family:inherit;position:relative;width:60%;user-select:none;-webkit-user-select:none}.datepick_label{display:flex;font-size:14px;margin-bottom:8px;user-select:none;-webkit-user-select:none}.datepick_control{align-items:center;box-shadow:5px 5px 5px var(--text-muted);background:#fff;border:1px solid #ccc;border-radius:10px;color:#000;cursor:pointer;display:flex;gap:8px;height:45px;justify-content:space-between;padding:5px 10px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.datepick_value{font-size:1.4rem;user-select:none;-webkit-user-select:none}.datepick_backdrop{position:fixed;inset:0;background:#080a0f59;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);z-index:1400;user-select:none;-webkit-user-select:none}.datepick_dialog{background:var(--bg-color);border:5px solid #a8dadc;border-radius:15px;box-shadow:0 0 30px #00808e;color:var(--text-color);left:50%;max-width:420px;padding:18px;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:90%;z-index:1401;user-select:none;-webkit-user-select:none}.datepick_dialog-top{padding-bottom:6px}.datepick_dialog-title{color:var(--text-color);font-size:14px;margin-bottom:6px;user-select:none;-webkit-user-select:none}.datepick_dialog-large{color:var(--text-color);font-size:1.4rem;font-weight:500;user-select:none;-webkit-user-select:none}.datepick_line{background:var(--text-color);border:none;height:2px;margin:12px auto 0}.datepick_calendar{padding:6px 2px 0;user-select:none;-webkit-user-select:none}.datepick_month-row{align-items:center;display:flex;justify-content:space-between;margin:8px 0;user-select:none;-webkit-user-select:none}.datepick_month-title{color:var(--text-color);font-weight:600;font-size:16px;padding-left:15px;user-select:none;-webkit-user-select:none}.datepick_month-nav{display:flex;gap:10px}.datepick .icon-btn{background:transparent;border:none;color:var(--text-color);cursor:pointer;font-size:18px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.datepick_weekdays{color:var(--text-color);display:grid;font-size:18px;gap:6px;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center;user-select:none;-webkit-user-select:none}.datepick_weekday{user-select:none;-webkit-user-select:none}.datepick_days{display:grid;gap:12px;grid-template-columns:repeat(7,1fr);padding:6px 6px 12px;width:100%;user-select:none;-webkit-user-select:none}.datepick_days button{font-size:1rem}.datepick_day{align-items:center;background:transparent;border:none;border-radius:50%;color:#000;cursor:pointer;display:inline-flex;font-size:1rem;height:36px;justify-content:center;width:30px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.datepick_day--muted{color:var(--text-color);font-size:1rem;opacity:.45;user-select:none;-webkit-user-select:none}.datepick .datepick_day.disabled{cursor:default;opacity:.35;pointer-events:none}.datepick_day.active{background:#000;box-shadow:0 0 15px #a8dadc;color:#fff;transition:all .5s}.datepick_actions{display:flex;gap:14px;justify-content:flex-end;margin-top:12px;padding-top:8px}.datepick_actions button{font-size:20px}.datepick_btn{background:transparent;border:none;color:#7e6f90;cursor:pointer;font-size:15px;padding:8px 14px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.datepick_btn--primary,.datepick_btn--ghost{color:#000}@media (max-width: 479px){.datepick{width:100%}.datepick_dialog{padding:10px;width:90%}.datepick_dialog-large{font-size:1.8rem}.datepick_month-title{color:var(--text-color);font-weight:600;font-size:1.4rem;padding-left:10px}.datepick_weekdays{font-size:1.4rem;gap:4px;grid-template-columns:repeat(7,1fr)}.datepick_day{font-size:1.4rem;height:20px;width:30px}.datepick_day--muted{height:20px;width:30px}.datepick_days{gap:6px;grid-template-columns:repeat(7,1fr);margin:0 auto;padding:0;width:100%}.datepick_days button{font-size:1.4rem;height:30px;padding:1px;width:35px}.datepick_actions button{font-size:10px;margin:auto}}@media (min-width: 480px) and (orientation: portrait){.datepick,.datepick_dialog{width:90%}.datepick_dialog-large{font-size:1.8rem}.datepick_weekdays{font-size:1.8rem;gap:8px;grid-template-columns:repeat(7,1fr)}.datepick_day{font-size:1.4rem;height:30px;width:30px}.datepick_day--muted{height:20px;width:30px}.datepick_days{gap:8px;grid-template-columns:repeat(7,1fr);margin:0 auto;padding:0;width:100%}.datepick_days button{font-size:1.8rem;height:30px;padding:1px;width:40px}.datepick_actions button{font-size:1.4rem;margin:auto}}@media (min-width: 480px) and (orientation: landscape){.datepick,.datepick_dialog{width:90%}.datepick_actions button{font-size:14px;margin:auto}}@media (min-width: 768px){.datepick{width:90%}.datepick_dialog{width:80%}.datepick_days button{font-size:1.4rem;height:35px;padding:1px;width:40px}}@media (min-width: 1024px) and (orientation: portrait){.datepick{width:80%}.datepick_dialog{width:50%}.datepick_days button{font-size:1.2rem}.datepick_actions button{font-size:18px;margin:auto}}@media (min-width: 1024px) and (orientation: landscape){.datepick{width:80%}.datepick_dialog{width:40%}.datepick_days button{font-size:1.2rem}.datepick_actions button{font-size:18px;margin:auto}}@media (min-width: 1440px) and (orientation: portrait){.datepick{width:80%}.datepick_dialog{width:35%}.datepick_days button{font-size:1.2rem}}@media (min-width: 1440px) and (orientation: landscape){.datepick{width:60%}.datepick_dialog{width:30%;max-width:420px}.datepick_days button{font-size:1.2rem}}.selectionButton{display:flex;margin:auto;gap:50px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.leistungenButton{align-self:center;background-color:#a8dadc;border:none;border-radius:100px;cursor:pointer;font-size:1.2rem;padding:.8rem 1.5rem;transition:all .3s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.leistungenButton:hover{box-shadow:0 0 20px #00808e;transform:scale(1.05)}.leistungenButton.selected{background-color:#84ffff;box-shadow:0 0 30px #00808e;transform:scale(1.05)}.leistungenButton.dimmed{border:none;filter:grayscale(50%);opacity:.5;transition:opacity .3s}.dialogContainerBackdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000059;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1400;user-select:none;-webkit-user-select:none}.dialogContainer{background-color:var(--div-color);border:5px solid #a8dadc;border-radius:15px;box-shadow:0 0 30px #00808e;color:var(--text-color);left:50%;min-width:280px;position:fixed;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1401;user-select:none;-webkit-user-select:none}.dialogTitle{font-size:1.5rem;padding:1rem 1.5rem}.pColor{background:none;border:none;color:var(--navbarActive-color);font-weight:700;transition:all .3s ease}.dialogTitle p{font-size:.8rem;margin:0}.dialogContent{padding:0 1.5rem 1rem}.checkboxContainer{align-items:center;display:flex;flex-direction:column;gap:15px;margin-top:15px}.checkboxLabel{align-items:center;cursor:pointer;display:flex;font-size:1.2rem;gap:18px;justify-content:space-between;margin:0 auto;max-width:260px;width:100%;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.checkboxLabel:hover{transform:scale(1.03)}.checkboxLabel input[type=radio]{accent-color:var(--navbarActive-color)}.radioButton{cursor:pointer;flex:0 0 auto;height:20px;margin:0;position:relative;width:20px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.dialogActions{display:flex;gap:1rem;justify-content:center;padding:1.5rem}.dialogButton{align-items:center;background-color:#a8dadc;border:none;border-radius:100px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:10px 20px;position:relative;transition:.3s;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.dialogButton:hover{transform:scale(1.05)}@media (max-width: 479px){.selectionButton{flex-direction:column;gap:20px}.leistungenButton{font-size:1.5rem}.checkboxLabel{font-size:1.4rem;gap:10px;max-width:150px}}@media (min-width: 480px){.selectionButton{flex-direction:column;gap:30px}.leistungenButton{font-size:1.5rem}.checkboxLabel{font-size:1.4rem;gap:14px;max-width:150px}}@media (min-width: 768px){.selectionButton{flex-direction:row;gap:40px}.leistungenButton{font-size:1.4rem}.checkboxLabel{font-size:1.2rem;gap:16px;max-width:200px}}@media (min-width: 1024px){.selectionButton{flex-direction:row;gap:50px}.leistungenButton{font-size:1.2rem}.checkboxLabel{font-size:1.2rem;gap:18px;max-width:250px}}.datenschutz-container{background-color:var(--div-color);border:2px solid #a8dadc;border-radius:10px;color:var(--text-color);display:flex;flex-direction:column;font-family:roboto,sans-serif;font-size:1.4rem;line-height:1.4;margin:2rem auto;padding:2rem;transition:all .3s ease}.datenschutz-container h1{color:var(--text-color);font-weight:800;margin:1rem auto;text-align:center;transition:all .3s}.datenschutz-container h2,.datenschutz-container h3{color:var(--text-color);font-weight:600;margin-bottom:1rem;margin-top:3rem;text-align:center;transition:all .3s}.datenschutz-container h4{color:var(--text-color);font-weight:600;margin-bottom:.8rem;margin-top:2rem;transition:all .3s ease}.datenschutz-container p{margin:0;text-align:justify}.datenschutz-container a{color:var(--navbarActive-color);text-decoration:none;transition:all .3s ease}.datenschutz-container a:hover{text-decoration:underline}.footer{align-items:center;background-color:var(--div-color);bottom:0;color:var(--text-muted);display:flex;font-size:1.6rem;height:80px;left:0;letter-spacing:.1rem;margin:auto;position:fixed;right:0;transition:all .3s ease;width:100%;z-index:1000}.footer img{display:block;height:40px}.footer-brand{align-items:center;display:flex;font-size:20px;gap:20px;margin-left:1rem;text-align:left}.footer-brand span{font-size:1rem;letter-spacing:0}.footer-links{display:flex;gap:20px;left:50%;margin:0;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%)}.menu-button-footer{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;margin:auto;transition:.3s}.menu-button-footer:hover{background-color:var(--div-color);color:#a8dadc;cursor:pointer;scale:1.1;transition:.3s}.footer a{color:var(--text-color);font-weight:700;text-decoration:none;transition:all .3s ease}.footer a:hover{color:var(--navbarHover-color);text-decoration:underline;text-underline-offset:8px;transform:scale(1.02)}.footer a:focus{color:var(--navbarActive-color);text-decoration:underline;text-underline-offset:8px;transform:scale(1.02)}.mobile-menu-footer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:none;height:100vh;left:0;position:fixed;transition:opacity .3s;width:100vw;z-index:998}.mobile-menu-footer-backdrop.open{display:block}.mobile-menu-footer{background-color:var(--div-color);bottom:100%;display:flex;flex-direction:column;font-size:1.4rem;font-weight:700;gap:8px;padding:1rem;position:absolute;text-align:center;transition:.3s;width:100%;z-index:1100}.mobile-menu-footer a{color:var(--text-color);padding:4px 8px;text-decoration:none;transition:.3s}.social-icons-footer{align-items:center;display:flex;margin-left:auto;margin-right:1rem}.social-icons-footer svg{color:var(--text-color);height:24px;width:24px;transition:transform .2s,color .2s}.social-icons-footer svg:hover{color:#a8dadc;transform:scale(1.2)}@media (max-width: 479px){.footer{height:50px;width:100%}.footer-brand img{height:25px;margin-left:1rem}.footer-brand span,.footer-links{display:none}.menu-button-footer{display:flex;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.mobile-menu-footer{bottom:100%;font-size:1.6rem;gap:0;padding:1rem 0;width:100%}.social-icons-footer{margin-right:2rem}.social-icons-footer svg{height:20px;width:20px}}@media (max-width: 479px) and (orientation: landscape){.footer{height:40px;width:100%}.footer-brand img{height:20px;margin-left:1rem}.footer-brand span,.footer-links{display:none}.menu-button-footer{display:flex;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.mobile-menu-footer{bottom:100%;font-size:1.4rem;gap:0;padding:1rem 0;width:100%}.social-icons-footer{margin-right:2rem}.social-icons-footer svg{height:16px;width:16px}}@media (min-width: 480px) and (orientation: portrait){.footer{height:50px;width:100%}.footer-brand img{height:25px;margin-left:1rem}.footer-brand span,.footer-links{display:none}.menu-button-footer{display:flex;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.mobile-menu-footer{bottom:100%;font-size:1.6rem;gap:0;padding:1rem 0;width:100%}.social-icons-footer{margin-right:2rem}.social-icons-footer svg{height:20px;width:20px}}@media (min-width: 480px) and (orientation: landscape){.footer{height:40px}.footer-brand img{height:20px;margin-left:1rem}.footer-brand span{display:inline;font-size:14px}.footer-links{display:flex;font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.menu-button-footer,.mobile-menu-footer-backdrop,.mobile-menu-footer{display:none}.social-icons-footer{margin-right:2rem}.social-icons-footer svg{height:18px;width:18px}}@media (min-width: 768px) and (orientation: portrait){.footer{height:60px;width:100%}.footer-brand img{height:30px}.footer-brand span{display:inline;font-size:14px}.footer-links{display:flex;font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.menu-button-footer,.mobile-menu-footer-backdrop,.mobile-menu-footer{display:none}.social-icons-footer svg{height:20px;width:20px}}@media (min-width: 768px) and (orientation: landscape){.footer{height:60px}.footer-links{gap:20px}}@media (min-width: 1024px) and (orientation: portrait){.footer{height:80px;width:100%}.footer-brand img{height:40px}.footer-links{display:flex;font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.social-icons-footer svg{height:24px;width:24px}}@media (min-width: 1024px) and (orientation: landscape){.footer{height:60px}.footer-brand img{height:30px}.footer-brand span{display:inline;font-size:18px}.footer-links{display:flex;font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.menu-button-footer{display:none}.social-icons-footer svg{height:24px;width:24px}}@media (min-width: 1440px) and (orientation: portrait){.footer{height:80px;width:100%}.footer-brand img{height:40px}.footer-links{display:flex;font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.social-icons-footer svg{height:28px;width:28px}}@media (min-width: 1440px) and (orientation: landscape){.footer{height:80px}.footer-brand img{height:40px}.footer-links{display:flex;font-size:1.2rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.menu-button-footer{display:none}.social-icons-footer svg{height:28px;width:28px}}.layout-page{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem auto;overflow:hidden}.firstSection{background-color:var(--div-color);border:2px solid var(--bg-color);border-radius:12px;box-shadow:0 5px 10px #0003;margin:2rem auto;padding:2rem;transition:.3s;width:100%}.overlayHeadline{align-items:center;display:flex;justify-content:center;margin:0 auto 3rem;max-width:1600px;width:100%}.text{display:flex;font-size:clamp(2rem,6vw,5rem);margin:0 auto;-webkit-user-select:none;user-select:none}.text .wrapper{padding-left:clamp(5px,2vw,20px);padding-right:clamp(5px,2vw,20px)}.text .wrapper .letter{transition:ease-out 1s;transform:translateY(40%)}.text .wrapper .shadow{background:linear-gradient(to top,rgba(153,153,153,.4),transparent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scaleY(-1);transition:ease-in-out 1s}.text .wrapper:hover .letter{text-shadow:0 0 30px var(--text-color);cursor:default;transform:translateY(-25%)}.text .wrapper:hover .shadow{cursor:default;opacity:0;transform:translateY(25%) scaleY(-1)}.firstSection h1,.secondSection h1,.thirdSection h1{align-items:center;color:var(--text-color);display:flex;font-size:3rem;letter-spacing:.5rem;justify-content:center;margin:0 auto 2rem;text-align:center;transition:.3s}.slideshowImg{aspect-ratio:16/9;border:2px solid var(--text-color);border-radius:12px;box-shadow:0 0 24px var(--text-color);margin:0 auto 2rem;max-width:1600px;overflow:hidden;position:relative;transition:.3s;width:clamp(220px,70vw,1920px);--fade-ms: 2s;--cycle-ms: 4s;--zoom-scale: 1.06;--zoom-duration: calc(var(--cycle-ms) + var(--fade-ms))}.portfolioDescription{align-items:center;color:var(--navbarText-color);display:flex;font-size:1.6rem;justify-content:center;letter-spacing:.4rem;line-height:2.5rem;margin:0;max-width:1200px;padding:1rem;position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:calc(100% - 2rem);z-index:10}.slideshowImg .slide{display:block;inset:0;height:100%;object-fit:cover;opacity:0;position:absolute;transform:scale(1);transition:opacity var(--fade-ms) ease,transform var(--zoom-duration) linear;width:100%;will-change:opacity,transform;z-index:0}.slideshowImg .slide.active{opacity:.5;transform:scale(var(--zoom-scale));z-index:2}.slideshowImg .slide.exiting{opacity:0;transform:scale(var(--zoom-scale));z-index:1}.secondSection{background-color:var(--div-color);border:2px solid var(--text-color);border-radius:12px;box-shadow:0 5px 10px #0003;margin:4rem auto;padding:2rem 0;transition:all .3s;width:100%}.bokehBackground{filter:blur(8px) brightness(.8) contrast(1.2);height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.carouselWrapper{border-radius:12px;flex:1;min-height:420px;padding:2rem;perspective:1000px;position:relative}.galleryGrid{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);height:100%;overflow:visible;position:relative;touch-action:pan-y;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;width:100%}.imgShowContainer{align-items:center;border-radius:16px;display:flex;gap:2rem;justify-content:center;margin:2rem;max-width:1800px;overflow:hidden;position:relative;width:100%}.carouselDots{display:flex;justify-content:center;gap:.8rem;margin-top:2rem}.dot{border-radius:50%;border:2px solid var(--text-color);background-color:transparent;cursor:pointer;height:12px;padding:0;transition:all .3s;width:12px}.dot.active{background-color:var(--text-color);transform:scale(1.2)}.dot:hover{transform:scale(1.1);box-shadow:0 0 8px var(--text-color)}.slideButtonBack,.slideButtonForward{align-items:center;background-color:var(--div-color);border:2px solid var(--text-color);border-radius:10%;color:var(--text-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;padding:0;transition:.3s;width:50px;z-index:10}.slideButtonBack:hover,.slideButtonForward:hover{box-shadow:0 0 24px var(--text-color);scale:1.05;transition:all .3s}.imgShow{background-color:var(--div-color);border:2px solid var(--text-color);border-radius:12px;cursor:grab;height:420px;margin:0 auto;max-width:300px;opacity:.8;pointer-events:auto;position:relative;transform-style:preserve-3d;transition:all .3s ease;user-select:none;width:100%;z-index:1;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.imgShow:active{cursor:grabbing}.imgShow:hover{box-shadow:0 0 24px var(--text-color);cursor:grab;opacity:1}.imgWrapper{border-radius:10px;height:100%;width:100%;position:relative;overflow:hidden}.imgShow img{height:100%;object-fit:cover;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.imgTooltip{align-items:center;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);bottom:0;display:flex;height:50%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;transform:translateY(100%);transition:all .4s ease;width:100%;z-index:2}.imgTooltip span{color:#e4e4e4;font-size:1.5rem;font-weight:600;letter-spacing:.1rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.8);transform:translateY(20px);transition:transform .4s ease}.imgShow:hover .imgTooltip{opacity:1;transform:translateY(0)}.imgShow:hover .imgTooltip span{transform:translateY(0)}.thirdSection{background-color:var(--div-color);border:2px solid var(--scrollbarHover-color);border-radius:12px;box-shadow:0 5px 10px #0003;margin:2rem auto;padding:2rem 0;transition:all .3s;width:100%}.galleryContainer{display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);max-width:1800px;margin:1rem auto;padding:0 1rem;width:100%}.galleryItem{background-color:var(--div-color);overflow:hidden;position:relative;transition:all .3s}.galleryItem.landscape{aspect-ratio:16/9;grid-column:span 3;height:100%;max-width:900px}.galleryItem.portrait{aspect-ratio:9/16;grid-column:span 2;max-height:750px;width:100%}.galleryItem img{display:block;height:100%;object-fit:cover;opacity:.8;transition:all 1s ease;width:100%}.galleryItem img:hover{cursor:grab;opacity:1;transform:scale(1.02)}@media (hover: none) and (pointer: coarse){.imgShow img{cursor:default;touch-action:pan-y}}@media (max-width: 479px){.firstSection h1,.secondSection h1,.thirdSection h1{font-size:1.4rem}.text{display:flex;font-size:clamp(2rem,6vw,5rem);margin:0 auto;-webkit-user-select:none;user-select:none}.text .wrapper .letter{transform:translateY(40%)}.text .wrapper .shadow{background:linear-gradient(to top,rgba(153,153,153,.4),transparent);-webkit-background-clip:text;background-clip:text}.text .wrapper:hover .letter{text-shadow:none;cursor:default;transform:translateY(40%)}.text .wrapper:hover .shadow{cursor:default;opacity:1;transform:translateY(0) scaleY(-1)}.portfolioDescription{font-size:1rem;letter-spacing:.05rem;line-height:1.1rem;padding:.5rem;width:calc(100% - 1rem)}.layout-page{margin-top:2rem auto}.firstSection h1{font-size:1.6rem}.slideshowImg{width:clamp(220px,80vw,1920px)}.imgShowContainer{border-radius:12px;gap:1rem;margin:1rem auto;overflow:hidden;padding:1rem}.carouselWrapper{min-height:300px;overflow:visible}.galleryGrid{gap:2rem;grid-template-columns:repeat(2,1fr);left:0;padding:1rem;position:absolute;top:0;transform-style:preserve-3d;width:100%}.slideButtonBack,.slideButtonForward{display:none}.imgShow{cursor:default;height:280px;max-width:auto;opacity:1;pointer-events:none;transform-style:preserve-3d}.galleryItem img{opacity:1;pointer-events:none}}@media (min-width: 480px){.firstSection h1,.secondSection h1,.thirdSection h1{font-size:1.4rem}.text{display:flex;font-size:clamp(2rem,6vw,5rem);margin:0 auto;-webkit-user-select:none;user-select:none}.text .wrapper .letter{transform:translateY(40%)}.text .wrapper .shadow{background:linear-gradient(to top,rgba(153,153,153,.4),transparent);-webkit-background-clip:text;background-clip:text}.text .wrapper:hover .letter{text-shadow:none;cursor:default;transform:translateY(40%)}.text .wrapper:hover .shadow{cursor:default;opacity:1;transform:translateY(0) scaleY(-1)}.portfolioDescription{font-size:1rem;letter-spacing:.05rem;line-height:1.2rem;padding:.75rem;width:calc(100% - 1.5rem)}.layout-page{margin-top:2rem auto}.firstSection{margin-top:1rem}.firstSection h1{font-size:2rem}.slideshowImg{width:clamp(220px,80vw,1920px)}.imgShowContainer{border-radius:12px;gap:1.5rem;margin:1.5rem auto;overflow:hidden;padding:1rem}.carouselWrapper{min-height:380px;overflow:hidden}.galleryGrid{gap:2rem;grid-template-columns:repeat(2,1fr);left:0;padding:1rem;position:absolute;top:0;transform-style:preserve-3d;width:100%}.slideButtonBack,.slideButtonForward{display:none}.imgShow{cursor:default;height:350px;max-width:auto;pointer-events:none;transform-style:preserve-3d}.galleryItem img{opacity:1;pointer-events:none}}@media (min-width: 768px){.firstSection h1,.secondSection h1,.thirdSection h1{font-size:2.5rem}.text{display:flex;font-size:clamp(2rem,6vw,5rem);margin:0 auto;-webkit-user-select:none;user-select:none}.text .wrapper{padding-left:clamp(5px,2vw,20px);padding-right:clamp(5px,2vw,20px)}.text .wrapper .letter{transition:ease-out 1s;transform:translateY(40%)}.text .wrapper .shadow{background:linear-gradient(to top,rgba(153,153,153,.4),transparent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scaleY(-1);transition:ease-in-out 1s}.text .wrapper:hover .letter{text-shadow:0 0 30px var(--text-color);cursor:default;transform:translateY(-25%)}.text .wrapper:hover .shadow{cursor:default;opacity:0;transform:translateY(25%) scaleY(-1)}.portfolioDescription{font-size:1.2rem;letter-spacing:.2rem;line-height:1.8rem;padding:1rem;width:calc(100% - 2rem)}.layout-page{margin-top:2rem auto}.firstSection{margin-top:1.5rem}.firstSection h1{font-size:2.2rem}.slideshowImg{width:clamp(220px,80vw,1920px)}.carouselWrapper{min-height:420px;overflow:hidden}.imgShowContainer{border-radius:16px;margin:2rem auto;gap:2rem;overflow:hidden;width:95%}.galleryGrid{gap:2rem;grid-template-columns:repeat(2,1fr);padding:1rem;position:relative;transform-style:preserve-3d}.slideButtonBack,.slideButtonForward{display:flex}.imgShow{height:400px;max-width:auto;pointer-events:auto;transform-style:preserve-3d}.galleryItem img{opacity:.8;pointer-events:auto}}@media (min-width: 1024px){.firstSection h1,.secondSection h1,.thirdSection h1{font-size:2.8rem}.portfolioDescription{font-size:1.4rem;letter-spacing:.3rem;line-height:2rem}.layout-page{margin-top:2rem auto}.firstSection h1{font-size:2.5rem}.slideshowImg{width:clamp(220px,80vw,1920px)}.carouselWrapper{overflow:hidden;padding:2rem}.imgShowContainer{border-radius:16px;margin:2rem auto;gap:2rem;overflow:hidden;width:95%}.galleryGrid{gap:2rem;grid-template-columns:repeat(4,1fr);position:relative;transform-style:preserve-3d}.slideButtonBack,.slideButtonForward{display:flex}.imgShow{height:400px;max-width:auto;pointer-events:auto;transform-style:preserve-3d}}.impressum-container{background-color:var(--div-color);border:2px solid #a8dadc;border-radius:10px;color:var(--text-color);display:flex;flex-direction:column;font-family:roboto,sans-serif;font-size:1.4rem;line-height:1.4;margin:2rem auto;padding:2rem;transition:all .3s ease}.impressum-container h1{color:var(--text-color);font-weight:800;margin:1rem auto;text-align:center;transition:all .3s}.impressum-container h2{color:var(--text-color);font-weight:600;margin-bottom:1rem;margin-top:2rem;text-align:center;transition:all .3s ease}.impressum-container p{margin:auto;text-align:center}.impressum-container a{color:var(--navbarActive-color);text-decoration:none;transition:all .3s ease}.impressum-container a:hover{text-decoration:underline}.navbar{align-items:center;background-color:var(--navbar-color);box-shadow:0 5px 10px #00000080;display:flex;height:80px;left:0;margin:auto;position:fixed;right:0;top:0;transition:.3s;width:100%;z-index:1000}.dc_logo{height:40px;margin-left:1rem;width:auto}.dc_logo:hover{transform:scale(1.05);transition:transform .3s}.navbar_links{align-items:center;display:flex;font-size:1.8rem;gap:60px;justify-content:center;letter-spacing:.1rem;margin-top:20px;padding:0;width:100%}.menu-button{background:none;border:none;color:var(--navbarText-color);cursor:pointer;display:none;margin:auto;transition:.3s;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.navbar_links a{color:var(--navbarText-color);position:relative;text-decoration:none;transition:color .3s ease}.navbar_links a:after{background-color:var(--navbarHover-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:0;transition:width .3s ease}.navbar_links a:hover:after{width:100%}.navbar_links a:hover,.dropdown-item:hover,.dropdown-link:hover{color:var(--navbarHover-color);cursor:pointer}.navbar_links a.active,.dropdown-link.active{color:var(--navbarActive-color)}.navbar_links a.active:after{width:100%;background-color:var(--navbarActive-color)}.navbar-dropdown{display:inline-block;position:relative;transition:scale .3s}.navbar-dropdown .dropDownIcon{transform:rotate(0);transition:transform .5s ease;vertical-align:bottom}.navbar-dropdown:hover .dropDownIcon{transform:rotate(180deg)}.navbar-dropdown:hover{scale:1.05}.dropdown-menu{background-color:var(--navbar-color);font-size:1.2rem;min-width:100px;position:absolute;top:100%;padding-top:20px}.dropdown-item{background:none;border:none;color:var(--navbarText-color);display:flex;padding:10px 20px;text-decoration:none}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:none;height:100vh;left:0;position:fixed;top:50px;transition:opacity .3s;width:100vw;z-index:999}.mobile-menu-backdrop.open{display:block}.mobile-menu{background-color:var(--navbar-color);display:flex;flex-direction:column;font-size:16px;font-weight:700;gap:8px;padding-top:1rem;position:fixed;text-align:center;top:50px;transition:.3s;z-index:1100;width:100%}.mobile-menu a{color:var(--navbarText-color);padding:6px 10px;text-decoration:none;transition:.3s}.mobile-services{display:flex;flex-direction:column;font-weight:700}.mobile-subitems{display:flex;flex-direction:column;font-weight:300;gap:.5px;margin:0 8px;padding-top:2px}.menu-button:hover{background-color:var(--navbar-color);color:var(--navbarHover-color);cursor:pointer;scale:1.05;transition:.3s}.mobile-menu a:hover,.mobile-subitems a:hover{background-color:var(--navbar-color);color:var(--navbarHover-color);cursor:pointer;transition:.3s}@media (max-width: 479px){.navbar{height:50px}.dc_logo{height:30px;margin-left:.5rem}.navbar_links{display:none}.menu-button{display:block;font-size:2rem}.mobile-menu-backdrop{top:50px}.mobile-menu{font-size:1.8rem;gap:0;padding:1rem 0;top:48px;width:100%}}@media (max-width: 479px) and (orientation: landscape){.navbar{height:50px}.dc_logo{height:30px;margin-left:.5rem}.navbar_links{display:none}.menu-button{display:block;font-size:2rem}.mobile-menu{font-size:14px;gap:0;padding:1rem 0;top:48px;width:100%}}@media (min-width: 480px) and (orientation: portrait){.navbar{height:50px}.dc_logo{height:30px;margin-left:.5rem}.navbar_links{display:none}.menu-button{display:block;font-size:2rem}.mobile-menu{font-size:1.8rem;gap:0;padding:1rem 0;top:48px;width:100%}}@media (min-width: 480px) and (orientation: landscape){.navbar{height:50px}.dc_logo{height:30px;margin-left:.5rem}.navbar_links{display:none}.menu-button{display:block;font-size:2rem}.mobile-menu{font-size:1.2rem;gap:0;width:100%}}@media (min-width: 768px) and (orientation: portrait){.navbar{height:80px}.dc_logo{height:35px;margin-left:.75rem}.navbar_links{display:flex;font-size:1.4rem;gap:40px;margin-top:20px}.menu-button,.mobile-menu-backdrop,.mobile-menu{display:none}}@media (min-width: 768px) and (orientation: landscape){.navbar{height:80px}.dc_logo{height:36px;margin-left:.75rem}.navbar_links{display:flex;font-size:1.4em;gap:40px;margin-top:20px}.menu-button,.mobile-menu-backdrop,.mobile-menu{display:none}}@media (min-width: 1024px) and (orientation: portrait){.navbar{height:80px}.dc_logo{height:50px;margin-left:1rem}.navbar_links{font-size:1.6rem;gap:60px}}@media (min-width: 1024px) and (orientation: landscape){.navbar{height:80px}.dc_logo{height:50px;margin-left:1rem}.navbar_links{font-size:1.6rem;gap:60px}}@media (min-width: 1440px) and (orientation: portrait){.navbar{height:80px}.dc_logo{height:45px;margin-left:1rem}.navbar_links{font-size:1.6rem;gap:80px}}@media (min-width: 1440px) and (orientation: landscape){.navbar{height:80px}.dc_logo{height:50px;margin-left:1rem}.navbar_links{font-size:1.6rem;gap:80px;padding-top:10px}}.toggle_theme img{height:50px;margin-top:-5px;width:auto}.toggle_theme{background:none;border:none;cursor:pointer;height:50px;padding-right:20px;width:auto}.toggle_theme:hover{transform:scale(1.05);transition:transform .3s}@media (max-width: 479px){.toggle_theme{height:18px;padding-right:10px}.toggle_theme img{height:40px;margin-top:-12px}}@media (min-width: 480px){.toggle_theme{height:30px;padding-right:10px}.toggle_theme img{height:35px}}@media (min-width: 768px) and (orientation: portrait){.toggle_theme{height:50px;padding-right:15px}.toggle_theme img{height:50px}}@media (min-width: 768px) and (orientation: landscape){.toggle_theme{height:50px;padding-right:15px}.toggle_theme img{height:50px}}@media (min-width: 1024px) and (orientation: portrait){.toggle_theme{height:55px;padding-right:20px}.toggle_theme img{height:60px}}@media (min-width: 1024px) and (orientation: landscape){.toggle_theme{height:45px;padding-right:20px}.toggle_theme img{height:50px}}@media (min-width: 1440px) and (orientation: portrait){.toggle_theme{height:65px;padding-right:25px}.toggle_theme img{height:70px}}@media (min-width: 1440px) and (orientation: landscape){.toggle_theme{height:55px;padding-right:25px}.toggle_theme img{height:60px}}.services-page{background-color:var(--bg-color);margin:auto;min-height:100vh;transition:.3s;width:100%}section[id]{scroll-margin-top:80px}.fotografie-header h1,.videografie-header h1,.fotobox-header h1{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:1rem;margin:0 auto;text-align:center;transition:.3s}.fotografie-description h2,.videografie-description h2,.fotobox-description h2{color:var(--text-color);font-size:2.5rem;font-weight:800;letter-spacing:.5rem;margin-top:2rem;text-align:center;transition:.3s}.text-description h3{color:var(--text-color);font-size:1.8rem;letter-spacing:.2rem;text-align:center;transition:.3s}.text-description p{color:var(--text-color);font-size:1.2rem;text-align:center;transition:.3s}.fotografie-header,.videografie-header,.fotobox-header{align-items:center;background-color:#5f7aff;border-bottom:2px solid #5f7aff;border-radius:10px;display:flex;height:100px;justify-content:center;position:sticky;top:100px;transition:.3s;width:100%;z-index:100}.videografie-header{background-color:#5c4747;border-bottom:2px solid #5c4747}.fotobox-header{background-color:#d69f29;border-bottom:2px solid #d69f29}.all-logos{height:100%;margin:3rem 0 0;max-width:600px;transition:.3s;width:100%;z-index:5}.fotografie-container{align-items:center;background-color:var(--div-color);border:2px solid #5f7aff;border-radius:20px;display:flex;flex-direction:column;margin:2rem auto 4rem;padding:1rem;text-align:center;transition:.3s;width:100%}.imgContainer{display:flex;flex-direction:row;gap:1rem;height:auto;justify-content:center;margin:2rem auto;padding:2rem;position:relative;width:100%;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.imgBox{flex:0 0 200px;height:100%;line-height:0;margin:1rem 0;overflow:hidden;transition:flex .7s cubic-bezier(.4,0,.2,1)}.imgBox img{border-radius:20px;height:100%;object-fit:cover;pointer-events:none;transition:border-radius .7s cubic-bezier(.4,0,.2,1);width:100%}.imgBox.active{cursor:grab;flex-basis:600px;z-index:2}.foto-line{border:1px solid var(--text-color);margin:2rem auto 4rem;transition:.3s;width:95%}.fotografie-description{margin:-1rem auto;max-width:1800px;width:100%}.box-leistungen{align-items:stretch;display:grid;grid-template-columns:repeat(4,1fr);gap:4rem;height:100%;margin:2rem auto;padding:2rem;width:100%}.car-description,.wedding-description,.portrait-description,.animal-description{align-items:stretch;background-color:#5f7aff;border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.5rem;width:100%}.text-description{margin:0 auto}.img-button{align-items:center;display:flex;flex-direction:column;margin:1rem auto 0}.imgPriceBox{align-self:center;border-radius:20px;margin:auto;max-width:600px;height:300px;object-fit:cover;opacity:.8;transition:all .3s ease;width:100%}.kontakt-button{align-self:center;background-color:#5f7aff;border:none;border-radius:100px;color:var(--text-color);cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.allgemeinInfos{color:var(--text-color);font-size:1.2rem;line-height:1.6;margin:2rem auto 4rem;max-width:900px;text-align:left;transition:.3s;width:100%}.videografie-container{align-items:center;background-color:var(--div-color);border:2px solid #5c4747;border-radius:20px;display:flex;flex-direction:column;margin:2rem auto 4rem;padding:1rem;text-align:center;transition:.3s;width:100%}.video-line{border:1px solid var(--text-color);margin:4rem auto 1rem;transition:.3s;width:95%}.videografie-description{margin:2rem auto;max-width:1200px;width:100%}.shortDescription{display:flex;flex-direction:column;font-size:1.2rem;width:100%}.shortDescription ul{list-style-type:disc;margin:1rem auto;text-align:left}.video-button{align-self:center;background-color:#5c4747;border-radius:100px;color:#fff;cursor:pointer;margin:1rem auto 4rem;padding:.8rem 1.5rem;transition:background-color .3s,transform .3s}.video-button button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}.video-button:hover{background-color:#433;transform:scale(1.05)}.fotobox-container{align-items:center;background-color:var(--div-color);border:2px solid #d69f29;border-radius:20px;display:flex;flex-direction:column;margin:2rem auto;padding:1rem;text-align:center;transition:.3s;width:100%}.pricing-container{background:var(--bg-color);border:2px solid #d69f29;border-radius:20px;margin:5rem auto 3rem;max-width:1440px;overflow:hidden;overflow-x:auto;padding:2rem;transition:all .3s ease;width:100%}.pricing-header{align-items:center;background:var(--div-color);border-radius:20px;color:var(--text-color);display:flex;gap:3rem;margin-bottom:-1rem;position:relative;transition:all .3s ease;z-index:2}.fotobox-titlebild{border-radius:20px;display:block;height:auto;-webkit-mask-image:linear-gradient(to bottom,#000,#00000080 80%,#0000);mask-image:linear-gradient(to bottom,#000,#00000080 80%,#0000);max-width:1440px;position:relative;transition:all .3s ease;width:100%;z-index:1}.pricing-header:after{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--div-color) 100%);bottom:0;content:"";height:40%;left:0;opacity:1;pointer-events:none;position:absolute;right:0;transition:opacity .3s;z-index:2}.pricing-table{border-collapse:separate;border-spacing:0;overflow:hidden;text-align:center;width:100%}.pricing-table th{background:var(--div-color);color:var(--text-color);font-size:1.2rem;opacity:1;padding:2rem;transition:all .3s ease}.pricing-table td{border:1px solid var(--div-color);border-bottom:1px solid var(--div-color);font-size:1.2rem;padding:1rem;transition:all .3 ease}.pricing-table tbody tr:nth-child(2n){background-color:var(--bg-color);transition:all .3s ease}.roundEdgeLeft{border-bottom-left-radius:20px}.roundEdgeRight{border-bottom-right-radius:20px}.pricing-table tbody tr:last-child td:first-child{border-bottom-left-radius:20px}.pricing-table tbody tr:last-child td:last-child{border-bottom-right-radius:20px}.price-row td{background:var(--div-color);border:1px solid var(--div-color);color:var(--text-color);font-size:1.4rem;font-weight:700;transition:all .3s ease}.fotobox-button{align-self:center;background-color:#d69f29;border-radius:100px;cursor:pointer;margin:2rem auto 4rem;padding:.5rem 1.5rem}.fotobox-button button{background:none;border:none;color:#000;cursor:pointer;font-size:1.3rem}.fotobox-button:hover{background-color:#b27f1f;transform:scale(1.05)}.fotobox-line{border:1px solid var(--text-color);margin:4rem auto;transition:.3s;width:95%}.fotobox-description-header{margin:auto;overflow:hidden;position:relative;text-align:center;width:100%}.fotobox-description-header h2{color:var(--text-color);font-size:2.5rem;font-weight:800;letter-spacing:.5rem;margin:2rem auto;position:relative;text-align:center;transition:.3s;z-index:1}.description-container{column-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:100%;margin:3rem auto 2rem;max-width:1920px;position:relative;row-gap:3rem;width:100%}.fotobox-icons{display:flex;height:auto;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:100px}.description-container h3{color:var(--text-color);font-size:1.8rem;margin-bottom:1rem;text-align:center;transition:.3s;z-index:1}.description-container p{color:var(--text-color);font-size:1.4rem;line-height:1.4;margin-left:auto;margin-right:auto;max-width:320px;text-align:center;transition:.3s;width:100%;z-index:1}.how-it-works{column-gap:2rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);margin:3rem auto 2rem;max-width:1920px;padding:2rem;position:relative;row-gap:6rem;width:100%}.bokehImg{filter:blur(5px);height:100%;inset:0;-webkit-mask-image:linear-gradient(to bottom,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(to bottom,#0000,#000 15% 85%,#0000);object-fit:cover;opacity:.4;position:absolute;width:100%;z-index:0}.firstStep,.secondStep,.thirdStep{align-items:center;color:var(--text-color);line-height:1.4;margin-left:auto;margin-right:auto;max-width:420px;position:relative;text-align:center;transition:.3s;width:100%;z-index:1}.firstStep h3,.secondStep h3,.thirdStep h3{font-size:1.8rem}.firstStep p,.secondStep p,.thirdStep p{font-size:1.4rem}.numbers{align-items:center;border:2px solid var(--text-color);border-radius:10px;box-shadow:0 0 30px var(--text-color);display:flex;font-size:4rem;height:100px;justify-content:center;margin:auto;text-align:center;transition:all .3s;width:100px}.numbers p{align-items:center;color:var(--text-color);font-size:4rem;margin:auto;padding:0;text-align:center;transition:.3s}.card-3d{perspective:1100px;-webkit-perspective:1100px;display:flex;flex-direction:column;height:100%;width:100%;will-change:transform;--rx: 0deg;--ry: 0deg;--px: 50%;--py: 50%;--scale: 1;--tz: 0px}.card-3d-inner{border-radius:20px;display:flex;flex-direction:column;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(var(--tz)) scale(var(--scale));transition:transform .35s cubic-bezier(.16,.8,.32,1),box-shadow .35s;position:relative;will-change:transform}.card-3d-inner:hover{cursor:pointer}.card-3d:hover .imgPriceBox,.card-3d:focus-within .imgPriceBox{opacity:1}.card-3d:hover .kontakt-button,.card-3d:focus-within .kontakt-button{background-color:#4866e0;color:var(--text-color);opacity:1;transform:scale(1.05);transition:background-color .2s,transform .2s}.card-3d .kontakt-button{transition:background-color .2s,transform .2s}@media (max-width: 479px){section[id]{scroll-margin-top:50px}.fotografie-header,.videografie-header,.fotobox-header{height:40px;top:50px}.imgBox{flex:0 0 30px;height:300px}.imgBox.active{flex-basis:180px}.imgPriceBox{opacity:1}.kontakt-button{background-color:#4866e0;opacity:1}.box-leistungen{grid-template-columns:1fr;gap:2rem}.text-description h3{font-size:2rem;margin:.5rem auto}.text-description p{font-size:1.4rem;margin:1rem auto 2rem}.pricing-container{padding:1rem}.pricing-table{table-layout:fixed;width:100%;font-size:.9rem}.pricing-table th,.pricing-table td{font-size:1rem;padding:.8rem .6rem;white-space:normal;word-break:break-word}.price-row td{font-size:1rem;padding:.45rem .6rem}.fotobox-button{margin:1rem auto 2rem;padding:.4rem .6rem}.description-container{grid-template-columns:1fr;row-gap:2rem}.how-it-works{grid-template-columns:1fr;row-gap:4rem}.numbers{height:60px;width:70px}.card-3d-inner{transform:none!important;box-shadow:none}}@media (min-width: 480px) and (orientation: portrait){.fotografie-header,.videografie-header,.fotobox-header{height:40px;top:50px}.imgBox{flex:0 0 50px;height:400px}.imgBox.active{flex-basis:200px}.imgPriceBox{opacity:1}.kontakt-button{background-color:#4866e0;opacity:1}.text-description h3{font-size:2.4rem;margin:.5rem auto}.text-description p{font-size:1.6rem;margin:1.4rem auto 2rem}.pricing-container{padding:1rem}.pricing-table{table-layout:fixed;width:100%;font-size:.9rem}.pricing-table th,.pricing-table td{font-size:1rem;padding:.8rem .6rem;white-space:normal;word-break:break-word}.price-row td{font-size:1rem;padding:.45rem .6rem}.box-leistungen{grid-template-columns:repeat(1,1fr);gap:2rem}.car-description,.wedding-description,.portrait-description,.animal-description{margin:auto}.description-container{grid-template-columns:repeat(2,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(1,1fr);row-gap:5rem}.numbers{height:70px;width:80px}.card-3d-inner{transform:none!important;box-shadow:none}}@media (min-width: 480px) and (orientation: landscape){.fotografie-header,.videografie-header,.fotobox-header{height:40px;top:50px}.box-leistungen{grid-template-columns:repeat(2,1fr);gap:3rem}.imgBox{flex:0 0 80px;height:300px}.imgBox.active{flex-basis:300px}.imgPriceBox{opacity:.8}.pricing-container{padding:1rem}.pricing-table{table-layout:fixed;width:100%;font-size:1.2rem}.pricing-table th,.pricing-table td{font-size:1.2rem;padding:1rem .6rem;white-space:normal;word-break:break-word}.price-row td{font-size:1.4rem;padding:.8rem .6rem}.description-container{grid-template-columns:repeat(2,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(1,1fr);row-gap:5rem}.numbers{height:70px;width:80px}}@media (min-width: 768px) and (orientation: portrait){.fotografie-header,.videografie-header,.fotobox-header{height:60px;top:80px}.box-leistungen{grid-template-columns:repeat(2,1fr);gap:2rem}.imgBox{flex:0 0 100px;height:600px}.imgBox.active{flex-basis:400px}.price-row td{font-size:1.4rem;padding:.8rem .6rem}.description-container{grid-template-columns:repeat(2,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(1,1fr);row-gap:6rem}.numbers{height:100px;width:100px}}@media (min-width: 768px) and (orientation: landscape){.fotografie-header,.videografie-header,.fotobox-header{height:80px;top:80px}.imgBox{flex:0 0 100px;height:600px}.imgBox.active{flex-basis:500px}.box-leistungen{grid-template-columns:repeat(2,1fr);gap:4rem}.description-container{grid-template-columns:repeat(3,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(3,1fr);row-gap:6rem}.numbers{height:100px;width:100px}}@media (min-width: 1024px) and (orientation: portrait){.fotografie-header,.videografie-header,.fotobox-header{height:80px;top:80px}.imgBox{height:800px}.imgBox.active{flex-basis:600px}.box-leistungen{grid-template-columns:repeat(2,1fr);gap:4rem}.car-description,.wedding-description,.portrait-description,.animal-description{margin:auto}.description-container{grid-template-columns:repeat(3,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(3,1fr);row-gap:6rem}}@media (min-width: 1024px) and (orientation: landscape){.fotografie-header,.videografie-header,.fotobox-header{height:60px;top:80px}.imgBox{flex:0 0 150px;height:500px}.imgBox.active{flex-basis:500px}.box-leistungen{grid-template-columns:repeat(2,1fr);gap:4rem}.description-container{grid-template-columns:repeat(3,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(3,1fr);row-gap:6rem}}@media (min-width: 1440px) and (orientation: portrait){.fotografie-header,.videografie-header,.fotobox-header{height:80px;top:80px}.imgBox{flex:0 0 200px;height:800px}.imgBox.active{flex-basis:600px}.box-leistungen{grid-template-columns:repeat(4,1fr);gap:4rem}.description-container{grid-template-columns:repeat(3,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(3,1fr);row-gap:6rem}.numbers{height:140px;width:140px}}@media (min-width: 1440px) and (orientation: landscape){.fotografie-header,.videografie-header,.fotobox-header{height:60px;top:80px}.imgBox{flex:0 0 200px;height:800px}.imgBox.active{flex-basis:700px}.box-leistungen{grid-template-columns:repeat(4,1fr);gap:4rem}.description-container{grid-template-columns:repeat(3,1fr);row-gap:3rem}.how-it-works{grid-template-columns:repeat(3,1fr);row-gap:6rem}.numbers{height:160px;width:160px}}.video-frame{background:transparent;border:none;display:block;margin:-10px auto;max-width:100%;overflow:hidden;padding:0;position:relative;width:100%}.responsive-video{aspect-ratio:16/9;border:none;display:block;height:auto;min-height:180px;position:relative;width:100%}.video-controls{display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:center;margin:-5rem auto 2rem;z-index:5}.video-control-button{background:#5c4747;border:none;color:#fff;padding:.3rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:1rem;height:2.1rem;justify-content:center;transition:transform .15s ease,background .15s ease;width:5rem;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.video-control-button:hover{background:#7a5f5f;transform:translateY(-2px)}.video-volume-slider{cursor:pointer;width:80px}.video-volume-slider:in-range{accent-color:#5c4747}.video-frame:before,.video-frame:after{background:var(--div-color);content:"";height:clamp(100px,12%,300px);left:0;position:absolute;right:0;pointer-events:none;transition:.3s;z-index:3}.video-frame:before{top:0}.video-frame:after{background:var(--div-color);bottom:0;transition:.3s}@media (max-width: 479px){.video-frame:before,.video-frame:after{height:clamp(40px,15%,150px)}.video-controls{gap:.5rem;margin:-2rem auto 1.5rem}.video-control-button{font-size:.9rem;height:1.8rem;width:3.5rem}.video-volume-slider{width:50px}}@media (min-width: 480px) and (orientation: portrait){.video-frame:before,.video-frame:after{height:clamp(50px,13%,200px)}.video-controls{gap:.6rem;margin:-3rem auto 1.8rem}.video-control-button{font-size:1rem;height:2rem;width:4.5rem}.video-volume-slider{width:70px}}@media (min-width: 480px) and (orientation: landscape){.video-frame:before,.video-frame:after{height:clamp(70px,10%,220px)}.video-controls{gap:.7rem;margin:-5rem auto 2rem}.video-control-button{font-size:1rem;height:2.1rem;width:5rem}.video-volume-slider{width:80px}}@media (min-width: 768px) and (orientation: portrait){.video-frame:before,.video-frame:after{height:clamp(80px,10%,250px)}.video-controls{gap:.8rem;margin:-4rem auto 2rem}.video-control-button{font-size:1rem;height:2.1rem;width:5rem}.video-volume-slider{width:80px}}@media (min-width: 768px) and (orientation: landscape){.video-frame:before,.video-frame:after{height:clamp(100px,8%,300px)}.video-controls{gap:.9rem;margin:-6rem auto 2rem}.video-control-button{font-size:1.1rem;height:2.2rem;width:5.5rem}.video-volume-slider{width:100px}}@media (min-width: 1024px) and (orientation: portrait){.video-frame:before,.video-frame:after{height:clamp(120px,8%,350px)}.video-controls{gap:1rem;margin:-5rem auto 2rem}.video-control-button{font-size:1.1rem;height:2.2rem;width:5.5rem}.video-volume-slider{width:100px}}@media (min-width: 1024px) and (orientation: landscape){.video-frame:before,.video-frame:after{height:clamp(100px,12%,300px)}.video-controls{gap:1.2rem;margin:-4rem auto 2rem}.video-control-button{font-size:1.4rem;height:2.4rem;width:6rem}.video-volume-slider{width:120px}}