.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.header.scrolled{box-shadow:0 2px 20px #0000001a;background:#fffffffa}.header-container{max-width:1200px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.logo{cursor:pointer;height:50px;display:flex;align-items:center}.logo img{height:100%;width:auto}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav a{color:var(--color-dark);font-size:1rem;transition:color .3s ease;position:relative}.nav a:hover{color:var(--color-orange)}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--color-orange);transition:width .3s ease}.nav a:hover:after{width:100%}.language-toggle{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:5px 10px;border-radius:5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.language-toggle:hover{background:var(--color-light-gray);transform:scale(1.1)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:transparent;padding:5px}.mobile-menu-toggle span{width:25px;height:2px;background:var(--color-dark);transition:all .3s ease}@media(max-width:768px){.mobile-menu-toggle{display:flex}.language-toggle{font-size:1.25rem;padding:3px 8px}.nav{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:var(--spacing-md);box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease}.nav.open{transform:translateY(0);opacity:1;pointer-events:all}.nav a{padding:var(--spacing-sm) 0;width:100%;text-align:center}.logo{height:40px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-purple);padding-top:80px;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:transparent;z-index:1}.hero-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--color-white)}.hero-content{animation:fadeInUp 1s ease-out}.hero-title{font-size:4rem;font-weight:300;margin-bottom:var(--spacing-md);color:var(--color-white);letter-spacing:2px}.hero-subtitle{font-size:1.75rem;font-weight:300;margin-bottom:var(--spacing-md);line-height:1.4;opacity:.95}.hero-description{font-size:1.25rem;margin-bottom:var(--spacing-lg);max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8;opacity:.9}.hero-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;border-radius:5px;transition:all .3s ease;font-weight:300;letter-spacing:.5px}.btn-primary{background:var(--color-white);color:var(--color-purple)}.btn-primary:hover{background:var(--color-light-gray);transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-secondary{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-secondary:hover{background:var(--color-white);color:var(--color-purple);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{min-height:90vh;padding-top:70px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}.services{background:var(--color-white);padding:var(--spacing-xl) var(--spacing-md)}.services-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;color:var(--color-purple);margin-bottom:var(--spacing-sm)}.section-subtitle{text-align:center;font-size:1.25rem;color:var(--color-gray);margin-bottom:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.service-card{background:var(--color-white);border:1px solid #e0e0e0;border-radius:10px;padding:var(--spacing-lg);transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #550c5526;border-color:var(--color-orange)}.service-icon{width:60px;height:60px;background:var(--color-orange);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-white)}.service-icon svg{width:30px;height:30px}.service-card h3{font-size:1.75rem;color:var(--color-purple);margin-bottom:var(--spacing-xs)}.service-subtitle{font-size:1rem;color:var(--color-orange);font-weight:500;margin-bottom:var(--spacing-md)}.service-description{color:var(--color-gray);line-height:1.8;margin-bottom:var(--spacing-md)}.service-features{list-style:none;padding:0}.service-features li{padding:var(--spacing-xs) 0;padding-left:25px;position:relative;color:var(--color-dark)}.service-features li:before{content:"✓";position:absolute;left:0;color:var(--color-orange);font-weight:700}.services-note{background:var(--color-light-gray);border-left:4px solid var(--color-orange);padding:var(--spacing-md);border-radius:5px;margin-top:var(--spacing-lg)}.services-note p{margin:0;color:var(--color-dark);line-height:1.6}@media(max-width:768px){.services-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.service-card{padding:var(--spacing-md)}}.about{background:var(--color-light-gray);padding:var(--spacing-xl) var(--spacing-md)}.about-container{max-width:1200px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.about-text{color:var(--color-dark)}.about-text .section-title{text-align:left;color:var(--color-purple);margin-bottom:var(--spacing-md)}.about-intro{font-size:1.25rem;font-weight:400;color:var(--color-purple);margin-bottom:var(--spacing-md);line-height:1.6}.about-text p{margin-bottom:var(--spacing-md);line-height:1.8;color:var(--color-gray)}.about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.highlight-item{background:var(--color-white);padding:var(--spacing-md);border-radius:8px;border-top:3px solid var(--color-orange)}.highlight-item h4{color:var(--color-purple);font-size:1rem;margin-bottom:var(--spacing-xs)}.highlight-item p{font-size:.9rem;color:var(--color-gray);margin:0;line-height:1.5}.about-image{display:flex;align-items:center;justify-content:center}.company-image{width:100%;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease}.company-image:hover{transform:scale(1.02)}@media(max-width:1024px){.about-content{grid-template-columns:1fr}.about-text .section-title{text-align:center}.about-image{order:-1}.image-placeholder{height:300px}}@media(max-width:768px){.about-highlights{grid-template-columns:1fr}}.contact{background:var(--color-white);padding:var(--spacing-xl) var(--spacing-md)}.contact-container{max-width:1200px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.contact-info{background:var(--color-light-gray);padding:var(--spacing-lg);border-radius:10px;height:fit-content}.contact-info h3{color:var(--color-purple);font-size:1.5rem;margin-bottom:var(--spacing-md)}.info-item{margin-bottom:var(--spacing-md)}.info-item strong{display:block;color:var(--color-dark);margin-bottom:var(--spacing-xs);font-weight:500}.info-item p{color:var(--color-gray);margin:0;line-height:1.6}.info-item a{color:var(--color-orange);transition:color .3s ease}.info-item a:hover{color:var(--color-purple)}.contact-form{background:var(--color-white);border:1px solid #e0e0e0;border-radius:10px;padding:var(--spacing-lg);box-shadow:0 2px 10px #0000000d}.form-success{background:#d4edda;color:#155724;padding:var(--spacing-md);border-radius:5px;margin-bottom:var(--spacing-md);border:1px solid #c3e6cb}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-dark);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid #ddd;border-radius:5px;font-family:var(--font-primary);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-orange)}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-message{display:block;color:#dc3545;font-size:.875rem;margin-top:var(--spacing-xs)}.contact-form .btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-purple);color:var(--color-white);font-size:1rem;border-radius:5px;transition:all .3s ease}.contact-form .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #550c554d}.consent-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.consent-checkbox input[type=checkbox]{margin-top:4px;width:auto;cursor:pointer;flex-shrink:0}.consent-checkbox label{font-size:.9rem;line-height:1.6;color:var(--color-dark);cursor:pointer;margin:0}.consent-checkbox.error{border:1px solid #dc3545;border-radius:5px;padding:var(--spacing-xs);background:#dc35450d}.consent-link{background:none;border:none;color:var(--color-orange);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;transition:color .3s ease}.consent-link:hover{color:var(--color-purple)}@media(max-width:1024px){.contact-content{grid-template-columns:1fr}}@media(max-width:768px){.contact-form,.contact-info{padding:var(--spacing-md)}}.footer{background:var(--color-dark);color:var(--color-white);padding:var(--spacing-xl) var(--spacing-md) var(--spacing-md)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h4{color:var(--color-white);font-size:1.25rem;margin-bottom:var(--spacing-md);font-weight:400}.footer-section p{color:#fffc;line-height:1.8;margin-bottom:var(--spacing-xs)}.footer-section a{color:#fffc;transition:color .3s ease}.footer-section a:hover{color:var(--color-orange)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:var(--spacing-xs)}.footer-link{background:none;border:none;color:#fffc;cursor:pointer;padding:0;font-size:1rem;transition:color .3s ease;text-align:left;font-family:var(--font-primary)}.footer-link:hover{color:var(--color-orange)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md);text-align:center}.footer-bottom p{color:#fff9;font-size:.9rem;margin:0}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-section,.footer-section ul{text-align:center}}.legal-overlay{position:fixed;inset:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow-y:auto}.legal-modal{background:var(--color-white);border-radius:10px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 50px #0000004d;animation:fadeIn .3s ease}.legal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;font-size:2rem;color:var(--color-gray);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:1}.legal-close:hover{background:var(--color-light-gray);color:var(--color-dark)}.legal-content{padding:var(--spacing-xl)}.legal-content h2{color:var(--color-purple);margin-bottom:var(--spacing-lg);font-size:2rem}.legal-content section{margin-bottom:var(--spacing-lg)}.legal-content h3{color:var(--color-purple);font-size:1.25rem;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.legal-content h4{color:var(--color-dark);font-size:1.1rem;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md)}.legal-content p{color:var(--color-gray);line-height:1.8;margin-bottom:var(--spacing-sm)}@media(max-width:768px){.legal-modal{max-height:95vh}.legal-content{padding:var(--spacing-lg) var(--spacing-md)}.legal-content h2{font-size:1.5rem;padding-right:var(--spacing-md)}}.datenschutz-overlay{position:fixed;inset:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow-y:auto}.datenschutz-modal{background:var(--color-white);border-radius:10px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 50px #0000004d;animation:fadeIn .3s ease}.datenschutz-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;font-size:2rem;color:var(--color-gray);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:1}.datenschutz-close:hover{background:var(--color-light-gray);color:var(--color-dark)}.datenschutz-content{padding:var(--spacing-xl)}.datenschutz-content h2{color:var(--color-purple);margin-bottom:var(--spacing-lg);font-size:2rem}.datenschutz-content section{margin-bottom:var(--spacing-lg)}.datenschutz-content h3{color:var(--color-purple);font-size:1.5rem;margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.datenschutz-content h4{color:var(--color-dark);font-size:1.2rem;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md);font-weight:500}.datenschutz-content p{color:var(--color-gray);line-height:1.8;margin-bottom:var(--spacing-md)}.datenschutz-content ul{margin-left:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-gray);line-height:1.8}.datenschutz-content li{margin-bottom:var(--spacing-sm)}.datenschutz-content a{color:var(--color-orange);text-decoration:underline;transition:color .3s ease}.datenschutz-content a:hover{color:var(--color-purple)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.datenschutz-modal{max-height:95vh}.datenschutz-content{padding:var(--spacing-lg) var(--spacing-md)}.datenschutz-content h2{font-size:1.5rem;padding-right:var(--spacing-md)}.datenschutz-content h3{font-size:1.25rem}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:1500;background:var(--color-white);box-shadow:0 -2px 20px #00000026;padding:var(--spacing-md);animation:slideUp .3s ease-out}.cookie-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.cookie-banner-text{flex:1;min-width:300px}.cookie-banner-text h4{color:var(--color-purple);font-size:1.1rem;margin-bottom:var(--spacing-xs);font-weight:500}.cookie-banner-text p{color:var(--color-gray);font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-xs)}.cookie-essential{font-size:.85rem;color:var(--color-gray);font-style:italic;margin-top:var(--spacing-xs)}.cookie-privacy-link{background:none;border:none;color:var(--color-orange);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;transition:color .3s ease}.cookie-privacy-link:hover{color:var(--color-purple)}.cookie-banner-buttons{display:flex;gap:var(--spacing-sm);flex-shrink:0}.cookie-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:5px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.cookie-btn-accept{background:var(--color-purple);color:var(--color-white)}.cookie-btn-accept:hover{background:var(--color-orange);transform:translateY(-2px);box-shadow:0 4px 10px #550c554d}.cookie-btn-reject{background:transparent;color:var(--color-dark);border-color:var(--color-gray)}.cookie-btn-reject:hover{background:var(--color-light-gray);border-color:var(--color-dark)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.cookie-banner{padding:var(--spacing-sm)}.cookie-banner-content{flex-direction:column;align-items:stretch}.cookie-banner-buttons{width:100%;flex-direction:column}.cookie-btn{width:100%}.cookie-banner-text{min-width:auto}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1}:root{--color-orange: #ff6909;--color-purple: #550c55;--color-white: #ffffff;--color-dark: #1a1a1a;--color-light-gray: #f5f5f5;--color-gray: #666666;--font-primary: "Avenir Light", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--breakpoint-mobile: 320px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-dark);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}a{text-decoration:none;color:inherit}button{font-family:var(--font-primary);cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto;display:block}section{padding:var(--spacing-xl) var(--spacing-md)}@media(max-width:768px){section{padding:var(--spacing-lg) var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.75rem}}