body {
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    color: rgb(40,40,40);
  }
  h2 {
    text-align: left;
  }
  p {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.2px;
  }
  .header {
    display: inline-block;
    width: 100%;
    height: 70vh;
    background-image: url('../img/WieseImNebel.jpg');
    background-size: cover;
    position: relative;
    text-align: center;
  }
  .header h1 {
    margin-top: 100px;
  }
  .header h2 {
    text-align: center;
  }
  .header > img {
    display: inline-block;
    width: 26vh;
    position: absolute;
    bottom: 40px;
    left: calc(50% - 13vh);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
  main {
    width: 90vw;
    max-width: 1024px;
    margin-left: 5vw;
    background-color: rgb(240,240,240);
    padding: 50px;
    box-sizing: border-box;
  }
  @media (min-width: 1025px)
  {
    main {
        margin-left: calc( 50vw - 512px );
    }
  }
  .zitat {
    margin-top: 50px;
    margin-bottom: 100px;
    text-align: right;
  }
  .intro p {
    text-align: justify;
  }

  .splitImage {
    
    padding: 20px 0;
  }
  .splitImage img {
    margin-top: 20px;
    width: 15vw;
    height: 43.2vw;
    margin-right: 30px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 5px 15px;
    margin-bottom: 10px;
  }
  .splitImage h2 {
    vertical-align: top;
  }
  .splitImage p {
    vertical-align: top;
    text-align: justify;
    
  }
  .splitImage .flowAroundImg {
    display: inline-block;
    width: calc(55vw - 135px);
    vertical-align: top;
  }
  .me {
    text-align: justify;
    margin-bottom: 50px;
    margin-top: 80px;
  }
  .me img {
    width: 13vw;
    height: 35vw;
    margin-left: 30px;
    position: relative;
    box-shadow: rgb(0 0 0 / 60%) 0px 5px 15px;
    margin-bottom: 10px;
    float: right;
    margin-top: 50px;
    max-height: 540px;
    max-width: 180px;
  }
  .kontakt {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .formular {
    display: inline-block;
    width: 50%;
    background-color: rgb(253, 250, 245);
    border: 1px solid gray;
    border-radius: 4px;
    padding: 20px;
    box-sizing: border-box;
  }
  .formular input {
    width: 100%;
    height: 25px;
    margin-bottom: 15px;
    
  }
  .formular label {
    position: relative;
    left: 3px;
  }
  .formular textarea {
    width: 100%;
    min-height: 200px;
  }
  .anhang {
    display: inline-block;
    width: calc(50% - 10px);
    box-sizing: border-box;
    padding-left: 15px;
    vertical-align: top;
  }
  .regionen {
    margin-top: 100px;
  }
  .regionen img {
    width: 50%;
    margin-left: 25%;
  }
  .feedback-collection {
    margin: 50px 0;
  }
  .feedback {

  }
  .feedback-collection h2 {
    text-align: center;
  }
  .feedback i {
    display: inline-block;
    margin-right: 15px;
    font-size: 30px;
    vertical-align: top;
  }
  .feedback p {
    display: inline-block;
    padding: 5px;
    width: calc( 100% - 60px); 
    margin-top: 0; 

    padding-left: 5px;
  }

  .ProvenExpert_widget_container {
    position: absolute;
    top: 50px!important;
    right: 50px!important;
  }