/** Grafik für normalen Zustand **/
/**
  Benutzerdefinierte Farbe 1 (HEX): NORMAL
  Benutzerdefinierte Farbe 2 (HEX): HOVER
  Benutzerdefinierte Farbe 3 (HEX): ACTIVE
**/
.map_container a .groundplan-marker__element:after {
  transform: rotate(0deg) scale(0.75);

  background-color: #ffe100!important;
  -webkit-mask-size: contain;
  -webkit-mask-image: url('https://data.panorama-services.de/uploads/4qBo2pXOZa/0f/77a3dd95124b36b90259e370a27634/pfote.svg');
  mask-size: contain;
  mask-image: url('https://data.panorama-services.de/uploads/4qBo2pXOZa/0f/77a3dd95124b36b90259e370a27634/pfote.svg');
  border: unset!important;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
}

/** Grafik für gehoverten Zustand **/
.map_container a.groundplan-marker__wrapper:hover .groundplan-marker__element:after {
  background-color: #ff7b00!important;
}

/** Grafik für aktiven Zustand **/
.map_container a.groundplan-marker__wrapper.active .groundplan-marker__element:after {
  background-color: #c7040a!important;
}



.frontscreen {
	background: #e7c78c url('https://data.panorama-services.de/uploads/4qBo2pXOZa/74/f7559e1c414fb9bc911cdd8cd6f020/SGP_360VIdeo_Hintergrund_Vorauswahl_quadratisch.jpg') no-repeat center center;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    position: absolute;
	background-size: cover;
}
.frontscreen .link1 {
	display: inline-block;
    height: 7vw;
    width: 22.5%;
    position: absolute;
    left: 50%;
    top: 50%;
	margin-top: -15%;
    margin-left: 18%;
    /*transform: rotate(5deg);*/
  
  	background: url('https://data.panorama-services.de/uploads/4qBo2pXOZa/b0/faa18b90a44825b7670859c7fbe7f0/SGO_360_tierpark.png') no-repeat center center;
	background-size: 90%;
}
.frontscreen .link2 {
	display: inline-block;
    height: 7vw;
    width: 21%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 3%;
    margin-left: 19.5%;
    /*transform: rotate(-4deg);*/
  
	background: url('https://data.panorama-services.de/uploads/4qBo2pXOZa/07/a9bd92017c4548a933810050dc87f3/SGO_360_freizeitpark.png') no-repeat center center;
	background-size: 90%;
}

.frontscreen .link1:hover {
	background: url('https://data.panorama-services.de/uploads/4qBo2pXOZa/65/9afea1aae9466381886fc9c0443da3/AW_Tierpark.png') no-repeat center center;
	background-size: 90%;
}
.frontscreen .link2:hover {
	background: url('https://data.panorama-services.de/uploads/4qBo2pXOZa/5e/62c6f6d0d141b8bb717e0844f4c17b/AW_Freizeitpark.png') no-repeat center center;
	background-size: 90%;
}


@media screen and (orientation:portrait) {
	.frontscreen {
		background: #e7c78c url('https://data.panorama-services.de/uploads/4qBo2pXOZa/4f/56b5b47340486db99757ef704c3bc9/SGP_360degVIdeo_Hintergrund_Vorauswahl_Handy_Text.jpg') no-repeat center center;
		background-size: contain;
	}
	.frontscreen .link1 {
		margin-left: -18%;
	    margin-top: -11%;
	    width: 38%;
	    height: 13vw;
	}
	.frontscreen .link2 {
		margin-left: -16%;
    	margin-top: 19%;
	    width: 38%;
	    height: 13vw;
	}
  
  .frontscreen .link1,
  .frontscreen .link1:hover,
  .frontscreen .link2,
  .frontscreen .link2:hover {
  background:none;
  }
}


@media screen and (orientation:portrait) and (max-width: 420px) {
	.frontscreen .link1 {
		margin-left: -24%;
	    margin-top: -15%;
	    width: 51%;
	    height: 18vw;
	}
	.frontscreen .link2 {
		margin-left: -21%;
	    margin-top: 25%;
	    width: 47%;
	    height: 17vw;
	}
}

/** Back-Button Video**/
.btn_back {
    position: fixed;
    top: 15px;
    left: 15px;
    cursor: pointer;
    padding: 8px 13px 2px 10px;
    background: #573a1d;
    color: #ffffff;
	border-radius: 20%;
	font-size: 20px;
	border: 1px solid;
}

.btn_back:hover {
    background: #d18238;
    color: #fff2b8;
}

.meta-container { display: none; }