/*
Theme Name: Medienstation
Author: Jakob Metzger
Description: Wordpress Theme f�r die Medienstation.
Version: 1.0
*/
@font-face {
  font-family: "p22_cezanne_proregular";
  src: url("font/p22cezannepro-webfont.eot");
  src: url("font/p22cezannepro-webfont.eot?#iefix") format("embedded-opentype"), url("font/p22cezannepro-webfont.woff") format("woff"), url("font/p22cezannepro-webfont.ttf") format("truetype"), url("font/p22cezannepro-webfont.svg#p22_cezanne_proregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.font-sans-serif {
  font-family: "source_sans_proregular";
}
.font-sans-serif-light {
  font-family: "source_sans_prolight";
}
.font-handwriting {
  font-family: "p22_cezanne_proregular";
}
.font-serif {
  font-family: "Georgia";
}
body,
html {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-size: 100%;
  font-family: "Georgia", "Time New Roman", serif;
  position: relative;
  -webkit-touch-callout: default !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5) !important;
  background: #f9bb00;
  color: #000000;
  font-size: 26px;
}
body.page-template-page-external-php,
html.page-template-page-external-php,
body.page-template-page-external-a-php,
html.page-template-page-external-a-php,
body.page-template-page-external-b-php,
html.page-template-page-external-b-php,
body.page-template-page-external-c-php,
html.page-template-page-external-c-php,
body.page-template-page-external-d-php,
html.page-template-page-external-d-php,
body.page-template-page-external-audio-php,
html.page-template-page-external-audio-php,
body.page-template-page-external-slideshow-php,
html.page-template-page-external-slideshow-php {
  background-color: #000000;
  width: 100%;
  max-height: none !important;
  max-width: none !important;
  height: 100%;
}
body.page-template-page-external-php #page,
html.page-template-page-external-php #page,
body.page-template-page-external-a-php #page,
html.page-template-page-external-a-php #page,
body.page-template-page-external-b-php #page,
html.page-template-page-external-b-php #page,
body.page-template-page-external-c-php #page,
html.page-template-page-external-c-php #page,
body.page-template-page-external-d-php #page,
html.page-template-page-external-d-php #page,
body.page-template-page-external-audio-php #page,
html.page-template-page-external-audio-php #page,
body.page-template-page-external-slideshow-php #page,
html.page-template-page-external-slideshow-php #page {
  width: 100%;
  height: 100%;
}
body.page-template-page-external-php #spinner,
html.page-template-page-external-php #spinner,
body.page-template-page-external-a-php #spinner,
html.page-template-page-external-a-php #spinner,
body.page-template-page-external-b-php #spinner,
html.page-template-page-external-b-php #spinner,
body.page-template-page-external-c-php #spinner,
html.page-template-page-external-c-php #spinner,
body.page-template-page-external-d-php #spinner,
html.page-template-page-external-d-php #spinner,
body.page-template-page-external-audio-php #spinner,
html.page-template-page-external-audio-php #spinner,
body.page-template-page-external-slideshow-php #spinner,
html.page-template-page-external-slideshow-php #spinner {
  display: none;
}
body.page-template-page-alternative-php,
html.page-template-page-alternative-php {
  background: #ca4b14;
}
html {
  background: transparent;
}
article {
  position: relative;
  overflow: hidden;
  max-width: 1024px;
}
article.external-screen {
  height: 100%;
  width: 100%;
  max-width: none;
  background-color: #000000;
  overflow: visible;
}
article.external-screen #external-text {
  position: absolute;
  overflow: visible;
  padding: 0 100px;
  right: 100px;
  top: 100px;
  height: 880px;
  width: 800px;
  -moz-transform: translateX(900px);
  -webkit-transform: translateX(900px);
  transform: translateX(900px);
  font-family: "p22_cezanne_proregular";
  -moz-transition: all 1s ease 0s;
  -webkit-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  transition: all 1s ease 0s;
}
article.external-screen #external-text * {
  overflow: visible;
}
article.external-screen #external-text.slide {
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
article.external-screen,
article.external-screen-a,
article.external-screen-b,
article.external-screen-c,
article.external-screen-d {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
}
article.external-screen-a {
  height: 100%;
  width: 100%;
  max-width: 100%;
  background-color: #000000;
  overflow: visible;
}
article.external-screen-a #external-text {
  position: absolute;
  overflow: visible;
  padding: 0;
  right: 50px;
  top: 70px;
  height: 290px;
  width: 585px;
  font-size: 40px;
}
article.external-screen-a #external-text * {
  overflow: visible;
}
article.external-screen-a #external-text h1 {
  font-family: "source_sans_prolight";
  font-weight: lighter;
  font-size: 46px;
}
article.external-screen-a #external-title {
  position: absolute;
  overflow: visible;
  padding: 0;
  right: 50px;
  top: 430px;
  height: 290px;
  width: 585px;
  font-size: 66px;
  font-family: "source_sans_prolight";
  color: #3c2d2d;
}
article.external-screen-a #external-title * {
  overflow: visible;
}
article.external-screen-b {
  background-color: #000000;
  overflow: visible;
}
article.external-screen-b #external-text {
  position: absolute;
  overflow: visible;
  padding: 0;
  right: 650px;
  top: 70px;
  height: 290px;
  width: 585px;
  font-size: 40px;
}
article.external-screen-b #external-text * {
  overflow: visible;
}
article.external-screen-b #external-text h1 {
  font-family: "source_sans_prolight";
  font-weight: lighter;
  font-size: 46px;
}
article.external-screen-b #external-title {
  position: absolute;
  overflow: visible;
  padding: 0;
  right: 650px;
  top: 430px;
  height: 290px;
  width: 585px;
  font-size: 66px;
  font-family: "source_sans_prolight";
  color: #3c2d2d;
}
article.external-screen-b #external-title * {
  overflow: visible;
}
article.external-screen-c {
  background-color: #000000;
  overflow: visible;
}
article.external-screen-c #external-text {
  position: absolute;
  overflow: visible;
  box-sizing: border-box;
  padding: 0 65px;
  right: 0;
  top: 70px;
  height: 220px;
  width: 100%;
  font-size: 40px;
  text-align: center;
  color: #ffffff;
}
article.external-screen-c #external-text * {
  overflow: visible;
}
article.external-screen-c #external-text h1 {
  font-family: "source_sans_prolight";
  font-weight: lighter;
  font-size: 46px;
}
article.external-screen-c #external-title {
  position: absolute;
  overflow: visible;
  padding: 0;
  right: 65px;
  top: 250px;
  height: 220px;
  width: 1150px;
  font-size: 100px;
  text-align: center;
  font-family: "source_sans_prolight";
  color: #ffffff;
}
article.external-screen-c #external-title * {
  overflow: visible;
}
article.external-screen-d {
  background-color: #000000;
  overflow: visible;
}
article.external-screen-d #external-text {
  position: absolute;
  overflow: visible;
  font-weight: normal;
  text-align: center;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  line-height: 55px;
  height: 170px;
  color: #3c2d2d;
  font-size: 46px;
  padding: 30px 60px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
