.hte_lbox p {
	margin-top: 0px;
}

@media (min-width: 300px) {
	.hte_lbox_img {
		width: 30% !important;
	}
	.hte_lbox-container_img {
		position: absolute;
		top: -30px;
		left: 97%;
		width: 40px !important;
		height: 40px !important;
	}
}

@media (min-width: 768px) {
	.hte_lbox_img {
		width: 50% !important;
	}
	.hte_lbox-container_img {
		position: absolute;
		top: -50px;
		left: 95%;
		width: 67px !important;
		height: 67px !important;
	}
}

@media (min-width: 1024px) {
	.hte_lbox_img {
		width: 50% !important;
	}
	.hte_lbox-container_img {
		position: absolute;
		top: -50px;
		left: 95%;
		width: 67px !important;
		height: 67px !important;
	}
}

.img-animation{
  animation: image-animationFrames ease 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
}
 
@keyframes image-animationFrames{
  0% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
  10% {
    transform:  rotate(0deg) scaleX(1.05) scaleY(1.06) skewX(0deg) skewY(0deg) ;
  }
  16% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
  21% {
    transform:  rotate(0deg) scaleX(1.05) scaleY(1.06) skewX(0deg) skewY(0deg) ;
  }
  31% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
  100% {
    transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) skewX(0deg) skewY(0deg) ;
  }
}

.hte_lbox_img:hover {
  opacity: 0.75;
}

.hte_lbox-container {
	position: fixed;
	z-index: 9999;
	background-image: linear-gradient(to bottom right, #572C46, #503756, #484366);
	border: 1px solid #ffffff;
	width: 70%;
	max-width: 400px;
	max-height: 500px;
	left: 50%;
	top: 0%; /* position der Inhalte wenn nicht activ;  */
	padding: 20px;
	border-radius: 5px;
	-webkit-transform: translate(-50%, -200%);
	-ms-transform: translate(-50%, -200%);
	transform: translate(-50%, -200%);
	-webkit-transition: -webkit-transform 200ms ease-out;
	transition: transform 200ms ease-out;
}


.hte_lbox-container p{
	text-align: left !important;
	max-width: 95%;
}

.hte_lbox-container h3{
	text-align: left !important;
	max-width: 95%;
	padding-top: 0px !important;
	padding-left: 2.5%
}

@media (min-width: 300px) {
	.hte_lbox-container {
	max-width: 400px;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos1_p {
	max-width: 400px;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos1_p {
	max-width: 400px;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos1_p {
	max-width: 800px;
	}
}

.hte_lbox:before {
	content: "";
	position: fixed;
	display: none;
	background-color: rgba(0,0,0,0.8);
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.hte_lbox:target:before {
	display: block;
}

.hte_lbox:target .hte_lbox-container {
	top: 20%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

@media (min-width: 1024px) {
	.hte_lbox:target .hte_lbox-container {
	top: 25%;
	}
}

#hte_lbox-close {
	z-index: 9999;
	top: 30%;
}


/* TOP_1 P */
.setup_topic_pos1_p {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos1_p {
	top: 35%;
	left: 5%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos1_p {
	top: 35%;
	left: 12%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos1_p {
	top: 28%;
	left: 19%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos1_p {
	top: 28%;
	left: 21%;
	}
}

/* TOP_2 P */
.setup_topic_pos2_p {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos2_p {
	top: 53%;
	left: 31%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos2_p {
	top: 52.5%;
	left: 38.6%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos2_p {
	top: 50%;
	left: 45.6%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos2_p {
	top: 50%;
	left: 46%;
	}
}

/* TOP_3 P */
.setup_topic_pos3_p {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos3_p {
	top: 42%;
	left: 18%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos3_p {
	top: 36%;
	left: 26%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos3_p {
	top: 31%;
	left: 30%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos3_p {
	top: 32%;
	left: 32%;
	}
}

/* TOP_4 P */
.setup_topic_pos4_p {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos4_p {
	top: 65%;
	left: 16.5%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos4_p {
	top: 62.5%;
	left: 23.5%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos4_p {
	top: 58.5%;
	left: 26%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos4_p {
	top: 56%;
	left: 30%;
	}
}


/* TOP_1 U */
.setup_topic_pos1_u {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos1_u {
	top: 55%;
	left: -8%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos1_u {
	top: 56%;
	left: 0%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos1_u {
	top: 51%;
	left: 6%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos1_u {
	top: 53%;
	left: 7.5%;
	}
}

/* TOP_2 U */
.setup_topic_pos2_u {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos2_u {
	top: 70%;
	left: 35.3%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos2_u {
	top: 70%;
	left: 43.3%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos2_u {
	top: 64%;
	left: 47.3%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos2_u {
	top: 67%;
	left: 50.3%;
	}
}

/* TOP_3 U */
.setup_topic_pos3_u {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos3_u {
	top: 60%;
	left: 8%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos3_u {
	top: 60%;
	left: 12.5%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos3_u {
	top: 57%;
	left: 17%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos3_u {
	top: 64%;
	left: 16%;
	}
}

/* TOP_4 U */
.setup_topic_pos4_u {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 300px) {
	.setup_topic_pos4_u {
	top: 84%;
	left: 50%;
	}
}

@media (min-width: 500px) {
	.setup_topic_pos4_u {
	top: 88%;
	left: 55%;
	}
}

@media (min-width: 768px) {
	.setup_topic_pos4_u {
	top: 85%;
	left: 60%;
	}
}

@media (min-width: 1024px) {
	.setup_topic_pos4_u {
	top: 88.5%;
	left: 62%;
	}
}