:root{--projekte-primary-orange:#E65100;--projekte-orange-dark:#D84315;--projekte-orange-light:#FF8A50;--projekte-primary-blue:#5272C5;--projekte-dark-blue:#0B1933;--projekte-bg-light:#f0f0ef;--projekte-bg-gradient:linear-gradient(180deg, #D4E3F0 0%, #f0f0ef 100%);--projekte-white:#ffffff;--projekte-text-dark:#0B1933;--projekte-text-muted:#666666;--projekte-font:'Montserrat', sans-serif}.projekte-hero{position:relative;background:linear-gradient(135deg,var(--projekte-primary-orange) 0%,var(--projekte-orange-dark) 100%);padding:100px 20px 80px;overflow:hidden;text-align:center}.projekte-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none}.projekte-hero-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.projekte-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.05);animation:projekte-float 20s infinite ease-in-out}.projekte-shape:nth-child(1){width:200px;height:200px;top:10%;left:5%}.projekte-shape:nth-child(2){width:300px;height:300px;top:50%;right:-5%;animation-delay:-5s}.projekte-shape:nth-child(3){width:150px;height:150px;bottom:10%;left:20%;animation-delay:-10s}@keyframes projekte-float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.projekte-hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.projekte-breadcrumb{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 20px;border-radius:30px;margin-bottom:30px;font-size:14px;color:rgba(255,255,255,.9);font-family:var(--projekte-font)}.projekte-breadcrumb a{color:#ffffff!important;text-decoration:none;transition:all 0.3s ease;display:inline-flex;align-items:center}.projekte-breadcrumb a:hover,.projekte-breadcrumb a:focus{color:#ffffff!important;text-decoration:underline;text-shadow:0 0 10px rgba(255,255,255,.5)}.projekte-breadcrumb span{color:var(--projekte-white);font-weight:600}.projekte-breadcrumb-separator{color:rgba(255,255,255,.7);margin:0 2px}.projekte-status-dot{display:inline-block;width:10px;height:10px;background:#22c55e;border-radius:50%;margin-right:8px;position:relative;animation:projekte-firefly 2s ease-in-out infinite;box-shadow:0 0 5px #22c55e,0 0 10px #22c55e,0 0 20px #22c55e,0 0 30px rgba(34,197,94,.5)}.projekte-status-dot::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#22c55e;border-radius:50%;animation:projekte-pulse-ring 2s ease-out infinite}@keyframes projekte-firefly{0%,100%{opacity:1;box-shadow:0 0 5px #22c55e,0 0 10px #22c55e,0 0 20px #22c55e,0 0 30px rgba(34,197,94,.5);transform:scale(1)}50%{opacity:.7;box-shadow:0 0 8px #4ade80,0 0 16px #4ade80,0 0 32px #4ade80,0 0 48px rgba(74,222,128,.6);transform:scale(1.2)}}@keyframes projekte-pulse-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}100%{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.projekte-hero h1{font-family:var(--projekte-font);font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;color:var(--projekte-white);margin:0 0 25px;line-height:1.2}.projekte-hero h1 .highlight{position:relative;display:inline-block}.projekte-hero h1 .highlight::after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:8px;background:rgba(255,255,255,.3);border-radius:4px;z-index:-1}.projekte-hero-description{font-family:var(--projekte-font);font-size:clamp(1rem, 2vw, 1.25rem);font-weight:400;color:rgba(255,255,255,.95);line-height:1.8;max-width:700px;margin:0 auto 35px}.projekte-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:40px}.projekte-stat{text-align:center;padding:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:16px;min-width:120px;border:1px solid rgba(255,255,255,.15);transition:all 0.4s ease}.projekte-stat:hover{background:rgba(255,255,255,.2);transform:translateY(-5px)}.projekte-stat-number{font-family:var(--projekte-font);font-size:2.5rem;font-weight:700;color:var(--projekte-white);line-height:1}.projekte-stat-label{font-family:var(--projekte-font);font-size:.875rem;color:rgba(255,255,255,.85);margin-top:8px;font-weight:500}.projekte-wave-divider{position:absolute;bottom:0;left:0;width:100%;line-height:0;z-index:1}.projekte-wave-divider svg{display:block;width:100%;height:60px}.projekte-intro-section{background:var(--projekte-bg-light);padding:80px 20px;text-align:center}.projekte-intro-container{max-width:900px;margin:0 auto}.projekte-intro-section h2{font-family:var(--projekte-font);font-size:clamp(1.75rem, 3vw, 2.5rem);font-weight:600;color:var(--projekte-dark-blue);margin:0 0 30px;line-height:1.3}.projekte-divider{width:120px;height:4px;background:linear-gradient(90deg,var(--projekte-primary-orange),var(--projekte-orange-light));margin:0 auto 30px;border-radius:2px;position:relative;overflow:hidden}.projekte-divider::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:projekte-divider-shine 3s ease-in-out infinite}@keyframes projekte-divider-shine{0%{left:-100%}50%,100%{left:100%}}.projekte-intro-text{font-family:var(--projekte-font);font-size:clamp(1rem, 1.5vw, 1.125rem);color:var(--projekte-text-dark);line-height:1.8;margin:0}.projekte-grid-section{background:var(--projekte-bg-light);padding:0;margin:0}.projekte-grid-container{max-width:100%;margin:0;padding:0}.projekte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0}.projekt-card{position:relative;overflow:hidden;background:var(--projekte-dark-blue);cursor:pointer;border:none;border-radius:0}.projekt-card-image{position:relative;width:100%;height:auto;overflow:hidden}.projekt-card-image img{width:100%;height:auto;display:block;object-fit:contain;transition:transform 0.5s ease,filter 0.5s ease}.projekt-card:hover .projekt-card-image img,.projekt-card:focus-within .projekt-card-image img{transform:scale(1.05);filter:brightness(.35)}.projekt-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding:50px 40px;background:linear-gradient(180deg,transparent 0%,transparent 15%,rgba(11,25,51,.7) 50%,rgba(11,25,51,.95) 100%);opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.4s cubic-bezier(.4,0,.2,1);z-index:10}.projekt-card:hover .projekt-card-overlay,.projekt-card:focus-within .projekt-card-overlay{opacity:1;visibility:visible;transform:translateY(0)}.projekt-kategorie{position:absolute;top:20px;left:20px;background:var(--projekte-primary-orange);color:var(--projekte-white);padding:10px 18px;border-radius:25px;font-family:var(--projekte-font);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:15;box-shadow:0 4px 15px rgba(230,81,0,.4);opacity:0;transform:translateY(-10px);transition:all 0.3s ease 0.1s}.projekt-card:hover .projekt-kategorie,.projekt-card:focus-within .projekt-kategorie{opacity:1;transform:translateY(0)}.projekt-card-overlay h2{font-family:var(--projekte-font);font-size:1.5rem;font-weight:600;color:var(--projekte-white);margin:0 0 20px 0;line-height:1.3;transform:translateY(15px);opacity:0;transition:all 0.4s ease 0.15s}.projekt-card:hover .projekt-card-overlay h2,.projekt-card:focus-within .projekt-card-overlay h2{transform:translateY(0);opacity:1}.projekt-card-overlay p{font-family:var(--projekte-font);font-size:1rem;color:rgba(255,255,255,.95);line-height:1.7;margin:0 0 25px 0;transform:translateY(15px);opacity:0;transition:all 0.4s ease 0.2s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projekt-card:hover .projekt-card-overlay p,.projekt-card:focus-within .projekt-card-overlay p{transform:translateY(0);opacity:1}.projekt-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;transform:translateY(15px);opacity:0;transition:all 0.4s ease 0.25s}.projekt-card:hover .projekt-tags,.projekt-card:focus-within .projekt-tags{transform:translateY(0);opacity:1}.projekt-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);color:var(--projekte-white);padding:10px 16px;border-radius:25px;font-family:var(--projekte-font);font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all 0.3s ease}.projekt-tag:hover{background:var(--projekte-primary-orange);border-color:var(--projekte-primary-orange)}.projekt-tag i{font-size:.7rem}.projekte-cta-section{background:var(--projekte-dark-blue);padding:100px 20px;text-align:center;position:relative;overflow:hidden}.projekte-cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(82,114,197,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(230,81,0,.1) 0%,transparent 50%);pointer-events:none}.projekte-cta-container{max-width:800px;margin:0 auto;position:relative;z-index:2}.projekte-cta-section h2{font-family:var(--projekte-font);font-size:clamp(1.75rem, 3vw, 2.25rem);font-weight:600;color:var(--projekte-white)!important;margin:0 0 30px;line-height:1.4}.projekte-cta-section p,.projekte-cta-section .projekte-cta-container p,.projekte-cta-container p{font-family:var(--projekte-font);font-size:1.125rem;color:rgba(255,255,255,.9)!important;line-height:1.7;margin:0 0 70px!important;margin-bottom:70px!important;margin-block-end:70px!important}.projekte-cta-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--projekte-primary-orange),var(--projekte-orange-dark));color:#ffffff!important;padding:20px 50px;border-radius:50px;font-family:var(--projekte-font);font-size:1.125rem;font-weight:600;text-decoration:none!important;box-shadow:0 10px 35px rgba(230,81,0,.45);transition:all 0.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:none}.projekte-cta-button span{color:#ffffff!important}.projekte-cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left 0.5s ease}.projekte-cta-button:hover::before{left:100%}.projekte-cta-button:hover,.projekte-cta-button:focus{transform:translateY(-5px) scale(1.02);box-shadow:0 18px 50px rgba(230,81,0,.55);color:#ffffff!important;text-decoration:none!important;background:linear-gradient(135deg,#FF6D00,var(--projekte-primary-orange))}.projekte-cta-button:focus{outline:3px solid var(--projekte-white);outline-offset:4px}.projekte-cta-button i{color:#ffffff!important;transition:transform 0.3s ease}.projekte-cta-button:hover i{transform:translateX(6px)}@media (min-width:2560px){.projekte-grid{grid-template-columns:repeat(4,1fr)}.projekte-hero{padding:140px 40px 120px}.projekt-card-overlay{padding:60px 50px}.projekt-card-overlay h2{font-size:1.75rem}.projekt-card-overlay p{font-size:1.125rem}}@media (max-width:1024px){.projekte-hero{padding:80px 20px 60px}.projekte-stats{gap:25px}.projekte-stat{padding:15px;min-width:100px}.projekte-stat-number{font-size:2rem}.projekte-intro-section{padding:60px 20px}.projekte-grid{grid-template-columns:repeat(2,1fr)}.projekt-card-overlay{padding:40px 30px}.projekt-card-overlay h2{font-size:1.35rem;margin-bottom:15px}.projekt-card-overlay p{font-size:.9375rem;margin-bottom:20px}}@media (max-width:768px){.projekte-hero{padding:70px 15px 50px}.projekte-breadcrumb{padding:8px 16px;font-size:13px;margin-bottom:25px}.projekte-hero-description{font-size:1rem;margin-bottom:25px}.projekte-stats{gap:15px}.projekte-stat{padding:12px 15px;min-width:90px}.projekte-stat-number{font-size:1.75rem}.projekte-stat-label{font-size:.75rem}.projekte-wave-divider svg{height:40px}.projekte-intro-section{padding:50px 15px}.projekte-grid{grid-template-columns:1fr!important}.projekt-kategorie{padding:10px 16px;font-size:.75rem;top:15px;left:15px}.projekt-card-overlay{padding:40px 30px}.projekt-card-overlay h2{font-size:1.35rem;margin-bottom:18px}.projekt-card-overlay p{font-size:.9375rem;margin-bottom:22px;-webkit-line-clamp:3}.projekt-tags{gap:10px}.projekt-tag{padding:9px 14px;font-size:.75rem}.projekte-cta-section{padding:70px 20px}.projekte-cta-section p{margin-bottom:40px}.projekte-cta-button{padding:18px 40px;font-size:1rem}}@media (max-width:480px){.projekte-hero{padding:60px 15px 45px}.projekte-breadcrumb{padding:6px 12px;font-size:12px;gap:6px;margin-bottom:20px}.projekte-hero-description{font-size:.9375rem;line-height:1.7}.projekte-stats{flex-direction:column;gap:12px;align-items:center}.projekte-stat{width:100%;max-width:200px}.projekte-wave-divider svg{height:30px}.projekte-intro-section{padding:40px 15px}.projekte-intro-text{font-size:.9375rem}.projekt-card-overlay{padding:35px 25px}.projekt-card-overlay h2{font-size:1.25rem;margin-bottom:15px}.projekt-card-overlay p{font-size:.875rem;margin-bottom:18px}.projekt-tags{gap:8px}.projekt-tag{padding:8px 12px;font-size:.7rem}.projekte-cta-section{padding:60px 15px}.projekte-cta-section p{font-size:1rem;margin-bottom:35px}.projekte-cta-button{padding:16px 35px;font-size:.9375rem;width:100%;max-width:320px;justify-content:center}}@media (max-width:360px){.projekte-hero{padding:50px 12px 40px}.projekte-breadcrumb{font-size:11px;padding:5px 10px}.projekte-stat-number{font-size:1.5rem}.projekte-intro-section{padding:35px 12px}.projekt-kategorie{padding:8px 12px;font-size:.65rem}.projekt-card-overlay{padding:30px 20px}.projekt-card-overlay h2{font-size:1.125rem}.projekt-card-overlay p{font-size:.8125rem}.projekte-cta-button{padding:14px 28px;font-size:.875rem}}.projekt-card:focus-within{outline:3px solid var(--projekte-primary-orange);outline-offset:-3px}.projekte-breadcrumb a:focus{outline:2px solid var(--projekte-white);outline-offset:2px}.projekt-tag:focus{outline:2px solid var(--projekte-white);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.projekt-card:hover .projekt-card-overlay,.projekt-card:focus-within .projekt-card-overlay{opacity:1;visibility:visible;transform:none}.projekt-card:hover .projekt-kategorie,.projekt-card:focus-within .projekt-kategorie,.projekt-card:hover .projekt-card-overlay h2,.projekt-card:focus-within .projekt-card-overlay h2,.projekt-card:hover .projekt-card-overlay p,.projekt-card:focus-within .projekt-card-overlay p,.projekt-card:hover .projekt-tags,.projekt-card:focus-within .projekt-tags{opacity:1;transform:none}}@media (prefers-contrast:high){.projekt-card{border:2px solid var(--projekte-white)}.projekt-kategorie{border:2px solid var(--projekte-white)}}@media print{.projekte-hero-shapes,.projekte-wave-divider,.projekt-card-overlay,.projekte-cta-section{display:none!important}.projekte-grid{grid-template-columns:repeat(2,1fr);gap:10px}.projekt-card{break-inside:avoid;border:1px solid #ccc}}