/* page */

.wp-block-columns.is-layout-flex {
  display: flex;
  justify-content: space-between;
}

.wp-block-column.is-layout-flow {
  width: 45%;
}

.wp-block-contact-form-7-contact-form-selector {
  width: 50%;
}

.portrait-frontpage {
  height: 100%;
  width: 100%;
}

.wp-block-image.size-large.himmel-hero {
  max-width: 100vw;
  margin: 0;
  position: absolute;
  left: 0;
  z-index: -1;
  width: 100%;
  top: 45vh;
}

#main-content .wp-block-image.size-large img.wp-image-149 {
  width: 100%;
  height: auto;
}

.wp-block-heading {
  max-width: auto;
}

.wp-image-522 {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}

.trennbalken-gross {
  height: 40vh !important;
}

@media (min-width: 2500px) {
.trennbalken-klein.trennbalken-frontpage {
  height: 100px !important;
}
}

.trennbalken-klein {
height: 30vh !important;
}

.frontpage-portrait {
  max-width: 100%;
  height: auto;
}

.wp-block-button {
  border-radius: 25px;
  background-color: #6b94bb;
  width: fit-content;
}

.wp-block-button__link {
  background-color: #6b94bb !important;
}

.wp-block-button > a {
  font-size: 30px;
  color: white; 
  text-decoration: none;
}

.bridge-frontpage {
  max-width: 100vw;
  width: 100vw;
  margin: 0;
  padding: 0;
  margin-left: -15vw;
  height: auto;
}

.bridge-frontpage > img {
  width: 100vw;
  height: auto;
  display: block;
  object-fit: cover;
}

.landingpage-insel {
  width: 20%;
  height: auto;
  position: absolute;
  right: 0;
  margin: 0;
}

@media (max-width: 400px), (max-height: 850px) {
  .wp-block-image.size-large.himmel-hero-frontpage {
    top: 35vh !important;
  }
}

@media (max-width: 365px) and (min-height: 795px) {
  figure.landingpage-insel.landingpage-insel-unten {
    margin-top: 85px !important;
  }
  h3.intro-termin {
    font-size: 25px;
  }
}

@media (max-width:768px) {
  .bridge-frontpage {
    margin-left: -5vw;
  }
  .trennbalken-klein {
    height: 100px !important;
  }
}

@media (min-width: 790px) and (max-width: 1200px) {
  .bridge-frontpage {
    margin-left: -15vw;
  }
  .trennbalken-frontpage {
    display: none;
  }
  div.wp-block-spacer.trennbalken-klein.trennbalken-klein-frontpage {
    height: 60px !important;
  }
  .wp-block-columns.über-mich-block {
    align-items: baseline !important;
  }
  .landingpage-insel {
    width: 30%;
  }
  .aligncenter.size-full {
    margin: 0;
    padding-top: 50px;
    padding-bottom: 50px;
  }
 
}
@media (max-width: 500px) and (max-height: 800px) {
  .wp-block-image.size-large.himmel-hero-frontpage {
    top: 30vh;
  }
  .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained
    > .über-mich-block {
    padding-top: 0;
  }
}

@media (max-width: 775px) and (min-height: 1100px) {
  .wp-block-image.size-large.himmel-hero-frontpage {
    top: 60vh !important;
  }
}
@media (max-width: 440px) and (max-height: 1000px) {
  .wp-block-image.size-large.himmel-hero {
    top: 475px !important;
  }
  .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained
    > .über-mich-block {
    padding-top: 10px;
  }
}

@media (max-width: 350px){
  .trennbalken-klein {
    height: 30px !important;
  }
  }

@media (min-width: 1900px) {
  #main-content > div.wp-block-spacer.trennbalken-klein.trennbalken-klein-frontpage {
   height: 30vh !important;
 } 
 .wp-block-image.size-large.himmel-hero-frontpage {
  top: 500px !important;
 }
 }

 @media (max-width: 1281px) {
  .wp-block-group.intro-group.is-vertical.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex,
  .wp-block-columns.über-mich-block.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {
      flex-direction: column;
  }
  .wp-block-column.is-vertically-aligned-center.header-text.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 0% !important;
  }
}

@media (max-width: 1028px) and (min-width: 780px) and (min-height: 1100px) {
  .landingpage-insel > img {
    margin-top: 120px !important;
    right: -2vw;
  }
}

