:root{--color-red: #9a0118;--color-black: #2d2e30;--color-gray: #f1eeeb;--color-white: #ffffff;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-black);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);width:100%;box-sizing:border-box}.nav{position:fixed;top:0;left:0;right:0;background:var(--color-white);z-index:1000;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem var(--spacing-md)}.logo img{height:70px;transition:transform .3s ease}.logo:hover img{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:var(--spacing-md);align-items:center}.nav-links a{font-weight:500;transition:color .3s ease;padding:.5rem 0}.nav-links a:hover{color:var(--color-red)}.btn-nav{background:var(--color-red);color:var(--color-white)!important;padding:.75rem 1.5rem!important;border-radius:8px;transition:all .3s ease}.btn-nav:hover{background:#7a0113;transform:translateY(-2px);box-shadow:0 4px 12px #9a01184d}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer}.mobile-menu-btn span{width:25px;height:3px;background:var(--color-black);border-radius:3px;transition:all .3s ease}.hero{min-height:70vh;background:linear-gradient(135deg,var(--color-gray) 0%,#fff 100%);padding-top:120px;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;padding:var(--spacing-lg) var(--spacing-md)}.hero-text h1{font-size:clamp(2.5rem,5vw,4rem);color:var(--color-black);margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:1.1rem;color:#5a5a5a;margin-bottom:var(--spacing-lg);line-height:1.7;animation:fadeInUp .8s ease-out .2s backwards}.hero-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;animation:fadeInUp .8s ease-out .4s backwards}.btn{display:inline-block;padding:1rem 2rem;border-radius:8px;font-weight:600;transition:all .3s ease;text-align:center}.btn-primary{background:var(--color-red);color:var(--color-white)}.btn-primary:hover{background:#7a0113;transform:translateY(-2px);box-shadow:0 8px 20px #9a01184d}.btn-secondary{background:transparent;color:var(--color-black);border:2px solid var(--color-black)}.btn-secondary:hover{background:var(--color-black);color:var(--color-white);transform:translateY(-2px)}.hero-image{animation:fadeInUp .8s ease-out .6s backwards}.hero-image img{border-radius:16px;box-shadow:0 20px 60px #00000026;transition:transform .3s ease}.hero-image:hover img{transform:scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-header h2{font-size:clamp(2rem,4vw,3rem);color:var(--color-black);margin-bottom:var(--spacing-md)}.section-header p{font-size:1.05rem;color:#5a5a5a;max-width:800px;margin:0 auto;line-height:1.7}.leistungen{padding:var(--spacing-xl) 0;background:var(--color-white);scroll-margin-top:120px}.leistungen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin:0 auto;max-width:100%}.leistung-card{background:var(--color-gray);padding:var(--spacing-lg);border-radius:12px;transition:all .3s ease;border:2px solid transparent}.leistung-card:hover{transform:translateY(-8px);border-color:var(--color-red);box-shadow:0 12px 30px #0000001a}.leistung-card .icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.leistung-card h3{font-size:1.5rem;color:var(--color-black);margin-bottom:var(--spacing-xs)}.leistung-card p{color:#5a5a5a;line-height:1.7;font-size:.95rem}.ablauf{padding:var(--spacing-xl) 0;background:var(--color-gray);scroll-margin-top:120px}.ablauf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1000px;margin:0 auto}.ablauf-step{text-align:center;position:relative}.step-number{width:80px;height:80px;background:var(--color-red);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto var(--spacing-md);transition:all .3s ease}.ablauf-step:hover .step-number{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #9a01184d}.step-content h3{font-size:1.5rem;color:var(--color-black);margin-bottom:var(--spacing-xs)}.step-content p{color:#5a5a5a;line-height:1.7;font-size:.95rem}.versprechen{padding:var(--spacing-xl) 0;background:var(--color-white);scroll-margin-top:120px}.versprechen-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.versprechen-image img{border-radius:16px;box-shadow:0 20px 60px #00000026}.versprechen-text h2{font-size:clamp(2rem,4vw,3rem);color:var(--color-black);margin-bottom:var(--spacing-sm)}.lead{font-size:1.1rem;color:#5a5a5a;margin-bottom:var(--spacing-md);line-height:1.7}.versprechen-list{list-style:none;margin-bottom:var(--spacing-lg)}.versprechen-list li{padding:.75rem 0;font-size:.95rem;color:var(--color-black);border-bottom:1px solid var(--color-gray);transition:all .3s ease;line-height:1.6}.versprechen-list li:hover{padding-left:var(--spacing-sm);color:var(--color-red)}.target-groups{margin-top:var(--spacing-lg)}.target-groups h3{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.groups{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.group-badge{background:var(--color-black);color:var(--color-white);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;transition:all .3s ease}.group-badge:hover{background:var(--color-red);transform:translateY(-2px)}.kontakt{padding:var(--spacing-xl) 0 var(--spacing-lg);background:var(--color-gray);scroll-margin-top:120px}.kontakt-content{display:grid;gap:var(--spacing-xl)}.kontakt-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.info-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:12px;text-align:center;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.info-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.info-card h3{font-size:1.25rem;color:var(--color-black);margin-bottom:var(--spacing-xs)}.info-link{color:var(--color-red);font-weight:600;transition:color .3s ease}.info-link:hover{color:#7a0113}.kontakt-cta{background:var(--color-black);color:var(--color-white);padding:var(--spacing-xl);border-radius:16px;text-align:center}.kontakt-cta h3{font-size:2rem;margin-bottom:var(--spacing-sm)}.kontakt-cta p{font-size:1.125rem;margin-bottom:var(--spacing-md);opacity:.9}.btn-large{font-size:1.125rem;padding:1.25rem 3rem}.kontakt-form-section{background:var(--color-white);padding:var(--spacing-lg);border-radius:16px;margin-top:var(--spacing-md)}.kontakt-form-section h3{font-size:2rem;color:var(--color-black);margin-bottom:var(--spacing-xs)}.kontakt-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:.5rem;color:var(--color-black);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:1rem;border:2px solid #e0e0e0;border-radius:16px;font-family:inherit;font-size:1rem;transition:all .3s ease;background:var(--color-white);box-shadow:0 2px 8px #0000000d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-red);box-shadow:0 0 0 3px #9a01181a,0 4px 12px #0000001a;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:silver;box-shadow:0 4px 12px #00000014}.form-group textarea{resize:vertical;min-height:120px}.kontakt-form button{width:100%;margin-top:var(--spacing-sm);border-radius:16px;position:relative;overflow:hidden}.kontakt-form button:disabled{opacity:.7;cursor:not-allowed}.kontakt-form button.loading{color:transparent}.kontakt-form button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-message{padding:1rem 1.5rem;border-radius:16px;margin-bottom:1.5rem;font-weight:500;display:none;animation:slideIn .3s ease}.form-message.success{background:#d4edda;color:#155724;border:2px solid #c3e6cb;display:block}.form-message.error{background:#f8d7da;color:#721c24;border:2px solid #f5c6cb;display:block}.form-message.show{display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--color-black);color:var(--color-white);padding:var(--spacing-md) 0}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.footer-logo img{height:60px;margin-bottom:var(--spacing-xs);filter:brightness(0) invert(1)}.footer-logo p{opacity:.8;font-size:.875rem}.footer-links{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.footer-links a{opacity:.8;transition:opacity .3s ease}.footer-links a:hover{opacity:1;color:var(--color-red)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{opacity:.7;font-size:.875rem}@media (max-width: 968px){.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-content,.versprechen-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-image,.versprechen-image{order:-1}.ablauf-grid,.leistungen-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width: 640px){.hero-buttons{flex-direction:column}.btn{width:100%}.kontakt-info,.form-row{grid-template-columns:1fr}.logo img{height:50px}.nav-content{padding:1rem var(--spacing-sm)}.container{padding:0 var(--spacing-sm)}.leistungen-grid,.ablauf-grid{gap:var(--spacing-sm)}.leistung-card,.ablauf-schritt{margin-bottom:var(--spacing-sm)}.leistungen,.ablauf,.versprechen,.kontakt{scroll-margin-top:100px}}