.chip-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}.contact-chip{align-items:center;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;box-shadow:inset 0 1px #ffffff0f;color:#ecf3fce6;display:inline-flex;font-size:.82rem;font-weight:500;gap:.5rem;letter-spacing:.01em;line-height:1.3;padding:.46rem .85rem .46rem .7rem;transition:border-color .24s ease,transform .24s ease,box-shadow .24s ease}.contact-chip:before{background:radial-gradient(circle at 30% 30%,#aef2ff,#62adff 70%);border-radius:999px;box-shadow:0 0 9px #6ec4ff99;content:"";flex:0 0 auto;height:.42rem;width:.42rem}.contact-chip:hover{border-color:#94f2ff59;box-shadow:inset 0 1px #ffffff1a,0 6px 20px -10px #94f2ff80;transform:translateY(-1px)}.contact-hero-note{align-items:center;color:#d6e2f2a8;display:inline-flex;font-size:.85rem;gap:.55rem;line-height:1.5;margin:0}.contact-hero-note__dot{background:radial-gradient(circle at 30% 30%,#aef2ff,#62adff 70%);border-radius:999px;box-shadow:0 0 10px #6ec4ff99;flex:0 0 auto;height:.4rem;width:.4rem}.contact-aside__eyebrow{color:#94f2ffe6;font-size:.72rem;font-weight:600;letter-spacing:.14em;line-height:1.2;margin:0 0 .55rem;text-transform:uppercase}.contact-aside__lead{margin:0 0 1.15rem}.contact-aside__section-title{color:#fff;font-size:.96rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.contact-steps{counter-reset:contact-step;display:grid;gap:.85rem;list-style:none;margin:0;padding:0}.contact-steps__item{align-items:start;color:#e1e9f5c7;display:grid;font-size:.9rem;gap:.75rem;grid-template-columns:auto 1fr;line-height:1.55}.contact-steps__item:before{align-items:center;background:#94f2ff14;border:1px solid rgba(148,242,255,.3);border-radius:999px;color:#bef0fff2;content:counter(contact-step);counter-increment:contact-step;display:inline-flex;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:600;height:1.6rem;justify-content:center;width:1.6rem}.contact-aside--row{grid-column:1/-1;padding:clamp(1.4rem,2.6vw,2rem)}.contact-aside--row .contact-aside__head{display:grid;gap:.45rem;margin-bottom:clamp(1.2rem,2.2vw,1.6rem);max-width:64ch}.contact-aside--row .contact-aside__lead{margin:0}@media (min-width:768px){.contact-aside--row>.grid{align-items:stretch;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.contact-aside--row>.grid>section{align-content:start;display:grid;gap:.55rem}}body[data-page=kontakt] .contact-form-shell{max-width:100%;width:100%}body[data-page=kontakt] .webdev-section .webdev-container{width:min(100% - 2rem,80rem)}body[data-page=kontakt] .approach-section__header{max-width:68rem}body[data-page=kontakt] .approach-section__subline{margin-inline:auto;max-width:72ch}body[data-page=kontakt] .approach-section .approach-card.reveal-on-scroll.is-visible:hover,body[data-page=kontakt] .approach-section .approach-card:hover{border-color:#ffffff12;box-shadow:0 4px 28px #0003;transform:none}body[data-page=kontakt] .approach-section .approach-card:hover:before{opacity:0}body[data-page=kontakt] .approach-section .approach-card:hover:after,body[data-page=kontakt] .approach-section .contact-aside:hover:after{filter:drop-shadow(0 0 12px rgba(185,255,248,.58));opacity:.9}@media (min-width:640px){body[data-page=kontakt] .webdev-section .webdev-container{width:min(100% - 3rem,80rem)}}@media (min-width:1024px){body[data-page=kontakt] .webdev-section .webdev-container{width:min(100% - 4rem,80rem)}}.contact-form__legal{color:#cdd9ec99;font-size:.8rem;line-height:1.6;margin:.9rem 0 0}.contact-form__legal a{color:#94f2ffd9;text-decoration:underline;text-underline-offset:2px}.contact-form__legal a:hover{color:#fff}@media (prefers-reduced-motion:reduce){.contact-chip,.contact-chip:hover{transform:none;transition:none}}