@font-face { font-family: 'logo';
             src: url('../fonts/texgyrechorus.otf') format('opentype'); }
* {
  padding: 0;
  margin: 0;
}
html {
  background: #e7f5fe;
  font-family: Arial;
}
/*    MENU    */
nav.menu ul {
  list-style: none;
}
/*    MAIN MENU    */
nav.main li {
  height: 40px;
  margin: 5px 20px 5px 5px;
}
nav.main li:last-child {
  margin: 5px 0px 5px 5px;
}
nav.main li a {
  background-color: #fff;
  padding: 12px 20px;
  text-decoration: none;
  color: #000;
  border-radius: 5px;
}
nav.main li a:hover {
  background-color: #ccc!important;
  color: #fff;
}
nav.main li.active a {
  background-color: #f2f2f2;
}
/*    SUB MENU    */
ul.sub {
  list-style: none;
}
ul.sub li {
  width: 100%;
  border: 1px solid black;
  margin: 3px 0;
  border-radius: 10px;
  height: 10%;
}
ul.sub li a {
  display: inline-block;
  text-decoration: none;
  background: none;
  color: #000;
  width: 100%;
  padding: 5px 0;
  border-radius: 10px;
  height: 100%;
  font-size: 100%;
}
ul.sub li a:hover {
  background: #A8DDFB!important;
}
ul.sub li.current a {
  background: #ceecfd;
}

div.clear {
  clear: both;
}
/*    HEADER    */
.kopfzeile {
  background: #fff;
  width: 100%;
  min-height: 100px;
}
div.kopfzeile * {
  float: left;
}
.logo {
  font-family: logo!important;
  color: #A8DDFB;
}
.logokopf {
  font-size: 70px;
  margin: -10px 0 0 0;
}
.logokopf a {
  text-decoration: none;
  color:inherit;
  padding: 5px 50px 5px 10px;
}
div.map iframe {
  display: none;
}
/*    PAPER    */
div.spalte {
  width: 100%;
}
div.rechts, div.links {
  background: #E6E6E6;
  width: 100%;
  text-align: center;
  padding: 10px;
}
div.mitte {
  background: #fff;
  padding: 10px;
  width: 100%;
}
.mitte ul {
  margin-left: 30px;
}
div.paper {
  margin: 0;
  width: 100%;
}

.paper table.liste {
  border-collapse: collapse;
  border: 1px solid black;
}
.paper table.liste tr {
  border: 1px solid black;
}

.paper table.liste tr:nth-child(even) {
  background-color: #d3d3d3;
}

.paper table.liste tr:nth-child(odd) {
  background-color: #fff;
}

div.fusszeile {
  width: 100%;
  background: #000;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin: 0 0 20px 0;
  padding:  5px;
  background: #ccc;
  font-size: 8pt;
  z-index: -10;
}
.fusslinks {

}
.smollscreen {
  display: inline-block;
}
.zeigeMenu {
  display: inline-block!important;
}
#mainmenu, .nonShow {
  display: none;
}
.menubutton {
  height: 80px;
  width: 80px;
  margin: 10px;
  background: #ccc;
  border: 1px solid #ceecfd;
  font-size: 30pt;
}
#jform_com_fields_anreise_btn::after, #jform_com_fields_abreise_btn::after {
  content: "\1F4C5 Datum wählen";
}
#jform_com_fields_anreise_btn, #jform_com_fields_abreise_btn {
  display: inline;
}