*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background-color:#fff;color:#1c2230;line-height:1.6}a{text-decoration:none;color:inherit;transition:.25s ease}ul{list-style:none}.title-h2{font-size:2.5rem;font-weight:700;color:#1c2230;margin-bottom:1rem}@media(max-width:480px){.title-h2{font-size:2rem}}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.75rem;border-radius:8px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.01rem;cursor:pointer;transition:.25s ease;border:none;white-space:nowrap}.btn--primary{background-color:#2c6e7f;color:#fff}.btn--primary:hover{background-color:#215969;transform:translateY(-1px);box-shadow:0 8px 24px #2c6e7f4d;color:#fff}.btn--primary:active{transform:translateY(0);box-shadow:none}.btn--outline{background-color:transparent;color:#1c2230;border:1.5px solid rgba(0,0,0,.09)}.btn--outline:hover{border-color:#2c6e7f;color:#2c6e7f}.btn-contact{display:inline-flex;align-items:center;padding:.45rem 1rem;background-color:#2c6e7f;color:#fff!important;border-radius:6px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.01rem;transition:.25s ease}.btn-contact:hover{background-color:#215969;color:#fff!important}.animate-up{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease}.animate-up.in-view{opacity:1;transform:translateY(0)}.toast{position:fixed;bottom:20px;right:20px;color:#fff;padding:12px 18px;border-radius:8px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:9999;box-shadow:0 4px 16px #00000026;font-size:.9rem}.toast.visible{opacity:1;transform:translateY(0)}.toast-success{background:#1a7f3c}.toast-error{background:#c0392b}.toast-info{background:#2980b9}.datenschutz-text{max-width:800px;margin:0 auto;text-align:left;padding:2rem 1.5rem}.datenschutz-text h1,.datenschutz-text h2,.datenschutz-text h3{margin-top:2rem;margin-bottom:1rem;color:#2c6e7f}.datenschutz-text p{margin-bottom:1rem;line-height:1.7;color:#1c2230}.datenschutz-text ul{list-style:disc;margin-left:2rem;margin-bottom:1rem;color:#1c2230}header{position:sticky;top:0;z-index:100;background-color:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}header #heading{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:1rem 2rem}@media(max-width:768px){header #heading{flex-wrap:wrap;gap:.6rem;padding:.875rem 1rem;justify-content:center}}header .header-title-text{font-size:1rem;font-weight:700;letter-spacing:.01rem;white-space:nowrap}header .header-title-text a{color:#1c2230}header .header-title-text a:hover{color:#2c6e7f}@media(max-width:768px){header .header-title-text{order:-1;width:100%;text-align:center;font-size:.95rem}}header .nav-list{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;font-weight:500}header .nav-list a{color:#6b7280;transition:color .25s ease}header .nav-list a:hover{color:#1c2230}@media(max-width:768px){header .nav-list{gap:.75rem;font-size:.8rem}}@media(max-width:480px){header .nav-list{gap:.5rem;font-size:.75rem}}.hero{min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;position:relative;overflow:hidden;background-image:radial-gradient(circle,rgba(0,0,0,.05) 1px,transparent 1px);background-size:28px 28px}.hero:before{content:"";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(44,110,127,.07) 0%,transparent 65%);pointer-events:none;z-index:0}.hero__inner{max-width:820px;position:relative;z-index:1}.hero__eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.2rem;text-transform:uppercase;color:#2c6e7f;margin-bottom:1.75rem}.hero__headline{font-size:clamp(2.2rem,5.5vw,4rem);font-weight:800;line-height:1.12;color:#1c2230;margin-bottom:1.75rem}.hero__headline em{font-style:normal;color:#2c6e7f}.hero__subline{font-size:clamp(1rem,2.2vw,1.2rem);color:#6b7280;line-height:1.75;max-width:640px;margin:0 auto 2.75rem}.hero__ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.products{padding:6rem 1.5rem}.products__inner{max-width:1100px;margin:0 auto}.products__header{text-align:center;margin-bottom:3.5rem}.products__intro{font-size:1.1rem;color:#6b7280;margin-top:.75rem;max-width:560px;margin-left:auto;margin-right:auto}.products__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media(max-width:480px){.products__grid{grid-template-columns:1fr}}.product-card{background:#f5f7fa;border:1px solid rgba(0,0,0,.09);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.product-card:hover{border-color:#2c6e7f80;transform:translateY(-4px);box-shadow:0 8px 24px #0000001a,0 0 0 1px #2c6e7f26}.product-card--featured{border-color:#2c6e7f4d;background:linear-gradient(150deg,#f5f7fa,#2c6e7f0d)}.product-card--featured:hover{border-color:#2c6e7fb3}.product-card--enterprise{border:2px solid rgba(44,110,127,.45);background:linear-gradient(150deg,#f5f7fa,#2c6e7f14)}.product-card--enterprise:hover{border-color:#2c6e7fd9;box-shadow:0 8px 28px #0000001a,0 0 24px #2c6e7f1f;transform:translateY(-4px)}.product-card__badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;color:#2c6e7f;background:#2c6e7f1a;padding:.28rem .7rem;border-radius:20px;width:fit-content}.product-card__name{font-size:1.5rem;font-weight:700;color:#1c2230;line-height:1.2}.product-card__description{font-size:.95rem;line-height:1.75;color:#6b7280;flex:1}.product-card__tags{display:flex;flex-wrap:wrap;gap:.4rem}.product-card__tag{font-size:.72rem;font-weight:500;color:#6b7280;background:#edf0f5;border:1px solid rgba(0,0,0,.09);padding:.2rem .6rem;border-radius:4px}.product-card__cta{margin-top:.25rem}.about{padding:6rem 1.5rem;background-color:#f5f7fa;border-top:1px solid rgba(0,0,0,.09);border-bottom:1px solid rgba(0,0,0,.09)}.about__inner{max-width:1100px;margin:0 auto}.about__layout{display:flex;gap:4rem;align-items:flex-start}@media(max-width:768px){.about__layout{flex-direction:column;align-items:center;gap:2.5rem}}.about__photo{flex-shrink:0}.about__img{width:220px;height:220px;border-radius:50%;object-fit:cover;object-position:top center;border:4px solid rgba(0,0,0,.09);box-shadow:0 8px 24px #0000001a}@media(max-width:768px){.about__img{width:160px;height:160px}}.about__content{flex:1}.about .title-h2{margin-bottom:2rem;text-align:left}@media(max-width:768px){.about .title-h2{text-align:center}}.about__text{max-width:720px}.about__text p{font-size:1.1rem;line-height:1.8;color:#1c2230;margin-bottom:1.5rem}.about__text p:last-child{margin-bottom:0}.about__text strong{color:#2c6e7f;font-weight:600}.contact{padding:6rem 1.5rem}.contact__inner{max-width:1100px;margin:0 auto;text-align:center}.contact__intro{font-size:1.05rem;color:#6b7280;margin-top:.75rem;margin-bottom:3rem;max-width:560px;margin-left:auto;margin-right:auto}.contact__direct{margin-top:1.75rem;font-size:.9rem;color:#6b7280}.contact__direct a{color:#2c6e7f;text-decoration:underline;text-underline-offset:2px}.contact__direct a:hover{color:#215969}.contact .contact-form{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;text-align:left}.contact .contact-form .form-group{display:flex;flex-direction:column;gap:.5rem}.contact .contact-form .form-group label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1rem;color:#6b7280}.contact .contact-form .form-group input,.contact .contact-form .form-group textarea{padding:.875rem 1rem;border:1px solid rgba(0,0,0,.09);border-radius:8px;background:#f5f7fa;color:#1c2230;font-family:Outfit,sans-serif;font-size:1rem;transition:border-color .25s ease,box-shadow .25s ease}.contact .contact-form .form-group input::placeholder,.contact .contact-form .form-group textarea::placeholder{color:#6b728080}.contact .contact-form .form-group input:focus,.contact .contact-form .form-group textarea:focus{outline:none;border-color:#2c6e7f;box-shadow:0 0 0 3px #2c6e7f26}.contact .contact-form .form-group textarea{min-height:150px;resize:vertical}.contact .contact-form .form-group.pot-field{display:none!important}.contact .contact-form .button-group{display:flex;justify-content:center;margin-top:.5rem}.contact .contact-form .checkbox-group{flex-direction:row!important;align-items:flex-start;gap:.75rem;margin-top:.25rem;cursor:pointer}.contact .contact-form .checkbox-group input[type=checkbox]{width:18px;height:18px;margin-top:.15rem;flex-shrink:0;cursor:pointer;accent-color:#2c6e7f}.contact .contact-form .checkbox-group label{font-size:.9rem;text-transform:none;letter-spacing:normal;color:#6b7280;line-height:1.5;cursor:pointer}.contact .contact-form .checkbox-group label a{color:#2c6e7f;text-decoration:underline;text-underline-offset:2px}.contact .contact-form .checkbox-group label a:hover{color:#215969}.footer-container{background-color:#f5f7fa;border-top:1px solid rgba(0,0,0,.09);padding:2rem 1.5rem}.footer-container .footer__inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:480px){.footer-container .footer__inner{flex-direction:column;text-align:center}}.footer-container .footer__copy{font-size:.85rem;color:#6b7280}.footer-container .footer__nav{display:flex;gap:1.5rem}.footer-container .footer__nav a{font-size:.85rem;color:#6b7280;transition:color .25s ease}.footer-container .footer__nav a:hover{color:#1c2230}