.compliance,.leistungen{padding:var(--space-5) 0;text-align:center}.compliance h2,.leistungen h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:var(--space-2);color:var(--color-primary)}.compliance h2{margin-bottom:var(--space-5)}.compliance .subtitle,.leistungen .subtitle{font-size:1.125rem;font-weight:600;color:var(--app-subtitle-color);margin-bottom:var(--space-2)}.compliance .description,.leistungen .description{max-width:720px;margin:0 auto var(--space-5);color:var(--color-primary);font-size:1rem;line-height:1.6}.compliance .btn,.leistungen .btn{margin-bottom:var(--space-6)}.compliance .card-grid,.leistungen .card-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1100px;margin:0 auto}.compliance .card,.leistungen .card{background:#ffffffa6;border-radius:1rem;padding:var(--space-5);text-align:left;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.4);transition:transform .25s ease,box-shadow .25s ease}.compliance .card-icon,.leistungen .card-icon{width:100%;height:30px;margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:flex-start}.compliance .card-icon img,.leistungen .card-icon img{width:auto;height:100%;-o-object-fit:contain;object-fit:contain;filter:var(--card-icon-filter, none)}:root[data-theme=dark] .compliance .card-icon img,:root[data-theme=dark] .leistungen .card-icon img{filter:brightness(0) saturate(100%) invert(62%) sepia(12%) saturate(5567%) hue-rotate(199deg) brightness(103%) contrast(101%);filter:invert(1) hue-rotate(180deg)!important}.compliance h3,.leistungen h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-2);color:var(--color-primary)}.compliance p,.leistungen p{font-size:.95rem;color:var(--color-primary);line-height:1.5}@media screen and (max-width: 659px){.card-grid .card{display:flex;flex-direction:row;align-items:flex-start;text-align:left;min-width:none;max-width:none;gap:var(--space-4);padding:var(--space-4) var(--space-4)}.card-grid .card>div:last-child{flex:1}.compliance h3,.leistungen h3{font-size:1rem}.compliance p,.leistungen p{font-size:.85rem;line-height:1.4}.compliance .card-icon,.leistungen .card-icon{width:28px;height:28px;flex-shrink:0}}:root[data-theme=dark] .compliance h2,:root[data-theme=dark] .leistungen h2,:root[data-theme=dark] .compliance h3,:root[data-theme=dark] .leistungen h3{color:var(--color-neutral-8)}:root[data-theme=dark] .compliance p,:root[data-theme=dark] .leistungen p,:root[data-theme=dark] .compliance .subtitle,:root[data-theme=dark] .leistungen .subtitle,:root[data-theme=dark] .compliance .description,:root[data-theme=dark] .leistungen .description{color:var(--color-neutral-6)}:root[data-theme=dark] .compliance .card,:root[data-theme=dark] .leistungen .card{background:#252c338c;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0006;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}:root[data-theme=dark] .compliance .card:hover,:root[data-theme=dark] .leistungen .card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #000000a6}:root[data-theme=dark] .compliance .card-icon img,:root[data-theme=dark] .leistungen .card-icon img{filter:brightness(1.1)}
