/*------------------------------------*\
    INHALT
\*------------------------------------*/
/*
 * HELPERS................................
 * BASE................................... Typografie etc.
 * PATTERNS....,.......................... Buttons etc.
 * COMPONENTS............................. Artikel ETC.
 * ADS....................................
 */
/* ------------------------------------*\
 * Helpers
 */
.paragraph-image-text, footer[role=contentinfo], .teaser-group,
.issue-teaser, .full-teaser {
  *zoom: 1;
}
.paragraph-image-text:before, footer[role=contentinfo]:before, .teaser-group:before,
.issue-teaser:before, .full-teaser:before, .paragraph-image-text:after, footer[role=contentinfo]:after, .teaser-group:after,
.issue-teaser:after, .full-teaser:after {
  content: " ";
  display: table;
}
.paragraph-image-text:after, footer[role=contentinfo]:after, .teaser-group:after,
.issue-teaser:after, .full-teaser:after {
  clear: both;
}

article ul a,
article ol a, article p a,
article p a:link,
article ul a:link,
article ol a:link {
  color: black;
  text-decoration: underline;
}
article ul a:hover,
article ol a:hover, article p a:hover {
  text-decoration: none;
}

article ul,
article ol, footer .soulcial,
header .soulcial, .pane-menu-menu-footer-navigation nav ul {
  margin: 0;
  padding: 0;
}

.headline-article .headline,
.headline-article span[itemprop=name] {
  font-family: Georgia, serif;
  font-weight: normal;
  line-height: 1.1em;
}

/* ------------------------------------*\
 * Base
 */
body {
  color: black;
  font-family: Georgia, serif;
  font-size: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
  text-rendering: optimizeLegibility;
}

article ul li,
article ol li {
  line-height: 1.7em;
  margin-bottom: 10px;
}
article ul {
  padding-left: 10px;
}
article ul li {
  list-style-type: disc;
}
article ol {
  padding-left: 20px;
}
article p {
  line-height: 1.8em;
  margin: 0 0 20px;
}
article p a,
article p a:link,
article ul a,
article ul a:link, article ol a,
article ol a:link {
  text-decoration: underline;
}
article p a:hover,
article p a:link:hover,
article ul a:hover,
article ul a:link:hover, article ol a:hover,
article ol a:link:hover {
  text-decoration: none;
}

a, a:link {
  color: black;
}

a:hover {
  text-decoration: none;
}

a:active,
a:focus {
  outline: none;
}

a.elf-external.elf-icon {
  background: 0;
  padding-right: 0;
}

body {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANXr179z4gsBhLQ1tZmhAvCBECKwILIAmBBdAGQIADnhROEVAAipgAAAABJRU5ErkJggg==) repeat;
}

.main-content {
  background: white;
  margin-bottom: 0;
}

/* ------------------------------------*\
 * Base - Patterns
 */
.external-button {
  background: #e30828;
  color: white;
  display: inline-block;
  font-family: Georgia, serif;
  font-size: 1.5em;
  text-align: center;
  -moz-transition: background, 0.3s;
  -o-transition: background, 0.3s;
  -webkit-transition: background, 0.3s;
  transition: background, 0.3s;
  padding: 10px 20px;
  width: 300px;
}
.external-button a {
  color: white;
}
.external-button a {
  color: white;
  display: block;
}
.external-button a:hover {
  text-decoration: none;
}
.external-button:hover {
  background: #eb5268;
  cursor: pointer;
}

/* images */
.image-big > .copyright,
.image-medium > .copyright,
.image-small > .copyright {
  color: #b5b5b5;
  font-size: 0.875em;
  padding: 0;
}
.image-big > .copyright:before,
.image-medium > .copyright:before,
.image-small > .copyright:before {
  content: 'Foto: ';
  margin-right: 5px;
}

.image-medium,
.image-big {
  font-size: 0.875em;
  margin: 0 auto 20px;
  width: 460px;
}

.image-small {
  float: left;
  padding: 5px 20px 20px 0;
}

.paragraph-image-text ul, .paragraph-image-text ol {
  padding-left: 285px;
}