article.external-screen-d #external-text * {
  overflow: visible;
  margin: 0 !important;
  line-height: 55px;
  color: #3c2d2d !important;
}
article.external-screen-d #external-text h1 {
  font-weight: lighter;
  height: auto;
  margin: 0;
  font-size: 46px;
  font-family: "source_sans_prolight";
}
article.external-screen-d #external-text.off {
  -moz-transform: translateY(170px);
  -webkit-transform: translateY(170px);
  transform: translateY(170px);
}
article.external-screen-d #external-title {
  position: absolute;
  overflow: visible;
  padding: 0;
  right: 65px;
  top: 250px;
  height: 220px;
  width: 1150px;
  font-size: 100px;
  text-align: center;
  font-family: "source_sans_prolight";
  color: #ffffff;
}
article.external-screen-d #external-title * {
  overflow: visible;
}
#external-background {
  width: 1280px;
  height: 720px;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  font-family: "Georgia", "Times New Roman", serif;
  padding: 0;
  margin: 0 0 30px 0;
  color: #000000;
}
a,
a:active,
a:hover {
  color: #ca4b14;
}
#page {
  overflow: hidden;
  position: relative;
  width: 100%;
  opacity: 0;
  height: 768px;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 3;
}
#page.loaded {
  opacity: 1;
}
#page .external-screen-link,
#page .internal-screen-link,
#page .lightbox-screen-link {
  display: block;
  clear: both;
  text-decoration: none;
  outline: none;
  line-height: 1;
  margin: 15px 0;
  font-size: 22px;
}
#page .external-screen-link a,
#page .internal-screen-link a,
#page .lightbox-screen-link a {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  padding: 10px;
  background: #ca4b14;
  color: #ffffff;
  font-family: "source_sans_proregular";
}
#page .external-screen-link a,
#page .internal-screen-link a,
#page .lightbox-screen-link a,
#page .external-screen-link a:hover,
#page .internal-screen-link a:hover,
#page .lightbox-screen-link a:hover,
#page .external-screen-link a:active,
#page .internal-screen-link a:active,
#page .lightbox-screen-link a:active {
  text-decoration: none;
  outline: none;
}
#page .external-screen-link a:before,
#page .internal-screen-link a:before,
#page .lightbox-screen-link a:before {
  margin-right: 15px;
  font-family: "FontAwesome";
}
#page .internal-screen-link a {
  background: #a1562c;
}
#page .lightbox-screen-link a {
  background: #c69500;
}
#post-picture {
  float: left;
  height: 668px;
  width: 250px;
  background: #e0a800;
}
#post-picture img {
  display: block;
  height: auto;
  border: none;
  width: 250px;
}
#post-picture.post-picture-right {
  float: inherit;
  margin-left: 774px;
  width: 250px;
}
#post-picture.post-picture-right img {
  display: block;
  height: auto;
  border: none;
  width: 250px;
  top: 0;
  right: 0;
  position: absolute;
}
#post-help {
  position: absolute;
  background-size: 1024px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 13000;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#post-help.starthelp {
  background-image: url("img/hilfe/hilfe-start.png");
}
#post-help.fff {
  background-image: url("img/hilfe/hilfe-fff.png");
}
#post-help.map {
  background-image: url("img/hilfe/hilfe-map.png");
}
#post-help.timeline {
  background-image: url("img/hilfe/hilfe-timeline.png");
}
#post-help.tree {
  background-image: url("img/hilfe/hilfe-tree.png");
}
#post-help.sitemap {
  background-image: url("img/hilfe/hilfe-content.png");
}
#post-help.intro {
  background-image: url("img/hilfe/hilfe-intro.png");
}
#post-help.blog {
  background-image: url("img/hilfe/hilfe-blog.png");
}
#post-help.places {
  background-image: url("img/hilfe/hilfe-places.png");
}
#post-help.pfarrhaus {
  background-image: url("img/hilfe/hilfe-places.png");
}
#post-help.thema {
  background-image: url("img/hilfe/hilfe-thema.png");
}
#post-help.visible {
  height: 100%;
}
#post-container {
  width: 100%;
  height: 668px;
  padding-left: 250px;
}
#post-container.sitemap {
  padding: 0;
}
#post-container.post-container-left {
  float: left;
  padding-right: 250px;
  padding-left: 0;
}
#post-container.yellow-dark {
  background: #c69500;
}
#post-container #post-content {
  overflow: hidden;
  line-height: 1.3;
  padding-bottom: 30px;
  height: 668px;
}
#post-container #post-content .last-slide,
#post-container #post-content .first-slide {
  position: relative;
}
#post-container #post-content .last-slide .last-slide-image,
#post-container #post-content .first-slide .last-slide-image,
#post-container #post-content .last-slide .first-slide-image,
#post-container #post-content .first-slide .first-slide-image {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px 100px;
}
#post-container #post-content .last-slide .last-slide-image,
#post-container #post-content .first-slide .last-slide-image {
  background-image: url("img/icons/back-left.png");
}
#post-container #post-content .last-slide .first-slide-image,
#post-container #post-content .first-slide .first-slide-image {
  background-image: url("img/icons/back-right.png");
}
#post-container #post-content #post-title {
  font-size: 46px;
  min-height: 50px;
  line-height: 50px;
  padding: 30px 30px 15px 30px;
  margin: 0;
}
#post-container #post-content #post-subtitle {
  font-weight: 100;
  font-size: 26px;
  color: #000000;
  min-height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 30px 30px 30px;
  font-family: "source_sans_prolight";
}
#post-container #post-content blockquote {
  font-style: italic;
  border: none;
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 34px;
  color: #a1562c;
}
#post-container #post-content blockquote p {
  font-size: 34px;
}
#post-container #post-content p {
  margin-bottom: 30px;
}
#post-container #post-content p:last-child {
  margin: 0;
}
#post-container #post-content #slider-container {
  position: relative;
}
#post-container #post-content #slider {
  position: relative;
  height: 483px;
}
#post-container #post-content #slider .slidesjs-container .slidesjs-control,
#post-container #post-content #slider .slidesjs-slide {
  height: 483px;
  -webkit-transform-style: flat;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#post-container #post-content #slider .slidesjs-slide {
  padding: 0 30px;
}
#post-container #post-content #slider.white .slidesjs-pagination li a,
#post-container #post-content #slider.white .slidesjs-pagination li a:hover,
#post-container #post-content #slider.white .slidesjs-pagination li a:active,
#post-container #post-content #slider.white .slidesjs-pagination li a:link,
#post-container #post-content #slider.white .slidesjs-pagination li a:visited {
  color: #ffffff !important;
}
#post-container #post-content #slider.white .last-slide .last-slide-image,
#post-container #post-content #slider.white .first-slide .last-slide-image {
  background-image: url("img/icons/back-left-white.png");
}
#post-container #post-content #slider.white .last-slide .first-slide-image,
#post-container #post-content #slider.white .first-slide .first-slide-image {
  background-image: url("img/icons/back-right-white.png");
}
#post-container #post-content #slider .slidesjs-pagination {
  position: absolute;
  list-style-type: none;
  text-align: left;
  vertical-align: middle;
  bottom: 0;
  left: 0;
  margin: 0;
  font-size: 0;
  width: 100%;
  z-index: 1000;
  height: 50px;
  line-height: 50px;
  padding: 0 30px 0 30px;
}
#post-container #post-content #slider .slidesjs-pagination li {
  font-size: 0;
  color: rgba(255, 255, 255, 0);
  color: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: none;
  border: none;
  background: transparent;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 10px;
}
#post-container #post-content #slider .slidesjs-pagination li:last-child,
#post-container #post-content #slider .slidesjs-pagination li:first-child {
  display: none !important;
}
#post-container #post-content #slider .slidesjs-pagination li a,
#post-container #post-content #slider .slidesjs-pagination li a:hover,
#post-container #post-content #slider .slidesjs-pagination li a:active,
#post-container #post-content #slider .slidesjs-pagination li a:link,
#post-container #post-content #slider .slidesjs-pagination li a:visited {
  display: block;
  outline: none;
  border: none;
  text-decoration: none;
  vertical-align: middle;
  opacity: 0.3;
  color: #000000;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#post-container #post-content #slider .slidesjs-pagination li a:before,
