/*** GENERAL ***/
p,
label,
input,
li,
h4 {
  font-size: 15px;
}
a:hover,
a:focus {
  color: #3DB9BF;
}
a:visited {
  color: inherit;
}
.__btn-style {
  margin: 0;
  width: 100%;
  max-width: 155px;
  text-align: center;
  /* box-shadow: none; */
  border-radius: 4px;
}
.__btn-style h3 {
  line-height: 13px;
}
.fixed_standorte {
  position: fixed;
  top: -30px;
  right: 0;
  z-index: -10;
}

.standorte-results {
  position: absolute;
  width: 100%;
  max-height: 0;
  background: white;
  left: 0;
  top: 190px;
  border: 1px solid #3DB9BF;
  border-radius: 4px;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  perspective: 800px;
  transition: .5s all ease;
}
.standorte-results.__results {
  max-height: 300px;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}
.standorte-results.__error {
  color: red;
}
.standorte-results p {
  margin: 0;
  padding: 5px;
}
.standorte-results p:not(.errorText):hover {
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.main-footer {
  background-color: #fff;
}

/*** HEADING ***/
.main-head {
  background-image: url("/Content/ImgEmerkey/rsz_vienna_1920.jpg");
}
.head-jumbo_heading {
  width: 100%;
  max-width: 240px;
  height: 360px;
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  z-index: 100;
}
.head-jumbo_heading-content {
  position: relative;
  margin-top: 30px;
}
.head-jumbo_heading h1 {
  margin-bottom: 0;
  color: #3DB9BF;
}
.head-jumbo_heading .form-group {
  margin-bottom: 2rem;
}
.head-jumbo_heading .form-group label {
  display: block;
}
.head-jumbo_heading .form-group input {
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  border-radius: 4px;
}
.head-jumbo_heading .search-form button {
  border: none;
  font-size: 13px;
  height: 34px;
  line-height: 8px;
  font-style: italic;
  font-weight: 900;
}
.head-arrow-down {
  height: calc(100vh - 50px);
}
.head-arrow-down>img {
  margin-top: 50px;
  z-index: 1;
}
.head-arrows-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.head-arrows-background img {
  margin: 0;
  position: relative;
  display: none;
  width: initial;
  cursor: initial;
}
.blue_line {
  margin: 10px 0 70px;
  width: 75px;
  height: 1px;
  background: #3DB9BF;
}
.green_arrow_div {
  width: 250px;
}
.green_arrow_div img {
  width: 160px;
  height: 100%;
  margin: 0;
  margin: 20px 0 0 auto;
  cursor: initial;
}

/*** SECTION 1 ***/
.stand1 {
  margin: 60px auto 0;
}
.stand1 a:hover,
.stand1 a:focus {
  color: #3DB9BF;
}
.stand1 a:hover::after,
.stand1 a:focus::after {
  content: "";
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 1px;
  border-width: 0 0 1px;
  border-style: solid;
}
.stand1-head h1 {
  margin-bottom: 30px;
}
.stand1-sub_head {
  margin: 0 auto 60px;
  display: flex;
  flex-wrap: wrap;
}
.stand1-sub_head p {
  display: flex;
  margin: 0;
  flex: 0 0 50%;
  justify-content: center;
}
.stand1-sub_head p:last-child {
  flex: 1;
}
.stand1-sub_head p a {
  padding: 7px;
  position: relative;
  color: #1e1e1e;
}

/*- Standorte Items -*/
.stand1-content {
  margin: 0 auto;
  width: 100%;
  max-width: 240px;
}
.stand1-content__items {
  margin-bottom: 80px;
}
/*.stand1-content__items:last-child {
  display: none;
}*/
.stand1-content h4 {
  margin: 30px 10px;
  color: #3DB9BF;
  font-style: italic;
  font-weight: 900;
}
.stand1-content ul {
  margin-bottom: 30px;
  -moz-padding-start: 20px;
  -webkit-padding-start: 20px;
}
.stand1-content ul li::before {
  content: "-";
  position: absolute;
  margin-left: -10px;
}
.stand1-content .__btn-style {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  height: 34px;
  border-color: #3DB9BF;
  color: #3DB9BF;
}
.stand1-content .__btn-style:hover {
  background-color: #3DB9BF;
  color: #fff;
}

/*** SECTION 2 ***/
.stand2 .container-fluid {
  padding: 0;
}
#map_wrapper {
    height: 400px;
}
#map_canvas {
    background-image: url("/Content/ImgEmerkey/map.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    width: 100%;
    height: 100%;
}
/* Standorte Single */
.stand2Single #map_canvas {
  background-image: url("/Content/ImgEmerkey/map1.jpg");
}

