/* CSS Document */
/* font families */
/* colors */
/* font sizes */
/* */
* {
  margin: 0px;
  padding: 0px;
  font-family: "pt-serif-regular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  outline-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  transition: background linear 0.2s, opacity linear 0.2s, margin linear 0.3s, color linear 0.2s, border-color linear 0.2s;
  list-style: none;
}
*:after,
*:before {
  font-family: "icon";
  display: inline-block;
}
html {
  height: 100%;
}
body {
  min-height: 100%;
  font-size: 100%;
  background-color: #FFFFFF;
}
body > button {
  display: none;
  border: none;
  padding: 7px 15px;
  z-index: 2100;
  position: fixed;
  top: 0px;
  right: 0px;
  background: none;
}
body > button span {
  display: none;
}
body > button:before {
  content: "\e61e";
  font-size: 34px;
  color: #FFFFFF;
}
strong {
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
hr {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0px 20px 0px 20px;
  height: 1px;
  border: none;
  background-color: #000000;
  margin: 15px auto 15px auto;
  padding: 0px;
}
header {
  position: relative;
  padding: 90px 0px 20px 0px;
}
header h1 {
  text-align: center;
  margin: 40px 0px 40px 0px;
}
header h1 img {
  width: 70%;
  max-width: 700px;
  min-width: 280px;
}
header h1 img.mobile {
  display: none;
}
header h1 * {
  font-family: "source-serif-bold", Times, serif;
  color: #000000;
  text-transform: uppercase;
  font-size: 75px;
}
header h2 {
  text-align: center;
  margin: -10px 0px 30px 0px;
}
header h2 * {
  color: #000000;
  font-size: 29px;
}
header nav {
  background-color: #000000;
  margin: 0px 0px 0px 0px;
}
header nav > div {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0px 20px 0px 20px;
}
header nav#main {
  margin: 0px -15px 30px -15px;
  border-bottom: 15px solid #ee6738;
  position: fixed;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 2000;
}
header nav#sub {
  border-bottom: 20px solid #FFFFFF;
}
header div#imgContent {
  background-color: #eaeaea;
}
header div#imgContent div {
  width: 100%;
  padding-top: 40%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
}
header div#imgContent div ul li {
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding-top: 41.6%;
  opacity: 0;
}
header div#imgContent div ul li.active,
header div#imgContent div ul li:first-child {
  opacity: 1;
}
header form#searchForm {
  position: absolute;
  top: 12px;
  left: 20px;
  padding: 0px 30px 0px 0px;
}
header form#searchForm * {
  vertical-align: middle;
}
header form#searchForm input {
  border: none;
  background-color: #cccccc;
  padding: 2px 3px 2px 5px;
  text-transform: uppercase;
  font-size: 14px;
}
header form#searchForm button {
  position: absolute;
  right: 0px;
  top: 1px;
  padding: 0px;
  background-color: #000000;
  border: none;
  cursor: pointer;
}
header form#searchForm button:before {
  content: "\e816";
  color: #FFFFFF;
  font-size: 20px;
}
header form#searchForm:hover input {
  background-color: #eaeaea;
}
main {
  min-height: 200px;
  display: block;
  overflow: auto;
  padding: 20px 0px 20px 0px;
}
main h1 {
  font-size: 24px;
  font-family: "pt-sans-narrow-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  text-transform: uppercase;
  margin-bottom: 16px;
}
main h2 {
  font-family: "pt-sans-narrow-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
}
main h3 {
  font-size: 16px;
  font-family: "pt-sans-narrow-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
main h3,
main p {
  margin-bottom: 15px;
}
main h4 {
  font-size: 16px;
  font-family: "pt-sans-narrow-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
main a {
  color: #cd1f1e;
}
main div.text ul,
main .reader ul,
main div.text ol,
main .reader ol {
  margin: 0px 0px 16px 30px;
}
main div.text ul li,
main .reader ul li,
main div.text ol li,
main .reader ol li {
  list-style: disc;
  margin-bottom: 5px;
}
main ul.pageImages {
  margin-left: 0px;
}
main ul.pageImages li {
  list-style: none;
  display: inline-block;
  padding: 0px 5px 0px 0px;
  box-sizing: border-box;
}
main ul.pageImages li:last-child {
  padding: 0px 0px 0px 0px;
}
main ul.pageImages li figure {
  position: relative;
}
main ul.pageImages li figure img {
  display: block;
}
main ul.pageImages li figure span {
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px 5px 10px;
  font-size: 12px;
  background-color: #cccccc;
  color: #000000;
  opacity: 0.8;
}
footer {
  margin: 0px 0px 0px 0px;
  background-color: #ee6738;
  clear: both;
  padding: 20px 20px 20px 20px;
  overflow: auto;
}
footer .footerText,
footer .footerNaviParent {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0px 20px 0px 20px;
  clear: both;
  overflow: auto;
}
footer .footerText *,
footer .footerNaviParent * {
  color: #FFFFFF;
  font-size: 14px;
}
footer .footerText h1,
footer .footerNaviParent h1 {
  font-size: 16px;
  text-transform: uppercase;
}
footer .footerText h1,
footer .footerNaviParent h1,
footer .footerText p,
footer .footerNaviParent p {
  margin-bottom: 10px;
}
footer .footerText {
  text-align: center;
}
footer .footerText hr {
  background-color: #FFFFFF;
  margin: 30px 0px 30px 0px;
}
div.privacywire-wrapper {
  z-index: 100000;
}
div.privacywire-page-wrapper * {
  font-size: 14px;
}
div.privacywire-page-wrapper p,
div.privacywire-page-wrapper ul {
  margin-bottom: 1rem;
}
div.privacywire-page-wrapper ul {
  list-style: none;
  margin-left: 2rem;
}
div.privacywire-page-wrapper input[type="checkbox"] {
  margin-right: 0.5rem;
}
div.privacywire-page-wrapper > div {
  left: 5rem;
  right: 5rem;
}
@media only screen and (max-width: 720px) {
  div.privacywire-page-wrapper > div {
    left: 0;
    right: 0;
  }
}
div.privacywire-page-wrapper button {
  background-color: #035691;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  font-weight: bold;
  display: inline-block;
  width: auto;
  margin: 0 0.5rem 0.5rem 0;
}
@media only screen and (max-width: 720px) {
  div.privacywire-page-wrapper button {
    display: block;
    width: 100%;
    margin: 0 0 0.5rem;
  }
}
button.button.privacywire-show-options {
  color: white;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
/* CSS Document */
ul.newsList li span.title,
ul.newsList li span.title a {
  font-size: 18px;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  color: #000000;
}
ul.newsList li:hover {
  background-color: #cccccc !important;
}
ul.newsList.news.preview li {
  background-color: #eaeaea;
  margin-bottom: 10px;
  padding: 10px 10px 10px 20px;
}
ul.newsList.news.preview li span.date {
  display: none;
}
ul.newsList.news.preview li span.full {
  display: none;
}
ul.newsList.event.preview {
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.newsList.event.preview li {
  background-color: #eaeaea;
  position: relative;
  padding: 10px 10px 10px 60px;
  box-sizing: border-box;
  min-height: 40px;
  width: 48%;
  margin: 0 0 2%;
}
ul.newsList.event.preview li span {
  display: block;
}
ul.newsList.event.preview li span.full {
  display: none;
}
ul.newsList.event.preview li span.date {
  display: block;
  text-align: center;
  background-color: #000000;
  font-size: 20px;
  color: #FFFFFF;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
ul.newsList.event.preview li span.date span.day {
  font-size: 22px;
  display: block;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
ul.newsList.event.preview li span.date span.month {
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  margin-top: -7px;
}
ul.newsList.event.preview li span.date span.year {
  display: none;
}
ul.newsList.event.preview li span.title,
ul.newsList.event.preview li span.title * {
  font-size: 16px;
  color: #000000;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
ul.newsList.event.preview li span.teaser {
  font-size: 14px;
}
ul.newsList.event.preview li:last-child {
  border: none;
}
ul.newsList.slider li {
  width: 33.3%;
  box-sizing: border-box;
  padding: 5px 15px 5px 5px;
}
ul.newsList.slider li span {
  display: block;
  text-transform: uppercase;
}
ul.newsList.slider li span.day,
ul.newsList.slider li span.month,
ul.newsList.slider li span.year {
  display: none;
}
ul.newsList.slider li a {
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
}
.maxWidth {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0px 20px 0px 20px;
}
.row {
  overflow: auto;
  clear: both;
  position: relative;
}
.overview {
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
}
.rounded {
  border-radius: 8px;
}
.bottomRounded {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.topRounded {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.leftRounded {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rightRounded {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.bgWhite {
  overflow: auto;
  clear: both;
}
.bgWhite:first-child {
  margin-top: 10px;
}
.bgColored {
  background-color: #eaeaea;
  overflow: auto;
  clear: both;
}
.bgGradientTransparentToLightGrey {
  background: -moz-linear-gradient(rgba(222, 236, 229, 0) 0%, rgba(222, 236, 229, 0.6) 100%);
  background: -webkit-linear-gradient(rgba(222, 236, 229, 0) 0%, rgba(222, 236, 229, 0.6) 100%);
  background: -webkit-gradient(linear, 222, 236, 229 100%, from(rgba(222, 236, 229, 0)), to(rgba(222, 236, 229, 0.6)));
  background: -o-linear-gradient(rgba(222, 236, 229, 0) 0%, rgba(222, 236, 229, 0.6) 100%);
  background: linear-gradient(rgba(222, 236, 229, 0) 0%, rgba(222, 236, 229, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00deece5', endColorstr='#deece5', GradientType=0);
  /* IE6-9 */
}
.bgGradientTransparentToLightGreen {
  background: -moz-linear-gradient(rgba(114, 186, 160, 0) 0%, rgba(114, 186, 160, 0.6) 100%);
  background: -webkit-linear-gradient(rgba(114, 186, 160, 0) 0%, rgba(114, 186, 160, 0.6) 100%);
  background: -webkit-gradient(linear, 114, 186, 160 100%, from(rgba(114, 186, 160, 0)), to(rgba(114, 186, 160, 0.6)));
  background: -o-linear-gradient(rgba(114, 186, 160, 0) 0%, rgba(114, 186, 160, 0.6) 100%);
  background: linear-gradient(rgba(114, 186, 160, 0) 0%, rgba(114, 186, 160, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072baa0', endColorstr='#72baa0', GradientType=0);
  /* IE6-9 */
}
/* big day date, small month*/
.dateDayMonth {
  display: block;
  text-align: center;
  background-color: #000000;
  font-size: 20px;
  color: #FFFFFF;
  box-sizing: border-box;
}
.dateDayMonth span.day {
  font-size: 22px;
  display: block;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.dateDayMonth span.month {
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  margin-top: -7px;
}
.dateDayMonth span.year {
  display: none;
}
.roundedHeadline {
  border-radius: 8px;
  text-transform: uppercase;
  padding: 5px 15px 5px 15px;
  border: 1px solid #FFFFFF;
  display: inline-block;
}
.startPageHeadline {
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-size: 24px;
}
a.readMore.button {
  padding: 5px 20px 5px 20px;
  border-radius: 8px;
  display: inline-block;
  color: #FFFFFF;
}
ul.pageList {
  margin-left: 0px;
  margin-left: 0px!important;
}
ul.pageList li {
  list-style-type: none!important;
}
ul.pageList li a {
  display: block;
  padding: 10px 10px 10px 20px;
  background-color: #eaeaea;
  color: #000000;
  margin: 0px 0px 10px 0px;
}
ul.pageList li a:hover {
  background-color: #cccccc;
}
ul.pageList li a span {
  display: inline-block;
  margin: 0px 10px 0px 0px;
}
ul.pageList li a span:after {
  content: "|";
  padding-left: 10px;
}
ul.pageList li a span:last-child:after {
  content: "";
}
a.pageDownload {
  display: block;
  padding-left: 30px;
  position: relative;
}
a.pageDownload:before {
  content: "\e93b";
  position: absolute;
  left: 0px;
  top: 0px;
}
.widget {
  margin: 0px 0px 30px 0px;
  clear: both;
}
.widget img {
  width: 100%;
}
.buttonLink {
  display: inline-block;
  padding: 20px;
  background-color: #ee6738;
  color: #FFFFFF;
  text-transform: uppercase;
  margin: 0px 10px 10px 0px;
}
.align_center {
  text-align: center;
}
div#releasesOverview ul.slider li {
  width: 17%;
  padding-right: 1.6%;
  box-sizing: border-box;
}
div#releasesOverview ul.slider li figure {
  display: block;
  position: relative;
  background-color: #eaeaea;
  padding-top: 150%;
}
div#releasesOverview ul.slider li figure img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
ul#mobileNavi {
  display: none;
  position: absolute;
  top: 60px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 2200;
  padding-top: 0px;
  background-color: rgba(0, 0, 0, 0.9);
}
ul#mobileNavi li {
  border-bottom: 1px solid #ee6738;
  position: relative;
}
ul#mobileNavi li a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #FFFFFF;
}
ul#mobileNavi li a span {
  font-family: "pt-sans-narrow-regular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
  text-transform: uppercase;
}
ul#mobileNavi li.active,
ul#mobileNavi li:hover {
  background-color: #eaeaea;
}
ul#mobileNavi li.active a,
ul#mobileNavi li:hover a {
  color: #000000;
}
ul#mobileNavi li span.switch {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 60px;
}
ul#mobileNavi li span.switch:after {
  content: "\e927";
  position: absolute;
  top: 10px;
  right: 20px;
  color: #ee6738;
}
ul#mobileNavi li ul {
  border-top: 1px solid #cccccc;
  display: none;
}
ul#mainNaviLeft,
ul#mainNaviRight {
  min-height: 45px;
}
ul#mainNaviLeft li,
ul#mainNaviRight li {
  display: inline-block;
  background-color: #000000;
  margin: 0px 0px 0px 0px;
  position: relative;
  /* icons */
  /* reader */
  /* reader */
}
ul#mainNaviLeft li a,
ul#mainNaviRight li a {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  padding: 13px 15px 12px 15px;
}
ul#mainNaviLeft li a span,
ul#mainNaviRight li a span {
  color: #FFFFFF;
  font-size: 14px;
  font-family: "pt-sans-narrow-regular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
ul#mainNaviLeft li a:before,
ul#mainNaviRight li a:before {
  font-size: 20px;
  position: absolute;
  left: 15px;
  top: 12px;
}
ul#mainNaviLeft li.active,
ul#mainNaviRight li.active,
ul#mainNaviLeft li:hover,
ul#mainNaviRight li:hover {
  background-color: #ee6738;
}
ul#mainNaviLeft li.teilen > a,
ul#mainNaviRight li.teilen > a {
  padding-left: 40px;
}
ul#mainNaviLeft li.teilen > a:before,
ul#mainNaviRight li.teilen > a:before {
  content: "\e906";
}
ul#mainNaviLeft li.suche a,
ul#mainNaviRight li.suche a {
  padding-left: 0px;
}
ul#mainNaviLeft li.suche a:before,
ul#mainNaviRight li.suche a:before {
  content: "\e816";
}
ul#mainNaviLeft li.toc a span,
ul#mainNaviRight li.toc a span {
  display: none;
}
ul#mainNaviLeft li.toc a:before,
ul#mainNaviRight li.toc a:before {
  content: "\e913";
}
ul#mainNaviLeft li.previous a span,
ul#mainNaviRight li.previous a span {
  display: none;
}
ul#mainNaviLeft li.previous a:before,
ul#mainNaviRight li.previous a:before {
  content: "\e608";
}
ul#mainNaviLeft li.home a span,
ul#mainNaviRight li.home a span {
  display: none;
}
ul#mainNaviLeft li.home a:before,
ul#mainNaviRight li.home a:before {
  content: "\e931";
}
ul#mainNaviLeft li.next a span,
ul#mainNaviRight li.next a span {
  display: none;
}
ul#mainNaviLeft li.next a:before,
ul#mainNaviRight li.next a:before {
  content: "\e609";
}
ul#mainNaviLeft li:hover ul,
ul#mainNaviRight li:hover ul {
  visibility: visible;
  opacity: 1;
}
ul#mainNaviLeft li ul,
ul#mainNaviRight li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 46px;
  border-top: 15px solid #ee6738;
}
ul#mainNaviLeft li ul li,
ul#mainNaviRight li ul li {
  background-color: #666666;
  border-top: 1px solid #FFFFFF;
  display: inline-block;
}
ul#mainNaviLeft li ul li a,
ul#mainNaviRight li ul li a {
  width: 70px;
  padding: 8px 15px 7px 45px;
  text-align: left;
}
ul#mainNaviLeft li ul li.facebook a,
ul#mainNaviRight li ul li.facebook a {
  background-color: #035691;
}
ul#mainNaviLeft li ul li.facebook a:before,
ul#mainNaviRight li ul li.facebook a:before {
  content: "\e617";
  top: 8px;
}
ul#mainNaviLeft li ul li.twitter a,
ul#mainNaviRight li ul li.twitter a {
  background-color: #00a9f0;
}
ul#mainNaviLeft li ul li.twitter a:before,
ul#mainNaviRight li ul li.twitter a:before {
  content: "\e902";
  top: 8px;
}
ul#mainNaviLeft li ul li.google a:before,
ul#mainNaviRight li ul li.google a:before {
  content: "\e91f";
  top: 8px;
}
ul#mainNaviLeft {
  float: left;
}
ul#mainNaviRight {
  float: right;
}
ul#subNavi {
  text-align: center;
  z-index: 1100;
  position: relative;
}
ul#subNavi > li {
  display: inline-block;
}
ul#subNavi > li a {
  display: inline-block;
  padding: 10px 20px 10px 20px;
  color: #FFFFFF;
  text-transform: uppercase;
}
ul#subNavi > li a span {
  font-family: "pt-sans-narrow-regular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
