/* Kontakt */

.bruecke-kontakt {
  position: absolute;
  width: 50vw;
  height: auto;
  right: 0;
  margin: 0;
  bottom: -209vh;
}

figure.wp-block-image.size-large.himmel-kontakt {
  max-width: 100vw;
  margin: 0;
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  top: 550px;
}

.wpcf7-form-control-wrap.recaptcha > 
span.wpcf7-form-control.wpcf7-recaptcha.g-recaptcha > 
div {
  height: auto !important; 
}

@media (max-width: 940px) {
  .wp-block-image.size-large.himmel-kontakt {
    top: 46vh !important;
  }
}

@media (max-width: 820px) {
  .wp-block-image.size-large.himmel-kontakt {
    top: 37vh !important;
  }
  .trennbalken-mini-kontakt {
    display: none;
  }
}

@media (max-width: 768px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 24vh !important;
  }
  .trennbalken-mini-kontakt {
    display: block;
  }
  .trennbalken-gross.trennbalken-kontakt {
    height: 24px !important;
  }
}

/* @media (max-width: 720px) {
  figure.wp-block-image.size-large.himmel-kontakt {
     top: 26vh !important; 
  } 
} */



@media (max-width: 400px) and (max-height: 820px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 32vh !important;
  }
  .trennbalken-mini {
    height: 50px !important;
  }
}
/* Über Mich */

.hand-hero_ueber-mich {
  object-fit: cover;
  width: 100%;
  height: auto;
  margin-right: 0;
}

img.wp-image-482 {
  width: 100%;
  height: auto;
  border-radius: 20px;
  margin-bottom: 30px;
}

.kontakt-portrait {
  max-width: 100%;
  height: auto;
  margin-top: 60px;
}

figure.wp-block-image.size-full.kontakt-portrait {
  margin: 0;
}

.ueber-mich-titel {
  margin-top: 0;
}

.n2-ss-slider-wrapper-inside {
  border-radius: 20px;
}

.wp-block-columns.über-mich_text.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
  padding-top: 10vh;
}

/* Slider */
.n2-padding {
  padding-top: 100px;
}

/* Kontakformular */

.wpcf7-form p {
  margin-bottom: 20px; /* Abstand zwischen den Feldern */
}

/* Label-Styling */
.wpcf7-form label {
  display: flex;
  flex-direction: column;
  /* display: flex;
  flex-direction: row;
  justify-content: space-between; */
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 18px;
}

/* Input- und Textarea-Felder */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 70%;
  padding: 10px 15px;
  border-radius: 15px;
  border: 2px solid #ccc;
  font-size: 24px;
  background-color: #fff;
}
.wpcf7 textarea {
  left: 100px;
}
.wp-block-contact-form-7-contact-form-selector {
  width: 100%;
}
/* Button-Styling */
.wpcf7-form input[type="submit"] {
  background-color: #6b94bb;
  color: #fff;
  border: none;
  border-radius: 15px;
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hover-Effekt für den Button */
.wpcf7-form input[type="submit"]:hover {
  background-color: #5578a6;
}

.wpcf7 form .wpcf7-response-output {
  min-height: 3vh;
}

/* .trennbalken-mini {
  display: none;
} */

.wp-block-image.size-large.is-style-default {
  margin: 0;
}

@media (max-width: 820px) {
  .n2-padding {
    padding-top: 0 !important;
  }
  .screen-reader-response {
    display: none;
  }
  .bruecke-termin {
    margin-bottom: -65px;
  }
}

@media (max-width: 820px) and (min-width: 501px) {
  .ueber-mich-titel {
    margin-top: 5vh;
  }
  .bruecke-termin {
    margin-bottom: -150px;
  }
}

@media (max-width: 820px) {
  .wp-block-columns.über-mich_text,
  .wp-block-columns.über-mich-block {
    flex-basis: 100% !important;
    flex-direction: column;
    align-items: center;
  }
  .trennbalken-uebermich {
    display: block !important;
    height: 80px !important;
  }
  .kontakt-portrait {
    max-width: 100vw;
  }

  .wpcf7-form label {
    display: flex;
    flex-direction: column;
  }

  .trennbalken-kontakt {
    height: 150px !important;
  }

  .bruecke-kontakt {
    width: 80vw;
    bottom: -167vh;
  }
  .wp-block-columns.über-mich_text.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
    padding-top: 1vh;
  }

  /* .trennbalken-gross {
    height: 0 !important;
  } */

  .wp-image-482 {
    height: auto;
  }

  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="email"],
  .wpcf7-form input[type="tel"],
  .wpcf7-form textarea {
    width: 85% !important;
  }

  .wortumbruch {
    line-height: 1.2;
    overflow: hidden;
    font-size: 39px !important;
  }
}
@media (min-width: 821px) and (max-width: 1280px) {
  .trennbalken-mini {
    display: none;
  }
  .trennbalken-kontakt {
    height: 24px !important;
  }
  .trennbalken-uebermich {
    display: none !important;
  }

  figure.wp-block-image.size-large.himmel-kontakt {
    top: 33vh;
  }

  img.wp-image-482 {
    width: 65%;
    margin-bottom: 50px;
  }

  .wp-block-columns.über-mich_text.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
    padding-top: 5vh;
  }
}

@media (min-width: 1100px) and (max-width: 1290px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 38vh;
  }
}

@media (min-width: 1400px) and (max-width: 1919px) {
  .trennbalken-mini {
    display: none;
  }

  .trennbalken-kontakt {
    height: 400px !important;
  }

  figure.wp-block-image.size-large.himmel-kontakt {
    top: 48vh;
  }
}

@media (min-width: 2600px) {
  .trennbalken-uebermich {
    display: block;
    height: 300px !important;
  }
}

@media (max-width: 350px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 53vh !important;
  }
  .trennbalken-kontakt {
    height: 50px !important;
  }
}

@media (max-width: 400px) and (max-height: 850px) {
  .trennbalken-uebermich {
    height: 30px !important;
  }
}

@media (max-width: 1450px) and (min-width: 1281px) and (max-height: 1090px) {
  .wp-block-image.size-large.himmel-kontakt {
    top: 60vh;
  }
}

@media (max-width: 1450px) and (min-width: 1281px) and (max-height: 1090px) {
  .wp-block-image.size-large.himmel-uebermich {
    top: 755px;
  }
}


@media (max-width: 480px) and (max-height: 1000px) {
  .wp-block-spacer.Kontakt_Spacer {
    height: 10vh !important;
  }
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 275px !important;
  }
}

@media (max-width: 400px) and (max-height: 850px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 400px !important;
  }
}

@media (max-width: 330px) and (max-height:  600px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 460px !important;
  }
}

@media (min-width: 3800px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 400px; 
  }
}

@media (min-width: 1460px) and (max-width: 1520px) and (min-height: 950px) and (max-height: 1120px) {
 figure.wp-block-image.size-large.himmel-kontakt {
  top: 680px;
 }
}