#appBanner{display:none !important;}html{scroll-behavior:smooth;scroll-padding-top:124px;}.hero-profil-wrap{perspective:1200px;position:relative;}.hero-profil-glow{position:absolute;inset:-30px;background:radial-gradient(ellipse at center,rgba(145,191,33,0.25) 0%,transparent 70%);border-radius:50%;animation:heroGlow 4s ease-in-out infinite;pointer-events:none;}@keyframes heroGlow{0%,100%{opacity:0.5;transform:scale(0.95);}50%{opacity:1;transform:scale(1.05);}}.hero-profil-card{animation:heroFloat 6s ease-in-out infinite;transform-style:preserve-3d;}@keyframes heroFloat{0%,100%{transform:translateY(0px) rotateY(0deg) rotateX(0deg);}25%{transform:translateY(-12px) rotateY(3deg) rotateX(2deg);}50%{transform:translateY(0px) rotateY(0deg) rotateX(0deg);}75%{transform:translateY(-8px) rotateY(-3deg) rotateX(-2deg);}}.hero-profil-img{animation:heroProfilSpin 8s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.3));}@keyframes heroProfilSpin{0%,100%{transform:rotateY(0deg);}25%{transform:rotateY(10deg);}50%{transform:rotateY(0deg);}75%{transform:rotateY(-10deg);}}.hero-profil-card::after{content:'';position:absolute;inset:-1px;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,0.3) 0%,transparent 40%,rgba(145,191,33,0.2) 100%);pointer-events:none;animation:heroShine 3s ease-in-out infinite;}@keyframes heroShine{0%,100%{opacity:0.4;}50%{opacity:1;}}.musterecke-wrap{position:relative;width:52px;height:52px;perspective:600px;}.musterecke-img{width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:0 4px 16px rgba(8,100,141,0.2),0 0 0 2px rgba(8,100,141,0.1);animation:musterRotate 6s ease-in-out infinite;}.musterecke-wrap::after{content:'';position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,0.6) 0%,transparent 50%,rgba(8,100,141,0.15) 100%);pointer-events:none;animation:musterShine 3s ease-in-out infinite;}@keyframes musterRotate{0%,100%{transform:rotateY(0deg) rotateX(0deg);}25%{transform:rotateY(8deg) rotateX(3deg);}50%{transform:rotateY(0deg) rotateX(0deg);}75%{transform:rotateY(-8deg) rotateX(-3deg);}}@keyframes musterShine{0%,100%{opacity:0.5;}50%{opacity:1;}}.musterecke-badge{position:absolute;bottom:-6px;right:-6px;background:#91bf21;color:white;font-size:7px;font-weight:800;padding:2px 5px;border-radius:6px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 6px rgba(145,191,33,0.4);white-space:nowrap;z-index:2;}.product-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}@media (min-width:640px){.product-gallery{grid-template-columns:repeat(3,1fr);}}@media (min-width:1024px){.product-gallery{grid-template-columns:repeat(4,1fr);}}.product-gallery .gallery-item{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;border:2px solid #E2E8F0;transition:all 0.3s ease;background:#ebebeb;}.product-gallery .gallery-item:hover{border-color:#08648d;box-shadow:0 8px 24px rgba(8,100,141,0.15);transform:translateY(-3px);}.product-gallery .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}.product-gallery .gallery-item:hover img{transform:scale(1.05);}.product-gallery .gallery-item.musterecke-item{border-color:#91bf21;background:linear-gradient(135deg,#f5f8e8,#e8f0d0);}.product-gallery .gallery-item.musterecke-item:hover{border-color:#91bf21;box-shadow:0 8px 24px rgba(145,191,33,0.2);}.gallery-label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,rgba(0,0,0,0.7));color:white;font-size:11px;font-weight:600;}.gallery-label.musterecke-label{background:linear-gradient(transparent,rgba(145,191,33,0.85));}.gallery-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}.gallery-lightbox.active{opacity:1;pointer-events:all;}.gallery-lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.5);}.gallery-lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:rgba(255,255,255,0.15);border:none;border-radius:50%;color:white;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}.gallery-lightbox-close:hover{background:rgba(255,255,255,0.3);}#bafaTopBar{animation:bafaPulse 3s ease-in-out infinite;}@keyframes bafaPulse{0%,100%{box-shadow:0 2px 12px rgba(22,163,74,0.3);}50%{box-shadow:0 2px 20px rgba(22,163,74,0.5);}}body{font-family:'Inter',system-ui,-apple-system,sans-serif;line-height:1.7;color:#2D3436;overflow-x:hidden;}::selection{background:#08648d;color:#fff;}.fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;}.fade-up.visible{opacity:1;transform:translateY(0);}.fade-in{opacity:0;transition:opacity 0.8s ease-out;}.fade-in.visible{opacity:1;}.slide-left{opacity:0;transform:translateX(-40px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;}.slide-left.visible{opacity:1;transform:translateX(0);}.slide-right{opacity:0;transform:translateX(40px);transition:opacity 0.6s ease-out,transform 0.6s ease-out;}.slide-right.visible{opacity:1;transform:translateX(0);}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease-out,transform 0.5s ease-out;}.stagger-children.visible>*:nth-child(1){transition-delay:0.1s;}.stagger-children.visible>*:nth-child(2){transition-delay:0.2s;}.stagger-children.visible>*:nth-child(3){transition-delay:0.3s;}.stagger-children.visible>*:nth-child(4){transition-delay:0.4s;}.stagger-children.visible>*:nth-child(5){transition-delay:0.5s;}.stagger-children.visible>*:nth-child(6){transition-delay:0.6s;}.stagger-children.visible>*{opacity:1;transform:translateY(0);}.header-scrolled{background:rgba(255,255,255,0.97) !important;box-shadow:0 2px 20px rgba(0,0,0,0.08);}.hero-gradient{background:linear-gradient(135deg,#08648d 0%,#065a7a 60%,#003377 100%);position:relative;overflow:hidden;}.hero-gradient::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}.btn-primary{background:#91bf21;color:#fff;padding:14px 32px;border-radius:8px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease;box-shadow:0 4px 14px rgba(145,191,33,0.35);min-height:44px;min-width:44px;text-decoration:none;border:none;cursor:pointer;}.btn-primary:hover{background:#7da81b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(145,191,33,0.45);}.btn-secondary{background:transparent;color:#fff;padding:12px 28px;border-radius:8px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease;border:2px solid rgba(255,255,255,0.6);min-height:44px;min-width:44px;text-decoration:none;cursor:pointer;}.btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:#fff;}.btn-outline{background:transparent;color:#08648d;padding:12px 28px;border-radius:8px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:all 0.3s ease;border:2px solid #08648d;min-height:44px;min-width:44px;text-decoration:none;cursor:pointer;}.btn-outline:hover{background:#08648d;color:#fff;}.service-card{background:#fff;border-radius:12px;padding:2rem;transition:all 0.3s ease;border:1px solid #E8ECF0;}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.1);border-color:#08648d;}.pricing-card{background:#fff;border-radius:16px;padding:2rem;border:2px solid #E8ECF0;transition:all 0.3s ease;position:relative;}.pricing-card:hover{border-color:#08648d;box-shadow:0 12px 40px rgba(8,100,141,0.12);}.pricing-card.featured{border-color:#91bf21;transform:scale(1.03);box-shadow:0 16px 48px rgba(145,191,33,0.15);}.pricing-card.featured:hover{transform:scale(1.05);}.faq-item{border:1px solid #ddd;border-radius:12px;overflow:hidden;background:#ebebeb;transition:border-color 0.3s ease;}.faq-item:hover{border-color:#08648d;}.faq-question{width:100%;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:0.95rem;font-weight:600;color:#2D3436;text-align:left;min-height:44px;}.faq-question:hover{background:rgba(0,0,0,0.03);}.faq-question svg{transition:transform 0.3s ease;flex-shrink:0;}.faq-item.active .faq-question svg{transform:rotate(180deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease-in-out;background:transparent;}.faq-answer-inner{padding:0 1.5rem 1.25rem;font-size:0.875rem;line-height:1.7;color:#4b5563;}.faq-item.active .faq-answer{max-height:500px;}.timeline-line{position:absolute;left:24px;top:0;bottom:0;width:2px;background:#E8ECF0;}@media (min-width:768px){.timeline-line{left:50%;transform:translateX(-1px);}}.timeline-dot{width:48px;height:48px;border-radius:50%;background:#08648d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;position:relative;z-index:2;flex-shrink:0;}.testimonial-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #E8ECF0;transition:all 0.3s ease;}.testimonial-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.08);}.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}#reviewsSlider{transition:opacity 0.4s ease;}.stars{color:#FBBF24;letter-spacing:2px;}.trust-logo{filter:grayscale(100%);opacity:0.6;transition:all 0.3s ease;}.trust-logo:hover{filter:grayscale(0);opacity:1;}#backToTop{position:fixed;bottom:80px;right:20px;width:48px;height:48px;border-radius:50%;background:#08648d;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:40;box-shadow:0 4px 12px rgba(8,100,141,0.3);}#backToTop.show{opacity:1;visibility:visible;}#backToTop:hover{background:#065a7a;transform:translateY(-3px);}.mobile-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,0.1);z-index:50;display:flex;gap:8px;transform:translateY(100%);transition:transform 0.3s ease;}.mobile-sticky-bar.show{transform:translateY(0);}@media (min-width:768px){.mobile-sticky-bar{display:none;}#backToTop{bottom:30px;}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#2D3436;color:#fff;padding:1rem 1.5rem;z-index:9999;transform:translateY(100%);transition:transform 0.4s ease;}.cookie-banner.show{transform:translateY(0);}.popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;padding:1rem;}.popup-overlay.show{opacity:1;visibility:visible;}.popup-content{background:#fff;border-radius:16px;padding:2.5rem;max-width:480px;width:100%;position:relative;transform:scale(0.9);transition:transform 0.3s ease;}.popup-overlay.show .popup-content{transform:scale(1);}.popup-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#F1F3F5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#636E72;transition:all 0.2s ease;}.popup-close:hover{background:#DFE6E9;}.form-input{width:100%;padding:12px 16px;border:2px solid #E8ECF0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all 0.3s ease;outline:none;}.form-input:focus{border-color:#08648d;box-shadow:0 0 0 3px rgba(8,100,141,0.1);}.form-input.error{border-color:#E74C3C;box-shadow:0 0 0 3px rgba(231,76,60,0.1);}.form-input.success{border-color:#27AE60;}.error-message{color:#E74C3C;font-size:0.85rem;margin-top:4px;display:none;}.error-message.show{display:block;}.hamburger span{display:block;width:24px;height:2px;background:#2D3436;margin:6px 0;transition:all 0.3s ease;border-radius:2px;}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,6px);}.hamburger.active span:nth-child(2){opacity:0;}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px);}.mobile-menu{position:fixed;top:72px;left:0;right:0;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,0.1);transform:translateY(calc(-100% - 72px));transition:transform 0.3s ease;z-index:45;max-height:calc(100vh - 72px);overflow-y:auto;}.mobile-menu.open{transform:translateY(0);}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 rgba(145,191,33,0.4);}70%{box-shadow:0 0 0 12px rgba(145,191,33,0);}100%{box-shadow:0 0 0 0 rgba(145,191,33,0);}}.pulse{animation:pulse-ring 2s ease-out infinite;}.counter{font-variant-numeric:tabular-nums;}.trust-item{position:relative;}.section-divider{height:1px;background:linear-gradient(to right,transparent,#E8ECF0,transparent);}.funnel-glass{background:rgba(255,255,255,0.06);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,0.12);box-shadow:0 8px 60px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.08);}.funnel-step{display:none;opacity:0;transform:translateY(12px);transition:opacity 0.5s ease,transform 0.5s ease;}.funnel-step.active{display:block;opacity:1;transform:translateY(0);}.funnel-step.fade-out{display:block;opacity:0;transform:translateY(-12px);}.funnel-option{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border-radius:20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);cursor:pointer;transition:all 0.3s ease;min-height:44px;}.funnel-option:hover{background:rgba(0,200,255,0.08);border-color:rgba(0,200,255,0.25);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,200,255,0.1);}.funnel-option:active{transform:scale(0.97);}.funnel-next-btn{display:inline-flex;align-items:center;gap:6px;padding:14px 36px;border-radius:16px;background:linear-gradient(135deg,#00b4ff,#08648d);color:#fff;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,180,255,0.25);}.funnel-next-btn:hover{box-shadow:0 6px 30px rgba(0,180,255,0.4);transform:translateY(-2px);}.funnel-input{width:100%;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);color:#fff;font-size:1.1rem;font-family:inherit;outline:none;transition:all 0.3s ease;text-align:center;letter-spacing:1px;}.funnel-input::placeholder{color:rgba(255,255,255,0.3);}.funnel-input:focus{border-color:rgba(0,200,255,0.5);box-shadow:0 0 0 3px rgba(0,200,255,0.1);background:rgba(255,255,255,0.08);}.funnel-slider{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:rgba(255,255,255,0.1);outline:none;}.funnel-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#0088ff);cursor:pointer;box-shadow:0 0 15px rgba(0,200,255,0.4);border:3px solid rgba(255,255,255,0.2);transition:box-shadow 0.2s ease;}.funnel-slider::-webkit-slider-thumb:hover{box-shadow:0 0 25px rgba(0,200,255,0.6);}.funnel-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#0088ff);cursor:pointer;box-shadow:0 0 15px rgba(0,200,255,0.4);border:3px solid rgba(255,255,255,0.2);}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}#stickyFunnelBar.show{transform:translateY(0);}@media print{.mobile-sticky-bar,#backToTop,.cookie-banner,.popup-overlay,header{display:none !important;}.hero-gradient{background:#08648d !important;}}