.frame {
    display: flex;
    flex-direction: row;
    position: relative;
    left: -44%;
    width: 800px;
    height: 605px;
		top: -80px;
    
}

.box {
    position: relative;
    left: 0px;
    top: 0px;
    width: 160px;
    height: 603px; 

}

.frame div ul li .start {
    position: absolute;
    top: 189px;
    width: 250px;
    height: 62px;
    left: 539px;
    text-align: center;
    font-size: 22px;
    color: white;
    z-index: 2;
    animation-name: teampear;
    animation-duration: 10s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    transition: 1s;
}

@keyframes teampear {
    0% { opacity: 0.2;}
    100% {opacity: 1;
         }
}



/* Background pictures*/

.frame div ul li .press_back {
    position: relative;
    /* border: 4px solid blue; */
    left: 170px;
    top: -125px;
    width: 800px;
    height: 605px;  
	background-image: url('http://www.atelier-wagner.at/wp/wp-content/uploads/2023/10/beide.jpg');
	overflow: hidden;
    /* visibility: hidden; */

}
.frame div ul li.ulli .pres_ulli {
    position: relative;
    /* border: 4px solid blue; */
    left: 170px;
    top: -184px;
    width: 800px;
    height: 605px;  
	background-image: url('http://www.atelier-wagner.at/wp/wp-content/uploads/2023/11/ulli2.jpg');
	overflow: hidden;
    visibility: hidden;
    

}

.frame div ul li.sandra .pres_sandra {
    position: relative;
    left: 170px;
    top: -224px;
    width: 800px;
    height: 605px;  
	background-image: url('http://www.atelier-wagner.at/wp/wp-content/uploads/2023/10/sandra.jpg');
	overflow: hidden;
    visibility: hidden;
    

}






/* --- Navigation ---*/

.frame div ul {
    position: relative;
    top: 100px;
    font-size: 18px;
    padding: 0px;
}


/* --- beim Öffnen: Das Team (rechts) ---*/

.frame div ul li:first-child {
    font-size: 24px;
    margin-bottom: 36px;
}

.frame div ul li {
    display: block;
	margin-bottom: 8px;
    width: 150px;
    height: 32px; 
	padding-left: 8px;
    
}



/* --- ENDE beim Öffnen: Das Team (rechts) ---*/




/*  Ulli */


.frame div ul li.ulli {
    background-color: #eae7db;
    
    
}

.frame div ul li.ulli:hover {
    background-color: #d2d1c6;
    transition: 1s;
}


.frame div ul li.ulli .ulti {
    position: relative;
    visibility: hidden;
    color: white;
    font-size: 22px;
    text-align: center;
    width: 250px;
    height: 62px;
	top: -80px;
    right: -531px;
    padding: 8px;
    transition: 1s;
}

.frame div ul li.ulli:hover div.ulti {
    visibility: visible;
    position: relative;
    top: 170px;
    

}

.frame div ul li.ulli:hover .pres_ulli {
    visibility: visible;
    transition: 1s;
    z-index: 5;	
}


.frame div ul li.ulli div.ulti p {
    font-size: 14px;
    margin-top: 0px;
    opacity: 1;
}
  


/*  Sandra */
.frame div ul li.sandra {
    background-color: #eae7db;
    
}

.frame div ul li.sandra:hover {
    background-color: #d2d1c6;
    transition: 1s;
}

.frame div ul li div.sati {
	position:relative;
	width: 250px;
  height: 62px;
	top: -55px;
	left: 10px;
  visibility: hidden;
  overflow: hidden;
	z-index:4;
    color: white;
    font-size: 22px;
    padding: 8px;
    text-align: center;
    transition: 1s;
} 

.frame div ul li.sandra:hover .pres_sandra{
    visibility: visible;
    transition: 1s;
    z-index: 6;	

}

.frame div ul li.sandra:hover div.sati {
    visibility: visible;
    z-index: 6;
    transition: 1s;
    top: 170px;
    left:10px;
    width: 250px;
    height: 62px;
}

.frame div ul li div.sati p {
    font-size: 14px;
    margin-top: 0px;
}



/*---- hide page title ---- */

.post-2 header h1 {
  display: none;
	border: 1px solid green;
}