@media(min-width: 360px) {

  /*** HEADING ***/
  .head-jumbo_heading {
    max-width: 280px;
    padding: 15px 35px;
  }
  .green_arrow_div {
    width: 275px;
  }

  #head-arr1 {
    display: block;
    top: 40%;
    left: 4%;
  }
  #head-arr2 {
    display: block;
    top: 47%;
    left: 81%;
  }

}
@media(min-width: 375px) {

  /*** HEADING ***/
  .head-jumbo_heading {
    margin: auto;
  }
  #head-arr1 {
    left: 7%;
  }

}
@media(min-width: 480px) {

  /*** GENERAL ***/

  /*** HEADING ***/
  #head-arr1 {
    top: 35%;
    left: 5%;
  }
  #head-arr2 {
    top: 38%;
    left: 84%;
  }

  /*** SECTION 1 ***/
  .stand1-content__items {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .stand1-sub_head p {
    flex: 0 0 33%;
    justify-content: flex-start;
  }
  .stand1-sub_head p:first-child {
    margin-left: -7px;
  }
  /*- Standorte Items -*/
  .stand1-content {
    max-width: 100%;
  }

}
@media(min-width: 720px) {

  .standorte-results {
    top: 200px;
  }

  /*** HEADING ***/
  .head-jumbo_heading {
    max-width: 330px;
    height: 400px;
    padding: 40px;
  }
  .head-jumbo_heading-content {
    margin-top: 15px;
    max-width: 235px;
    margin-left: auto;
    margin-right: auto;
  }
  .head-jumbo_heading h1 {
    max-width: 220px;
  }
  .head-jumbo_heading .search-form button {
    font-size: 14px;
  }
  .blue_line {
    margin: 20px 0 60px;
  }
  .green_arrow_div {
    width: 310px;
  }
  .green_arrow_div img {
    margin: 30px 0 0 auto;
  }
  #head-arr1 {
    display: none;
  }
  #head-arr3 {
    display: block;
    top: 50%;
    left: 7%;
  }
  #head-arr4 {
    display: block;
    top: 55%;
    left: 53%;
  }

  /*** SECTION 1 ***/
  .stand1-sub_head {
    margin: 0;
    margin-bottom: 60px;
    max-width: 480px;
  }
  /*- Standorte Items -*/
  .stand1-content__items .__divs {
    margin: auto;
    max-width: 210px;
  }

}
@media(min-width: 768px) {

  .standorte-results {
    top: 207px;
  }

  /*** SECTION 1 ***/
  .stand1-content__items {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .stand1-content__items:last-child {
    display: flex;
  }

}
@media(min-width: 1024px) {

  .standorte-results {
    top: 215px;
  }

  /*** HEADING ***/
  .head-jumbo_heading {
    margin-left: 85px;
  }
  .head-jumbo_heading-content {
    max-width: 240px;
  }
  .head-jumbo_heading h1 {
    max-width: 100%;
  }
  .green_arrow_div img {
    margin: 15px 0 0 auto;
  }
  #head-arr1 {
    display: block;
    top: 30%;
    left: 65%;
  }
  #head-arr2 {
    display: block;
    top:35%;
    left: 85%;
  }
  #head-arr3 {
    top: 30%;
    left: 55%;
  }
  #head-arr4 {
    display: block;
    top: 35%;
    left: 75%;
  }

  /*** SECTIONS ***/
  .standorte-container {
    display: flex;
  }

  /*** SECTION 1 ***/
  .stand1 {
    margin: 0;
    margin-top: 90px;
    width: 50%;
  }
  .stand1-content__items {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  /*** SECTION 2 ***/
  .stand2 {
    width: 475px;
    margin: 90px 0 0 auto;
  }
  #map_wrapper {
    height: 600px;
  }
  #map_canvas {
      background-position: 55% 0;
  }

}
@media(min-width: 1366px) {

  .standorte-results {
    top: 230px;
  }

  /*** HEADING ***/
  .main-head {
    background-position-y: -125px;
  }
  .head-arrow-down {
    height: auto;
  }
  .head-jumbo_heading {
    margin-left: 175px;
    padding: 25px;
  }
  .head-jumbo_heading-content {
    max-width: 100%;
  }
  .head-jumbo_heading .search-form button {
    max-width: 100%;
  }
  .green_arrow_div {
    margin-left: 15px;
  }
  #head-arr1 {
    display: block;
    top: 13%;
    left: 65%;
  }
  #head-arr2 {
    display: block;
    top:18%;
    left: 85%;
  }
  #head-arr3 {
    top: 10%;
    left: 53%;
  }
  #head-arr4 {
    display: block;
    top: 18%;
    left: 72%;
  }

  /*** SECTION 1 ***/
  .stand1 {
    margin-left: 75px;
  }
  .stand1-content__items .__divs {
    margin-left: 0;
    max-width: 240px;
  }

  /*** SECTION 2 ***/
  .stand2 {
    width: 600px;
  }
  #map_wrapper {
    height: 680px;
  }
  #map_canvas {
    background-position: 60% 0;
  }

}
@media(min-width: 1920px) {

  /*** GENERAL ***/
  p,
  label,
  input,
  li,
  h4 {
    font-size: 16px;
  }

  .standorte-results {
    top: 245px;
    max-width: 280px;
    margin-left: 35px;
  }

  .__btn-style {
    max-width: 215px;
  }
  .__btn-style h3 {
    line-height: 17px;
  }

  /*** HEADING ***/
  .head-jumbo_heading {
    margin-left: 340px;
    padding: 30px;
    max-width: 410px;
    height: 460px;
  }
  .head-jumbo_heading .search-form {
    margin: auto;
    max-width: 280px;
    width: 100%;
  }
  .head-jumbo_heading .search-form button {
    font-size: 18px;
    height: 49px;
  }
  .green_arrow_div {
    max-width: 350px;
    width: 100%;
    margin-left: 30px;
  }
  .green_arrow_div img {
    margin: 40px 0 0 auto;
    width: 176px;
  }

  /*** SECTION 1 ***/
  .stand1 {
    margin-top: 150px;
  }
  .stand1-sub_head {
    max-width: 510px;
  }
  .stand1-content__items .__divs {
    max-width: 300px;
  }
  .stand1-content .__btn-style {
    height: 49px;
  }

  /*** SECTION 2 ***/
  .stand2 {
    margin: 150px 0 0 auto;
    width: 830px;
  }
  #map_wrapper {
    height: 800px;
  }
  #map_canvas {
      background: transparent;
      background-position: 65% 0;
      background-image: url(/Content/ImgEmerkey/map.jpg);
  }
  .stand2Single #map_canvas {
      background: transparent;
      background-position: 65% 0;
      background-image: url(/Content/ImgEmerkey/map1.jpg);
  }

}


