.kontakt-page{min-height:70vh;padding-top:120px;padding-bottom:4rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.kontakt-hero{text-align:center;padding:2rem 1rem 3rem;max-width:800px;margin:0 auto}.kontakt-hero h1{font-size:2.75rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;letter-spacing:-.02em}.kontakt-hero p{font-size:1.25rem;color:#555}.kontakt-grid{max-width:1000px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.kontakt-glass-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem;border:1px solid rgba(255,255,255,.3);border-radius:24px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;text-decoration:none;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px 0 rgba(31,38,135,.15),inset 0 0 0 1px rgba(255,255,255,.2)}.kontakt-glass-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.85);box-shadow:0 16px 48px 0 rgba(31,38,135,.25),inset 0 0 0 1px rgba(255,255,255,.4)}.kontakt-glass-card:active{transform:translateY(-4px) scale(1.01)}.kontakt-icon{width:80px;height:80px;border-radius:50%;background:rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .4s}.kontakt-glass-card:hover .kontakt-icon{background:rgba(0,0,0,.08);transform:scale(1.1) rotate(5deg)}.kontakt-icon svg{width:40px;height:40px;color:#333}.kontakt-info{display:flex;flex-direction:column;gap:.5rem}.kontakt-info h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.kontakt-info p{font-size:1rem;color:#666;margin:0}.kontakt-number{font-size:1.125rem;color:#000;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace;margin-top:.25rem}@media (max-width:768px){.kontakt-page{padding-top:90px;padding-bottom:3rem}.kontakt-hero{padding:1.5rem 1rem 2rem}.kontakt-hero h1{font-size:2rem}.kontakt-hero p{font-size:1.1rem}.kontakt-grid{grid-template-columns:1fr;gap:1.25rem}.kontakt-glass-card{padding:2rem 1.5rem}.kontakt-icon{width:70px;height:70px}.kontakt-icon svg{width:35px;height:35px}.kontakt-info h2{font-size:1.25rem}}@media (max-width:480px){.kontakt-page{padding-top:80px}.kontakt-hero h1{font-size:1.75rem}.kontakt-glass-card{padding:1.75rem 1.25rem}.kontakt-icon{width:64px;height:64px}.kontakt-icon svg{width:32px;height:32px}}