
html,body  {
  padding: 0;
  margin: 0;
  font-family: arial;
}

   A.menulink {
	display: inline-block;
	width: 550px;
	height: 55px;
	margin-top: 30px;/*10px;*/
	margin-left: 20px;
	padding-top:  3px;
	text-align: center;/*left;*/
	text-decoration: none;
	font-family: arial;
	font-size: 36pt;
		color: #000000;/*#6E702F;*/
	background-color: #ffffff;
	border-style: solid;
	border-width: 5px;
	border-color: #000000;
	text-indent: 10px;
	      border-radius:15px; 
      -moz-border-radius:15px; 
      -webkit-border-radius:15px; 
      -khtml-border-radius:15px; 
 }
 
  A.menulink:hover {
  color: #000000;
  background-color: #f9bd0c;
}
  
#aktiv{
background-color:#96F113;
color: #000000;
}

#aktiv:hover{
  color: #000000;
  background-color: #f9bd0c;
}

   A.menulink-u {
	display: inline-block;
	width: 460px;
	height: 60px;
	padding-top:  1px;
	margin-left: 50px;
	text-align: left;
	text-decoration: none;
	font-family: arial;
	font-size: 35pt;
	color: #000000;
	background-color: #E2DEDE;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
	margin-top: 7px;
	text-indent: 8px;
	      border-radius:10px; 
      -moz-border-radius:10px; 
      -webkit-border-radius:10px; 
      -khtml-border-radius:10px; 
 }
 
  A.menulink-u:hover {
  color: #000000;
  background-color: orange;
}

    .hoch{
        opacity: 1;
        position:fixed;
        bottom: 15%;
        right: 0.5%;
        display: none;
    }



body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
/*  background: url('hg-5.jpg') no-repeat center center;*/

  
/*background: url('background-001-jpg.jpg') no-repeat center center;
background: url('hg-wasser.jpg') no-repeat center center;*/*/



  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.kontur-1 {
    font-size: 60pt;
    font-family: Arial;
    color: beige;
    letter-spacing: 0.05em;
    text-shadow:  2px  2px 2px black,
                  2px -2px 2px black,
                 -2px  2px 2px black,
                 -2px -2px 2px black;
}

#navi ul {
padding:0; 
margin:0; 
list-style:none; 
text-align:left; 
height:100%;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
}

#menu + label {
display:block; 
width:100px; 
height:110px;
position:fixed; 
left:10px;; 
top:0px; 
z-index:500000; 
cursor:pointer;
}

#menu + label span {
position:absolute; 
left:-9999px;
}

#navi > ul ul {
max-height:0; 
overflow:hidden;
-webkit-transition:0.3s;
transition:0.3s;
}

#menu {
position:absolute; 
left:-9999px; 
display:none;
}

#menu:checked ~ navi {
left:0;
-webkit-transition:0.3s;
transition:0.3s;
}

#menu:checked ~ #navi > ul ul {
max-height:200px;
-webkit-transition:0.3s 0.3s;
transition:0.3s 0.3s;
}

#menu:checked + label:before 
{
display:block; 
content:""; 
width:100%; 
height: 100%; 
position:fixed;
left:0; 
top:0; 
}
 
label{
margin-left: -10px;
} 

#slide{
display:none;
}

#navi ul {
padding:0; 
margin:0; 
list-style:none; 
text-align:left; 
height:100%;
overflow:hidden; 
}

#menu + label {
display:block; 
width:100px; 
height:110px;
position:fixed; 
left:10px;
top:0px; 
z-index:500000; 
cursor:pointer;
}

#menu + label span {
position:absolute; 
left:-9999px;
}

#navi {
width:620px; 
height: 110%;
top:152px;/*150px; */
position:fixed; 
left:-660px; 
border-right:3px solid #000000; 
z-index:500000;
background: beige;
border-top:3px solid #000000;
-webkit-height:calc(100%);
-moz-height:calc(100%);
height:calc(100%);
-webkit-transition:0.3s 0.3s;
transition:0.3s 0.3s;
overflow-y: scroll;
}

#navi > ul ul {
max-height:0; 
overflow:hidden;
-webkit-transition:0.3s;
transition:0.3s;
}

#menu {
position:absolute; 
left:-9999px; 
display:none;
}

#menu:checked ~ #navi {
left:0;
-webkit-transition:0.3s;
transition:0.3s;
}

#menu:checked ~ #navi > ul ul {
max-height:200px;
-webkit-transition:0.3s 0.3s;
transition:0.3s 0.3s;
}

#menu:checked + label:before 
{
display:block; 
content:""; 
width:100%; 
height:100%; 
position:fixed; 
margin-left: 0px;
top:0; 
background: rgba(0,0,0,0.5);
}





 

