@charset "UTF-8";
/* CSS Document */

/* ::: Left Panel :::*/
#left-panel{
    position: fixed;
    top: 0;
    height: 100%;
    /*height: calc(100% - var(--footer-height));*/ /*höhe berechnet mit footer*/
    left: -40%;
    width: 40%;
    z-index: 10;
    opacity: 0;
}

.hiddenLeftPanel{
    display: none;
}

.hiddenPoster{
    display: none;
}

#panel_left_poster_container {
    box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
    background-color: rgba(255,255,255,0.8);
    height: 100%;
    overflow: scroll;
    position: relative;
}

#navContainerEye{
    position: absolute;
    left: 100%;
    /*mittig*/
    top: 50%;
    transform: translateY(-50%);
}
/*???*/
#navContainerEye > a > img{
    width: fit-content;
}

.posterSlideBtn {
   /* border: green solid thin;*/
}

/* ::: Right Panel :::*/

#right-panel{
	width: 20%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	position: fixed !important;
	top: 0px;
	right: 0;
	box-shadow: -5px -5px 10px rgba(0,0,0,0.5);
	z-index: 50;
	overflow: scroll;
	-webkit-box-shadow: -5px -5px 10px rgba(0,0,0,0.5);
}

#burger-btn-container{
    z-index: 45;
}

#close-btn-container{
    z-index: 55;
    position: absolute;
}

.leftPanelButtonContainer {
    width: 100%;
    /* height: fit-content; */
    padding-left: 9%;
    padding-right: 2%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: scroll;
}