.contact-page{background:#fff}.contact-hero{position:relative;min-height:680px;padding:190px max(40px,calc((100vw - 1208px)/2)) 90px;display:flex;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(125deg,#001a3b,#07365f)}.contact-hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 10%,#000 70%)}.contact-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(69,199,223,.18),transparent 27%),linear-gradient(110deg,rgba(0,26,59,.2),rgba(61,174,43,.05));pointer-events:none}.contact-hero-orbit{position:absolute;width:560px;height:560px;right:2%;top:105px;border:1px solid rgba(120,220,80,.28);border-radius:50%}.contact-hero-orbit:before,.contact-hero-orbit:after{content:"";position:absolute;border:1px dashed rgba(69,199,223,.2);border-radius:50%}.contact-hero-orbit:before{inset:65px}.contact-hero-orbit:after{inset:145px}.contact-hero-inner{position:relative;z-index:2;width:100%;max-width:920px}.contact-hero h1{margin:0;color:#fff;font-size:clamp(52px,6.2vw,88px);line-height:1.01;letter-spacing:-.05em}.contact-hero h1 em{color:#78dc50;font-style:normal}.contact-hero .lead{max-width:720px;margin:30px 0 0;color:#c7d7e6;font-size:clamp(18px,1.7vw,22px);line-height:1.6}.contact-main{padding:clamp(80px,9vw,130px) 0}.contact-shell{width:min(1208px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(60px,8vw,120px);align-items:start}.contact-details{position:sticky;top:135px}.contact-details h2{margin:0;font-size:clamp(38px,4.2vw,58px);line-height:1.07}.contact-details>p:not(.section-label):not(.contact-response){max-width:470px;margin:25px 0;color:var(--evival-text);font-size:18px;line-height:1.7}.contact-methods{margin:38px 0;border-top:1px solid var(--evival-line)}.contact-methods a{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px;padding:22px 4px;border-bottom:1px solid var(--evival-line);text-decoration:none;transition:.25s}.contact-methods a:hover{padding-left:12px;color:var(--evival-green)}.contact-methods small{grid-column:1;color:var(--evival-muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.contact-methods strong{grid-column:1;font-size:19px}.contact-methods a>span{grid-column:2;grid-row:1/3;align-self:center}.contact-address{padding:28px;background:var(--evival-soft);border-left:4px solid var(--evival-green)}.contact-address small{color:var(--evival-green);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.contact-address p{margin:12px 0 16px}.contact-address a{font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid}.contact-response{display:flex;gap:12px;align-items:center;margin-top:28px;color:var(--evival-muted);font-size:13px}.contact-response>span{width:9px;height:9px;border-radius:50%;background:var(--evival-green);box-shadow:0 0 0 6px rgba(61,174,43,.12)}.contact-page .contact-form{position:relative;padding:clamp(30px,4vw,52px);background:#f3f6f7;border-top:4px solid var(--evival-green);box-shadow:0 28px 70px -50px rgba(0,26,59,.6)}.form-heading{margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid var(--evival-line)}.form-heading span{display:block;color:var(--evival-green);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.form-heading strong{display:block;margin-top:10px;color:var(--evival-navy);font-size:25px;font-weight:400}.contact-page .contact-form label{display:grid;gap:8px;margin-bottom:20px;color:var(--evival-text);font-size:12px;font-weight:600}.contact-page .contact-form label em{color:var(--evival-green);font-style:normal}.contact-page .field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{width:100%;padding:15px 16px;border:1px solid #cdd7de;border-radius:0;background:#fff;color:var(--evival-navy);font:400 15px "Lato Local",Arial,sans-serif;outline:none}.contact-page .contact-form textarea{resize:vertical;min-height:170px}.contact-page .contact-form input:focus,.contact-page .contact-form select:focus,.contact-page .contact-form textarea:focus{border-color:var(--evival-green);box-shadow:0 0 0 3px rgba(61,174,43,.1)}.contact-page .contact-form .consent{display:flex;align-items:flex-start;gap:12px;font-size:11px;font-weight:400;line-height:1.55}.contact-page .consent input{flex:0 0 17px;width:17px;margin-top:3px}.contact-page .consent a{text-decoration:underline}.form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-page .contact-form button:disabled{cursor:wait;opacity:.65}.contact-page .form-note{min-height:22px;margin:16px 0 0;font-size:13px}.contact-page .form-note.is-success{color:#287c1c}.contact-page .form-note.is-error{color:#b42318}.contact-expect{padding:clamp(80px,9vw,120px) max(40px,calc((100vw - 1208px)/2));color:#fff;background:var(--evival-navy)}.contact-expect>div{display:grid;grid-template-columns:.9fr 1.1fr}.contact-expect h2{max-width:650px;margin:0;color:#fff;font-size:clamp(38px,4.8vw,66px);line-height:1.06}.contact-expect ol{display:grid;grid-template-columns:repeat(3,1fr);margin:60px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.contact-expect li{min-height:240px;padding:30px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.contact-expect li>span{color:#78dc50;font-size:11px;letter-spacing:.14em}.contact-expect li strong{display:block;margin:48px 0 12px;font-size:22px}.contact-expect li p{margin:0;color:#afbdd0}.contact-page footer{background:#03162d}@media(max-width:850px){.contact-hero{min-height:600px;padding:150px 28px 70px}.contact-shell{width:min(100% - 32px,1208px);grid-template-columns:1fr}.contact-details{position:static}.contact-page .field-row{grid-template-columns:1fr}.contact-expect{padding-inline:24px}.contact-expect ol{grid-template-columns:1fr}.contact-expect li{min-height:0}.contact-expect li strong{margin-top:25px}}@media(max-width:560px){.contact-hero h1{font-size:44px}.contact-hero-orbit{right:-300px}.contact-page .contact-form{padding:26px 20px}.contact-shell{gap:50px}}

.contact-hero{
  background-image:
    linear-gradient(90deg,rgba(0,26,59,.96) 0%,rgba(0,26,59,.86) 42%,rgba(0,26,59,.34) 72%,rgba(0,26,59,.14) 100%),
    linear-gradient(0deg,rgba(0,20,45,.5),transparent 55%),
    url("hero-kontakt.jpg");
  background-color:#001a3b;
  background-position:center,center,right center;
  background-size:cover,cover,auto 100%;
  background-repeat:no-repeat;
}

@media(max-width:700px){
  .contact-hero{
    background-image:
      linear-gradient(0deg,rgba(0,26,59,.97) 0%,rgba(0,26,59,.88) 58%,rgba(0,26,59,.48) 100%),
      url("hero-kontakt.jpg");
    background-position:center,66% center;
    background-size:cover,auto 100%;
  }
}

/* Keep labels, required markers and controls aligned consistently. */
.contact-page .contact-form label:not(.consent){display:block}
.contact-page .contact-form label:not(.consent)>input,
.contact-page .contact-form label:not(.consent)>select,
.contact-page .contact-form label:not(.consent)>textarea{display:block;margin-top:8px}
.contact-page .contact-form label:not(.consent)>input,
.contact-page .contact-form select{height:52px}
.contact-page .contact-form select{
  padding-right:48px;
  -webkit-appearance:none;
  appearance:none;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23001a3b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 18px center;
  background-size:12px 8px;
}
