html {
  height: 100%; }

body {
    min-height: 100%; 
    position: relative; 
    padding-bottom: [footer-height]; 
    max-width: 100%;
    padding: 0px 0px;
    background: #000;
    font-family: "Arial";
    text-align: center;
    font-color: #fff;
}


h1 {font-size: 72px;}
h2 {font-size: 60px;}
h3 {font-size: 42px;}
h4 {font-size: 30px;}
p {font-size: 20px;}




div.home {
	padding: 0; 
	background-color: #000;
	color: #fff;
	margin: 0 auto;}



div.links {
background: linear-gradient(to bottom, #034ad6, #000);
	background-color: #000;
	color: #fff;
	padding: 0em;
	margin: 0 auto;}


.footer { 
    position: fixed; 
    left: 0 ; right: 0; bottom: 0; 
    height: [footer-height] ;
    background-color: #000;
    color: #fff;}




a.links { cursor: pointer;} 
a.links:link {color: #034ad6;}
a.links:visited {color: #034ad6;}
a.links:active {color: #0458ff;}
a.links:hover {text-decoration: underline; color: #0458ff; border-bottom: 0px solid #0458ff;}


a.links2 { cursor: pointer;} 
a.links2:link {color: #000;}
a.links2:visited {color: #000;}
a.links2:active {color: #929292;}
a.links2:hover {text-decoration: underline; color: #929292; border-bottom: 0px solid #929292;}







/* Hamburger Menu rechts */
#menubar:hover {
	animation: circle 0.8s }

@keyframes circle{
	from {  transform: rotate(0) }
	to {  transform: rotate(360deg) }}

@keyframes turner{
	from{  transform: rotateY(0deg)   }
	to  {  transform: rotateY(360deg) }}

.zoom { transition: all .2s ease-in-out; }
.zoom:hover { transform: scale(1.2); }



.header { 
	loop: true; 
	autoplay: true; }