#post-container #post-content #slider .slidesjs-pagination li a:hover:before,
#post-container #post-content #slider .slidesjs-pagination li a:active:before,
#post-container #post-content #slider .slidesjs-pagination li a:link:before,
#post-container #post-content #slider .slidesjs-pagination li a:visited:before {
  font-size: 18px;
  content: "\f111";
  font-family: "FontAwesome";
}
#post-container #post-content #slider .slidesjs-pagination li a.active,
#post-container #post-content #slider .slidesjs-pagination li a:hover.active,
#post-container #post-content #slider .slidesjs-pagination li a:active.active,
#post-container #post-content #slider .slidesjs-pagination li a:link.active,
#post-container #post-content #slider .slidesjs-pagination li a:visited.active {
  opacity: 1.0;
}
#post-container #post-content #slider .slidesjs-pagination li a:hover,
#post-container #post-content #slider .slidesjs-pagination li a:hover:hover,
#post-container #post-content #slider .slidesjs-pagination li a:active:hover,
#post-container #post-content #slider .slidesjs-pagination li a:link:hover,
#post-container #post-content #slider .slidesjs-pagination li a:visited:hover {
  opacity: 0.8;
  color: #a1562c;
}
#post-container.alternative {
  padding-left: 0;
}
#post-container.alternative #post-content {
  font-size: 28px;
  color: #ffffff;
  padding: 90px;
  font-family: "source_sans_prolight";
}
#post-container.alternative #post-content .last-slide .last-slide-image,
#post-container.alternative #post-content .first-slide .last-slide-image {
  background-image: url("img/icons/back-left-alt.png");
}
#post-container.alternative #post-content .last-slide .first-slide-image,
#post-container.alternative #post-content .first-slide .first-slide-image {
  background-image: url("img/icons/back-right-alt.png");
}
#post-container.alternative #post-content #post-title {
  font-weight: lighter;
  color: #ffffff;
  font-size: 50px;
  padding: 0 0 15px 0;
  font-family: "source_sans_prolight";
}
#post-container.alternative #post-content #post-subtitle {
  color: #000000;
  padding: 0 0 30px 0;
  font-family: "source_sans_prolight";
}
#post-container.alternative #post-content blockquote {
  color: #000000;
  font-family: "Georgia";
}
#post-container.alternative #post-content .lightbox-screen-link a {
  background: rgba(0, 0, 0, 0.25);
}
#post-container.alternative #post-content .external-screen-link a {
  background: #555453;
}
#audio-player-container {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  z-index: 2000;
  right: 30px;
  background: #3b3b3a;
  height: 50px;
  max-width: 450px;
  line-height: 50px;
  color: #ffffff;
  font-size: 22px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#audio-player-container a {
  color: #ffffff;
}
#audio-player-container #audio-button {
  display: block;
  float: right;
  padding: 0 15px;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  max-width: 450px;
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  background: #555453;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-family: "source_sans_proregular";
}
#audio-player-container #audio-button:before {
  margin-right: 15px;
  font-family: "FontAwesome";
}
#audio-player-container #audio-button:hover,
#audio-player-container #audio-button:active {
  text-decoration: none;
}
#audio-player-container #audio-button.playing {
  width: 0;
  color: rgba(255, 255, 255, 0);
}
#audio-player-container #audio-controls {
  float: left;
  overflow: hidden;
  width: 0;
  padding: 0;
  line-height: 50px;
  height: 50px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#audio-player-container #audio-controls.playing {
  width: 450px;
}
#audio-player-container #audio-controls #audio-pause {
  display: block;
  overflow: hidden;
  float: left;
  text-align: center;
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  width: 50px;
  background: #555453;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#audio-player-container #audio-controls #audio-pause:hover,
