html {
  height: 100%; }

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


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


div.banner img {
	max-width: 1000px;}

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


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



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




a { text-decoration: underline; cursor: pointer;} 
a.links:link {color: #5d666e;}
a.links:visited {color: #5d666e;}
a.links:active {color: #6b7984;}
a.links:hover {text-decoration: underline; color: #6b7984; border-bottom: 0px solid #6b7984;}


/* Links auf grau */
a.links2 { text-decoration: underline; cursor: pointer;} 
a.links2:link {color: #fff;}
a.links2:visited {color: #fff;}
a.links2:active {color: #fff;}
a.links2:hover {color: #fff; text-decoration: underline;}


/* Links auf grau2 */
a.links3 { text-decoration: underline; cursor: pointer;} 
a.links3:link {color: #000;}
a.links3:visited {color: #000;}
a.links3:active {color: #000;}
a.links3:hover {color: #000; text-decoration: underline;}





/* 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; }