:root{--color-dark:#262626;--color-light:#FFFBF2;--color-lightdark:#616161;--color-accent:#34AB00;--font-base:16px;--fontsize-tiny:clamp(0.9rem, 1.1vw, 1rem);--fontsize-small:clamp(1rem, 1.4vw, 1.2rem);--fontsize-text:clamp(1.2rem, 2vw, 1.7rem);--fontsize-h3:clamp(1.8rem, 2.5vw, 2.2rem);--fontsize-h2:clamp(2.2rem, 3.5vw, 3rem);--fontsize-h1:clamp(2.8rem, 4.5vw, 4rem)}@media(max-width:768px){:root{--fontsize-tiny:clamp(0.9rem, 1.1vw, 1rem);--fontsize-small:clamp(1.3rem, 1.7vw, 1.6rem);--fontsize-text:clamp(1.6rem, 3vw, 2rem);--fontsize-h3:clamp(2.3rem, 3vw, 2.7rem);--fontsize-h2:clamp(3rem, 5.5vw, 3.5rem);--fontsize-h1:clamp(3.5rem, 5vw, 4.5rem)}}html,body{overflow-x:hidden}body{width:100vw;box-sizing:border-box}*{max-width:100vw;box-sizing:border-box}body{font-family:libre franklin,sans-serif;font-weight:400}h1{font-size:var(--fontsize-h1);font-weight:700;line-height:1.2;margin-bottom:1.5rem}h2{font-size:var(--fontsize-h2);font-weight:600;line-height:1.3;margin-bottom:1.5rem;text-align:center}h3{font-size:var(--fontsize-h3);font-weight:600;line-height:1.3;margin-bottom:1rem}p{font-size:var(--fontsize-text);line-height:1.6;margin-bottom:1rem}html{scroll-behavior:smooth}#about,#portfolio,#hero{scroll-margin-top:5rem}.navbar.navbar-default{background-color:rgba(255,251,242,0);color:var(--color-light);transition:background-color .3s ease,color .3s ease;border-bottom:none;box-shadow:none}.navbar.navbar-default .navbar-brand{color:var(--color-light)!important;font-size:var(--fontsize-text);font-weight:700;text-transform:none;transition:color .3s ease;text-shadow:0 2px 6px rgba(0,0,0,.3)}@media(max-width:768px){.navbar.navbar-default .navbar-brand{font-size:calc(var(--fontsize-text)*1.2);padding-top:2.5rem}}.navbar.navbar-default .navbar-nav>li>a{color:var(--color-light)!important;font-size:var(--fontsize-text);font-weight:400;transition:color .3s ease;text-shadow:0 2px 6px rgba(0,0,0,.4)}@media(max-width:768px){.navbar.navbar-default .navbar-nav>li>a{text-shadow:0 2px 6px transparent}}.navbar.navbar-default .navbar-nav>li>a:hover,.navbar.navbar-default .navbar-nav.navbar-right>li>a:hover{color:#1db954}.navbar-nav.navbar-right{display:flex;align-items:center;justify-content:flex-end;gap:2rem;padding:1rem}.navbar .navbar-right .btn-getstarted{padding:0 1.2rem;font-size:calc(var(--fontsize-text)*.9);font-weight:600;line-height:30px;background-color:rgba(var(--color-light),.5);color:var(--color-light);border:1.5px solid var(--color-light);border-radius:8px;display:inline-block;transition:all .3s ease}.navbar .navbar-right .btn-getstarted:hover{background-color:color-mix(in srgb,var(--color-light) 30%,transparent);border-color:var(--color-light);color:var(--color-light)}.navbar.navbar-default.scrolled{background-color:var(--color-dark)!important;color:var(--color-light)!important}.navbar.navbar-default.scrolled .navbar-brand,.navbar.navbar-default.scrolled .navbar-nav>li>a,.navbar.navbar-default.scrolled .navbar-nav.navbar-right>li>a{color:var(--color-light)!important}@media(max-width:768px){.navbar.navbar-default .navbar-brand{opacity:0;transition:color .3s ease}.navbar.navbar-default.scrolled .navbar-brand{opacity:1}}.navbar-toggle.open .top-bar{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.open .middle-bar{opacity:0}.navbar-toggle.open .bottom-bar{transform:rotate(-45deg)translate(5px,-5px)}.navbar-toggle .icon-bar{transition:all .3s ease}.hamburger-icon{display:inline;font-size:1.5rem;color:var(--color-light)}.close-icon{display:none;font-size:1.5rem;color:var(--color-light)}.navbar-toggle.open .hamburger-icon{display:none}.navbar-toggle.open .close-icon{display:inline}.navbar-toggle i{font-size:1.5em;color:var(--color-light);transition:color .3s ease,transform .3s ease}.navbar-toggle.open i.bi-x-lg{color:var(--color-dark)}.navbar-toggle.open,.navbar-toggle.collapsed,.navbar-toggle:focus,.navbar-toggle:active{background-color:initial!important;box-shadow:none!important;outline:none!important}.navbar-toggle.open{border:1.5px solid var(--color-dark);border-radius:6px;background-color:var(--color-light)}.language-switcher{display:flex!important;flex-direction:row!important;height:100%;gap:.5rem;font-size:var(--fontsize-text)}.language-switcher .flag-icon{width:var(--fontsize-h4);height:auto;*/ vertical-align: middle}.language-switcher .lang-link{color:var(--color-light);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.25rem;opacity:.5}.language-switcher .lang-link.active{opacity:1}.language-switcher .lang-link:hover{opacity:.9}.language-switcher .separator{color:var(--color-light);opacity:.8;display:inline-block;margin:0 .25rem;vertical-align:middle}@media(max-width:768px){.navbar-toggle i{font-size:4rem;padding-left:0;padding-right:0}.navbar-toggle{padding:.7rem}.navbar-collapse.collapse{position:fixed;top:0;right:-80vw;width:80vw;height:100vh;background-color:var(--color-light);z-index:1050;transition:right .3s ease;display:flex;flex-direction:column;padding:0;box-sizing:border-box;overflow-y:auto}.navbar-collapse.collapse .mobile-menu-wrapper{flex:auto;display:flex;flex-direction:column;justify-content:space-between;padding:7rem 5rem 2rem 2rem;box-sizing:border-box}.navbar-collapse.collapse .menu-links{display:flex;flex-direction:column;align-items:flex-end;gap:2rem;overflow-y:auto}.navbar-collapse.collapse .menu-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.navbar-toggle{z-index:1060;border:1.5px solid var(--color-light);border-radius:6px;background:0 0;padding:.5rem;outline:none}.navbar-nav.navbar-right{flex-direction:column;align-items:flex-end}.navbar-nav.navbar-right .language-switcher{order:2}.navbar-nav.navbar-right .btn-getstarted{order:1}.navbar-collapse.collapse.open{right:0}.navbar-collapse.collapse .navbar-nav{flex-direction:column;text-align:right;margin:0;padding:0}.navbar-collapse.collapse .navbar-nav>li>a{padding:1rem 0;color:var(--color-dark)!important;font-size:var(--fontsize-h3)}.navbar-collapse.collapse .navbar-nav>li>a:hover{color:var(--color-accent)}.navbar-collapse.collapse .navbar-right{flex-direction:column;align-items:flex-end;margin-top:2rem;gap:1rem}.mobile-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);z-index:1040;transition:opacity .3s ease;opacity:0}.mobile-overlay.active{display:block;opacity:1}.navbar-collapse.collapse .btn-getstarted{border:1.8px solid var(--color-dark);font-size:calc(var(--fontsize-text)*1.2);font-weight:500;background-color:initial!important;color:var(--color-dark)!important;border-color:var(--color-dark)!important;margin-bottom:3rem;padding:.3rem 1rem}.navbar-collapse.collapse .btn-getstarted:hover{border:1.8px solid var(--color-dark);background-color:var(--color-dark)!important;color:var(--color-light)!important}.navbar-collapse.collapse .language-switcher{color:#000;font-size:.95rem;padding-bottom:3rem}.navbar-collapse.collapse .language-switcher i{font-size:5rem}.navbar-collapse.collapse .language-switcher .lang-link{color:var(--color-dark)!important;text-decoration:none;font-weight:400;font-size:var(--fontsize-text);display:flex;align-items:center;gap:.3rem;*/}.navbar-collapse.collapse .language-switcher .separator{color:var(--color-light)!important}}.container{max-width:1200px;margin-inline:auto;padding-left:clamp(1rem,10vw,5rem);padding-right:clamp(1rem,10vw,5rem);padding-top:10rem;padding-bottom:10rem;width:100%;box-sizing:border-box}@media(max-width:768px){.container{padding-inline:3rem;padding-top:7rem;padding-bottom:7rem}}.portfolio-section{background-color:var(--color-dark)}.process-section{background-color:var(--color-light);color:var(--color-dark)}.about-section{background-color:var(--color-dark);color:var(--color-light)}.contact-section{background-color:var(--color-light);color:var(--color-dark);padding-bottom:15rem}#contact .container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.7rem}.hero-section{position:relative;width:100%;height:70vh;background-image:url(/images/IMG_5133_16zu9_klein_bearbeitet.jpeg);background-size:cover;background-position:50%}.hero-overlay{width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:flex-start}@media(min-width:768px){.hero-overlay{justify-content:flex-start;text-align:left}}.hero-content{color:var(--color-light);max-width:50ch}.hero-content h1{margin-bottom:0;text-shadow:0 2px 6px rgba(0,0,0,.3)}.hero-content h3{margin-bottom:1.2rem;text-shadow:0 2px 6px rgba(0,0,0,.3)}.hero-content p{margin-bottom:5rem;font-size:calc(var(--fontsize-text)*1);text-shadow:0 2px 6px rgba(0,0,0,.3)}.portfolio-section .section-title{color:var(--color-light)}.portfolio-section .section-title i{font-size:calc(var(--fontsize-h1)*1.2)}.song-list{list-style:none;padding:0;margin:0 auto;margin-top:5rem;margin-bottom:5rem;border-radius:10px;overflow:hidden;background-color:var(--color-light);max-width:450px;justify-content:center}.song-item{display:flex;align-items:center;padding:.3rem}.song-separator{border:none;border-top:1px solid var(--color-dark);margin:0 1rem}.song-player{width:70px;text-align:center;position:relative;margin-right:1rem}.song-info{flex:1;display:flex;flex-direction:column;justify-content:center}.song-info h3{margin:0;font-size:var(--fontsize-text);font-weight:600;color:var(--color-dark)}.song-info p{margin:.2rem 0 0;color:var(--color-dark);font-size:var(--fontsize-small);font-weight:300}.jp-button-wrapper{position:relative;width:60px;height:60px;margin:0 auto}.jp-circle{position:absolute;top:0;left:0;transform:rotate(-90deg);pointer-events:none}.jp-progress-bg{fill:none;stroke:var(--color-dark);opacity:.3}.jp-progress-ring{fill:none;stroke:var(--color-accent);stroke-dasharray:138;stroke-dashoffset:138;transition:stroke-dashoffset .1s linear}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border:none;background:var(--color-dark);color:var(--color-light);border-radius:50%;font-size:1.6rem;cursor:pointer;transition:background .3s ease,color .3s ease}.play-btn:hover{background:var(--color-accent);color:var(--color-dark)}.play-btn i{font-size:2.2rem;pointer-events:none}.portfolio-btn-wrapper{text-align:center}.process-section .section-title{margin-bottom:6rem}.steps-container{display:flex;flex-direction:column;align-items:center;margin:0 auto;gap:2rem;max-width:600px;margin-bottom:5rem}.process-step{margin-bottom:0}.process-step .step-header i{font-size:var(--fontsize-h2);color:var(--color-dark)}.process-step .step-header i.bi-sliders2-vertical,.process-step .step-header i.bi-mic,.process-step .step-header i.bi-clipboard-check,.process-step .step-header i.bi-pencil{font-size:1.7em;padding-left:.1em}.process-step .step-header i.bi-patch-check{vertical-align:bottom;margin-right:.3em}.process-step .step-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.process-step .step-title{font-size:var(--fontsize-h3);font-weight:600;margin:0;padding-left:.5rem}.process-step .step-text{font-size:var(--fontsize-text);line-height:1.6;margin:0;padding-top:1rem;padding-left:.7rem}.process-step.final-note{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:600px;margin:0 auto}.final-note .step-title{font-size:var(--fontsize-h3);font-weight:600;display:flex;align-items:center;gap:.5rem}.final-note .step-title i{font-size:1.5em;line-height:1}.final-note-content{display:flex;align-items:flex-start;gap:1rem;width:100%}.final-note-content i{font-size:2em;flex-shrink:0;line-height:1}.final-note-content p{margin:0;font-weight:600;font-size:calc(var(--fontsize-text)*1.2);line-height:1.3}@media(max-width:768px){.process-step .step-header{flex-direction:row;gap:.5rem}.process-step .step-text{padding-left:0}}.about-content{display:flex;align-items:flex-start;gap:5rem;max-width:900px;margin:0 auto}.about-image img{width:300px;border:8px solid var(--color-light);border-radius:0;object-fit:cover}.about-text{flex:1;font-weight:400;color:var(--color-light);line-height:1.7;font-size:var(--fontsize-text);text-align:left}@media(max-width:768px){.about-content{flex-direction:column;align-items:center;text-align:center}.about-image img{width:100%}.about-text{padding:.8em}}.section-title i{font-size:1em;vertical-align:middle;margin-left:.3rem}.contact-content h2{font-size:var(--fontsize-h2);font-weight:700;margin-bottom:2rem}.contact-content p{font-size:var(--fontsize-text);font-weight:400;margin-bottom:2rem}.btn-getstarted{background-color:var(--color-dark);border:2px solid var(--color-dark);color:var(--color-light);padding:1rem 2rem;border-radius:7px;font-weight:600;font-size:2rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-getstarted:hover{background-color:var(--color-light);border-color:var(--color-dark);color:var(--color-dark);text-decoration:none}.hero-btn{background-color:initial;border:2px solid var(--color-light);color:var(--color-light);font-size:calc(var(--fontsize-text)*1.4);text-shadow:0 2px 6px rgba(0,0,0,.1)}.hero-btn:hover{background-color:color-mix(in srgb,var(--color-light) 30%,transparent);border:2px solid var(--color-light);color:var(--color-light)}.portfolio-btn{background-color:var(--color-light);border:2px solid var(--color-light);color:var(--color-dark);font-size:1.8rem;padding:1rem 2rem;font-weight:600;transition:all .3s ease}.portfolio-btn:hover{background-color:var(--color-dark);border-color:var(--color-light);color:var(--color-light)}.getstarted-embed{position:relative;width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.getstarted-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.tally-wrapper{width:50%;max-width:700px;margin:0 auto;padding:2rem 0}.tally-wrapper iframe{width:100%;height:600px}@media(max-width:768px){.tally-wrapper{width:90%;padding:1rem}.tally-wrapper iframe{height:500px}}