.icon-close {
  background: url('../images/icons-sdebdcba90e.png') 0 -275px no-repeat;
  text-indent: -999em;
  display: block;
  width: 36px;
  height: 35px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.icon-close:hover {
  background-position: 0 -140px;
}
.icon-close a {
  display: block;
  padding: 6px;
}

footer .soulcial li,
header .soulcial li {
  display: inline-block;
  padding: 10px;
}
footer .soulcial li a,
header .soulcial li a {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: block;
}
footer .facebook a,
header .facebook a {
  background: url('../images/icons-sdebdcba90e.png') 25px -518px no-repeat white;
  text-indent: -999em;
  display: block;
}
footer .facebook a:hover,
header .facebook a:hover {
  background: url('../images/icons-sdebdcba90e.png') 25px -393px no-repeat #e30828;
  text-indent: -999em;
  display: block;
}
footer .google a,
header .google a {
  background: url('../images/icons-sdebdcba90e.png') 18px -770px no-repeat white;
  text-indent: -999em;
  display: block;
}
footer .google a:hover,
header .google a:hover {
  background: url('../images/icons-sdebdcba90e.png') 18px -642px no-repeat #e30828;
  text-indent: -999em;
  display: block;
}

header .soulcial {
  left: 760px;
  position: absolute;
  top: 35px;
}

footer .soulcial {
  text-align: center;
}

/* @Booklet
----------------------------------------*/
.booklet {
  width: 800px;
  height: 600px;
  position: relative;
  margin: 0 auto 10px;
  background-color: #f2f2f2;
}

.booklet .b-page {
  left: 0;
  top: 0;
  position: absolute;
  overflow: hidden;
  padding: 0;
}

/*.booklet .b-load  {display:none;}*/
/* Page Wrappers */
.booklet .b-wrap {
  top: 0;
  position: absolute;
  background-color: transparent;
}

DIV[class="b-page b-page-0 b-p1"] .b-wrap {
  z-index: 50;
}

DIV[class="b-page b-page-25 b-p2"] .b-wrap {
  z-index: 50;
}

.booklet .b-wrap-left {
  background: #fff;
}

.booklet .b-wrap-right {
  background: #efefef;
}

.booklet .b-pN .b-wrap,
.booklet .b-p1 .b-wrap,
.booklet .b-p2 .b-wrap,
.booklet .b-p3 .b-wrap,
.booklet .b-p4 .b-wrap {
  left: 0;
  padding: 0 !important;
}

.booklet .b-p0 .b-wrap {
  right: 0;
}

/* Custom Page Types */
.booklet .b-page-blank {
  padding: 0;
  width: 100%;
  height: 100%;
}

.booklet .b-page-cover {
  padding: 0;
  width: 100%;
  height: 100%;
  background: #925C0E;
}

.booklet .b-page-cover h3 {
  color: #fff;
}

/* Page Numbers */
.booklet .b-counter {
  bottom: 10px;
  position: absolute;
  display: block;
  width: 25px;
  height: 20px;
  background: #ccc;
  color: #444;
  text-align: center;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10px;
  padding: 5px 0 0;
}

.booklet .b-wrap-left .b-counter {
  left: 10px;
}

.booklet .b-wrap-right .b-counter {
  right: 10px;
}

/* Page Shadows */
.booklet .b-shadow-f {
  right: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  background-image: url("../images/shadow-top-forward.png");
  background-repeat: repeat-y;
  background-position: 100% 0;
}

.booklet .b-shadow-b {
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  background-image: url("../images/shadow-top-back.png");
  background-repeat: repeat-y;
  background-position: 0 0;
}

.booklet .b-p0 {
  background-image: url("../../images/shadow.png");
  background-repeat: repeat-y;
  background-position: 100% 10px;
}

.booklet .b-p3 {
  background-image: url("../../images/shadow.png");
  background-repeat: repeat-y;
  background-position: 0 10px;
}

/* Overlay Controls */
.booklet .b-overlay {
  top: 0;
  position: absolute;
  height: 100%;
  width: 50%;
}

.booklet .b-overlay-prev {
  left: 0;
}

.booklet .b-overlay-next {
  right: 0;
}

/* Tab Controls */
.booklet .b-tab {
  background: #000;
  height: 40px;
  width: 100%;
  padding: 10px 0 0;
  text-align: center;
  color: #ccc;
  position: absolute;
  font-size: 11px;
}

.booklet .b-tab-prev {
  left: 0;
}

.booklet .b-tab-next {
  right: 0;
}

.booklet .b-tab:hover {
  background: #aaa;
  color: #000;
}

/* Arrow Controls */
.booklet .b-arrow {
  display: block;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  height: 100%;
  width: 74px;
}

.booklet .b-arrow div {
  display: none;
  text-indent: -9999px;
  height: 170px;
  width: 74px;
  position: absolute;
  left: 0;
  top: 25%;
}

.booklet .b-arrow-next {
  right: -80px;
}

.booklet .b-arrow-prev {
  left: -80px;
}

.booklet .b-arrow-next div {
  background: url("../images/arrow-next.png") no-repeat left top;
}

.booklet .b-arrow-prev div {
  background: url("../images/arrow-prev.png") no-repeat left top;
}

/* @z-index fix (needed for older IE browsers)
----------------------------------------*/
body {
  z-index: 0;
}

.b-menu {
  z-index: 100;
}

.b-selector {
  z-index: 100;
}

.booklet {
  z-index: 10;
}

.b-pN {
  z-index: 10;
}

.b-p0 {
  z-index: 10;
}

.b-p1 {
  z-index: 10;
}

.b-p2 {
  z-index: 10;
}

.b-p3 {
  z-index: 10;
}

.b-p4 {
  z-index: 10;
}

.b-prev {
  z-index: 40;
}

.b-next {
  z-index: 40;
}

.b-counter {
  z-index: 40;
}

/* @Menu Items
----------------------------------------*/
.b-menu {
  height: 40px;
  padding: 0 0 10px;
}

.b-selector {
  height: 40px;
  position: relative;
  float: right;
  border: none;
  color: #cecece;
  cursor: pointer;
}

.b-selector .b-current {
  padding: 8px 15px 12px;
  line-height: 20px;
  min-width: 18px;
  height: 20px;
  display: block;
  background: #000;
  text-align: center;
}

.b-selector-page {
  width: auto;
  margin-left: 15px;
}

.b-selector-chapter {
  width: auto;
}

.b-selector:hover {
  color: #fff;
  background-position: left 0px;
}

.b-selector:hover .b-current {
  background-position: right 0px;
}

.b-selector ul {
  overflow: hidden;
  margin: 0;
  list-style: none !important;
  position: absolute;
  top: 40px;
  right: 0;
  padding: 0 0 10px;
  background: #000;
  width: 240px;
  font: normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.b-selector li {
  border: none;
}

.b-selector a {
  color: #cecece;
  height: 14px;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
}

.b-selector a .b-text {
  float: left;
  clear: none;
}

.b-selector a .b-num {
  float: right;
  clear: none;
}

.b-selector a:hover {
  color: #fff;
}

span.reference {
  font-family: Arial;
  display: block;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

span.reference a {
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0px 20px;
}

span.reference a:hover {
  color: #ddd;
}

/* Booklet jQuery Plugin Style*/
.booklet {
  border: 1px solid #e4e4e4;
}

.booklet .b-wrap-left {
  background: #fff url(../../images/left_bg.jpg) no-repeat top left;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.booklet .b-wrap-right {
  background: #efefef url(../../images/right_bg.jpg) no-repeat top left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.booklet .b-counter {
  bottom: 10px;
  position: absolute;
  display: none;
  width: 90%;
  height: 20px;
  border-top: 1px solid #ddd;
  color: #222;
  text-align: center;
  font-size: 12px;
  padding: 5px 0 0;
  background: transparent;
  box-shadow: 0 -1px 1px #fff;
  opacity: 0.8;
}

.book_wrapper {
  box-sizing: content-box;
  margin: 0 auto;
  width: 860px;
  height: auto;
  position: relative;
}

.book_wrapper h1 {
  color: #13386a;
  margin: 5px 5px 5px 15px;
  font-size: 26px;
  background: transparent url(../../images/h1.png) no-repeat bottom left;
  padding-bottom: 7px;
}

.book_wrapper p {
  font-size: 16px;
  margin: 5px 5px 5px 15px;
}

.book_wrapper a.article,
.book_wrapper a.demo {
  background: transparent url(../../images/circle.png) no-repeat 50% 0px;
  display: block;
  width: 95px;
  height: 41px;
  text-decoration: none;
  outline: none;
  font-size: 16px;
  color: #555;
  float: left;
  line-height: 41px;
  padding-left: 47px;
}

.book_wrapper a.demo {
  margin-left: 50px;
}

.book_wrapper a.article:hover,
.book_wrapper a.demo:hover {
  background-position: 50% -41px;
  color: #13386a;
}

.b-wrap-right {
  width: auto;
}

.b-wrap-left {
  padding: 10px 0 10px 27px !important;
}

.book_wrapper img {
  width: auto;
}

.booklet .b-wrap-right img {
  /*border:1px solid #E6E3C2;*/
}

a#next_page_button,
a#prev_page_button {
  display: none;
  position: absolute;
  width: 430px;
  height: 562px;
  cursor: pointer;
  background-color: #ffffff;
  opacity: 0;
}

a#prev_page_button {
  z-index: 13000;
  left: 0;
}

a#next_page_button {
  background-position: -41px -40px;
  z-index: 13000;
  right: 0;
}

