#mobile_container { display: none; position: relative; z-index: 100000; }
#mobile_container .infospot { height: 100vh; }
#mobile_container .infospot img { max-width: 100%; }
#mobile_container .infospot .middle { height: 90%; }



.infospot .middle { overflow-y: scroll; height: 100%; }

.hotspot_pulse_2 { position: absolute; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hotspot_pulse_2 .puls { border-radius: 50%; height: 30px; position: absolute; width: 30px; top: 8px; left: 8px; }
.hotspot_pulse_2 .pulsate { border-radius: 50%; height: 55px; opacity: 1; position: relative; width: 55px; animation: pulsate 1s ease-out; animation-iteration-count: infinite; }
@keyframes pulsate { 0% { transform: scale(0.7); opacity: 1; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }

.hotspot_pulse_2 .puls i {
line-height: 30px; color: #fff;
}

/*
 * Innere Kreis des Hotspots
 */
.hotspot_pulse_2 .puls {
    background: #df7a00;
}

/*
 * X Button dauerhaft sichbar
 */

.infospot .header .close {opacity: .8;}
.infospot .header .close:hover {
    opacity: 1;
    color: white!important;
  	border: 1px solid white!important;
}


/*
 * Pulsierender Rahmen
 */
.hotspot_pulse_2 .pulsate {
    border: 4px solid #df7a00;
}