* {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
}

html, body {
	height: 100%;
}

html {
   background: url(sifl_start18.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover; 
   font-size:100%;
}

body {
    display: table;
    width: 92%;
    margin: 0 auto;
    /* background-color: aqua; */

    font-size:1rem;
    
}

.tabellen_zelle {
	background-color: silver;
        display: table-row;

/*opacity: 0.9;*/
}

.tabellen_zelle1 {
        color:green;
	background-color:silver;  yellowgreen;*/
        opacity: 0.75;
        display: table-row;
}

.tabellen_zelle2 {
padding: 15px 0px 15px 0px;
        background-color: silver;  /* silver */
  color:black;
	/* background-color: orange; */
        opacity: 0.75; 
	display: table-row;
}

.tabellen_zelle3 {
        background-color: lightblue;
	  /* background-color: teal; */
        color:black;
        text-size:80%;
        opacity: 0.9; /**/
        display: table-row;
}

.tabellen_zelle4 {
	background-color: silver;
        color:black;
        text-size:80%;
        /* opacity: 0.1; */
        display: table-row;
}


nav {
	background-color: silver;
}

.maximale_hoehe {
	height: 100%;
	opacity: 0.4; 
	background-color:silver;   /*aqua;*/ 
}



.headerbild {
    width: 100%;
    height: auto;
}

.texthoehe1 {
	font-size:210%;
}



section {
/*padding: 25px 5px 25px 5px;*/
    background-color: red;
    width: 100%;
    float: left;
    border-bottom: 1px solid black;
}



#steuerung {
	float:left;
}

#steuerung a:hover {
	color: black;
	background: orange;
}

#steuerung li {

    list-style: none;
    float: left;
}


#steuerung a {
border-color: black;
border-width: 2px;
border-style: solid;
    display: block;
    height: 100%; 
    width: 100%;  
    /* padding: 0.4em; */
padding: 25px 5px 25px 5px;
    text-decoration: none;  /* keine Unterstreichung */
    color: white;  /* Schriftfarbe weiß */
text-shadow: 0 0 1px black;
font-weight:bold;
font-size:160%;

    background-color: gray;   /* Hintergrundfarbe grau */
}	

/* @media (min-device-width: 800px)  Breite beträgt mindestens 800px */ 

@media only screen and ( min-width: 950px ) {
    /* breites Browserfenster */
    body { height: 100%; /* background-color: red; */}

    .tabellen_zelle3 {background-color: lightblue;}

    .tabellen_zelle1 {color:aqua;} /* im footer */


     #steuerung a {
         color: white;  /* Schriftfarbe gold */
         background-color: gray;   /* Hintergrundfarbe gray */
         font-size:150%;
     }
}

/* @media (max-device-width: 1024px)  Breite beträgt höchstens 1024px */ 

@media only screen and ( max-width: 440px ) {
    /* mobile Geräte */
    body { height: 100%; /* background-color: darkblue; */}

    .texthoehe1 {font-size:150%;}
    .tabellen_zelle1 {color:orange;} /* im footer */
     #steuerung a {
         color: white;  /* Schriftfarbe gold */
         background-color: gray;   /* Hintergrundfarbe gray */
         font-size:115%;
     }
}

@media only screen and ( max-width: 360px ) {
    /* mobile Geräte */
    body { height: 100%; /* background-color: yellow; */}
    .texthoehe1 {font-size:150%;}

    .tabellen_zelle1 {color:orange;} /* im footer */
     #steuerung a {
         color: gold;  /* Schriftfarbe gold */
         background-color: gray;   /* Hintergrundfarbe gray */
         font-size:110%;
     }

}

@media only screen and ( min-width: 440px ) and ( max-width: 950px ) {
    /* Tablets und mittlere Bildschirme */
    body { height: 100%; /* background-color: gray; */}
}

#steuerung li {
    width:96%;
    border-bottom: 2px solid silver;
}

#steuerung {
	float: left;
	width: 100%;
	display: block;
}

.menue-button {
	background-color: darkblue;
	display: block;
	position: absolute;
	right: 0; /* 0;*/
	top: 0; /* 0 */
	padding: 0.5em;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

.menue-button:hover {
	color: black;
	background: orange;
}


#nav-menue:target #steuerung {
	display: none;
}

#nav-menue:target .menue-button-beschr-close {
	display: none ; 
}

#meldebedingungen {
	background: teal;
        opacity: 1.0; /**/
        display: none;
}

#xnav-menue:target #meldebedingungen {
	display: block;
/*opacity: 0.98; /**/
}