/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.10.2020, 14:15:31
    Author     : simse
*/

/*body, .carousel-control-prev, .carousel-control-next{
    cursor: url("../../img/zeiger.png"), url("../../img/zeiger.gif"),auto;
}*/

#elif-cover {
     position: fixed;
    background-color: white;
    height: 850px;
    width: 260px;
    z-index: 1;
    margin: 0 0 0 90%;
}

.home {
    cursor: url("../../img/zeiger.png"), url("../../img/zeiger.gif"),auto;
    display: flex;
    justify-content:center;
    align-items: center;
	margin-top: 3%;
	position: relative;
	background-image: url(../../img/bg4.png);
    background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
		min-height: 100%;
	/*background-color:pink;
	background-blend-mode:multiply;*/
}


.hidden-cover {
    visibility: hidden;
}

.carousel-control-prev-icon {
    z-index: 1011;
}

#video-section {
    text-align:center;position: relative;
    display: grid;
    grid-template-columns: 10% 80% 10%;
    grid-template-rows: 5% 90% 5%;
    height: 100%;
    width: 100%;
}

#video-frame {
    position: relative;
    height: 100%;
    width: 100%; 
    
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

#video-control-section {
    position: relative;
    height: 100%;
    width: 100%; 
    
    grid-column-start: 2;
    grid-column-end: 3;
   grid-row-start: 3;
    grid-row-end: 4;
}

#video-control {
    display: flex;
    position: relative;
    height: 100%;
    width: 100%; 
    justify-content: center;
    align-items: center;
    
}

#prev, #next {
    font-weight: bold;
}
#video-playlist {
    visibility:  hidden;
}

#video-control {
    font-size: 2em;
}

.bg-turkis2 {
    background-color: #28a745;
}



.dropdown-submenu {
  position: relative;
}



.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
@media (max-width: 699px) {
  #video-control {
    font-size: 1.35em;
      margin-top: 18px;
}
@media (min-width: 991px) {
  .dropdown-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}