.integrations-hero{padding:4rem 2rem 3rem;text-align:center;background:linear-gradient(135deg,var(--color-hellgrau) 0%,var(--color-weiss) 100%)}.integrations-hero h1{font-size:3rem;font-weight:700;color:var(--color-phthaloblau);margin:0 0 1rem}.integrations-content{padding:4rem 2rem}.integration-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.category-card{background:var(--color-weiss);border:2px solid var(--color-hellgrau);border-radius:12px;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:var(--color-himmelblau)}.category-card h3{font-size:1.5rem;font-weight:700;color:var(--color-phthaloblau);margin:0 0 .75rem}.category-card p{color:var(--color-phthaloblau);opacity:.7;margin:0 0 1.5rem}.integration-list{list-style:none;padding:0;margin:0}.integration-list li{padding:.75rem 0;color:var(--color-phthaloblau);border-bottom:1px solid var(--color-hellgrau);font-weight:500}.integration-list li:last-child{border-bottom:none}.api-section{margin-top:5rem;padding:3rem;background:linear-gradient(135deg,var(--color-phthaloblau) 0%,var(--color-himmelblau) 100%);border-radius:12px;text-align:center;color:var(--color-weiss)}.api-section h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.api-section p{font-size:1.125rem;margin:0 0 2rem;opacity:.9}.api-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.api-actions .btn-secondary{background:var(--color-weiss);color:var(--color-phthaloblau)}.api-actions .btn-secondary:hover{background:var(--color-hellgrau)}