.videowrapper {
     margin-top: 50px;
     width: 70%;
     margin-right: auto;
     margin-left: auto;
}
 .videowrapper2 {
     margin-top: 50px;
     width: 50%;
     margin-right: auto;
     margin-left: auto;
}
 .embed-container {
     position: relative;
     padding-bottom: 56.25%;
    /* 16/9 ratio */
     padding-top: 0px;
    /* IE6 workaround*/
     height: 0;
     overflow: hidden;
}
 .embed-container iframe, .embed-container object, .embed-container embed .embed-container video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .videocontent {
     width:100%;
     max-width: 1000px;
     margin: 0 auto;
}
 video {
     width: 100% !important;
     height: auto !important;
}

.fade-s {
    opacity:0;
}

 .bildercontainer3 {
     float: left;
     width: 34%;
     margin-left: 80px;
     padding-right: 80px;
     padding-bottom: 20px;
     margin-top: 80px;
}
 .center {
     display: block;
     margin-left: auto;
     margin-right: auto;
     max-width:100%;
}
 img.res {
     display: block;
     max-width: 100%;
	  margin-left: auto;
  margin-right: auto;
}


 a.call_2 {
     text-decoration: none;
     color: #4e4e4e;
}

 a.call_2:hover {
     text-decoration: underline;
     color: #000;
}

 .cryptedmail:after {
     content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}



/* Pure CSS3 jQuery-Like fadeIn ---------------------------------------------------- 

     opacity:0;
     -webkit-animation:fadeIn ease-in 1;
     -moz-animation:fadeIn ease-in 1;
     -o-animation:fadeIn ease-in 1;
     animation:fadeIn ease-in 1;
     -webkit-animation-fill-mode:forwards;
     -moz-animation-fill-mode:forwards;
     -o-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
}

 .fadeIn-3s {
     -webkit-animation-duration:0.2s;
     -moz-animation-duration:0.2s;
     -o-animation-duration:0.2s;
     animation-duration:0.2s;
}
 .fadeIn-5s {
     -webkit-animation-duration:0.7s;
     -moz-animation-duration:0.7s;
     -o-animation-duration:0.7s;
     animation-duration:0.7s;
}
 .fadeIn-7s {
     -webkit-animation-duration:1.5s;
     -moz-animation-duration:1.5s;
     -o-animation-duration:1.5s;
     animation-duration:1.5s;
}
 .fadeIn-9s {
     -webkit-animation-duration:2.1s;
     -moz-animation-duration:2.1s;
     -o-animation-duration:2.1s;
     animation-duration:2.1s;
}
 .fadeIn-11s {
     -webkit-animation-duration:2.5s;
     -moz-animation-duration:2.5s;
     -o-animation-duration:2.5s;
     animation-duration:2.5s;
}

 .fadeIn-Delay-3s {
     -webkit-animation-delay:0.2s;
     -moz-animation-delay:0.2s;
     -o-animation-delay:0.2s;
     animation-delay:0.2s;
}
 .fadeIn-Delay-5s {
     -webkit-animation-delay:0.7s;
     -moz-animation-delay:0.7s;
     -o-animation-delay:0.7s;
     animation-delay:0.7s;
}
 .fadeIn-Delay-7s {
     -webkit-animation-delay: 1.5s;
     -moz-animation-delay:1.5s;
     -o-animation-delay:1.5s;
     animation-delay:1.5s;
}
 .fadeIn-Delay-9s {
     -webkit-animation-delay:2.1s;
     -moz-animation-delay:2.1s;
     -o-animation-delay:2.1s;
     animation-delay:2.1s;
}
 .fadeIn-Delay-11s {
     -webkit-animation-delay:2.5s;
     -moz-animation-delay:2.5s;
     -o-animation-delay:2.5s;
     animation-delay:2.5s;
}

 @-webkit-keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
 @-moz-keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
 @-o-keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
 @keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
*/
 @media all and ( min-width: 30em ) {
    /* Show the table header rows and set all cells to display: table-cell */
     #bookList td, #bookList th, #bookList tbody th, #bookList tbody td, #bookList thead td, #bookList thead th {
         display: table-cell;
         margin: 0;
    }
    /* Hide the labels in each cell */
     #bookList td .ui-table-cell-label, #bookList th .ui-table-cell-label {
         display: none;
    }
}
 @media all and (max-width: 1200px){
     .videowrapper {
         width: 80%;
    }
     .videowrapper2 {
         width: 80%;
    }
}
 @media all and (max-width: 768px){
     .bildercontainer3 {
         float: none;
         width: 96%;
         padding: 0px;
         margin: auto;
         padding-bottom: 20px;
         padding-top: 80px;
    }
     .videowrapper {
         width: 98%;
    }
     .videowrapper2 {
         width: 98%;
    }
}