ul#subNavi > li.active {
  background-color: #ee6738 !important;
}
ul#subNavi > li:hover {
  background-color: #666666;
}
ul#subNavi > li ul {
  position: absolute;
  background-color: #ee6738;
  top: 40px;
  left: 0px;
  right: 0px;
  z-index: 1009;
  visibility: hidden;
  opacity: 0;
}
ul#subNavi > li ul > li {
  display: inline-block;
}
ul#subNavi > li ul > li a {
  display: inline-block;
  padding: 10px 20px 10px 20px;
  color: #FFFFFF;
  text-transform: uppercase;
}
ul#subNavi > li ul > li ul {
  display: none;
}
ul#subNavi > li ul > li.active a span,
ul#subNavi > li ul > li:hover a span {
  color: #000000;
}
ul#subNavi > li.active {
  background-color: #cccccc;
}
ul#subNavi > li.active ul {
  visibility: visible;
  opacity: 1;
}
#breadCrumbs {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0px 20px 0px 20px;
  padding: 5px 0px 5px 20px;
}
#breadCrumbs li {
  display: inline-block;
}
#breadCrumbs li a {
  font-size: 12px;
}
#breadCrumbs li a:after {
  content: "\e609";
  font-size: 10px;
  vertical-align: middle;
  margin: 0px 3px 0px 3px;
}
#breadCrumbs li:last-child a:after {
  content: "";
}
div.footerNavi {
  float: left;
  margin: 0px 100px 50px 0px;
}
div.footerNavi ul li:hover a,
div.footerNavi ul li.active a {
  color: #000000;
  text-decoration: underline;
}
ul.quicklinks {
  margin-bottom: 50px;
  overflow: auto;
}
ul.quicklinks li {
  display: inline-block;
}
ul.quicklinks li a {
  display: inline-block;
  background-color: #eaeaea;
  border: 10px solid #eaeaea;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  color: #666666;
  font-size: 24px;
  text-transform: uppercase;
}
ul.quicklinks li a:hover {
  color: #000000;
  border-color: #ee6738;
}
/* news slider */
.sliderParent {
  overflow: hidden;
  position: relative;
}
.sliderNavi {
  position: absolute;
  top: 10px;
  right: 15px;
}
.sliderNavi button {
  cursor: pointer;
  background: none;
  border: none;
  line-height: 16px;
  padding: 0px 2px 0px 2px;
}
.sliderNavi button:before {
  color: #000000;
  font-size: 18px;
  vertical-align: middle;
}
.sliderNavi button.next:before {
  content: "\e609";
}
.sliderNavi button.prev:before {
  content: "\e608";
}
.sliderNavi button:first-child {
  border-right: 1px solid #000000;
}
.sliderNavi button.inactive:before {
  color: #cccccc;
}
/* CSS Document */
/* formular */
form#datenschutzOK fieldset {
  border: 1px solid #CCCCCC;
  padding: 10px 20px;
  margin-bottom: 20px;
}
form#datenschutzOK span {
  display: block;
  margin-bottom: 10px;
}
form.mailFormGen {
  background-color: #eaeaea;
  padding: 0px 20px 20px 20px;
  overflow: auto;
  margin: 0px 0px 20px 0px;
}
form.mailFormGen fieldset {
  border: none;
  padding: 0px;
  margin: 0px 0px 20px 0px;
  clear: left;
  display: block;
}
form.mailFormGen fieldset legend {
  display: block;
  color: #FFFFFF;
  background-color: #ee6738;
  padding: 10px 10px 8px 20px;
  font-size: 18px;
  margin: 0px -20px 20px -20px;
  text-transform: uppercase;
  width: 101%;
}
form.mailFormGen fieldset legend span {
  display: block;
  color: #FFFFFF;
  margin: 10px 0px 0px 0px;
}
form.mailFormGen fieldset div {
  float: left;
  margin: 0px 2% 10px 0px;
  width: 98%;
}
form.mailFormGen fieldset div.w50 {
  width: 48%;
}
form.mailFormGen fieldset div.w30 {
  width: 28%;
}
form.mailFormGen fieldset div.w70 {
  width: 68%;
}
form.mailFormGen fieldset label,
form.mailFormGen fieldset span.checkboxHeader {
  display: block;
  margin: 0px 0px 3px 0px;
  font-size: 14px;
}
form.mailFormGen fieldset input,
form.mailFormGen fieldset textarea,
form.mailFormGen fieldset select {
  background-color: #FFFFFF;
  border: 1px solid #666666;
  padding: 5px;
  margin: 0px;
  box-sizing: border-box;
  color: #000000;
  width: 100%;
  border-radius: 0px;
}
form.mailFormGen fieldset input.error,
form.mailFormGen fieldset textarea.error,
form.mailFormGen fieldset select.error {
  background-image: url(../images/error_bg.png);
}
form.mailFormGen fieldset input.error option,
form.mailFormGen fieldset textarea.error option,
form.mailFormGen fieldset select.error option {
  background-image: url(../images/error_bg.png);
}
form.mailFormGen fieldset textarea {
  height: 150px;
}
form.mailFormGen fieldset select * {
  color: #000000 !important;
}
form.mailFormGen fieldset input[type=checkbox] {
  width: auto;
  float: none!important;
}
form.mailFormGen fieldset ul.checkboxList {
  list-style: none;
  margin-left: 0px;
  overflow: auto;
}
form.mailFormGen fieldset ul.checkboxList li {
  padding: 3px 5px 3px 5px;
  margin: 0px 5px 5px 0px;
}
form.mailFormGen fieldset ul.checkboxList li label {
  color: #000000;
}
form.mailFormGen fieldset ul.checkboxList li input {
  margin: 0px 5px 0px 0px;
  vertical-align: middle;
}
form.mailFormGen fieldset textarea.selectText {
  height: 50px;
}
form.mailFormGen fieldset button {
  background-color: #cd1f1e;
  color: #FFFFFF;
  border: none;
  padding: 5px 50px 5px 50px;
}
/* CSS Document */
ul.socialFollowList {
  margin-bottom: 10px;
  overflow: auto;
}
ul.socialFollowList li {
  margin-top: 0px;
}
ul.socialFollowList li a {
  display: block;
  text-align: center;
  background-color: #cccccc;
  text-transform: uppercase;
  padding: 8px;
  color: #FFFFFF;
}
ul.socialFollowList li a:hover {
  background-color: #ee6738 !important;
}
ul.socialFollowList li.facebook a {
  background-color: #035691;
}
ul.socialFollowList li.google a {
  background-color: #db4e41;
}
ul.socialFollowList li.twitter a {
  background-color: #00a9f0;
}
ul.socialFollowList li.youtube a {
  background-color: #cd1f1e;
}
ul.socialShareList {
  background-color: #eaeaea;
  padding: 10px;
}
ul.socialShareList li {
  display: inline-block;
  width: 49%;
  margin-left: 1%;
}
ul.socialShareList li a {
  position: relative;
  color: #FFFFFF;
  padding: 5px 10px 5px 30px;
  display: block;
}
ul.socialShareList li a:before {
  font-size: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
}
ul.socialShareList li.facebook a {
  background-color: #035691;
}
ul.socialShareList li.facebook a:before {
  content: "\e617";
}
ul.socialShareList li.google a {
  background-color: #db4e41;
}
ul.socialShareList li.twitter a {
  background-color: #00a9f0;
}
ul.socialShareList li.twitter a:before {
  content: "\e902";
}
ul.socialShareList li.youtube a {
  background-color: #cd1f1e;
}
/* CSS Document */
body.reader {
  /**/
}
body.reader a.df-ui-btn.df-ui-download.ti-download {
  display: none!important;
}
body.reader header {
  padding-bottom: 0;
}
body.reader header h1 {
  position: absolute;
  top: -25px;
  left: 0px;
  width: 100%;
  margin: auto;
}
body.reader header h1 img {
  width: 180px;
  min-width: auto!important;
}
body.reader nav {
  margin-bottom: 0!important;
}
body.reader main {
  padding-top: 0;
}
body.reader ul#mainNaviLeft li a:before,
body.reader ul#mainNaviRight li a:before {
  position: static;
}
body.reader ul#mainNaviLeft li:hover,
body.reader ul#mainNaviRight li:hover {
  background: none;
}
body.reader ul#mainNaviLeft li:hover a:before,
body.reader ul#mainNaviRight li:hover a:before {
  color: #ee6738;
}
body.reader ul#mainNaviLeft li.toc a,
body.reader ul#mainNaviRight li.toc a {
  display: block;
}
body.reader ul#mainNaviLeft li.home,
body.reader ul#mainNaviRight li.home {
  background-color: #ee6738;
}
body.reader.ausgabe ul#mainNaviRight li.previous,
body.reader.ausgabe ul#mainNaviRight li.next,
body.reader.ausgabe ul#mainNaviRight li.home {
  display: none;
}
body.reader p.author {
  font-size: 14px;
}
body.reader div#overview {
  position: absolute;
  left: 0px;
  top: -16px;
  width: 100%;
  min-height: 100%;
  overflow: visible;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1999;
  box-sizing: border-box;
}
body.reader div#overview.active {
  visibility: visible;
  opacity: 1;
}
body.reader div#overview.active > div {
  left: 0;
}
body.reader div#overview > div {
  position: relative;
  left: -33vw;
  box-sizing: border-box;
  min-height: 100%;
  max-width: 33vw;
  display: inline-block;
  background-color: #FFFFFF;
  padding: 100px 30px 30px 30px;
  transition: left linear 0.3s;
}
body.reader div#overview > div h1 {
  margin-bottom: 0px;
}
body.reader div#overview > div h2 {
  font-family: "pt-serif-regular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  text-transform: uppercase;
  margin-bottom: 30px;
}
body.reader div#overview > div p {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
body.reader div#overview > div strong {
  display: block;
}
body.reader div#overview > div figure {
  overflow: auto;
  margin-bottom: 30px;
}
body.reader div#overview > div figure img {
  width: 50%;
}
body.reader div#overview > div figure figcaption {
  margin-left: 10px;
  display: inline;
}
body.reader div#overview > div button {
  background: none;
  border: none;
  position: absolute;
  top: 100px;
  right: 20px;
}
body.reader ul#articleList {
  margin-left: 0px;
}
body.reader ul#articleList li {
  list-style: none;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #666666;
}
body.reader ul#articleList li a {
  display: block;
  color: #000000;
  font-size: 14px;
}
body.reader ul#articleList li a:hover,
body.reader ul#articleList li a.active {
  color: #ee6738;
}
body.reader section.ausgabe {
  text-align: center;
}
body.reader section.ausgabe figure {
  margin: auto;
  max-width: 800px;
}
body.reader section.ausgabe figure img {
  width: 100%;
}
body.reader section.article {
  position: static;
}
body.reader section.article ul#articleList {
  z-index: 3000;
  box-sizing: border-box;
  width: 33vw;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -33vw;
  background-color: #FFFFFF;
  border-right: 15px solid #ee6738;
  padding: 30px;
  transition: left linear 0.3s;
}
body.reader section.article ul#articleList.active {
  left: 0vw;
}
body.reader section.article ul#articleList li {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #cccccc;
}
body.reader article {
  margin: 50px 0px 0px 0px;
}
body.reader article td img {
  margin-right: 15px;
}
body.reader article ul {
  margin-left: 20px;
  list-style-type: disk;
  list-style: disk;
}
body.reader article ul li {
  list-style-type: disk;
}
body.reader article aside {
  background-color: #eaeaea;
  padding: 10px;
  margin: 0px 0px 20px 0px;
}
body.reader article aside img {
  width: 100%;
}
body.reader article aside h3 {
  font-size: 18px;
  text-transform: uppercase;
}
body.reader div#articleImages {
  position: relative;
  padding-top: 50px;
}
body.reader div#articleImages .sliderNavi {
  right: 0px;
}
body.reader #shopLink {
  background-color: #eaeaea;
  color: #000000;
  padding: 30px 30px 10px 30px;
  margin: 50px 0px 0px 0px;
}
body.reader #shopLink h2 {
  font-size: 24px;
  font-weight: bold;
}
body.reader #shopLink * {
  text-transform: uppercase;
  text-align: center;
  font-family: "pt-sans-narrow-regular", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
