:root {
  --the-red: #DF0000;
 
}

body
{
background-color:#FFFFFF;
margin: 0px 50px 0px 50px;
}

*
{
margin-left:1px;
font-size:12pt;
font-family:courier new, monaco, monospace;
letter-spacing:-0.35pt;
}

a
{
cursor:pointer;
text-decoration:none;
color:var(--the-red);
transition: background-color ease 0.8s;
}

a.right
{
margin-left: 3%;
cursor:pointer;
}


a:hover
{
background-color: #00FFFF;
}

a.schedule:hover
{
color:#FFFFFF;
font-weight:bold;
}

p.space
{
padding-left:5%;
}

td
{
margin-left:0px;
}

td.light
{
background-color:#D8D8D8;
vertical-align:top;
padding-top:4px;
padding-bottom:8px;
}

td.dark
{
background-color:#C2C2C2;
vertical-align:top;
padding-top:4px;
padding-bottom:8px;
}


input.honig
{
border: 0px solid white;
}

iframe
{
margin-left: 40px;
}

h1
{
font-size:12pt;
margin-left:0px;
margin-top:36px;
margin-bottom: 12px;
font-weight: bold;

}
h2
{
font-size:12pt;
margin-left:0px;
margin-top:36px;
margin-bottom: 12px;
font-weight: bold;
}


p
{
margin-left:0px;
margin-bottom: -9px;
}

p.error
{
color:#C00040;
}

pre
{
margin-left:6px;
}

span.date
{
font-size:10pt;
color:#A0A0A0;
}


hr
{
margin-left: -3px;
width: 100%;
border:1px solid var(--the-red);
color: var(--the-red);

}


/* ------------------------------------------------------------------------------------------ 
    normales Menü
   ------------------------------------------------------------------------------------------ */

@media screen and (min-width: 961px) {

nav {
  width: 100%;
  text-align: center;
/*  position: relative;
  margin: 0 auto;
  height: 11em;			
  background: rgba(255, 255, 255, 1.0);
  border-bottom: 1px solid white;           */
}
    
  nav ul.menu {
    max-height: 20px;
    padding: 0;  
  }

  nav a#nav-m,
  nav a.close {
    display: none;
  }
    
  nav ul li {
    margin: 20px 0px 20px 0px;
    display: inline;  
  }
    
  nav ul li a {
    position: relative;
    display: inline-block;
    text-decoration: none;
    width: 15%;  
  }
    
}

/* ------------------------------------------------------------------------------------------ 
    mobiles Menü
   ------------------------------------------------------------------------------------------ */
 
@media screen and (max-width: 960px) {
  /*Formatierung Mobiles Menue*/

nav {
  height: 33px;
}
    
  nav ul {
    top: 50px;
    position: absolute;
    background: #f3f3f3;
    width: 100%;
    left: -100%;
 
    list-style-type:none;
    margin: 4px 30px 4px 0;
    padding: 0;
 
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
 
  nav ul li{
    display: block;
    text-align: left;
    padding: 1.5em 0.5em;
    border-bottom: 1px solid #fff;
  }
 
  nav ul li a {
    color: #DF0000;
    padding: 1em 3em;
  }
 
  nav ul.menu li a:hover {
    border-bottom: 0;
  }
 
  /*Hamburger-Icon*/
  nav a#nav-m img,
  nav a.close img {
    width: 40px;
    height: auto;
  }
 
  nav > .close,
  nav a#nav-m:target {
    display: none;
  }
 
  nav a:target ~ ul,
  nav a:target ~ .close {
    display: inline-block;
  }
 
  nav a:target ~ .close {
    position: absolute;
    margin-left: 0px;
  }
 
  nav a:target ~ ul {
    left: 0;
  }
    
}




/* ------------------------------------------------------------------------------------------ */