#audio-player-container #audio-controls #audio-pause:active {
  text-decoration: none;
}
#audio-player-container #audio-controls #audio-pause.playing {
  width: 0;
  color: rgba(255, 255, 255, 0);
}
#audio-player-container #audio-controls #audio-time {
  display: block;
  float: right;
  overflow: hidden;
  text-align: center;
  width: 400px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-family: "source_sans_prolight";
}
#audio-player-container #audio-controls #audio-time.playing {
  width: 0;
  color: rgba(255, 255, 255, 0);
}
nav {
  z-index: 10000;
  background: #a1562c;
  height: 100px;
  max-width: 1024px;
}
nav .navigation-button {
  display: block;
  float: left;
  overflow: hidden;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  height: 100px;
  width: 262px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
nav .navigation-button.navigation-button-half {
  width: 131px;
}
nav .navigation-button:last-child {
  border-right: none !important;
}
nav .navigation-button a,
nav .navigation-button a:visited,
nav .navigation-button span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  font-size: 34px;
  padding: 30px;
  height: 100px;
  background: #a1562c;
  line-height: 40px;
  color: #ffffff;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-family: "source_sans_proregular";
  letter-spacing: 0.2em;
}
nav .navigation-button a:active,
nav .navigation-button a:visited:active,
nav .navigation-button span:active {
  text-decoration: none;
  background: #794121;
}
nav .navigation-button a.active,
nav .navigation-button a:visited.active,
nav .navigation-button span.active {
  background: #794121;
}
nav .navigation-button:first-child {
  border-left: none;
}
nav .navigation-button#navigation-content {
  width: 250px;
  border-right: none;
}
nav .navigation-button#navigation-start {
  width: 250px;
}
nav .navigation-button#navigation-help:last-child {
  border-right-width: 2px;
}
nav .navigation-button#navigation-back:last-child {
  border-right-width: 2px;
}
nav .navigation-button#navigation-links .navigation-button-inner {
  float: left;
  width: 50%;
  height: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
nav .navigation-button#navigation-links .navigation-button-inner[class*="image-"] > a,
nav .navigation-button#navigation-links .navigation-button-inner[class*="image-"] > span {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
nav .navigation-button#navigation-links .navigation-button-inner.image-prev > a,
nav .navigation-button#navigation-links .navigation-button-inner.image-prev > span {
  background-image: url("img/icons/prev.png");
}
nav .navigation-button#navigation-links .navigation-button-inner.image-next > a,
nav .navigation-button#navigation-links .navigation-button-inner.image-next > span {
  background-image: url("img/icons/next.png");
}
nav .navigation-button#navigation-links .navigation-button-inner > *.without-function {
  opacity: 0.1;
}
nav .navigation-button#navigation-links .navigation-button-inner > *.without-function.start {
  opacity: 1.0;
}
nav #navigation-start > a {
  background-image: url("img/icons/start.png");
  background-size: 141px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}