body.reader #shopLink a {
  display: inline-block;
  width: 180px;
  background-color: #000000;
  color: #FFFFFF;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
}
body.reader #shopLink a:hover {
  background-color: #ee6738;
}
@media only screen and (max-width: 900px) {
  body.reader div#overview.active {
    visibility: visible;
    opacity: 1;
  }
  body.reader div#overview.active > div {
    left: 0;
  }
  body.reader div#overview > div {
    max-width: 100vw;
    width: 100vw;
    left: -100vw;
  }
}
div.shop {
  margin: 0px auto 20px auto;
  overflow: auto;
}
div.shop div.col.span_1_of_4:nth-child(4n+1) {
  margin-left: 0px;
}
div.shop > div {
  background-color: #FFFFFF;
  overflow: auto;
  padding: 0px 0px 10px 0px;
}
div.shop > div span.price {
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
  font-size: 1.2em;
}
div.shop > div a.icon-cart,
div.shop > div span.icon-cart {
  float: right;
  font-size: 20px;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  box-sizing: border-box;
  padding-top: 5px;
  color: #000000;
  transition: all 0.2s;
}
div.shop > div a.icon-cart:before,
div.shop > div span.icon-cart:before {
  content: "\e61d";
}
div.shop > div a.icon-cart:hover {
  background-color: #ee6738;
  color: #FFFFFF;
}
div.shop > div span.icon-cart {
  opacity: 0.3;
  color: #000000;
}
div.shop figure {
  width: 100%;
  padding-bottom: 150%;
  position: relative;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
div.shop figure img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: block;
}
div.shop div.text {
  margin: 10px 0px ;
}
div.shop h4 {
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
div.shop p span {
  display: block;
  color: #000000;
  font-family: pt_serifregular;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.shop p span.version {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  background-color: #eaeaea;
  padding: 3px 5px 3px 5px;
}
div.cart,
div.userData {
  margin: 0px 0px 20px 0px;
}
table.shopTable {
  width: 100%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  margin: 0px 0px 20px 0px;
}
table.shopTable th,
table.shopTable td {
  padding: 10px 20px 10px 20px;
  text-align: left;
  vertical-align: top;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  position: relative;
  white-space: nowrap;
}
table.shopTable th {
  background-color: #FFFFFF;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
table.shopTable th *,
table.shopTable td h3 {
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
table.shopTable tr:nth-child(even) td {
  background-color: #eaeaea;
}
div.shop button {
  background-color: #ee6738;
  color: #FFFFFF;
  text-transform: uppercase;
  border: none;
  padding: 15px 50px 15px 50px;
  width: 300px;
}
div.shop .proceed {
  float: right;
}
table.shopTable td.image {
  width: 200px;
}
table.shopTable td.image figure img {
  width: 100%;
}
table.shopTable td.image a {
  color: #000000;
  font-size: 10px;
  position: absolute;
  top: 10px;
  left: 20px;
  display: block;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  z-index: 1000;
}
table.shopTable td.count {
  width: 100px;
}
table.shopTable td.count input {
  width: 40px;
  height: 28px;
  padding: 3px;
  vertical-align: top;
  box-sizing: border-box;
  border: none;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
table.shopTable td.count button {
  background-color: #cccccc;
  color: #000000;
  font-size: 1.2em;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: 26px!important;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  cursor: pointer;
  padding: 0px;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
table.shopTable td.currency {
  text-align: right;
}
table.shopTable td.totalsum,
table.shopTable td.totalsum span {
  color: #ee6738;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
table.shopTable td.sum {
  width: 80px;
}
table.shopTable td.error {
  background-color: #F4494C !important;
}
table.shopTable.userData tr td {
  width: auto;
}
table.shopTable.userData tr td input {
  padding: 5px;
}
table.shopTable.userData tr th {
  width: 100px!important;
  font-family: "pt-serif-bold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
table.shopTable.userData tr th label {
  text-transform: uppercase;
}
table.shopTable.userData tr td input {
  width: 95%;
}
table.shopTable.paymentOptions tr td {
  width: auto;
}
table.shopTable.paymentOptions tr th {
  width: 50px!important;
  text-align: center;
  vertical-align: middle;
}
div.summary div {
  padding-bottom: 0px;
}
div.summary table.shopTable {
  margin-bottom: 0px;
}
a#showCart {
  position: absolute;
  top: 25px;
  right: 25px;
}
/* CSS Document */
@media only screen and (max-width: 720px) {
  body > button {
    display: block;
  }
  header h1 {
    margin: 20px 0px 20px 0px;
  }
  header h1 img.desktop {
    display: none;
  }
  header h1 img.mobile {
    display: inline-block;
  }
  header nav#main #mainNaviRight {
    display: none;
  }
  header nav#main #mainNaviLeft a span {
    display: none;
  }
  header nav#sub {
    display: none;
  }
  header form#searchForm {
    left: 80px;
  }
  footer form#newsletterSubscribeForm {
    margin: -20px 0px 30px 0px;
    position: static;
  }
  ul.newsList.slider li {
    width: 50%;
  }
  div#releasesOverview ul.slider li {
    width: 33.3%;
  }
}
@media only screen and (max-width: 500px) {
  ul.newsList.slider li {
    width: 100%;
  }
  div#releasesOverview ul.slider li {
    width: 50%;
  }
  .span_1_of_4:nth-child(even) {
    margin-left: 0%!important;
  }
}
div.social-media-posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.social-media-posts article {
  width: 31%;
  margin: 0 0 2%;
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  margin-bottom: 2.5%;
}
@media only screen and (max-width: 768px) {
  div.social-media-posts article {
    width: 31%;
  }
}
@media only screen and (max-width: 420px) {
  div.social-media-posts article {
    width: 100%;
  }
}
div.social-media-posts article::before {
  position: absolute;
  right: 0;
  bottom: 0.5rem;
  font-size: 20px;
}
div.social-media-posts article a {
  display: block;
}
div.social-media-posts article a,
div.social-media-posts article a * {
  color: black;
}
div.social-media-posts article a img {
  width: 100%;
  height: auto;
  display: block;
}
div.social-media-posts article div.text {
  padding: 2rem 1rem;
}
div.social-media-posts article div.text * {
  color: black;
}
div.social-media-posts article h3,
div.social-media-posts article p {
  font-size: 0.9rem;
}