.technologien-hero{background:var(--color-background);padding-top:var(--space-16);padding-bottom:var(--space-12)}.technologien-hero__label{font-family:DM Sans,sans-serif;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4);font-weight:500;display:block}.technologien-hero__accent{width:var(--space-16);background:var(--color-accent);height:3px;margin-bottom:var(--space-6)}.technologien-hero__title{font-family:Inter,sans-serif;font-weight:700;font-size:var(--text-4xl);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0 0 var(--space-4) 0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.technologien-hero__subtitle{font-family:DM Sans,sans-serif;font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:60ch;margin:0 0 var(--space-8) 0}.technologien-hero__kennzahl{font-family:DM Sans,sans-serif;font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.technologien-hero__kennzahl strong{font-weight:700;font-size:var(--text-xl);color:var(--color-text-primary)}:root{--tech-nav-offset:88px}.tech-nav{z-index:20;background:var(--color-background);border-bottom:1px solid var(--color-border);padding-top:var(--space-4);padding-bottom:var(--space-4);position:static}.tech-nav__pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.tech-nav__pill{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);font-family:DM Sans,sans-serif;font-weight:500;font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-surface);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:2rem;flex:none;text-decoration:none}.tech-nav__pill:hover,.tech-nav__pill--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tech-to-top{left:var(--space-4);bottom:var(--space-4);z-index:30;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;font-family:DM Sans,sans-serif;font-weight:600;font-size:var(--text-sm);cursor:pointer;box-shadow:0 4px 16px var(--color-shadow);opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;border-radius:2rem;display:inline-flex;position:fixed;transform:translateY(8px)}.tech-to-top--sichtbar{opacity:1;pointer-events:auto;transform:translateY(0)}.tech-to-top__label{line-height:1}@media (min-width:1025px){.tech-to-top{display:none}}.technologien-katalog{background:var(--color-background);padding-bottom:var(--space-20)}.technologien-gruppe{margin-bottom:var(--space-16);scroll-margin-top:var(--tech-nav-offset)}.technologien-gruppe:last-child{margin-bottom:0}.technologien-gruppe__titel{align-items:center;gap:var(--space-3);font-family:Inter,sans-serif;font-weight:700;font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin:0 0 var(--space-6) 0;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.technologien-gruppe__icon{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.technologien-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}.tech-card{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);transition:box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.tech-card:hover{box-shadow:0 8px 24px var(--color-shadow)}.tech-card__icon{width:28px;height:28px;color:var(--color-primary);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.tech-card:hover .tech-card__icon{color:var(--color-accent)}.tech-card__name{font-family:Inter,sans-serif;font-weight:600;font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.tech-card__text{font-family:DM Sans,sans-serif;font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.tech-card__cta{align-items:center;gap:var(--space-2);font-family:DM Sans,sans-serif;font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary);transition:color var(--transition-fast);margin-top:auto;display:inline-flex}.tech-card:hover .tech-card__cta{color:var(--color-accent)}@media (min-width:641px){.technologien-grid{grid-template-columns:1fr 1fr}}@media (min-width:1025px){:root{--tech-nav-offset:140px}.tech-nav{position:sticky;top:72px}.technologien-hero{padding-top:var(--space-20);padding-bottom:var(--space-16)}.technologien-hero__title{font-size:var(--text-5xl)}.technologien-grid{grid-template-columns:1fr 1fr 1fr}}