nav #navigation-help > a {
  background-image: url("img/icons/help.png");
  background-size: 15px 29px;
  background-repeat: no-repeat;
  background-position: center center;
}
nav #navigation-history > a {
  background-image: url("img/icons/back.png");
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center center;
}
nav #navigation-content > a {
  background-image: url("img/icons/content.png");
  background-size: 162px 29px;
  background-repeat: no-repeat;
  background-position: center center;
}
.slabtexted .slabtext {
  display: -moz-inline-box;
  display: inline-block;
  white-space: nowrap;
}
.slabtextinactive .slabtext {
  display: inline;
  white-space: normal;
  font-size: 1em !important;
  letter-spacing: inherit !important;
  word-spacing: inherit !important;
  *letter-spacing: 0 !important;
  *word-spacing: 0 !important;
}
.slabtextdone .slabtext {
  display: block;
}
.debug {
  display: none;
  opacity: 0.7;
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  background: #f00;
}
#spinner {
  opacity: 0.7;
  z-index: 0;
  position: fixed;
  top: 350px;
  left: 500px;
  color: #fff;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#spinner.loaded {
  opacity: 0;
}
.overlay-top,
.overlay-bottom {
  position: absolute;
  -webkit-backface-visibility: hidden;
  width: 100%;
  left: 0;
  height: 50px;
  background: #f9bb00;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform-style: flat;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.overlay-top {
  top: 0;
  background: rgba(249, 187, 0, 0);
  background: -webkit-linear-gradient(top, #f9bb00 0%, rgba(249, 187, 0, 0) 100%);
  background: -moz-linear-gradient(top, #f9bb00 0%, rgba(249, 187, 0, 0) 100%);
  background: -ms-linear-gradient(top, #f9bb00 0%, rgba(249, 187, 0, 0) 100%);
  background: -o-linear-gradient(top, #f9bb00 0%, rgba(249, 187, 0, 0) 100%);
  background: linear-gradient(top, #f9bb00 0%, rgba(249, 187, 0, 0) 100%);
}
.overlay-bottom {
  bottom: 0;
  background: #f9bb00;
  background: -webkit-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: -moz-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: -ms-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: -o-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
}
#post-container.sitemap #post-content.sitemap {
  overflow-y: scroll;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
#post-container.sitemap #post-content.sitemap #post-title,
#post-container.sitemap #post-content.sitemap #post-subtitle {
  background: #efb300;
}
#post-container.sitemap #post-content.sitemap #post-menu {
  padding: 15px;
  overflow: hidden;
}
#post-container.sitemap #post-content.sitemap #post-menu div[class*="menu-"] {
  float: left;
  width: 50%;
  padding: 15px;
}
#post-container.sitemap #post-content.sitemap #post-menu .menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#post-container.sitemap #post-content.sitemap #post-menu .menu li {
  overflow: hidden;
  display: block;
  list-style-type: none;
  margin: 0;
}
#post-container.sitemap #post-content.sitemap #post-menu .menu li a,
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:link,
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:visited {
  display: inline-block;
  max-width: 100%;
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  background: #794121;
  padding: 0 15px;
  margin: 15px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:hover,
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:link:hover,
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:visited:hover,
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:active,
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:link:active,
#post-container.sitemap #post-content.sitemap #post-menu .menu li a:visited:active {
  text-decoration: none;
  background: #512b16;
}
#post-container.sitemap #post-content.sitemap #post-menu .menu ul {
  list-style-type: none;
  padding: 0 0 0 60px;
}
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a,
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:link,
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:visited {
  background: #a1562c;
}
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:hover,
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:link:hover,
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:visited:hover,
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:active,
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:link:active,
#post-container.sitemap #post-content.sitemap #post-menu .menu ul li a:visited:active {
  background: #794121;
}
#timeline-title {
  background: #f9bb00;
  height: 118px;
  line-height: 58px;
  padding: 30px;
}
#timeline-title h1 {
  margin: 0;
  line-height: 58px;
}
#timeline-title #timeline-scrollbar {
  position: absolute;
  left: 0;
  z-index: 5000;
  top: 118px;
  height: 10px;
  background: #a1562c;
}
#timeline-currenttime {
  position: absolute;
  -webkit-backface-visibility: hidden;
  left: 50%;
  top: 188px;
  z-index: 2500;
  height: 480px;
  margin-left: -2px;
  width: 4px;
  background: #d30000;
}
#timeline-container {
  display: block;
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  padding: 0;
  height: 550px;
  background: #555453;
}
#timeline-container #timeline {
  overflow: hidden;
  position: relative;
  height: 550px;
}
#timeline-container #timeline .timeline-picture {
  display: block;
  position: absolute;
  width: auto;
  z-index: 1000;
  top: 100px;
  height: 450px;
}
#timeline-container #timeline #timeline-highlighted {
  display: block;
  position: absolute;
  z-index: 800;
  top: 100px;
  height: 450px;
  background: rgba(198, 149, 0, 0.3);
}
#timeline-container #timeline .event-container {
  position: absolute;
  width: 270px;
  height: 550px;
}
#timeline-container #timeline .event-container.active .event-box {
  z-index: 2000;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
}
#timeline-container #timeline .event-container.active .event-box .event-description,
#timeline-container #timeline .event-container.active .event-box h3 {
  opacity: 1;
}
#timeline-container #timeline .event-container .event-box {
  position: absolute;
  cursor: pointer;
  background: #a1562c;
  width: 270px;
  height: 110px;
  padding: 10px;
  color: #ffffff;
  z-index: 1000;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#timeline-container #timeline .event-container .event-box:after {
  display: block;
  position: absolute;
  border-style: solid;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  top: 110px;
  border-color: #a1562c rgba(0, 0, 0, 0);
  border-width: 20px 20px 0 0;
}
#timeline-container #timeline .event-container .event-box:hover,
#timeline-container #timeline .event-container .event-box:active {
  z-index: 2000;
}
#timeline-container #timeline .event-container .event-box.category-1 {
  background: #ca4b14;
}
#timeline-container #timeline .event-container .event-box.category-1:after {
  border-color: #ca4b14 rgba(0, 0, 0, 0);
}
#timeline-container #timeline .event-container .event-box.category-1 .event-link {
  background: #ca4b14;
}
#timeline-container #timeline .event-container .event-box.category-2 {
  background: #a1562c;
}
#timeline-container #timeline .event-container .event-box.category-2:after {
  border-color: #a1562c rgba(0, 0, 0, 0);
}
#timeline-container #timeline .event-container .event-box.category-2 .event-link {
  background: #a1562c;
}
#timeline-container #timeline .event-container .event-box.category-3 {
  background: #c69500;
}
#timeline-container #timeline .event-container .event-box.category-3:after {
  border-color: #c69500 rgba(0, 0, 0, 0);
}
#timeline-container #timeline .event-container .event-box.category-3 .event-link {
  background: #c69500;
}
#timeline-container #timeline .event-container .event-box .event-thumbnail {
  display: block;
  float: left;
  outline: none;
  border: 2px solid #ffffff;
  height: 90px;
  width: 90px;
  background: #555453;
  margin-right: 10px;
}
#timeline-container #timeline .event-container .event-box h3 {
  font-weight: normal;
  color: #ffffff;
  opacity: 0.7;
  font-size: 18px;
  height: 30px;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#timeline-container #timeline .event-container .event-box .event-description {
  overflow: hidden;
  margin: 0;
  opacity: 0.5;
  font-size: 18px;
  line-height: 20px;
  height: 60px;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#timeline-container #timeline .event-container .event-box .event-link {
  position: absolute;
  text-decoration: none;
  text-align: center;
  right: 0;
  bottom: 0;
  color: #ffffff;
  background: #a1562c;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 38px;
  font-family: "source_sans_proregular";
}
#timeline-container #timeline #timeline-scale {
  overflow: hidden;
}
#timeline-container #timeline .timeline-year {
  float: left;
  position: relative;
  width: 360px;
  height: 550px;
}
#timeline-container #timeline .timeline-year .timeline-year-box {
  overflow: hidden;
  width: 100%;
  height: 450px;
  background: #555453;
}
#timeline-container #timeline .timeline-year .timeline-year-box [class*="row-"] {
  display: block;
  width: 100%;
  height: 150px;
  background: #555453;
}
#timeline-container #timeline .timeline-year .timeline-year-box [class*="row-"]:nth-child(2n+2) {
  background: #4b4a49;
}
#timeline-container #timeline .timeline-year .timeline-year-box [class*="row-"] [class*="month-"] {
  float: left;
  height: 100%;
  border-left: 1px solid #464544;
  border-right: 1px solid #464544;
  width: 30px;
}
#timeline-container #timeline .timeline-year .timeline-year-box [class*="row-"] [class*="month-"]:first-child {
  border-left-color: #ffffff;
}
#timeline-container #timeline .timeline-year .timeline-year-box [class*="row-"] [class*="month-"]:last-child {
  border-right-color: #ffffff;
}
#timeline-container #timeline .timeline-year .timeline-year-title {
  position: relative;
  text-align: center;
  font-weight: bold;
  width: 100%;
  font-size: 22px;
  height: 100px;
  line-height: 100px;
  background: #daa400;
  color: #000000;
}
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"] {
  float: left;
  height: 30px;
  width: 30px;
  margin-top: 70px;
}
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"]:first-of-type,
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"]:last-of-type {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"]:first-of-type {
  border-right: none;
}
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"]:first-of-type .month-line {
  border-left: none;
}
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"]:last-of-type {
  border-left: none;
}
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"]:last-of-type .month-line {
  border-right: none;
}
#timeline-container #timeline .timeline-year .timeline-year-title [class*="month-"] .month-line {
  width: 100%;
  height: 10px;
  margin-top: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
