/*Gesamte Seite*/
* { margin: 0; padding: 0; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;}
h1 {color: #ffcc00;}
h2 {color: #ffcc00;}
h3 {color: #ffcc00;}
h4 {color: #ffcc00;}

/*Navigationsleiste*/
.header {background-color: #7fb344; text-align: left; height:4em;}
.link {float: left; padding-top:1.3em; padding-left:1em;}
.header a {color:#ffcc00; text-decoration: none;}
.logo {float: left;}

/*Infobereich, Start der Seite, fest unter Navigationsleiste*/
.info {clear:both; color:#7fb344; line-height:2; background-color: #f2f9e9;}

/*Textbereich*/
body {text-align: center;}
.text {line-height:1.5; padding:2em; color:#444;}

/*Stundenpläne*/
.accordion {
  background-color: #fff1b9;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ffe789; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  overflow-x:auto;
}

table, th, td {border: 2px solid #ffcc00; border-collapse: collapse; }
table {width:100%;}
tr {line-height: 1.5;}

/*Footer*/
.footer {background-color: #f2f9e9; text-align: center; margin:5em; padding:2em; color:#7fb344;}