/*** STANDORTE SINGLE PAGE ***/

.stand1Single .stand1-content {
  max-width: 290px;
}
.stand1Single a:hover::after,
.stand1Single a:focus::after {
  content: "";
  border: none;
}
.stand1Single a:hover,
.stand1Single a:focus {
  text-decoration: none;
  outline: none;
}
.stand1Single .__btn-style.__href-btn a {
  height: 34px;
  border-radius: 4px;
}
.stand1Single .__btn-style.__href-btn a,
.stand1Single .__btn-style.__href-btn a:hover,
.stand1Single .__btn-style.__href-btn a:focus {
  color: #fff;
}
.stand1Single .__btn-style.__href-btn a:hover,
.stand1Single .__btn-style.__href-btn a:focus {
  background: #3DB9BF;
}
.stand1Single .standorte-slick {
  margin: auto;
  width: 100%;
  max-width: 260px;
}
.stand1Single .stand1-content ul {
  -moz-padding-start: 10px;
  -webkit-padding-start: 10px;
}
.stand1Single .stand1-content .__divs img {
  max-width: 225px;
  width: 100%;
  margin: auto;
}
.stand1Single .stand1-content .__divs h1,
.stand1Single .stand1-content .__divs ul {
  max-width: 240px;
  width: 100%;
  margin: auto;
}
.stand1Single .stand1-content .__divs h1 {
  margin: 65px auto 45px;
  color: #3DB9BF;
}
.stand1Single .stand1-content .__divs ul {
  margin-bottom: 45px;
}
.stand1Single .stand1-content .__btn-style {
  max-width: 255px;
  background-color: #FABF12;
  border: none;
  color: #1e1e1e;
}