#timeline-container #timeline .timeline-year .timeline-year-title .timeline-year-number {
  position: absolute;
  display: block;
  font-weight: bold;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  z-index: 2000;
  left: -180px;
  padding: 30px 0 30px 0;
  height: 100px;
  line-height: 40px;
  font-size: 22px;
  font-family: "source_sans_proregular";
}
#timeline-container #timeline .timeline-year .timeline-year-title .timeline-year-number span {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0 20px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  background: #f9bb00;
}
#timeline-container #timeline .timeline-year:first-of-type .month-1 {
  border-left: none !important;
}
#timeline-container #timeline .timeline-year:last-of-type .month-12 {
  border-right: none !important;
}
#map {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: flat;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#map .fluss {
  stroke-width: 0;
  fill: #000080;
}
#map path {
  stroke-width: 0;
}
#map path[data-code=NIEDERSACHSEN],
#map path[data-code=SCHLESWIGHOLSTEIN],
#map path[data-code=HAMBURG],
#map path[data-code=BREMEN],
#map path[data-code=HESSEN],
#map path[data-code=NORDRHEINWESTFALEN],
#map path[data-code=SAARLAND],
#map path[data-code=BADENWUERTEMBERG],
#map path[data-code=BAYERN],
#map path[data-code=MECKLEMBURGVORPOMMERN],
#map path[data-code=BERLIN],
#map path[data-code=BRANDENBURG],
#map path[data-code=SACHSEN],
#map path[data-code=SACHSENANHALT],
#map path[data-code=THUERINGEN],
#map path[data-code=RHEINLANDPFALZ] {
  stroke-width: 0;
  fill: #bd886b;
}
#page .map-buttons {
  position: absolute;
  z-index: 8000;
  top: 0;
  right: 0;
}
#page .map-buttons .external-screen-link {
  clear: none;
  float: left;
  margin: 15px 15px 15px 0;
}
#page .map-buttons .external-screen-link a {
  background: #a1562c;
}
#tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  line-height: 1.2;
  z-index: 5000;
  margin-right: -20px;
  width: 250px;
  height: 160px;
  color: #ffffff;
  background: #ca4b14;
  padding: 15px 45px 15px 15px;
  font-size: 18px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
}
#tooltip,
#tooltip:hover {
  text-decoration: none;
}
#tooltip:before {
  display: block;
  position: absolute;
  border-style: solid;
  left: -20px;
  width: 0;
  height: 0;
  top: 0;
  content: "";
  border-color: rgba(0, 0, 0, 0) #ca4b14;
  border-width: 0 20px 20px 0;
}
#tooltip a {
  color: #f9bb00;
}
#tooltip #tooltip-close {
  display: block;
  position: absolute;
  text-align: center;
  cursor: pointer;
  top: 0;
  right: 0;
  z-index: 1500;
  font-size: 24px;
  color: #000000;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
