/* Kontakt V11 */
.contact-breadcrumbs{background:#09090a;border-bottom:1px solid var(--line)}
.contact-breadcrumbs .container{min-height:46px;display:flex;align-items:center;gap:10px;color:#8f9399;font-size:.86rem}
.contact-breadcrumbs a{color:#aeb1b6}.contact-breadcrumbs a:hover{color:#fff}
.contact-breadcrumbs .sep{color:#5d6167}.contact-breadcrumbs [aria-current="page"]{color:#e5e6e8}

.contact-hero{
  position:relative;
  overflow:hidden;
  padding:90px 0 78px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 82% 35%,rgba(209,31,39,.14),transparent 22rem),
    radial-gradient(circle at 94% 10%,rgba(255,255,255,.045),transparent 18rem),
    linear-gradient(135deg,#070708,#0b0b0d 60%,#09090a);
}
.contact-hero:before{
  content:"";position:absolute;right:-120px;top:-200px;width:560px;height:560px;
  border:1px solid rgba(209,31,39,.20);border-radius:50%;
}
.contact-hero:after{
  content:"";position:absolute;right:80px;top:-80px;width:310px;height:310px;
  border:1px solid rgba(255,255,255,.055);border-radius:50%;
}
.contact-hero .inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.contact-hero h1{margin:.5rem 0 1rem;font-size:clamp(3rem,5.5vw,5.6rem);line-height:.94;letter-spacing:-.058em}
.contact-hero p{max-width:690px;margin:0;color:#cfd2d6;font-size:1.08rem}
.contact-hero-card{
  padding:30px;border:1px solid var(--line);border-radius:24px;
  background:rgba(16,17,19,.86);box-shadow:var(--shadow);backdrop-filter:blur(10px)
}
.contact-hero-card strong{display:block;font-size:1.12rem;margin-bottom:8px}
.contact-hero-card p{font-size:.93rem;color:var(--muted);margin:0 0 22px}
.contact-hero-actions{display:grid;gap:10px}
.contact-hero-actions .btn{width:100%}

.contact-section{padding:92px 0}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;align-items:start}
.contact-info{display:grid;gap:15px;position:sticky;top:104px}
.contact-card{
  border:1px solid var(--line);border-radius:20px;padding:25px;
  background:linear-gradient(145deg,#141519,#0e0f11)
}
.contact-card .kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#ef434a;font-weight:800;margin-bottom:7px}
.contact-card h2,.contact-card h3{margin:0 0 8px;letter-spacing:-.025em}
.contact-card h2{font-size:1.8rem}.contact-card h3{font-size:1.15rem}
.contact-card p{margin:0;color:var(--muted)}
.contact-value{display:inline-block;margin-top:8px;color:#fff;font-weight:800;font-size:1.05rem}
.contact-value:hover{color:#ef444c}
.contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}

.route-card{
  background:
    radial-gradient(circle at 100% 0%,rgba(209,31,39,.14),transparent 16rem),
    linear-gradient(145deg,#15161a,#0e0f11)
}
.route-line{display:flex;align-items:flex-start;gap:12px}
.route-mark{
  flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:rgba(209,31,39,.12);border:1px solid rgba(209,31,39,.34);font-weight:900;color:#ff5259
}

.contact-form-panel{
  border:1px solid var(--line);border-radius:26px;padding:38px;
  background:
    radial-gradient(circle at 100% 0%,rgba(209,31,39,.09),transparent 18rem),
    #101113;
  box-shadow:var(--shadow)
}
.contact-form-panel h2{margin:.35rem 0 9px;font-size:clamp(2rem,3.7vw,3.6rem);line-height:1;letter-spacing:-.045em}
.contact-form-panel>.intro{margin:0 0 30px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:.88rem;font-weight:750;color:#e5e7ea}
.field label span{color:#ef555b}
.field input,.field select,.field textarea{
  width:100%;border:1px solid rgba(255,255,255,.13);border-radius:13px;
  background:#0b0c0e;color:#fff;padding:14px 15px;outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.field textarea{min-height:150px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#6f747b}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(239,67,74,.78);box-shadow:0 0 0 3px rgba(209,31,39,.12);background:#0d0e10
}
.field-hint{font-size:.78rem;color:#7f848b}
.check-row{display:flex;align-items:flex-start;gap:11px;margin-top:2px}
.check-row input{margin-top:4px;accent-color:#d11f27}
.check-row label{font-size:.82rem;color:#aeb2b8}
.check-row a{text-decoration:underline;text-underline-offset:3px}
.form-submit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.form-submit .btn{border:0;cursor:pointer}
.form-small{font-size:.78rem;color:#7f848b;margin:15px 0 0}

.form-status{display:none;margin-bottom:22px;padding:14px 16px;border-radius:13px;border:1px solid var(--line)}
.form-status.show{display:block}
.form-status.success{background:rgba(58,155,91,.09);border-color:rgba(79,190,116,.28);color:#c9f3d7}
.form-status.error{background:rgba(209,31,39,.09);border-color:rgba(209,31,39,.30);color:#ffd1d3}

.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.contact-help{padding:0 0 86px}
.contact-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-help-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#101113}
.contact-help-card h3{margin:0 0 7px;font-size:1.08rem}
.contact-help-card p{margin:0;color:var(--muted);font-size:.9rem}

.contact-final{padding:0 0 80px}
.contact-final-panel{
  display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;
  padding:38px 42px;border:1px solid var(--line);border-radius:25px;
  background:radial-gradient(circle at 90% 50%,rgba(209,31,39,.16),transparent 18rem),#101113
}
.contact-final-panel h2{margin:.3rem 0 8px;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1;letter-spacing:-.04em}
.contact-final-panel p{margin:0;color:var(--muted);max-width:700px}
.contact-final-actions{display:flex;gap:10px;flex-wrap:wrap}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #ef444c;outline-offset:3px
}
@media(max-width:900px){
  .contact-hero .inner{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .contact-info{position:static;grid-template-columns:1fr 1fr}
  .route-card{grid-column:1/-1}
  .contact-help-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .contact-hero{padding:68px 0 58px}.contact-hero h1{font-size:3.2rem}
  .contact-info{grid-template-columns:1fr}
  .route-card{grid-column:auto}
  .contact-form-panel{padding:29px 23px}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
  .contact-help-grid{grid-template-columns:1fr}
  .contact-final-panel{grid-template-columns:1fr;padding:31px 25px}
}