h1 {
  padding-bottom: 3px;
}

.headline {
  text-align: center;
  font-size: 48px;
  font-family: Futura;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

hr {
  height: 1px;
  border:0px;
  background-color: #B1B4B5;
}

.short_text{
  text-align: left;
}

.preview_picture{
  float: left;
  max-width: 100%;
  width: 40vw;

}

.well {
  cursor: pointer;
  max-width: 1000px;
  background-color: #dddddd;
  border: none;
}

@media (max-width: 767px) {
  .preview_picture{
    width: 100%;
  }
}

.btn-mehr-min{
  background-color: #595F66;
  color: white !important;
  height: 33px;
  width: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
  display:none;
  border-color: #3A4142;
}

.btn-mehr-min:hover{
  background-color: #3A4142;
  border-color: black;
}

@media (max-width: 767px) {
  .btn-mehr-min{
    display: inline;
  }
  .btn-arrow-right{
    display:none;
  }
}


.btn-arrow-right{
  height: 33px;
  width: 70%;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 36px;
  padding-right: 18px;
  background-color: #595F66;
  color: white !important;
  border:none;
}
.btn-arrow-right:hover{
  background-color: #3A4142;
}


.btn-arrow-right:before,
.btn-arrow-right:after{ /* make two squares (before and after), looking similar to the button */
    content:"";
    position: absolute;
    top: 5px; /* move it down because of rounded corners */
    width: 22px; /* same as height */
    height: 22px; /* button_outer_height / sqrt(2) */
    background: inherit; /* use parent background */
    border: inherit; /* use parent border */
    border-left-color: transparent; /* hide left border */
    border-bottom-color: transparent; /* hide bottom border */
    border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px;

    transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.btn-arrow-right:before{
    left: -11px; /* align the "before" square to the left */
    background-color: #dddddd;
}

.btn-arrow-right:after { 
    right: -10px; /* align the "after" square to the right */
    z-index: 1; /* bring arrow pointers to front */
}