#tooltip #tooltip-link {
  position: absolute;
  display: block;
  text-align: center;
  text-decoration: none;
  right: 0;
  bottom: 0;
  font-size: 38px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-family: "source_sans_proregular";
}
#tooltip #tooltip-link.disabled {
  display: none;
}
.jvectormap-label {
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  font-size: 14px;
  padding: 5px 15px;
  font-family: "source_sans_proregular";
}
.jvectormap-zoomin,
.jvectormap-zoomout {
  position: absolute;
  display: block;
  cursor: pointer;
  text-align: center;
  left: 15px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  font-family: "source_sans_proregular";
}
.jvectormap-zoomin {
  top: 15px;
}
.jvectormap-zoomout {
  top: 80px;
}
#tree-container {
  overflow: hidden;
  position: relative;
  height: 668px;
  width: 1024px;
  background: #555453;
}
#tree-container #tree-controls {
  z-index: 20000;
}
#tree-container #tree-controls > div {
  display: block;
  position: absolute;
  cursor: pointer;
  text-align: center;
  z-index: 20000;
  color: #ffffff;
  left: 15px;
  background: rgba(0, 0, 0, 0.6);
  height: 60px;
  line-height: 60px;
  width: 60px;
}
#tree-container #tree-controls #tree-zoom-in {
  top: 15px;
}
#tree-container #tree-controls #tree-zoom-out {
  top: 80px;
}
#tree-container #tree-controls #tree-reset {
  top: 145px;
}
#tree-container #tree {
  vertical-align: top;
  line-height: 0;
  font-size: 0;
  width: 1024px;
  height: 393.84615385px;
}
#tree-container #tree * {
  display: block;
}
#tree-container #tree svg {
  display: block;
  outline: none;
  position: absolute;
  box-sizing: content-box;
  border: 0;
  margin: 0;
  padding: 0;
  width: 1024px;
  height: 393.84615385px;
}
#navigation-preview {
  position: relative;
}
#navigation-preview #tree-preview {
  overflow: hidden;
  background: transparent;
  position: relative;
  border: none;
  width: 100%;
  height: 100%;
  background: url("img/tree-preview.jpg") center center no-repeat;
  background-size: 100% 100%;
}
#navigation-preview #tree-preview #tree-box {
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #ffffff;
  width: 260px;
  height: 169.609375px;
}
#lightbox-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10000;
  max-height: 768px;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  opacity: 0;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#lightbox-container .overlay-top {
  top: 30px;
  background: rgba(198, 149, 0, 0);
  background: -webkit-linear-gradient(top, #c69500 0%, rgba(198, 149, 0, 0) 100%);
  background: -moz-linear-gradient(top, #c69500 0%, rgba(198, 149, 0, 0) 100%);
  background: -ms-linear-gradient(top, #c69500 0%, rgba(198, 149, 0, 0) 100%);
  background: -o-linear-gradient(top, #c69500 0%, rgba(198, 149, 0, 0) 100%);
  background: linear-gradient(top, #c69500 0%, rgba(198, 149, 0, 0) 100%);
}
#lightbox-container.display {
  display: block;
}
#lightbox-container.visible {
  opacity: 1;
}
#lightbox-container #lightbox-close {
  display: block;
  position: absolute;
  text-align: center;
  cursor: pointer;
  z-index: 18000;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #a1562c url("img/icons/close.png") 15px 25px no-repeat;
  background-size: 30px 30px;
  color: #ffffff;
  font-family: "source_sans_proregular";
}
#lightbox-container #lightbox-scroller {
  position: relative;
  border: none;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  line-height: 0;
  font-size: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 10000;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
}
#lightbox-container #lightbox-scroller #lightbox {
  border: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
}
body.page-template-page-lightbox-php,
html.page-template-page-lightbox-php,
body.page-template-page-lightbox-fff-php,
html.page-template-page-lightbox-fff-php,
body.page-template-page-lightbox-werke-php,
html.page-template-page-lightbox-werke-php {
  background-color: transparent;
  width: 100%;
  height: auto;
}
body.page-template-page-lightbox-php #page,
html.page-template-page-lightbox-php #page,
body.page-template-page-lightbox-fff-php #page,
html.page-template-page-lightbox-fff-php #page,
body.page-template-page-lightbox-werke-php #page,
html.page-template-page-lightbox-werke-php #page {
  width: 100%;
  height: auto;
}
body.page-template-page-lightbox-php #page #post-container,
html.page-template-page-lightbox-php #page #post-container,
body.page-template-page-lightbox-fff-php #page #post-container,
html.page-template-page-lightbox-fff-php #page #post-container,
body.page-template-page-lightbox-werke-php #page #post-container,
html.page-template-page-lightbox-werke-php #page #post-container,
body.page-template-page-lightbox-php #page #post-content,
html.page-template-page-lightbox-php #page #post-content,
body.page-template-page-lightbox-fff-php #page #post-content,
html.page-template-page-lightbox-fff-php #page #post-content,
body.page-template-page-lightbox-werke-php #page #post-content,
html.page-template-page-lightbox-werke-php #page #post-content {
  height: auto;
}
#post-container.lightbox {
  position: relative;
  height: auto;
  padding: 90px;
  min-height: 768px;
  background: #c69500;
}
#post-container.lightbox .overlay-bottom {
  position: fixed;
  z-index: 16000;
  left: 0;
  top: 518px;
  height: 90px;
  width: 964px;
  background: #c69500;
  background: -webkit-linear-gradient(top, rgba(198, 149, 0, 0) 0%, #c69500 100%);
  background: -moz-linear-gradient(top, rgba(198, 149, 0, 0) 0%, #c69500 100%);
  background: -ms-linear-gradient(top, rgba(198, 149, 0, 0) 0%, #c69500 100%);
  background: -o-linear-gradient(top, rgba(198, 149, 0, 0) 0%, #c69500 100%);
  background: linear-gradient(top, rgba(198, 149, 0, 0) 0%, #c69500 100%);
}
#post-container.lightbox.fff {
  background: #f9bb00;
}
#post-container.lightbox.fff #post-picture {
  float: none;
  height: auto;
  width: auto;
  width: 100%;
  margin-bottom: 60px;
}
#post-container.lightbox.fff #post-picture img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
  border: 2px solid #ffffff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
#post-container.lightbox.fff .overlay-bottom {
  background: #f9bb00;
  background: -webkit-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: -moz-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: -ms-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: -o-linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
  background: linear-gradient(top, rgba(249, 187, 0, 0) 0%, #f9bb00 100%);
}
#post-container.lightbox.fff #post-content h3 {
  margin-bottom: 15px;
}
#post-container.lightbox.fff #post-content h4 {
  margin-bottom: 30px;
}
#post-container.lightbox.werke {
  background: #ca4b14;
}
#post-container.lightbox.werke .overlay-bottom {
  background: #ca4b14;
  background: -webkit-linear-gradient(top, rgba(202, 75, 20, 0) 0%, #ca4b14 100%);
  background: -moz-linear-gradient(top, rgba(202, 75, 20, 0) 0%, #ca4b14 100%);
  background: -ms-linear-gradient(top, rgba(202, 75, 20, 0) 0%, #ca4b14 100%);
  background: -o-linear-gradient(top, rgba(202, 75, 20, 0) 0%, #ca4b14 100%);
  background: linear-gradient(top, rgba(202, 75, 20, 0) 0%, #ca4b14 100%);
}
#post-container.lightbox.werke #post-content {
  font-size: 28px;
  color: #ffffff;
  font-family: "source_sans_prolight";
}
#post-container.lightbox.werke #post-content #post-title {
  font-weight: normal;
  font-style: normal;
  color: #ffffff;
  font-size: 40px;
  font-family: "source_sans_prolight";
}
#post-container.lightbox.galerie {
  padding: 0;
  width: 1024px;
  height: 768px;
  background: #ca4b14;
}
#post-container.lightbox.galerie .overlay-bottom {
  display: none;
}
#post-container.lightbox.galerie #post-content,
#post-container.lightbox.galerie #post-content #slider-container,
#post-container.lightbox.galerie #post-content #slider,
#post-container.lightbox.galerie #post-content #slider .slidesjs-container .slidesjs-control {
  height: 768px;
  width: 1024px;
}
#post-container.lightbox.galerie #post-content .slidesjs-slide,
#post-container.lightbox.galerie #post-content #slider-container .slidesjs-slide,
#post-container.lightbox.galerie #post-content #slider .slidesjs-slide,
#post-container.lightbox.galerie #post-content #slider .slidesjs-container .slidesjs-control .slidesjs-slide {
  padding: 0;
}
#post-container.lightbox.galerie #post-content .slidesjs-slide,
#post-container.lightbox.galerie #post-content #slider-container .slidesjs-slide,
#post-container.lightbox.galerie #post-content #slider .slidesjs-slide,
#post-container.lightbox.galerie #post-content #slider .slidesjs-container .slidesjs-control .slidesjs-slide,
#post-container.lightbox.galerie #post-content .slidesjs-slide img,
#post-container.lightbox.galerie #post-content #slider-container .slidesjs-slide img,
#post-container.lightbox.galerie #post-content #slider .slidesjs-slide img,
#post-container.lightbox.galerie #post-content #slider .slidesjs-container .slidesjs-control .slidesjs-slide img {
  border: none;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
}
#post-container.lightbox.pdf {
  padding: 0;
  height: 768px;
}
#post-container.lightbox.pdf #post-content {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: 768px;
}
#post-container.lightbox.pdf #post-content object {
  display: block;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  width: 1024px;
  height: 1500px;
}
#post-container.lightbox #post-content {
  font-size: 26px;
  padding: 0;
}
#post-container.lightbox #post-content #post-title {
  font-style: italic;
  font-weight: normal;
  color: #ffffff;
  padding: 0;
  margin: 0 0 60px 0;
}
#post-container.lightbox #post-content #post-subtitle {
  padding: 0;
}
#post-container.lightbox #post-content img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  border: 2px solid #ffffff;
  margin: 0 auto;
  padding: 0;
  margin-bottom: 60px;
  margin-top: 60px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