a#next_page_button:hover {
  background-position: -41px 0px;
}

a#prev_page_button:hover {
  background-position: 0px 0px;
}

.loading {
  width: 160px;
  height: 56px;
  position: absolute;
  top: 50%;
  margin-top: -28px;
  right: 135px;
  line-height: 56px;
  color: #fff;
  padding-left: 60px;
  font-size: 15px;
  background: #000 url(../../images/ajax-loader.gif) no-repeat 10px 50%;
  opacity: 0.7;
  z-index: 9999;
  border-radius: 20px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* ------------------------------------*\
 * Components
 */
.page-404-fehler {
  text-align: center;
}

.story {
  background: white;
  margin: -160px 0 40px;
  padding: 50px 30px;
  position: relative;
}
.story .intro {
  font-weight: bold;
}

.headline-article {
  margin-bottom: 30px;
}
.headline-article .kicker {
  display: block;
  font-family: Georgia, serif;
  font-size: 1.25em;
  letter-spacing: .01em;
  margin-bottom: 10px;
}
.headline-article .headline,
.headline-article span[itemprop=name] {
  font-size: 2em;
}

.intro {
  margin: 0 auto 30px;
}

.zwiti {
  font-size: 1.5em;
  font-family: Georgia, serif;
  letter-spacing: .01em;
  margin: 10px 0;
}

.paragraph-image-text {
  margin-bottom: 20px;
}

.issue-teaser {
  margin: -135px 20px 0;
  position: relative;
  z-index: 3;
}
.issue-teaser .image {
  background-color: white;
  display: inline-block;
  margin: 0 20px 20px;
  padding: 20px;
  width: 340px;
}
.issue-teaser .image img {
  box-shadow: 0 0 5px #888;
  margin-bottom: 20px;
  opacity: 1;
}
.issue-teaser .issue-teaser-inner {
  display: inline-block;
  max-width: 470px;
  vertical-align: top;
  width: auto;
}
.issue-teaser .issue-teaser-inner .external-button {
  border: 0;
  margin: 40px 20px 65px 0;
  width: auto;
}

footer[role=contentinfo] {
  background: white;
  margin: 0 10px;
  padding-bottom: 40px;
}
footer[role=contentinfo]:before {
  content: "Folgen Sie uns:";
  font-family: Georgia, serif;
  font-size: 1.125em;
  letter-spacing: .02em;
  margin: 40px auto 20px;
}

.header-image {
  background-color: black;
  background-image: url("../images/header-image.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 590px;
  margin: 0 auto;
}

header[role=banner] {
  background: transparent;
  color: white;
  font-family: Georgia, serif;
  font-size: 1.25em;
  font-weight: bold;
  height: 590px;
  padding-top: 320px;
  position: relative;
  text-align: center;
}
header[role=banner] .site-logo {
  display: block;
  height: 142px;
  left: 50%;
  margin: -100px 0 35px -122px;
  position: absolute;
  top: 50%;
  width: 247px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .header-image {
    min-width: 960px;
  }
}
.teaser-group,
.issue-teaser {
  border-bottom: 3px double #b5b5b5;
}
.teaser-group:after,
.issue-teaser:after {
  background: url('../images/icons-sdebdcba90e.png') 20px 0 no-repeat white;
  text-indent: -999em;
  display: block;
  width: 75px;
  height: 40px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
.teaser-group .headline-article,
.issue-teaser .headline-article {
  margin-bottom: 10px;
}
.teaser-group .headline-article .kicker,
.issue-teaser .headline-article .kicker {
  margin-bottom: 0;
}
.teaser-group ul,
.issue-teaser ul {
  padding-left: 1em;
}
.teaser-group li,
.issue-teaser li {
  list-style-type: disc;
  padding-bottom: 10px;
}

.teaser-group {
  margin: 0 20px;
  padding: 60px 0 20px;
}
.teaser-group:after {
  top: 40px;
}

.teaser-intro {
  margin-bottom: 30px;
}

.issue-teaser:after {
  top: 20px;
}

.view-mode-link-wrapper:last-of-type {
  margin-bottom: 0;
}
.view-mode-link-wrapper img {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  margin-bottom: 20px;
  opacity: 1;
}
.view-mode-link-wrapper:hover img {
  opacity: .9;
}

.issue-teaser a > .headline-article .kicker,
.issue-teaser a > .headline-article .headline,
.issue-teaser a > .headline-article .intro,
.full-teaser a > .headline-article .kicker,
.full-teaser a > .headline-article .headline,
.full-teaser a > .headline-article .intro {
  -moz-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  -webkit-transition: color, 0.3s;
  transition: color, 0.3s;
  color: black;
}
.issue-teaser a > .headline-article .headline,
.issue-teaser a > .headline-article .kicker,
.full-teaser a > .headline-article .headline,
.full-teaser a > .headline-article .kicker {
  text-decoration: none;
}
.issue-teaser a > .headline-article:hover .headline, .issue-teaser a > .headline-article:hover .kicker,
.full-teaser a > .headline-article:hover .headline,
.full-teaser a > .headline-article:hover .kicker {
  color: #4c4c4c;
  text-decoration: none;
}

.pane-menu-menu-footer-navigation {
  margin-top: 20px;
}
.pane-menu-menu-footer-navigation nav {
  text-align: center;
}
.pane-menu-menu-footer-navigation nav li {
  display: inline-block;
  margin: 0 10px;
}
.pane-menu-menu-footer-navigation nav li a {
  -moz-transition: color, 0.3s;
  -o-transition: color, 0.3s;
  -webkit-transition: color, 0.3s;
  transition: color, 0.3s;
  color: black;
  font-family: Georgia, serif;
  font-size: 1.125em;
  font-weight: normal;
  letter-spacing: .02em;
}
.pane-menu-menu-footer-navigation nav li a:hover {
  color: #4c4c4c;
}

.node-type-static-page .headline-article {
  width: 95%;
}

/* ------------------------------------*\
 * View-Modes
 */
.full-teaser {
  margin-bottom: 60px;
}
.full-teaser .teaser-image,
.full-teaser .teaser-inner {
  display: inline-block;
  width: 49%;
}
.full-teaser .teaser-inner {
  vertical-align: top;
}
.full-teaser .headline-article {
  margin-bottom: 10px;
}

.full-teaser.odd > .teaser-image {
  float: right;
  text-align: right;
}

.full-teaser.even > .teaser-inner {
  float: right;
}

/*# sourceMappingURL=pmm-style.css.map */