#sticky-footer {flex-shrink: none;}

#mbmcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #eee; padding: 20px; font-size: 14px; }
#mbmcookie a.button {cursor: pointer; background: #ccc; padding: 8px 20px; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie a.button:hover {background-color: #aaa;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}

.panel-group {margin-top: 20px;margin-bottom: 20px;}
.panel-body {padding: 15px; font-size: 15px;color: #666666;}
.panel 
{
   margin-bottom: 20px;
   background-color: #FFFFFF;
   border: 1px solid transparent;
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
   box-shadow: 0px 1px 1px rgba(0,0,0,0.05);
}
.panel-info {border-color: black;}
.panel-group .panel {margin-bottom: 0px;border-radius: 4px;}
.panel-group .panel + .panel {margin-top: 5px;}
.panel-heading
{
   padding: 10px 15px;
   border-bottom: 1px solid transparent;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
}
.panel-group .panel-heading {border-bottom: 0;}
.panel-info > .panel-heading 
{
   color: #FFFFFF;
   background-color: #333;
   border-color: #337AB7;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 20px;
    width: 20px;
    outline: black;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 100%, 100%;
    border: 1px solid black;
}


.videoContainer {
    position: relative;
	 }
	.playBtn {
    position: absolute;
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    margin-left: -50px; /*half of the width */
    margin-top: -50px; /*half of the height */
}

.legende {
white-space: nowrap; 
}