.demo-page{width:100%;min-height:calc(100vh - 64px);background:var(--color-weiss);padding:3rem 2rem;overflow-x:hidden;box-sizing:border-box}.demo-container{max-width:1000px;margin:0 auto;width:100%;box-sizing:border-box}.demo-intro{margin-bottom:3rem;text-align:center;max-width:100%;box-sizing:border-box}.demo-intro h1{color:var(--color-phthaloblau);font-size:3rem;font-weight:700;margin:0 0 1.5rem;word-wrap:break-word;overflow-wrap:break-word}.demo-intro p{color:var(--color-phthaloblau);opacity:.8;font-size:1.125rem;line-height:1.6;margin:.5rem 0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.demo-page iframe{display:block;width:100%;height:700px;border:none;max-width:100%}.demo-form{background:var(--color-weiss);border:2px solid var(--color-hellgrau);border-radius:12px;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--color-phthaloblau);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--color-hellgrau);border-radius:6px;font-family:Montserrat,sans-serif;font-size:1rem;color:var(--color-phthaloblau);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-himmelblau)}.btn-large{padding:1rem 2rem;font-size:1.125rem;width:100%;margin-top:1rem}.demo-benefits h3{font-size:1.75rem;font-weight:700;color:var(--color-phthaloblau);margin:0 0 2rem}.benefits-list{list-style:none;padding:0;margin:0 0 3rem}.benefits-list li{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.benefit-icon{background:var(--color-sandgelb);color:var(--color-phthaloblau);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.benefits-list strong{display:block;color:var(--color-phthaloblau);font-weight:600;margin-bottom:.25rem}.benefits-list p{color:var(--color-phthaloblau);opacity:.7;margin:0;font-size:.9375rem}.demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.stat{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--color-phthaloblau) 0%,var(--color-himmelblau) 100%);border-radius:12px;color:var(--color-weiss)}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9375rem;opacity:.9}@media(max-width:768px){.demo-page{padding:2rem 1rem;overflow-x:hidden;width:100%;box-sizing:border-box}.demo-container{max-width:100%;overflow-x:hidden;box-sizing:border-box}.demo-intro{margin-bottom:2rem;overflow-x:hidden;max-width:100%;box-sizing:border-box;padding:0}.demo-intro h1{font-size:2rem;margin:0 0 1rem;word-wrap:break-word;overflow-wrap:break-word}.demo-intro p{font-size:1rem;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;margin:.5rem 0}.demo-page iframe{height:600px;max-width:100%;overflow:hidden}.demo-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group select,.form-group textarea{padding:.65rem;font-size:.95rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}.demo-benefits h3{font-size:1.5rem;margin:0 0 1.5rem}.benefits-list{margin:0 0 2rem}.benefits-list li{margin-bottom:1.25rem}.benefit-icon{width:24px;height:24px;font-size:.875rem}.benefits-list strong{font-size:.95rem}.benefits-list p{font-size:.875rem}.demo-stats{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.stat{padding:1.5rem}.stat-number{font-size:2.5rem}.stat-label{font-size:.875rem}}