/** Shopify CDN: Minification failed

Line 90:10 Unexpected "{"
Line 90:19 Expected ":"
Line 90:41 Unexpected "{"
Line 90:50 Expected ":"
Line 90:76 Unexpected "{"

**/
.contact img {
  max-width: 100%;
}

.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}

.template-contact .page-width--narrow {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  box-sizing: border-box;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.contact .field__input,
.contact textarea {
  border: none;
  border: 0.5px solid rgba(var(--color-foreground), .15);
  background: #f8f8f8;
  padding-left: 2rem;
  padding-right: 2rem;
  box-shadow: none !important;
  border-radius: 0;
}


/* ----------------------------------------------
   Nachricht-Feld: kompletter Rahmen + kein Resize
   ---------------------------------------------- */
.contact textarea {
  border: 0.5px solid rgba(var(--color-foreground), 0.15) !important;
  border-radius: 0px;
  resize: none !important;
  background-color: #fff;
}




h2.title.title-wrapper--no-top-margin.inline-richtext.h1 {
    display: none;
}


/* Für genau diese Contact-Section transparent machen */
.section-{{ section.id }}-padding.color-{{ section.settings.color_scheme }} {
  background: transparent !important;
}


                                         /* im Kontakt-Modal die Erfolgstext-Überschrift größer machen */
#overlay-contact .form-status {
  font-size: 14px;
  letter-spacing: 0.5px;
}