@font-face {
font-family: "p22_cezanne_proregular";
src: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/font/p22cezannepro-webfont.eot);
src: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/font/p22cezannepro-webfont.eot?#iefix) format("embedded-opentype"), url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/font/p22cezannepro-webfont.woff) format("woff"), url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/font/p22cezannepro-webfont.ttf) format("truetype"), url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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: 900px;
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: 60px;
}
article.external-screen-b #external-title {
position: absolute;
overflow: visible;
padding: 0;
right: 900px;
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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-start.png);
}
#post-help.fff {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-fff.png);
}
#post-help.map {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-map.png);
}
#post-help.timeline {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-timeline.png);
}
#post-help.tree {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-tree.png);
}
#post-help.sitemap {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-content.png);
}
#post-help.intro {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-intro.png);
}
#post-help.blog {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-blog.png);
}
#post-help.places {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-places.png);
}
#post-help.pfarrhaus {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/hilfe/hilfe-places.png);
}
#post-help.thema {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/icons/start.png);
background-size: 141px 30px;
background-repeat: no-repeat;
background-position: center center;
}
nav #navigation-help > a {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/icons/help.png);
background-size: 15px 29px;
background-repeat: no-repeat;
background-position: center center;
}
nav #navigation-history > a {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/icons/back.png);
background-size: 50px 50px;
background-repeat: no-repeat;
background-position: center center;
}
nav #navigation-content > a {
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/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(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/thema/busch_halb_l.png);
}
.topic-block#intro-expo {
left: 50%;
background-image: url(//2026.mstation.admx.net/wp-content/themes/mstation-2026/img/thema/expo_halb_r.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%;
}