/**
 * @license
 * MyFonts Webfont Build ID 3136259, 2015-12-04T10:37:41-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AachenTL-Bold by Tilde
 * URL: http://www.myfonts.com/fonts/tilde/aachen/bold/
 *
 * Webfont: AachenTL-Roman by Tilde
 * URL: http://www.myfonts.com/fonts/tilde/aachen/regular/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3136259
 * Licensed pageviews: 200,000
 * Webfonts copyright: Copyright 1990-2007 Bitstream Inc. All rights reserved. Modification for European languages. Copyright 1995-2007 Tilde, SIA.
 *
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import "overrides.css";
@font-face {
  font-family: 'AachenTL-Bold';
  src: url('../fonts/2FDB03_0_0.eot');
  src: url('../fonts/2FDB03_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2FDB03_0_0.woff2') format('woff2'), url('../fonts/2FDB03_0_0.woff') format('woff'), url('../fonts/2FDB03_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'AachenTL-Roman';
  src: url('../fonts/2FDB03_1_0.eot');
  src: url('../fonts/2FDB03_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/2FDB03_1_0.woff2') format('woff2'), url('../fonts/2FDB03_1_0.woff') format('woff'), url('../fonts/2FDB03_1_0.ttf') format('truetype');
}
body {
  background: #000000;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#fullsize {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  background: url("../img/rocko_schamoni.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: none;
}
.toplink {
  position: fixed;
  color: #fff;
}
#intro {
  position: absolute;
  overflow: hidden;
  left: 0px;
  width: 100%;
  top: 30px;
  text-align: center;
}
#intro .logo {
  position: relative;
  display: block;
  max-width: 1600px;
  padding-bottom: 10px;
  padding-left: 10%;
  padding-right: 10%;
  margin: auto;
}
#intro .logo img {
  width: 100%;
  height: auto;
}
#intro .line {
  display: inline-block;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  max-width: 1600px;
  height: 13px;
  background: url("../img/svg/line-bottom.svg") repeat-x;
}
#intro ul.menu {
font-family: 'Lazenby Computer';
  font-size: 2em;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#intro ul.menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
}
#intro ul.menu li a {
  color: #fff;
  text-decoration: none;
}
#top {
  width: 100%;
  text-align: center;
  padding-top: 10%;
  padding-bottom: 30px;
}
#top .logo {
  display: block;
  max-width: 1600px;
  padding-bottom: 10px;
}
#top .logo img {
  width: 100%;
  height: auto;
}
#top .line {
  display: block;
  max-width: 1600px;
  overflow: hidden;
  height: 13px;
}
#top .line.line-top {
  background: url("../img/svg/line-top.svg") repeat-x;
  margin-bottom: 5px;
}
#top .line.line-bottom {
  margin-top: 5px;
  background: url("../img/svg/line-bottom.svg") repeat-x;
}
#top ul.menu {
  font-family: 'Lazenby Computer';
  font-size: 1.2em;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#top ul.menu li {
  display: inline-block;
  margin: 0;
  padding: 1px 5px;
  color: #fff;
  text-transform: uppercase;
}
#top ul.menu li a {
  color: #fff;
  text-decoration: none;
}
#content {
  position: relative;
  width: 40%;
  float: right;
  color: #FFF;
  margin-right: 10%;
  max-width: 600px;
}
#content #list-head {
  width: 100%;
  display: inline-block;
  text-align: center;
}
#content #list-head img {
  display: inline-block;
  margin: auto;
}
#content.intro {
  display: none;
}
#content .content {
  padding-bottom: 30px;
}
#content p {
  text-align: left;
}
#content #termine {
  text-align: center;
}
#content #termine p {
  text-align: center;
}
/* Large Devices, Wide Screens 1200px */
/* Medium Devices, Desktops  992px */
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #intro ul.menu {
    font-size: 1.5em;
  }
  #top ul.menu {
    font-size: 1.2em;
  }
  .page-template #content,
  .page-template-default #content {
    margin-top: 5%;
    width: 45%;
    margin-right: 5%;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .page-template #top,
  .page-template-default #top {
    padding-top: 0;
    margin-top: -20px;
  }
  .page-template #fullsize,
  .page-template-default #fullsize {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    left: 0px !important;
    min-height: 180px;


      -webkit-background-size: contain !important;
      -moz-background-size: contain !important;
      -o-background-size: contain !important;
      background-size: contain !important;

        background-position: center bottom !important;


  }
  .page-template #content,
  .page-template-default #content {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 50px;
  }
  .page-template.page-template-tmpl-startseite #fullsize,
  .page-template-default.page-template-tmpl-startseite #fullsize {
    position: fixed;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: -340px center !important;

  }
  #intro .logo {
    margin-left: 5%;
    margin-right: 5%;
  }
  #intro .line {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 5px;
  }
  #intro ul.menu {
    font-size: 2em;
  }
}