@import"https://fonts.googleapis.com/css2?family=Trispace:wght@200;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap";html,body,#root{margin:0;padding:0;width:100%;height:100%}#root{display:flex;flex-direction:column;min-height:100vh}.impressum-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.impressum-container{background-color:#f0ede7;border-radius:10px;max-width:800px;max-height:90vh;width:100%;overflow-y:auto;position:relative}.impressum-header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px 20px;border-bottom:1px solid #ddd;position:sticky;top:0;background-color:#f0ede7;z-index:1001}.impressum-header h1{font-family:Playfair Display,serif;font-size:2rem;font-weight:400;color:#1a1a1a;margin:0}.close-button{background:none;border:none;font-size:2rem;color:#1a1a1a;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-button:hover{background-color:#1a1a1a1a}.impressum-content{padding:30px 40px 40px}.impressum-section{margin-bottom:30px}.impressum-section h2{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:500;color:#1a1a1a;margin-bottom:15px}.impressum-section h3{font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:600;color:#1a1a1a;margin-bottom:15px}.impressum-section p{font-family:Manrope,sans-serif;font-size:.95rem;font-weight:400;color:#333;line-height:1.6;margin-bottom:10px}.impressum-section p:last-child{margin-bottom:0}.impressum-section strong{font-weight:600}@media (max-width: 768px){.impressum-overlay{padding:10px}.impressum-container{max-height:95vh;border-radius:5px}.impressum-header{padding:20px 20px 15px}.impressum-header h1{font-size:1.5rem}.impressum-content{padding:20px}.impressum-section{margin-bottom:25px}.impressum-section h2{font-size:1.3rem}.impressum-section h3{font-size:1.1rem}.impressum-section p{font-size:.9rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Trispace,monospace;min-height:100vh;background:#f0ede7;display:flex;flex-direction:column;align-items:center;padding:0;margin:0;position:relative}.App{width:100%;min-height:100vh;background:#f0ede7;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:20px}.main-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;text-align:left;padding:40px 40px 40px 10px}.name-container{display:flex;flex-direction:column;align-items:flex-start}.name-title{font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,8rem);font-weight:400;color:#1a1a1a;text-align:left;margin-bottom:20px;line-height:1.1}.portfolio-subtitle{font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:300;color:#1a1a1a;text-align:left;margin:0 0 40px}.email-button{font-family:Manrope,sans-serif;font-size:clamp(.9rem,2vw,1.2rem);font-weight:500;color:#fff;background-color:#1a1a1a;border:none;padding:14px 28px;border-radius:50px;text-decoration:none;display:inline-block;transition:all .3s ease;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.email-button:hover{background-color:#333;color:#fff;transform:translateY(-2px)}.button-container{display:flex;align-items:center;gap:20px}.instagram-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#f0ede7,#fdeaea);border:1px solid #1a1a1a;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;text-decoration:none}.instagram-circle:hover{background:linear-gradient(135deg,#fdeaea,#f0ede7);transform:translateY(-2px)}.instagram-icon{width:24px;height:24px;color:#1a1a1a}.impressum-footer{position:fixed;bottom:20px;left:20px;z-index:100}.impressum-link{background:none;border:none;font-family:Manrope,sans-serif;font-size:.85rem;font-weight:400;color:#8b8075;cursor:pointer;transition:color .3s ease;text-decoration:none;padding:0}.impressum-link:hover{color:#6d6457}.process-section{margin-top:150px;text-align:center;position:relative;padding:100px 40px;background:#fff}.process-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;color:#1a1a1a;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.3}.process-steps{display:flex;flex-direction:column;align-items:center;gap:60px;max-width:800px;margin:0 auto}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 15px 30px;border-radius:20px;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #000000;transition:all .3s ease;position:relative;max-width:350px;margin:0 auto}.process-step:before{content:attr(data-step);position:absolute;top:-37px;left:25px;background:#b2caff;color:#1a1a1a;padding:8px 16px;border-radius:12px 12px 0 0;border:1px solid #000000;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:600}.process-step[data-step="Schritt 1"]:before{left:25px}.process-step[data-step="Schritt 2"]:before{left:75px}.process-step[data-step="Schritt 3"]:before{left:125px}.process-step[data-step="Schritt 4"]:before{left:175px}.process-step:hover{transform:translateY(-5px);background:#ffffff80;box-shadow:0 15px 35px #0000001a}.process-icon-container{width:100px;height:100px;margin-bottom:20px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.process-content{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.process-icon{width:85px;height:85px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.process-step-title{font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:600;color:#1a1a1a;margin-bottom:15px}.process-step-description{font-family:Manrope,sans-serif;font-size:.95rem;font-weight:400;color:#555;line-height:1.6;max-width:250px}.section-three{margin-top:200px;text-align:center;position:relative;padding:250px 40px;background-color:#b2caff;margin-left:-100vw;margin-right:-100vw;padding-left:calc(100vw - 50%);padding-right:calc(100vw - 50%)}.section-three:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#ebebeb,#ebebebcc 20%,#b2caff4d 50%,#b2caff99 70%,#b2caff);z-index:0}.contact-title{font-family:Manrope,sans-serif;font-size:clamp(1.2rem,2.8vw,1.8rem);font-weight:400;color:#1a1a1a;margin-bottom:40px;position:relative;z-index:20}.email-button{display:flex;justify-content:center;position:relative;z-index:20}.email-btn{background-color:#b2caff;color:#1a1a1a;border:1px solid #000000;padding:12px 24px;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;border-radius:25px;position:relative;z-index:20}.footer-left{display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-left:0}.footer-impressum{font-family:Trispace,monospace;font-size:16px;font-weight:400;color:#fff;margin:0}.footer-icons{display:flex;gap:15px;align-items:center}.footer-icon{width:24px;height:24px;stroke:#fff;transition:transform .3s ease;cursor:pointer}.footer-right{text-align:left}.footer-title{font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:400;color:#fff;margin:0;line-height:1.2}@media (max-width: 768px){.luisa-img{max-width:450px}.designer-btn{padding:10px 20px;font-size:14px}.section-two{padding:60px 20px}.section-two:before{width:90%;max-width:400px;height:280px}.section-two:after{width:60px;height:60px;top:calc(50% - 140px)}.contact-section-btn{padding:10px 20px;font-size:14px}.process-section{padding:80px 20px;margin-top:100px}.process-title{font-size:clamp(1.5rem,5vw,2.2rem);margin-bottom:60px}.process-steps{gap:30px}.process-step{padding:45px 10px 25px;flex-direction:column;align-items:center;text-align:center;max-width:300px;margin:0 auto}.process-step:before{top:-25px;left:20px;font-size:.8rem;padding:6px 12px}.process-step[data-step="Schritt 1"]:before{left:20px}.process-step[data-step="Schritt 2"]:before{left:60px}.process-step[data-step="Schritt 3"]:before{left:100px}.process-step[data-step="Schritt 4"]:before{left:140px}.process-icon-container{width:100px;height:100px;margin-bottom:25px;margin-right:0}.process-icon{width:65px;height:65px}.process-step-title{font-size:1.2rem}.process-step-description{font-size:.9rem;max-width:280px}.section-three{padding:180px 20px}.section-three:before{width:280px;height:280px}.contact-title{font-size:clamp(1rem,2.4vw,1.5rem)}.email-btn{padding:10px 20px;font-size:14px}.main-content{padding:40px 20px 40px 10px}.email-button{font-size:clamp(1rem,3vw,1.3rem);padding:16px 32px;font-weight:600}.button-container{gap:15px;flex-direction:row}.instagram-circle{width:45px;height:45px}.instagram-icon{width:20px;height:20px}.impressum-footer{bottom:15px;left:15px}.impressum-link{font-size:.8rem}.logo{top:20px;left:20px;width:50px}}@media (max-width: 480px){.App{padding-top:50px}.luisa-img{max-width:350px}.process-section{padding:60px 15px;margin-top:80px}.process-title{font-size:clamp(1.3rem,6vw,1.8rem);margin-bottom:50px}.process-steps{gap:40px}.process-step{padding:40px 10px 20px;border-radius:15px;flex-direction:column;align-items:center;text-align:center;max-width:250px;margin:0 auto}.process-step:before{top:-23px;left:15px;font-size:.75rem;padding:5px 10px}.process-step[data-step="Schritt 1"]:before{left:15px}.process-step[data-step="Schritt 2"]:before{left:50px}.process-step[data-step="Schritt 3"]:before{left:85px}.process-step[data-step="Schritt 4"]:before{left:120px}.process-icon-container{width:80px;height:80px;margin-bottom:20px;margin-right:0}.process-icon{width:50px;height:50px}.process-step-title{font-size:1.1rem;margin-bottom:12px}.process-step-description{font-size:.85rem;max-width:250px;line-height:1.5}}