@media (max-width: 1200px) and (min-width: 825px) {
  .landingpage-insel {
    margin-top: 250px !important;
  }
  .bridge-frontpage {
    margin-left: -15vw;
  }
}

@media (max-width: 1285px) {
  .wp-block-column.is-layout-flow {
    width: 100%;
  }
  .frontpage-portrait {
    max-width: 90%;
  }
}
@media (max-width: 830px) and (min-width: 800px) and (max-height: 1100px) {
  /* .landingpage-insel {
    margin-top: 150px !important;
  } */

  .wp-block-column.is-vertically-aligned-center.header-text.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 100% !important;
  }
}
@media (min-width: 850px) and (max-width: 1280px) {

  .über-mich-block {
    padding-top: 50px;
  }
   .landingpage-insel {
    margin-top: 0px !important;
  } 
  .trennbalken-frontpage {
    display: none !important;
  }
  .wp-block-image.size-large.himmel-hero {
    top: 30vh;
  }
  .wp-block-image.frontpage-portrait > .aligncenter.size-full {
    margin: 0;
    padding-bottom: 50px;
  }
  .trennbalken-klein {
    height: 100px !important;
  }
}

@media (max-width: 1280px) and (min-height: 1099px) {
  .wp-block-image.size-large.himmel-hero {
    top: 30vh !important;
  }
}

@media (min-width: 2500px) {
  .über-mich-block {
    padding-bottom: 200px;
  }
}

@media (min-width: 1281px) and (max-width: 1450px) and (min-height: 1000px) {
  .trennbalken-frontpage {
    height: 150px !important;
  }
  .bridge-frontpage {
    margin-left: -15vw;
  }
  .wp-block-image.size-large.himmel-hero {
    top: 550px;
  }
    /* Target Firefox only */
    @-moz-document url-prefix() {
      .trennbalken-klein.trennbalken-frontpage {
        height: 250px !important; /* This will apply only in Firefox */
      }
    }
}

@media (min-width: 1281px) and (max-width: 1450px) and (min-height: 1000px) {
  .trennbalken-klein-frontpage {
    height: 33vh !important;
  }
}

@media (min-width: 2600px) {
  .wp-block-button > a {
    font-size: 45px;
  }
  .wp-block-button {
    padding: 20px 40px;
  }
}


@media (max-width: 440px) and (max-height: 920px) {
  /* Target Firefox only */
  @-moz-document url-prefix() {
    .landingpage-insel {
      margin-top: 36vh !important; /* This will apply only in Firefox */
    }
  }
  .landingpage-insel {
      margin-top: 36vh !important;
  }
}

@media (max-width: 440px) and (min-height: 930px) {

  .landingpage-insel {
    margin-top: 33vh !important; /* This will apply only in Firefox */
  }

  /* Target Firefox only */
  @-moz-document url-prefix() {
    .landingpage-insel {
      margin-top: 33vh !important; /* This will apply only in Firefox */
    }
  }
}

@media (max-width: 400px) and (max-height: 850px) {

  .landingpage-insel {
    margin-top: 45vh !important; /
  }
  /* Target Firefox only */
  @-moz-document url-prefix() {
    .landingpage-insel {
      margin-top: 40vh !important; /* This will apply only in Firefox */
    }
  }
}

@media (max-width: 330px) and (max-height: 600px) {
  .landingpage-insel {
    margin-top: 82vh !important; /* This will apply only in Firefox */
  }
  /* Target Firefox only */
  @-moz-document url-prefix() {
    .landingpage-insel {
      margin-top: 82vh !important; /* This will apply only in Firefox */
    }
  }
}




@media (max-width: 1030px) and (min-width: 910px) and (max-height: 770px) {
  .landingpage-insel_Unten {
    top: 288vh;
  }
}

@media (max-width: 420px) and (max-height: 810px) {
  /* Target Firefox only */
  @-moz-document url-prefix() {
    .landingpage-insel_Unten {
      margin-top: 90px !important; /* This will apply only in Firefox */
    }
  }

}

@media (min-width: 1450px) and (max-width: 1650px)  { 
  .wp-block-image.size-large.himmel-hero {
    top: 700px !important;
  }
}
@media (min-width: 1650px) and (max-width: 1750px)  { 
  .wp-block-image.size-large.himmel-hero {
    top: 600px !important;
  }
}
@media (max-width: 330px) and (max-height:  600px) {
  figure.wp-block-image.size-large.himmel-kontakt {
    top: 350px !important;
  }
}