[data-page=kontakt] .hero-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(32px,5vw,80px);margin-top:28px;display:grid}@media (max-width:900px){[data-page=kontakt] .hero-content{grid-template-columns:1fr}}[data-page=kontakt] .hero-content h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(36px,5vw,60px);line-height:1.05}[data-page=kontakt] .hero-content h1 em{color:var(--teal);font-style:italic;font-weight:500}[data-page=kontakt] .hero-trust-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}[data-page=kontakt] .htg-item{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:flex-start;gap:12px;padding:18px;display:flex}[data-page=kontakt] .htg-item .ic{background:var(--mint);width:36px;height:36px;color:var(--teal-700);border-radius:10px;flex-shrink:0;place-items:center;display:grid}[data-page=kontakt] .htg-item .l{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10.5px}[data-page=kontakt] .htg-item .v{margin-top:4px;font-size:14px;font-weight:600;line-height:1.4}[data-page=kontakt] .contact-section{padding-block:clamp(48px,5vw,80px)}[data-page=kontakt] .contact-grid{grid-template-columns:1.3fr .85fr;align-items:start;gap:32px;display:grid}@media (max-width:980px){[data-page=kontakt] .contact-grid{grid-template-columns:1fr}}[data-page=kontakt] .contact-form{border:1px solid var(--border);border-radius:var(--r-xl);background:#fff;gap:22px;padding:clamp(28px,4vw,48px);display:grid;position:relative;overflow:hidden}[data-page=kontakt] .form-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}[data-page=kontakt] .form-header h2{font-size:clamp(24px,2.4vw,30px)}[data-page=kontakt] .form-header .progress{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}[data-page=kontakt] .form-header .progress:before{content:"✓";color:var(--teal);font-weight:700}[data-page=kontakt] .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}[data-page=kontakt] .fld-section h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:10px;margin-bottom:14px;font-size:10.5px;display:flex}[data-page=kontakt] .fld-section h4:before{content:"";background:var(--teal);width:18px;height:1px}[data-page=kontakt] .topic-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:720px){[data-page=kontakt] .topic-grid{grid-template-columns:1fr 1fr}}@media (max-width:420px){[data-page=kontakt] .topic-grid{grid-template-columns:1fr}}[data-page=kontakt] .topic-chip{border:1px solid var(--border);cursor:pointer;background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:14px 12px;transition:all .18s;display:flex;position:relative}[data-page=kontakt] .topic-chip:hover{border-color:var(--teal);background:#fff}[data-page=kontakt] .topic-chip input{opacity:0;pointer-events:none;position:absolute}[data-page=kontakt] .topic-chip .tic{background:var(--mint);width:28px;height:28px;color:var(--teal-700);border-radius:8px;flex-shrink:0;place-items:center;transition:all .18s;display:grid}[data-page=kontakt] .topic-chip span{font-size:13.5px;font-weight:500}[data-page=kontakt] .topic-chip:has(input:checked){border-color:var(--teal);background:var(--mint)}[data-page=kontakt] .topic-chip:has(input:checked) .tic{background:var(--teal);color:#fff}[data-page=kontakt] .budget-pills{flex-wrap:wrap;gap:8px;display:flex}[data-page=kontakt] .budget-pill{border:1px solid var(--border);background:var(--bg);font-family:var(--mono);cursor:pointer;border-radius:999px;padding:10px 16px;font-size:13px;transition:all .18s;position:relative}[data-page=kontakt] .budget-pill:hover{border-color:var(--teal);background:#fff}[data-page=kontakt] .budget-pill input{opacity:0;pointer-events:none;position:absolute}[data-page=kontakt] .budget-pill:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink)}[data-page=kontakt] .privacy-check{color:var(--muted-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.5;display:flex}[data-page=kontakt] .privacy-check input{width:16px;height:16px;accent-color:var(--teal);cursor:pointer;flex-shrink:0;margin-top:3px}[data-page=kontakt] .privacy-check a{color:var(--teal-700);text-underline-offset:2px;text-decoration:underline}[data-page=kontakt] .field{gap:6px;display:grid}[data-page=kontakt] .field label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}[data-page=kontakt] .field input,[data-page=kontakt] .field textarea{border:1px solid var(--border);font-family:var(--sans);background:var(--bg);border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:border-color .18s,background .18s,box-shadow .18s}[data-page=kontakt] .field input:focus,[data-page=kontakt] .field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in oklab, var(--teal) 14%, transparent);background:#fff;outline:none}[data-page=kontakt] .field textarea{resize:vertical;min-height:140px;font-family:var(--sans)}[data-page=kontakt] .row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:540px){[data-page=kontakt] .row2{grid-template-columns:1fr}}[data-page=kontakt] .submit-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}[data-page=kontakt] .submit-row .hint{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}[data-page=kontakt] .submit-row .hint:before{content:"✓ ";color:var(--teal)}[data-page=kontakt] .sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:96px}@media (max-width:980px){[data-page=kontakt] .sidebar{position:static}}[data-page=kontakt] .calendar-card{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:32px;position:relative;overflow:hidden}[data-page=kontakt] .calendar-card:before{content:"";aspect-ratio:1;background:radial-gradient(circle at center, color-mix(in oklab, var(--teal) 26%, transparent), transparent 60%);pointer-events:none;border-radius:50%;width:60%;position:absolute;inset:-50% -20% auto auto}[data-page=kontakt] .calendar-card>*{z-index:1;position:relative}[data-page=kontakt] .calendar-card h3{color:#fff;letter-spacing:-.02em;font-size:22px}[data-page=kontakt] .calendar-card .sub{color:#a9b7ba;margin-top:8px;font-size:14px}[data-page=kontakt] .calendar-card .info-row{border-top:1px solid #ffffff14;align-items:center;gap:14px;padding-block:14px;display:flex}[data-page=kontakt] .calendar-card .info-row:first-child{border-top:0;padding-top:0}[data-page=kontakt] .calendar-card .info-row .ic{width:34px;height:34px;color:var(--teal);background:#00aca21f;border-radius:9px;flex-shrink:0;place-items:center;display:grid}[data-page=kontakt] .calendar-card .info-row .l{font-family:var(--mono);color:#a9b7ba;text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}[data-page=kontakt] .calendar-card .info-row .v{color:#fff;margin-top:2px;font-size:14.5px;font-weight:500}[data-page=kontakt] .calendar-card .info-row .v a{color:#fff}[data-page=kontakt] .calendar-card .info-row .v a:hover{color:var(--teal)}[data-page=kontakt] .calendar-card .mail-alt{text-align:center;font-family:var(--mono);color:#a9b7ba;letter-spacing:.04em;margin-top:12px;font-size:12px;display:block}[data-page=kontakt] .locations-section{padding-block:clamp(64px,6vw,96px)}
