.kontakt{position:relative;background:var(--surface-dark);color:var(--text-on-dark);min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;isolation:isolate}.kontakt-aurora{position:absolute;inset:-10%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 50% 40% at 75% 25%,rgba(46,95,138,.3),transparent 65%),radial-gradient(ellipse 45% 50% at 20% 80%,rgba(46,95,138,.22),transparent 70%);filter:blur(60px);animation:kontakt-drift 30s ease-in-out infinite}@keyframes kontakt-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-3%,2%) scale(1.06)}}.kontakt-grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.6) .5px,transparent .5px);background-size:3px 3px}.kontakt-inner{position:relative;z-index:2;min-height:100vh;min-height:100svh;min-height:100dvh;display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:center;padding-top:clamp(80px,11vh,120px);padding-bottom:clamp(64px,9vh,96px)}@media(max-width:1024px){.kontakt-inner{grid-template-columns:1fr;gap:clamp(40px,6vh,64px);align-items:start}}.kontakt-text{display:flex;flex-direction:column;gap:clamp(20px,3vh,32px)}.kontakt-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#f7f8f88c;display:inline-flex;align-items:center;gap:14px;opacity:0;transform:translateY(16px)}.kontakt-eyebrow:before{content:"";width:28px;height:1px;background:var(--accent)}.kontakt-headline{font-family:var(--font-display);font-size:clamp(40px,5vw,84px);line-height:.96;font-weight:500;letter-spacing:-.04em;color:var(--text-on-dark);margin:0}.kontakt-headline .line{display:block;opacity:0;transform:translateY(28px);filter:blur(4px)}.kontakt-headline .italic{background:linear-gradient(90deg,#5fa8e0,#8ac4ed,#5fa8e0);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;font-weight:400;animation:kontakt-hue 9s linear infinite}@keyframes kontakt-hue{to{background-position:-200% 0}}.kontakt-lead{font-size:clamp(16px,1.2vw,19px);line-height:1.65;color:#f7f8f8b8;max-width:50ch;margin:0;opacity:0;transform:translateY(16px)}.kontakt-lead strong{color:var(--accent);font-weight:500;font-style:italic}.kontakt-info{margin-top:clamp(12px,2vh,20px);display:flex;flex-direction:column;gap:clamp(12px,1.6vh,18px);border-top:1px solid rgba(255,255,255,.1);padding-top:clamp(20px,3vh,28px);list-style:none;margin-left:0;padding-left:0;opacity:0;transform:translateY(16px)}.kontakt-info li{display:grid;grid-template-columns:80px 1fr;align-items:baseline;gap:clamp(12px,2vw,20px);font-size:clamp(14px,1vw,16px);color:#f7f8f8c7}.kontakt-info-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f7f8f86b}.kontakt-info a{color:#f7f8f8db;text-decoration:none;transition:color .25s ease;border-bottom:1px solid transparent}.kontakt-info a:hover{color:var(--accent);border-bottom-color:var(--accent)}@media(max-width:480px){.kontakt-info li{grid-template-columns:1fr;gap:4px}}.kontakt-map{margin:clamp(20px,3vh,28px) 0 0;padding:0;border:1px solid rgba(247,248,248,.12);background:#f7f8f808;overflow:hidden;opacity:0;transform:translateY(16px);position:relative}.kontakt-map iframe{display:block;width:100%;height:240px;border:0;filter:grayscale(35%) contrast(.95) brightness(.92);transition:filter .4s var(--ease-expo)}.kontakt-map:hover iframe{filter:grayscale(0%) contrast(1) brightness(1)}.kontakt-map-caption{margin:0;padding:10px 14px;border-top:1px solid rgba(247,248,248,.1);font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f7f8f88c}.kontakt-map-caption a{color:#f7f8f8c7;text-decoration:none;transition:color .25s ease}.kontakt-map-caption a:hover{color:var(--accent)}.kontakt-form{display:flex;flex-direction:column;gap:clamp(20px,2.5vh,28px);padding:clamp(32px,4vh,56px) clamp(28px,3vw,44px) clamp(32px,4vh,48px);border:1px solid rgba(247,248,248,.18);background:#f7f8f80a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;opacity:0;transform:translateY(28px)}.kontakt-form:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:kontakt-form-pulse 4s ease-in-out infinite}@keyframes kontakt-form-pulse{0%,to{opacity:.45}50%{opacity:1}}.kontakt-form-tab{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:clamp(8px,1.4vh,14px)}.kontakt-form-tab-num{width:22px;height:1px;background:var(--accent);position:relative}.kontakt-form-tab-num:before{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-right:1px solid var(--accent);border-top:1px solid var(--accent);transform:rotate(45deg)}.kontakt-form-tab-num{background:transparent;color:transparent}.kontakt-form-tab-promise{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#f7f8f88c;padding:4px 10px;border:1px solid rgba(247,248,248,.2);border-radius:999px;white-space:nowrap}@media(max-width:480px){.kontakt-form-tab{flex-wrap:wrap;gap:8px}.kontakt-form-tab-promise{margin-left:0}}.kontakt-form .field{display:flex;flex-direction:column;gap:8px}.kontakt-form .field label{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f7f8f88c;transition:color .25s ease}.kontakt-form .field input,.kontakt-form .field select,.kontakt-form .field textarea{background:transparent;border:none;border-bottom:1px solid rgba(247,248,248,.18);color:var(--text-on-dark);font-family:var(--font-body);font-size:16px;padding:10px 0;outline:none;transition:border-color .25s ease}.kontakt-form .field input:focus,.kontakt-form .field select:focus,.kontakt-form .field textarea:focus{border-bottom-color:var(--accent)}.kontakt-form .field input:focus+label,.kontakt-form .field:focus-within label{color:var(--accent)}.kontakt-form .field textarea{border:1px solid rgba(247,248,248,.18);padding:12px;resize:vertical;min-height:96px}.kontakt-form .field textarea:focus{border-color:var(--accent)}.kontakt-form .field select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(247,248,248,.55) 50%),linear-gradient(135deg,rgba(247,248,248,.55) 50%,transparent 50%);background-position:calc(100% - 14px) center,calc(100% - 8px) center;background-size:6px 6px;background-repeat:no-repeat;padding-right:28px}.kontakt-form .field select option{background:var(--surface-dark);color:var(--text-on-dark)}.kontakt-more{border-top:1px solid rgba(247,248,248,.1);padding-top:clamp(12px,1.8vh,18px)}.kontakt-more>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f7f8f88c;padding:4px 0;transition:color .25s ease}.kontakt-more>summary::-webkit-details-marker{display:none}.kontakt-more>summary::marker{content:""}.kontakt-more>summary:hover{color:var(--accent)}.kontakt-more-icon{font-family:var(--font-mono);font-size:18px;line-height:1;font-weight:300;transition:transform .3s var(--ease-expo)}.kontakt-more[open] .kontakt-more-icon{transform:rotate(45deg);color:var(--accent)}.kontakt-more-fields{display:flex;flex-direction:column;gap:clamp(20px,2.5vh,28px);padding-top:clamp(16px,2vh,24px)}.kontakt-consent{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin-top:clamp(8px,1.2vh,14px);font-size:13px;color:#f7f8f89e;line-height:1.55;cursor:pointer}.kontakt-consent a{color:var(--text-on-dark);border-bottom:1px solid rgba(247,248,248,.32);transition:border-color .25s ease}.kontakt-consent a:hover{border-bottom-color:var(--accent)}.kontakt-consent input[type=checkbox]{margin-top:2px;accent-color:var(--accent)}.kontakt-submit{align-self:flex-start;display:inline-flex;align-items:center;gap:14px;padding:16px 26px;background:var(--accent);color:var(--text-on-dark);border:1px solid var(--accent);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;margin-top:clamp(6px,1vh,12px);position:relative;overflow:hidden;transition:transform .25s var(--ease-expo),background .25s ease}.kontakt-submit:hover{transform:translateY(-1px);background:var(--accent-hover)}.kontakt-submit:after{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-120%);transition:transform .8s var(--ease-expo);pointer-events:none}.kontakt-submit:hover:after{transform:translate(120%)}.kontakt-submit[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.kontakt-submit-arrow{display:inline-block;width:14px;height:1px;background:currentColor;position:relative;transition:width .3s var(--ease-expo)}.kontakt-submit-arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}.kontakt-submit:hover .kontakt-submit-arrow{width:22px}.kontakt-trust-strip{list-style:none;margin:clamp(8px,1.4vh,14px) 0 0;padding:clamp(14px,2vh,18px) 0 0;border-top:1px solid rgba(247,248,248,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px)}@media(max-width:480px){.kontakt-trust-strip{grid-template-columns:1fr;gap:10px}}.kontakt-trust-strip li{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.kontakt-trust-num{font-family:var(--font-display);font-size:clamp(15px,1.05vw,17px);font-weight:500;letter-spacing:-.01em;color:var(--accent)}.kontakt-trust-lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f7f8f873}.kontakt-alt-cta{margin:clamp(10px,1.4vh,16px) 0 0;font-size:13px;color:#f7f8f88c;line-height:1.5;font-family:var(--font-body)}.kontakt-alt-cta a{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .25s ease;margin-left:6px}.kontakt-alt-cta a:hover{border-bottom-color:var(--accent)}.kontakt-safety{font-size:12px;line-height:1.55;color:#f7f8f86b;margin:0;max-width:50ch;font-family:var(--font-mono);letter-spacing:.02em}.kontakt-safety em{color:var(--accent);font-style:italic;font-family:var(--font-body);letter-spacing:0}.kontakt-status{font-size:13px;line-height:1.55;color:#f7f8f8a6;margin:0;min-height:1.55em}.kontakt-status[data-state=error]{color:#f4b5b5}.kontakt-status[data-state=loading]{color:#f7f8f8d9}.kontakt.is-visible .kontakt-eyebrow{animation:kontakt-rise .8s 0s var(--ease-expo) forwards}.kontakt.is-visible .kontakt-headline .line:nth-child(1){animation:kontakt-rise-blur 1s .2s var(--ease-expo) forwards}.kontakt.is-visible .kontakt-headline .line:nth-child(2){animation:kontakt-rise-blur 1s .4s var(--ease-expo) forwards}.kontakt.is-visible .kontakt-lead{animation:kontakt-rise .8s .65s var(--ease-expo) forwards}.kontakt.is-visible .kontakt-info{animation:kontakt-rise .8s .85s var(--ease-expo) forwards}.kontakt.is-visible .kontakt-map{animation:kontakt-rise .9s 1s var(--ease-expo) forwards}.kontakt.is-visible .kontakt-form{animation:kontakt-rise 1s .9s var(--ease-expo) forwards}@keyframes kontakt-rise{to{opacity:1;transform:translateY(0)}}@keyframes kontakt-rise-blur{to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.kontakt-aurora,.kontakt-headline .italic,.kontakt-form:before{animation:none!important}.kontakt .kontakt-eyebrow,.kontakt .kontakt-headline .line,.kontakt .kontakt-lead,.kontakt .kontakt-info,.kontakt .kontakt-map,.kontakt .kontakt-form{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}}
