:root{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#ec4899;--text-color:#1f2937;--light-bg:#f8fafc;--white:#fff;--shadow:0 10px 30px -5px #00000026;--glow:0 0 20px #6366f180}[data-theme=dark]{--primary-color:#818cf8;--secondary-color:#a78bfa;--accent-color:#f472b6;--text-color:#e5e7eb;--light-bg:#1f2937;--white:#111827;--shadow:0 10px 30px -5px #00000080;--glow:0 0 20px #818cf880}[data-theme=dark] body{color:var(--text-color);background:#0f172a}[data-theme=dark] .navbar{background:#111827cc;border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}[data-theme=dark] .service-card,[data-theme=dark] .contact-form,[data-theme=dark] .admin-placeholder,[data-theme=dark] .login-box,[data-theme=dark] .service-item{background:#1e293b99;border:1px solid #ffffff12;box-shadow:0 10px 30px #0000004d}[data-theme=dark] .footer{background:linear-gradient(135deg,#0f172a 0%,#020617 100%)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{color:#e5e7eb;background:#1e293b;border-color:#374151}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#6b7280}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--primary-color);background:#1e293b}[data-theme=dark] .image-placeholder{background:linear-gradient(135deg,#1e293b,#1e3a5f)}[data-theme=dark] .contact-item{background:#1e293b}[data-theme=dark] .skill-tag{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff!important}[data-theme=dark] p{color:#d1d5db}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#f3f4f6}[data-theme=dark] .service-card p{color:#9ca3af}[data-theme=dark] .hero-subtitle,[data-theme=dark] .cta-section p,[data-theme=dark] .page-header p{color:#f3f4f6}[data-theme=dark] .hamburger span{background:#f3f4f6}[data-theme=dark] .services-detail{background:#0f172a}[data-theme=dark] .services-detail--bg{background:linear-gradient(#0f172a8c 0% 100%),url(/img/dienstleistung_dark.png) 50%/cover}html:not([data-theme=dark]) .services-detail--bg{background:linear-gradient(#ffffff8c 0% 100%),url(/img/dienstleistung_light.jpg) 50%/cover}html:not([data-theme=dark]) .services-detail--bg .service-item{background:#ffffff8c;border:1px solid #fff9;box-shadow:0 10px 30px #00000014}[data-theme=dark] .about-content,[data-theme=dark] .contact-content{background:#0f172a}[data-theme=dark] .logo{color:#f3f4f6}[data-theme=dark] label{color:#e5e7eb!important}[data-theme=dark] ul li{color:#d1d5db}[data-theme=dark] .services-overview{background:#0f172a}[data-theme=dark] .page-header,[data-theme=dark] .page-header--services,[data-theme=dark] .cta-section{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}[data-theme=dark] .hero{background:linear-gradient(135deg,#1e293b 0%,#312e81 25%,#6b21a8 50%,#1e40af 75%,#0f172a 100%)}[data-theme=dark] .footer-section h3,[data-theme=dark] .footer-section h4{color:#f3f4f6}[data-theme=dark] a{color:inherit}[data-theme=dark] .service-content h2{color:#f3f4f6}[data-theme=dark] .support-card{background:#1e293b!important}[data-theme=dark] .support-card h4,[data-theme=dark] .support-card p{color:#e5e7eb!important}[data-theme=dark] .highlight{background:linear-gradient(135deg,#422006 0%,#713f12 100%)!important;border-left-color:#f59e0b!important}[data-theme=dark] .admin-info{background:linear-gradient(135deg,#1e293b80,#1f3a5f80)!important;border-color:#6366f14d!important}[data-theme=dark] .about-text h2,[data-theme=dark] .about-text h3,[data-theme=dark] .contact-info h2{color:#f3f4f6!important}[data-theme=dark] .logo{-webkit-text-fill-color:#f3f4f6!important;color:#f3f4f6!important}[data-theme=dark] .services-overview h2{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color))!important;-webkit-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .service-card i{-webkit-text-fill-color:var(--primary-color)!important;color:var(--primary-color)!important}[data-theme=dark] .page-header h1{color:#fff!important}[data-theme=dark] .contact-info h2,[data-theme=dark] .contact-form h3,[data-theme=dark] .about-text h2{-webkit-text-fill-color:#f3f4f6!important;color:#f3f4f6!important}[data-theme=dark] .service-content h2,[data-theme=dark] .service-icon i{-webkit-text-fill-color:#818cf8!important;color:#818cf8!important}[data-theme=dark] .image-placeholder i,[data-theme=dark] .contact-item i,[data-theme=dark] .user-info i,[data-theme=dark] .admin-placeholder i{-webkit-text-fill-color:var(--primary-color)!important;color:var(--primary-color)!important}[data-theme=dark] .footer-section h3,[data-theme=dark] .footer-section h4{-webkit-text-fill-color:#f3f4f6!important;color:#f3f4f6!important}[data-theme=dark] .hero-content h1{text-shadow:0 4px 20px #000c;color:#fff!important}[data-theme=dark] .hero-subtitle{color:#f3f4f6!important}[data-theme=dark] .cta-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;color:#fff!important}[data-theme=dark] .cta-section h2{text-shadow:0 0 40px #ec489966;color:#fff!important}[data-theme=dark] .cta-section p,[data-theme=dark] .service-card h3{color:#f3f4f6!important}[data-theme=dark] .contact-item div p,[data-theme=dark] .contact-item div strong{color:#e5e7eb!important}[data-theme=dark] .service-item h2{-webkit-text-fill-color:#f3f4f6!important;color:#f3f4f6!important}[data-theme=dark] .service-item p,[data-theme=dark] .service-item ul li,[data-theme=dark] .about-text p,[data-theme=dark] .about-text ul li,[data-theme=dark] .contact-info p{color:#d1d5db!important}[data-theme=dark] strong{color:#f3f4f6!important}[data-theme=dark] .nav-menu a{color:#e5e7eb!important}[data-theme=dark] .nav-menu a:hover{color:var(--primary-color)!important}[data-theme=dark] .footer{color:#e5e7eb!important}[data-theme=dark] .footer p,[data-theme=dark] .footer li,[data-theme=dark] .footer a{color:#d1d5db!important}[data-theme=dark] .footer a:hover{color:var(--primary-color)!important}[data-theme=dark] .social-links a{color:#e5e7eb!important}[data-theme=dark] .social-links a:hover{color:var(--accent-color)!important}[data-theme=dark] .submit-button,[data-theme=dark] .contact-button,[data-theme=dark] .login-button,[data-theme=dark] .logout-button,[data-theme=dark] .admin-link,[data-theme=dark] .theme-toggle{color:#fff!important}[data-theme=dark] .error-message{color:#fca5a5!important;background:linear-gradient(135deg,#7f1d1d,#991b1b)!important;border-left-color:#dc2626!important}[data-theme=dark] .login-info,[data-theme=dark] .admin-placeholder p,[data-theme=dark] .admin-placeholder li{color:#d1d5db!important}[data-theme=dark] .admin-placeholder h3,[data-theme=dark] .login-box h2{-webkit-text-fill-color:#f3f4f6!important;color:#f3f4f6!important}[data-theme=dark] .login-box p{color:#d1d5db!important}[data-theme=dark] .user-info p,[data-theme=dark] .user-info strong,[data-theme=dark] .image-placeholder p{color:#e5e7eb!important}[data-theme=dark] .about-text h4,[data-theme=dark] .service-item h3{color:#f3f4f6!important}[data-theme=dark] [style*="color: #6b7280"]{color:#d1d5db!important}[data-theme=dark] .badge{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color))!important;color:#fff!important}[data-theme=dark] .pricing-card h3,[data-theme=dark] .pricing-grid h3{color:#f3f4f6!important}[data-theme=dark] .price .amount,[data-theme=dark] .price .currency{color:var(--primary-color)!important}[data-theme=dark] .features li{color:#d1d5db!important}*{box-sizing:border-box;margin:0;padding:0}body,.navbar,.service-card,.contact-form,.form-group input,.form-group textarea,.contact-item,.image-placeholder{transition:background-color .3s,color .3s,border-color .3s}html{scroll-behavior:smooth}body{color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";opacity:.03;z-index:-1;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe 100%) 0 0/400% 400%;width:100%;height:100%;animation:15s infinite gradientShift;position:fixed;top:0;left:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.navbar{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#fffc;border-bottom:1px solid #ffffff2e;transition:background .3s,box-shadow .3s;animation:.6s ease-out fadeInUp;position:sticky;top:0;box-shadow:0 8px 32px #1f268726}.nav-container{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-container>div:last-child{align-items:center;gap:1rem;display:flex}.logo{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;transition:transform .3s;display:flex}.logo:hover{transform:scale(1.05)}.logo img{filter:drop-shadow(0 2px 8px #6366f14d);height:40px;transition:transform .3s}.logo img:hover{transform:rotate(5deg)scale(1.1)}.footer-logo{height:48px;margin-bottom:.75rem;display:block}.about-logo{object-fit:contain;width:70%;max-width:260px}.nav-menu{align-items:center;gap:2rem;list-style:none;display:flex}.nav-menu a{color:var(--text-color);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-menu a:after{content:"";background:linear-gradient(90deg,var(--primary-color),var(--accent-color));width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu a:hover:after{width:100%}.nav-menu a:hover{color:var(--primary-color);transform:translateY(-2px)}.admin-link{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2rem;padding:.5rem 1rem;transition:all .3s;box-shadow:0 4px 15px #6366f14d;color:var(--white)!important}.admin-link:after{display:none}.admin-link:hover{transform:translateY(-3px);box-shadow:0 6px 25px #6366f180}.theme-toggle{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:1rem;font-size:1.1rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #6366f14d}.theme-toggle:hover{transform:scale(1.1)rotate(15deg);box-shadow:0 6px 20px #6366f180}.theme-toggle i{transition:transform .3s}.hamburger{cursor:pointer;flex-direction:column;display:none}.hamburger span{background:var(--text-color);border-radius:2px;width:25px;height:3px;margin:3px 0;transition:all .3s}.hero{color:var(--white);text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe 100%) 0 0/400% 400%;padding:8rem 2rem;animation:15s infinite gradientShift;position:relative;overflow:hidden}.hero:before{content:"";background:#00000040;position:absolute;inset:0}.hero-content{z-index:1;animation:1s ease-out .3s both fadeInUp;position:relative}.hero-content h1{text-shadow:0 4px 20px #0000004d;margin-bottom:1rem;font-size:3.5rem;font-weight:800;animation:3s ease-in-out infinite pulse}.hero-subtitle{opacity:.95;text-shadow:0 2px 10px #0003;margin-bottom:2rem;font-size:1.5rem}.cta-button{background:var(--white);color:var(--primary-color);border-radius:3rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 15px 40px #0000004d,var(--glow);transform:translateY(-5px)scale(1.05)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.services-overview{background:var(--light-bg);padding:6rem 0;position:relative}.services-overview h2{text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4rem;font-size:3rem;font-weight:800}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;display:grid}.service-card{background:var(--white);text-align:center;border:1px solid #ffffff80;border-radius:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s ease-out both fadeInUp;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.card-soon-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;vertical-align:middle;letter-spacing:.03em;border-radius:1rem;margin-left:.4rem;padding:.15rem .55rem;font-size:.65rem;font-weight:700;display:inline-block}.service-card:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{box-shadow:0 20px 60px #6366f140,var(--glow);transform:translateY(-10px)scale(1.02)}.service-card i{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;transition:transform .4s;display:inline-block}.service-card:hover i{transform:rotateY(360deg)scale(1.1)}.service-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.service-card p{color:#6b7280;line-height:1.8}.cta-section{color:var(--white);text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/200% 200%;padding:6rem 0;animation:10s infinite gradientShift;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite floatAnimation;position:absolute;top:-250px;right:-250px}.cta-section:after{content:"";background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite reverse floatAnimation;position:absolute;bottom:-200px;left:-200px}.cta-section .container{z-index:1;position:relative}.cta-section h2{text-shadow:0 4px 15px #0003;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-section p{opacity:.95;text-shadow:0 2px 10px #0003;font-size:1.2rem}.cta-section .cta-button{background:var(--white);color:var(--primary-color);margin-top:2rem}.footer{color:var(--white);background:linear-gradient(135deg,#1f2937 0%,#111827 100%);padding:3rem 0 1rem;position:relative;overflow:hidden}.footer:before{content:"";background:radial-gradient(circle,#6366f11a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;right:-150px}.footer-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3,.footer-section h4{background:linear-gradient(135deg,var(--white),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.social-links{gap:1rem;display:flex}.social-links a{color:var(--white);font-size:1.5rem;transition:all .3s;display:inline-block}.social-links a:hover{color:var(--accent-color);transform:translateY(-3px)scale(1.2)}.footer-bottom{text-align:center;opacity:.8;border-top:1px solid #374151;padding-top:2rem}.page-header{color:var(--white);text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/200% 200%;padding:4rem 0;animation:10s infinite gradientShift;position:relative;overflow:hidden}.page-header:before{content:"";background:#0000001a;position:absolute;inset:0}.page-header h1{text-shadow:0 4px 20px #0000004d;z-index:1;font-size:3rem;font-weight:800;position:relative}.services-detail{padding:4rem 0}.service-item{background:var(--white);border-left:4px solid #0000;border-radius:1.5rem;gap:3rem;margin-bottom:3rem;padding:2.5rem;transition:all .4s;animation:.6s ease-out both fadeInUp;display:flex;box-shadow:0 10px 30px #00000014}.service-item:first-child{animation-delay:.1s}.service-item:nth-child(2){animation-delay:.2s}.service-item:nth-child(3){animation-delay:.3s}.service-item:hover{border-left-color:var(--primary-color);transform:translate(10px);box-shadow:0 15px 40px #6366f133}.service-icon{flex-shrink:0}.service-icon i{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4rem;transition:transform .4s}.service-item:hover .service-icon i{transform:scale(1.1)rotate(5deg)}.service-content h2{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.service-content ul{margin-top:1rem;margin-left:1.5rem}.highlight{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;border-radius:1rem;margin-top:1rem;padding:1.5rem;box-shadow:0 4px 15px #f59e0b33}.about-content{padding:4rem 0}.about-grid{grid-template-columns:2fr 1fr;gap:3rem;display:grid}.about-text h2{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.about-text h3{color:var(--secondary-color);margin-bottom:2rem}.about-text h4{margin-top:2rem;margin-bottom:1rem}.about-text ul{margin-left:1.5rem}.image-placeholder{background:linear-gradient(135deg,var(--light-bg),#e0e7ff);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;height:300px;margin-bottom:2rem;transition:all .4s;display:flex;box-shadow:0 10px 30px #00000014}.image-placeholder:hover{transform:scale(1.02);box-shadow:0 15px 40px #6366f133}.image-placeholder i{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:5rem}.skills h4{margin-bottom:1rem}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);border-radius:2rem;padding:.7rem 1.2rem;font-size:.875rem;transition:all .3s;box-shadow:0 4px 15px #6366f133}.skill-tag:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 20px #6366f166}.contact-content{padding:4rem 0}.contact-grid{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.contact-info h2{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.contact-details{margin-top:2rem}.contact-item{background:var(--white);border-radius:1rem;gap:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000d}.contact-item:hover{transform:translate(10px);box-shadow:0 6px 20px #6366f126}.contact-item i{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.2rem;font-size:1.5rem}.contact-form{background:var(--white);border:1px solid #6366f11a;border-radius:1.5rem;padding:2.5rem;transition:all .3s;box-shadow:0 10px 30px #00000014}.contact-form:hover{box-shadow:0 15px 40px #6366f126}.contact-form h3{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-color);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:.8rem;width:100%;padding:.9rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}.submit-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);cursor:pointer;border:none;border-radius:2rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f14d}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-button:hover:before{left:100%}.submit-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #6366f180}.admin-content{min-height:50vh;padding:4rem 0}.admin-info{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:1.5rem;justify-content:space-between;align-items:center;margin:2rem 0;padding:2rem;display:flex;box-shadow:0 10px 30px #00000014}.user-info{align-items:center;gap:1rem;display:flex}.user-info i{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem}.logout-button{color:var(--white);background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:2rem;align-items:center;gap:.5rem;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #dc26264d}.logout-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #dc262666}.admin-placeholder{text-align:center;background:var(--white);border-radius:1.5rem;padding:4rem;box-shadow:0 10px 30px #00000014}.admin-placeholder i{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem}.admin-placeholder h3{margin-bottom:1rem}.admin-placeholder ul{margin-top:2rem;list-style:none}.admin-placeholder li{color:#6b7280;padding:.5rem}.login-content{align-items:center;min-height:60vh;padding:4rem 0;display:flex;position:relative}.login-box{background:var(--white);border:1px solid #6366f11a;border-radius:1.5rem;max-width:450px;margin:0 auto;padding:3rem;animation:.8s ease-out fadeInUp;box-shadow:0 20px 60px #0000001f}.login-box h2{text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem}.login-box>p{text-align:center;color:#6b7280;margin-bottom:2rem}.login-form{margin-bottom:2rem}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:var(--text-color);margin-bottom:.5rem;font-weight:500;display:block}.login-form input{border:2px solid #e5e7eb;border-radius:.8rem;width:100%;padding:.9rem;font-size:1rem;transition:all .3s}.login-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6366f11a}.login-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));width:100%;color:var(--white);cursor:pointer;border:none;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f14d}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f180}.error-message{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626;border-radius:.8rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;display:flex}.login-info{text-align:center;color:#6b7280;font-size:.875rem}.login-info i{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pricing-content{padding:4rem 0}.pricing-content h2{text-align:center;margin-bottom:3rem;font-size:2rem}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.pricing-card{background:var(--white);border:2px solid #e5e7eb;border-radius:1rem;padding:2rem;transition:transform .3s,border-color .3s;position:relative}.pricing-card:hover{border-color:var(--primary-color);transform:translateY(-5px)}.pricing-card.featured{border-color:var(--primary-color);transform:scale(1.05)}.badge{background:var(--primary-color);color:var(--white);border-radius:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;position:absolute;top:-15px;right:20px}.pricing-card h3{text-align:center;margin-bottom:1rem;font-size:1.5rem}.price{text-align:center;margin:2rem 0}.currency{color:#6b7280;font-size:1.5rem}.amount{color:var(--primary-color);font-size:3rem;font-weight:700}.features{margin:2rem 0;list-style:none}.features li{align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.features i{color:#10b981}.stripe-button,.contact-button{background:var(--primary-color);width:100%;color:var(--white);cursor:pointer;text-align:center;border:none;border-radius:.5rem;padding:1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background .3s;display:block}.stripe-button:hover,.contact-button:hover{background:var(--secondary-color)}.contact-button{background:#6b7280}.contact-button:hover{background:#4b5563}.support-section{text-align:center;margin-top:4rem}.support-section h2{margin-bottom:2rem}.support-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:800px;margin:0 auto;display:grid}.support-card{background:var(--light-bg);border-radius:1rem;padding:2rem;transition:transform .3s}.support-card:hover{transform:translateY(-5px)}.support-card h4{color:var(--primary-color);margin-bottom:1rem}.support-price{margin-bottom:.5rem;font-size:2rem;font-weight:700}.success-content{text-align:center;padding:4rem 0}.success-box{background:var(--white);max-width:600px;box-shadow:var(--shadow);border-radius:1rem;margin:0 auto;padding:3rem}.success-icon{color:#10b981;margin-bottom:2rem;font-size:5rem}.success-box h2{color:var(--primary-color);margin-bottom:1rem}.success-box p{color:#6b7280;margin-bottom:2rem}.back-button{background:var(--primary-color);color:var(--white);border-radius:.5rem;padding:.75rem 2rem;text-decoration:none;transition:background .3s;display:inline-block}.back-button:hover{background:var(--secondary-color)}@media (max-width:768px){.hamburger{display:flex}.nav-container{padding:.75rem 1rem}.nav-menu{-webkit-backdrop-filter:blur(10px);text-align:center;z-index:999;background:#fffffff7;flex-direction:column;gap:0;width:100%;padding:1.5rem 0;transition:all .3s;position:fixed;top:65px;left:-100%;box-shadow:0 8px 32px #1f268726}.nav-menu li{width:100%}.nav-menu a{justify-content:center;padding:.9rem 1.5rem;font-size:1.05rem;display:block}[data-theme=dark] .nav-menu{background:#111827f7;box-shadow:0 8px 32px #00000080}.nav-menu.active{left:0}.hero{padding:5rem 1.25rem 4rem}.hero-content h1{font-size:2.2rem;line-height:1.2}.hero-subtitle{margin-bottom:1.5rem;font-size:1.1rem}.cta-button{padding:1rem 2rem;font-size:1rem}.container{padding:0 1.25rem}.services-overview{padding:3.5rem 0}.services-overview h2{margin-bottom:2.5rem;font-size:2rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem 1.5rem}.why-section{padding:3rem 0}.why-section h2{margin-bottom:2rem;font-size:1.75rem}.usp-grid{grid-template-columns:1fr;gap:1.25rem}.usp-card{padding:1.5rem 1.25rem}.process-section{padding:3rem 0}.process-section h2{margin-bottom:2rem;font-size:1.75rem}.process-steps{flex-direction:column;align-items:center}.process-step{width:100%;max-width:100%;padding:0 .5rem}.process-connector{flex:0 0 32px;width:2px;height:32px;margin:0 auto}.cta-section{padding:3.5rem 0}.cta-section h2{font-size:1.75rem}.cta-section p{font-size:1rem}.page-header{padding:2.5rem 1.25rem}.page-header h1{font-size:2rem}.services-detail{padding:2.5rem 0}.service-item{text-align:center;flex-direction:column;gap:1.25rem;padding:1.75rem 1.25rem}.service-item:hover{transform:none}.service-content ul{text-align:left}.about-content{padding:2.5rem 0}.about-grid{grid-template-columns:1fr;gap:2rem}.about-text h2{font-size:1.75rem}.image-placeholder{height:220px}.contact-content{padding:2.5rem 0}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.75rem 1.25rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}.admin-info{text-align:center;flex-direction:column;gap:1.25rem}.admin-placeholder{padding:2rem 1.25rem}.login-box{margin:0 1rem;padding:2rem 1.25rem}.form-group input,.form-group textarea,.login-form input{padding:.85rem 1rem;font-size:1rem}.submit-button,.login-button,.contact-button,.stripe-button{min-height:48px;padding:.9rem 1.5rem}.theme-toggle{width:44px;height:44px}.hamburger{margin:-.5rem;padding:.5rem}}@media (max-width:480px){.hero-content h1{font-size:1.8rem}.hero-subtitle{font-size:1rem}.services-overview h2,.about-text h2,.cta-section h2,.page-header h1{font-size:1.6rem}.why-section h2,.process-section h2{font-size:1.5rem}.usp-card{padding:1.25rem 1rem}.process-step__number{width:48px;height:48px;font-size:1.1rem}.service-card i{font-size:2.5rem}.service-icon i{font-size:3rem}.logo{font-size:1.1rem}.logo img{height:32px}.skill-tags{gap:.4rem}.skill-tag{padding:.5rem .9rem;font-size:.8rem}.footer-container{padding:0 1rem}}.scroll-reveal{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.ai-coming-soon{background:var(--light-bg);padding:5rem 0;position:relative;overflow:hidden}.ai-coming-soon:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.ai-coming-soon-header{text-align:center;margin-bottom:3rem}.ai-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;letter-spacing:.03em;border-radius:2rem;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;animation:3s ease-in-out infinite pulse;display:inline-flex;box-shadow:0 4px 15px #6366f14d}.ai-coming-soon-header h2{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:800}.ai-coming-soon-header p{color:#6b7280;max-width:500px;margin:0 auto;font-size:1.1rem}[data-theme=dark] .ai-coming-soon-header p{color:#9ca3af!important}.ai-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;margin-bottom:2.5rem;display:grid}.ai-card{background:var(--white);border:1px solid #6366f11f;border-radius:1.25rem;padding:2rem 1.75rem;transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 6px 24px #0000000f}.ai-card:after{content:"";opacity:0;background:linear-gradient(135deg,#6366f10a,#ec48990a);transition:opacity .35s;position:absolute;inset:0}.ai-card:hover{border-color:#6366f14d;transform:translateY(-6px);box-shadow:0 16px 40px #6366f12e}.ai-card:hover:after{opacity:1}.ai-card:before{content:"Bald verfügbar";color:var(--primary-color);letter-spacing:.03em;background:#6366f11a;border-radius:1rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.ai-card-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:1rem;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;transition:transform .3s;display:flex;box-shadow:0 4px 15px #6366f140}.ai-card:hover .ai-card-icon{transform:scale(1.1)rotate(5deg)}.ai-card-icon i{color:#fff;font-size:1.4rem}.ai-card h3{color:var(--text-color);margin-bottom:.6rem;font-size:1.15rem;font-weight:700}.ai-card p{color:#6b7280;margin-bottom:1rem;font-size:.9rem;line-height:1.7}.ai-tag{color:var(--primary-color);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.ai-notify{text-align:center;background:linear-gradient(135deg,#6366f114,#ec489914);border:1px solid #6366f126;border-radius:1rem;max-width:500px;margin:0 auto;padding:1.25rem 2rem}.ai-notify p{color:var(--text-color);margin:0;font-size:1rem}.ai-notify i{color:var(--accent-color);margin-right:.3rem}.ai-notify a{color:var(--primary-color);border-bottom:1px solid #6366f14d;font-weight:600;text-decoration:none;transition:border-color .2s}.ai-notify a:hover{border-bottom-color:var(--primary-color)}[data-theme=dark] .ai-coming-soon{background:#0f172a}[data-theme=dark] .ai-card{background:#1e293b;border-color:#6366f126}[data-theme=dark] .ai-card h3{color:#f3f4f6!important}[data-theme=dark] .ai-card p{color:#9ca3af!important}[data-theme=dark] .ai-notify{background:linear-gradient(135deg,#6366f11f,#ec48991a);border-color:#6366f140}[data-theme=dark] .ai-notify p{color:#e5e7eb!important}@media (max-width:768px){.ai-coming-soon{padding:3rem 0}.ai-coming-soon-header h2{font-size:1.75rem}.ai-grid{grid-template-columns:1fr;gap:1.25rem}.ai-card{padding:1.5rem 1.25rem}}@media (max-width:480px){.ai-coming-soon-header h2{font-size:1.5rem}}.section-heading-gradient{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.why-section{background:var(--light-bg);padding:5rem 0;position:relative;overflow:hidden}.why-section:before,.why-section:after{content:"";filter:blur(80px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.why-section:before{background:radial-gradient(circle,var(--primary-color),transparent 70%);width:400px;height:400px;animation:12s ease-in-out infinite floatAnimation;top:-100px;left:-100px}.why-section:after{background:radial-gradient(circle,var(--accent-color),transparent 70%);width:300px;height:300px;animation:16s ease-in-out infinite reverse floatAnimation;bottom:-80px;right:-80px}.why-section h2{text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2rem}.usp-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.usp-card{background:var(--white);text-align:center;border:1px solid #6366f11f;border-radius:12px;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s}.usp-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.usp-card i{color:var(--primary-color);margin-bottom:1rem;font-size:2rem;display:block}.usp-card h3{color:var(--text-color);margin-bottom:.75rem;font-size:1.1rem}.usp-card p{color:var(--text-color);opacity:.75;font-size:.95rem;line-height:1.6}.process-section{background:var(--white);padding:5rem 0;position:relative;overflow:hidden}.process-section:before{content:"";background:radial-gradient(circle,var(--secondary-color),transparent 70%);filter:blur(100px);opacity:.08;pointer-events:none;border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.process-section h2{text-align:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2rem;position:relative}.process-steps{z-index:1;justify-content:center;align-items:flex-start;display:flex;position:relative}.process-step{text-align:center;flex:1;max-width:200px;padding:0 1rem}.process-step__number{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;width:56px;height:56px;box-shadow:var(--glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.25rem;font-weight:700;animation:4s ease-in-out infinite pulse;display:flex}.process-step h3{color:var(--text-color);margin-bottom:.5rem;font-size:1rem;font-weight:600}.process-step p{color:var(--text-color);opacity:.75;font-size:.875rem;line-height:1.6}.process-connector{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:.35;flex:0 0 48px;align-self:center;height:2px;margin-bottom:4.5rem}@media (max-width:768px){.usp-grid{grid-template-columns:1fr;gap:1.25rem}.process-steps{flex-direction:column;align-items:center}.process-step{text-align:center;flex:none;width:100%;max-width:100%;padding:0 1rem}.process-connector{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));flex:none;align-self:center;width:2px;height:36px;margin:0 auto}}@media (max-width:480px){.usp-grid{gap:1rem}.usp-card{padding:1.25rem 1rem}.process-step__number{width:48px;height:48px;font-size:1.1rem}}