.infopop {
 
position: fixed; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
background: hsla(0, 0%, 0%, 0.5); 
z-index: 1; 
opacity:0; 
-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; 
pointer-events: none;
}

.infopop:target {
 
opacity:1; 
pointer-events: auto;
}

.infopop > .pop {
	background: var(--hgtransp);
    border: solid 1px var(--hglighter);
    width: 550px;
    position: relative;
    margin: 10% auto;
    padding: 25px;
    z-index: 3;
    margin-top: 10px;
}

.closepop {
	width: 100%;
	position: absolute;
	right: -5px;
	top: -5px;
	height: 100%;
	z-index: 2;
}

.infopop8 {
 
position: fixed; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
background: hsla(0, 0%, 0%, 0.5); 
z-index: 1; 
opacity:0; 
-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; 
pointer-events: none;
}

.infopop8:target {
 
opacity:1; 
pointer-events: auto;
}

.infopop8 > .pop8 {
 
background: #dddddd; 
width: 250px; 
position: relative; 
margin: 10% auto; 
padding: 25px; 
z-index: 3; 
margin-top:200px;
height:300px; 
overflow:auto;
border: 4px solid #818733;
}

.closepop8 {
 
position: absolute; 
right: -5px; 
top:-5px; 
width: 100%; 
height: 100%; 
z-index: 2;
}



/* Stundenplan */

.infopopstund {
 
position: fixed; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
background: hsla(0, 0%, 0%, 0.5); 
z-index: 1; 
opacity:0; 
-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; 
pointer-events: none;
}

.infopopstund:target {
 
opacity:1; 
pointer-events: auto;
}

.infopopstund > .popstund {
 
background: rgba(17, 36, 50,0.95);
width: 700px; 
position: relative; 
padding: 10px; 
z-index: 3; 
margin: 100px auto 0 auto;
box-sizing: border-box;
height: 420px; 
overflow:auto;
border: 1px solid #0D5673;
}

.closepopstund {
 
position: absolute; 
right: -5px; 
top:-5px; 
width: 100%; 
height: 100%; 
z-index: 2;
}