.standorte-slick_btns {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 155px;
  left: 0;
  top: 0;
}
.standorte-slick_btns .slick-arrow {
  position: absolute;
  top: 40%;
}
.standorte-slick_btns .right_btn {
  right: 0;
}
.standorte-slick_btns .left_btn {
  left: 0;
}
.standorte-slick_btns .left_btn img {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.stand1Single .__btn-back {
  margin: 45px 0;
}
.stand1Single .__btn-back h2 {
  margin-left: 30px;
  position: relative;
  color: #3DB9BF;
  font-style: normal;
  font-weight: normal;
}
.stand1Single .__btn-back h2::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -30px;
  top: 0;
  background-image: url("/Content/ImgEmerkey/pfeil_blau_40x40.png");
  background-size: 20px;
  background-repeat: no-repeat;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@media(min-width: 360px) {

  .stand1Single .stand1-content .__divs img {
    max-width: 100%;
  }
  .stand1Single .stand1-content .__divs h1,
  .stand1Single .stand1-content .__divs ul {
    max-width: 100%;
  }
  .standorte-slick_btns {
    max-height: 180px;
  }
  .standorte-slick_btns .slick-arrow {
    position: absolute;
    top: 40%;
  }
  .standorte-slick_btns .right_btn {
    right: -5%;
  }
  .standorte-slick_btns .left_btn {
    left: -5%;
  }

}
@media(min-width: 375px) {}
@media(min-width: 480px) {

  .stand1Single .stand1-content {
    max-width: 350px;
  }
  .stand1Single .standorte-slick {
    max-width: inherit;
  }
  .stand1Single .stand1-content .__btn-style {
    max-width: 460px;
  }

}
@media(min-width: 720px) {

  .stand1 {
    margin: 75px auto 0;
  }
  .standorte-slick_btns {
    max-height: 310px;
  }

  .stand1Single .stand1-content {
    max-width: 480px;
  }

}
@media(min-width: 768px) {}
@media(min-width: 1024px) {
  .stand1 {
    margin: 100px auto 0 7%;
  }
  .stand2 {
    margin: 100px 0 0 auto;
  }
  .stand1Single {
    margin: 100px auto 0 0;
  }
  .stand1Single .stand1-footer {
    max-width: 440px;
    margin: 0 auto;
  }
  .stand1Single .stand1-content {
    max-width: 440px;
  }
  .stand2Single #map_wrapper {
    height: 725px;
  }
  .stand2Single #map_canvas {
      background-position: 65% 0;
  }
  .stand1Single .__btn-back h2::before {
    top: 3px;
  }

}
@media(min-width: 1366px) {

  .stand1Single .stand1-content,
  .stand1Single .stand1-footer {
    max-width: 510px;
  }

}
@media(min-width: 1920px) {

  .stand1Single .__btn-style.__href-btn a {
    height: 49px;
  }
  .stand1 {
    margin: 140px auto 0 7%;
  }
  .stand2 {
    margin: 140px 0 0 auto;
  }
  .stand1Single {
    margin: 140px auto 0 0;
  }
  .stand1Single .stand1-content,
  .stand1Single .stand1-footer {
    max-width: 600px;
  }
  .standorte-slick_btns {
    max-height: 390px;
  }
  .stand2Single #map_wrapper {
    height: 890px;
  }
  .stand1Single .__btn-back h2::before {
    top: 8px;
  }

}