#yhteydenotto{container-type:inline-size;box-sizing:border-box;width:calc(100% - 64px);max-width:1280px;margin:48px auto;padding:32px 24px;color:#183c2b;background:rgba(248,250,245,.96);border-radius:28px;scroll-margin-top:88px}@media(max-width:600px){#yhteydenotto{width:calc(100% - 32px);padding:24px 16px}}#yhteydenotto .cc-grid{display:grid;gap:24px;margin-top:24px;grid-template-columns:1fr}@container(min-width:760px){#yhteydenotto .cc-grid{grid-template-columns:1fr 1fr}}#yhteydenotto .cc-form{border:1px solid #dce6d7;border-radius:24px;padding:24px;background:#fff;box-shadow:0 2px 8px #183c2b08}#yhteydenotto input:not([type=checkbox]):not([type=hidden]),#yhteydenotto textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #ccd7c7;border-radius:12px;padding:12px;margin-top:6px;font:inherit}#yhteydenotto input:focus-visible,#yhteydenotto textarea:focus-visible{outline:2px solid #376b43;outline-offset:2px}#yhteydenotto .cc-form label{margin:12px 0}#yhteydenotto button{background:#183c2b;color:white;border:0;border-radius:999px;padding:12px 24px;font-weight:700}#yhteydenotto button:disabled{opacity:.55}#yhteydenotto [hidden]{display:none!important}#yhteydenotto .cc-result{margin-top:12px}
#yhteydenotto .cc-centered-title{text-align:center;margin:0 0 24px}#yhteydenotto .cc-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #b8cbb1;border-radius:16px;overflow:hidden;background:white}#yhteydenotto .cc-toolbar .cc-choice{border-radius:0;min-height:60px;padding:14px 12px;background:white;color:#183c2b;font:inherit;font-weight:700;cursor:pointer;white-space:normal}#yhteydenotto .cc-toolbar .cc-choice+button{border-left:1px solid #b8cbb1}#yhteydenotto .cc-toolbar .cc-choice[aria-pressed=true]{background:#183c2b;color:white}#yhteydenotto .cc-toolbar .cc-choice:focus-visible{outline:3px solid #91ba62;outline-offset:-4px}#yhteydenotto .cc-grid{display:block;margin-top:24px}#yhteydenotto .cc-grid:not(:has(.cc-form:not([hidden]))){margin-top:0}#yhteydenotto .cc-form{box-sizing:border-box;width:100%;max-width:none;margin:0}
/* Form choice feedback and full-width panels. */
#yhteydenotto .cc-toolbar .cc-choice{position:relative;min-height:116px;padding:22px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
#yhteydenotto .cc-choice-title{display:block;font-size:1.08rem;line-height:1.4;transition:transform .18s ease}
#yhteydenotto .cc-choice-description{display:block;max-width:36ch;font-size:.875rem;font-weight:400;line-height:1.5;opacity:.85}
@media(hover:hover){#yhteydenotto .cc-toolbar .cc-choice:hover{background:#edf3e8;box-shadow:inset 0 -3px 0 #91ba62}#yhteydenotto .cc-toolbar .cc-choice[aria-pressed=true]:hover{background:#244e38}#yhteydenotto .cc-choice:hover .cc-choice-title{transform:translateY(-2px)}}
#yhteydenotto .cc-choice:active .cc-choice-title{transform:translateY(1px) scale(.98)}
#yhteydenotto .cc-toolbar .cc-choice[aria-pressed=true]{box-shadow:inset 0 -3px 0 #91ba62}
#yhteydenotto .cc-form:not([hidden]){animation:cc-panel-enter .26s ease-out both}
@keyframes cc-panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#yhteydenotto .cc-toolbar .cc-choice{min-height:136px;padding:18px 12px}#yhteydenotto .cc-choice-title{font-size:1rem}#yhteydenotto .cc-choice-description{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){#yhteydenotto .cc-toolbar .cc-choice,#yhteydenotto .cc-choice-title{transition:none}#yhteydenotto .cc-choice:hover .cc-choice-title,#yhteydenotto .cc-choice:active .cc-choice-title{transform:none}#yhteydenotto .cc-form:not([hidden]){animation:none}}

/* Contact forms are part of the green footer. */
footer #yhteydenotto{width:100%;max-width:1280px;margin:0 auto;padding:40px 24px 24px;background:transparent;border-radius:0;color:#183c2b}
footer #yhteydenotto .cc-centered-title{color:#fff}
@media(max-width:600px){footer #yhteydenotto{width:100%;padding:32px 16px 16px}}


/* CUSTOMER COMMUNICATIONS SUCCESS UI V2 */
.cc-form.cc-completed {
  text-align: center;
}

.cc-form.cc-completed .cc-success-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 28px 8px;
  color: #173d2a;
}

.cc-success-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-size: clamp(24px, 5vw, 30px);
  font-weight: 750;
  line-height: 1.25;
}

.cc-success-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #15803d;
  color: white;
  font-size: 48px;
  font-weight: 700;
}

.cc-success-description,
.cc-success-invite {
  margin: 0;
  max-width: 440px;
  font-size: 16px;
  line-height: 1.6;
}

.cc-success-invite {
  color: #52665b;
}

.cc-success-booking {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 999px;
  background: #173d2a;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.cc-success-booking:hover {
  background: #245b3c;
  color: #fff;
}

.cc-success-booking:focus-visible {
  outline: 3px solid #84cc16;
  outline-offset: 3px;
}