#post-container.lightbox #post-content img.alignleft {
  float: left;
  margin: 0 30px 30px 0;
  display: inline;
}
#post-container.lightbox #post-content img.alignright {
  float: right;
  margin: 0 0 30px 30px;
  display: inline;
}
#post-container.lightbox #post-content .wp-caption {
  float: left;
  margin: 5px 30px 15px 0;
  display: inline;
}
#post-container.lightbox #post-content .wp-caption.alignright {
  float: right;
  margin: 5px 0 15px 30px;
}
#post-container.lightbox #post-content .wp-caption.aligncenter {
  float: none;
  margin: 5px auto 15px auto;
  display: block;
}
#post-container.lightbox #post-content .wp-caption.aligncenter img {
  margin: 0 auto !important;
}
#post-container.lightbox #post-content .wp-caption img {
  margin: 0;
}
#post-container.lightbox #post-content .wp-caption .wp-caption-text {
  text-align: left;
  font-family: "source_sans_proregular";
  font-size: 20px;
  margin: 10px 5px 0 5px;
}
#post-container.lightbox #post-content h1 {
  font-family: "source_sans_prolight";
  font-size: 50px;
  color: #ffffff;
  font-weight: lighter;
}
#post-container.lightbox #post-content h2 {
  font-family: "source_sans_prolight";
  font-size: 40px;
  color: #ffffff;
  font-weight: lighter;
}
#post-container.lightbox #post-content h3 {
  font-weight: bold;
  font-size: 40px;
  color: #000000;
}
#post-container.lightbox #post-content h4 {
  font-family: "source_sans_prolight";
  font-size: 26px;
  color: #000000;
  font-weight: lighter;
}
#post-container.lightbox #post-content h5 {
  font-weight: bold;
  font-style: italic;
  font-size: 40px;
  color: #000000;
}
#post-container.lightbox #post-content p {
  padding: 0;
  margin: 0 0 30px 0;
}
#post-container.lightbox #post-content blockquote {
  display: inline;
  font-style: italic;
  color: #993300;
  font-family: "Georgia";
}
#post-container.lightbox #post-content blockquote p {
  font-style: italic;
}
#post-container.lightbox #post-content *:last-child {
  margin-bottom: 0;
}
#post-container.lightbox .overlay-bottom {
  display: none;
}
#intro-container {
  background: #ca4b14;
  background-image: url('img/intro.jpg');
  background-size: 1024px 768px;
  position: relative;
  height: 668px;
  width: 1024px;
}
#intro-container.yellow {
  background: #f9bb00;
}
.intro-block {
  position: absolute;
  background: #f9bb00;
  border: 2px solid #ffffff;
}
.intro-block a {
  display: table-cell;
  vertical-align: middle;
}
.intro-block a div.intro-text {
  display: block;
  text-align: center;
  width: 100%;
  color: #a1562c;
  font-family: "Georgia";
  font-size: 30px;
  font-weight: bolder;
  line-height: 1.2em;
}
.intro-block a div.intro-text .intro-subtitle {
  margin-top: 10px;
  color: #000000;
  font-size: 20px;
  font-style: italic;
  font-weight: normal;
  line-height: 1.2em;
  display: inline-block;
}
.intro-block a:hover {
  text-decoration: none;
}
.topic-block {
  display: block;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 50%;
  top: 0;
}
.topic-block a {
  display: block;
  height: 100%;
  width: 100%;
}
.topic-block#intro-busch {
  left: 0;
  background-image: url("img/thema/busch.png");
}
.topic-block#intro-maxmoritz {
  left: 50%;
  background-image: url("img/thema/maxmoritz.png");
}
#intro-maintitle {
  top: 23px;
  left: 0;
  width: 1024px;
  height: 50px;
  position: absolute;
  text-align: center;
  color: #ffffff;
  font-family: "source_sans_prolight";
  font-size: 28px;
}
#intro-fff {
  top: 90px;
  left: 145px;
  width: 190px;
  height: 265px;
}
#intro-fff a {
  height: 265px;
  width: 190px;
}
#intro-timeline {
  top: 453px;
  left: 121px;
  width: 222px;
  height: 143px;
}
#intro-timeline a {
  height: 143px;
  width: 222px;
}
#intro-map {
  top: 104px;
  left: 640px;
  width: 250px;
  height: 185px;
}
#intro-map a {
  height: 185px;
  width: 250px;
}
#intro-tree {
  top: 350px;
  left: 670px;
  width: 185px;
  height: 245px;
}
#intro-tree a {
  height: 245px;
  width: 185px;
}
#intro-timeline-pfarrhaus {
  top: 264px;
  left: 664px;
  width: 222px;
  height: 143px;
}
#intro-timeline-pfarrhaus a {
  height: 143px;
  width: 222px;
}
#intro-pfarrhaus {
  top: 264px;
  left: 131px;
  width: 222px;
  height: 143px;
}
#intro-pfarrhaus a {
  height: 143px;
  width: 222px;
}
#slideshow {
  position: relative;
  width: 1024px;
  height: 768px;
}
#slideshow img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-transition: all 2.5s ease 0s;
  -webkit-transition: all 2.5s ease 0s;
  -o-transition: all 2.5s ease 0s;
  -ms-transition: all 2.5s ease 0s;
  transition: all 2.5s ease 0s;
}
#slideshow img.visible {
  opacity: 1;
}
#slideshow.external {
  width: 100%;
  height: 100%;
}
#intro-help {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 13000;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#intro-help.visible {
  height: 100%;
}