/* =================================================== */
/* ++++++++++++++++++++  Farben  ++++++++++++++++++++ */
/* ================================================= */


#SP-title .SP-title-inner {
  background-color: #ff0000;
  color: #FFFFFF;
}
.SP-anchors li a i,
.SP-anchor-up a span i,
.SP-barrier-note a,
.SP-box .SP-download a,
.SP-box .SP-link a,
.SP-box-warning .SP-glance .SP-box-head,
.SP-button-search,
.SP-button-search:focus > span,
.SP-calendarSheet td a,
.SP-contact [class|=SPi],
.SP-content-special-social h2,
.SP-cont-accessibility .SP-link a,
.SP-cont-contact div[itemprop="name"] a i,
.SP-cont-contact dl dd[itemprop="url"] a i,
.SP-download i,
.SP-feed-twitter ul li a,
.SP-link i,
.SP-paging .SP-paging-pages ol li a,
.SP-paging-below .SP-paging-next i,
.SP-paging-below .SP-paging-previous i,
.SP-snip-labellinks .SP-download a .SP-kicker,
.SP-snip-labellinks .SP-link a .SP-kicker,
.SP-teaser h2,
.SP-teaser .SP-teaser-more:before,
.SP-teaser-gallery .SP-teaser-more i,
.SP-text a,
.SPmod-events-detail h1,
.SPmod-events-teaser .SP-teaser-text h3,
#SP-functions .SP-header-text,
#SP-nav-dynamic .tease a .SP-teaser-more:before,
#SP-nav-dynamic ul ul li.lastOpenNode li.leaf.active > a,
#SP-nav-dynamic ul ul li.lastOpenNode li.leaf.active > strong,
#SP-nav-main li li:before,
#SP-nav-main ul ul li a,
#SP-nav-main-second .SP-nav-menu li li li.path > a,
#SP-nav-main-second .lastOpenNode ul li.active > a,
#SP-nav-search-facets dd a,
#SP-search-result .SP-cont-teaserlist li h2 {
  color: #;
}


/* =================================================== */
/* +++++++++++++  Spezifischer CSS-Code  ++++++++++++ */
/* ================================================= */

@font-face {
    font-family: 'futura_ndbook';
    src: url('../medien/fonts/funbk___-webfont.eot');
    src: url('../medien/fonts/funbk___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../medien/fonts/funbk___-webfont.woff2') format('woff2'),
         url('../medien/fonts/funbk___-webfont.woff') format('woff'),
         url('../medien/fonts/funbk___-webfont.ttf') format('truetype'),
         url('../medien/fonts/funbk___-webfont.svg#futura_ndbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futura_ndbook_oblique';
    src: url('../medien/fonts/funbkita-webfont.eot');
    src: url('../medien/fonts/funbkita-webfont.eot?#iefix') format('embedded-opentype'),
         url('../medien/fonts/funbkita-webfont.woff2') format('woff2'),
         url('../medien/fonts/funbkita-webfont.woff') format('woff'),
         url('../medien/fonts/funbkita-webfont.ttf') format('truetype'),
         url('../medien/fonts/funbkita-webfont.svg#futura_ndbook_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futura_ndmedium_oblique';
    src: url('../medien/fonts/funmdi__-webfont.eot');
    src: url('../medien/fonts/funmdi__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../medien/fonts/funmdi__-webfont.woff2') format('woff2'),
         url('../medien/fonts/funmdi__-webfont.woff') format('woff'),
         url('../medien/fonts/funmdi__-webfont.ttf') format('truetype'),
         url('../medien/fonts/funmdi__-webfont.svg#futura_ndmedium_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futura_ndmedium';
    src: url('../medien/fonts/funmed__-webfont.eot');
    src: url('../medien/fonts/funmed__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../medien/fonts/funmed__-webfont.woff2') format('woff2'),
         url('../medien/fonts/funmed__-webfont.woff') format('woff'),
         url('../medien/fonts/funmed__-webfont.ttf') format('truetype'),
         url('../medien/fonts/funmed__-webfont.svg#futura_ndmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* =================================================== */
/* ++++++++++++++++++++  Verhalten  ++++++++++++++++++++ */
/* ================================================= */

* {
    box-sizing: border-box;
}


/* =================================================== */
/* ++++++++++++++++++++  Farben  ++++++++++++++++++++ */
/* ================================================= */

#SP-title .SP-title-inner {
  background-color: #000;
  color: #fff;
  font-size: 1.7143em;
  font-style: normal;
  font-weight: normal;
}

#SP-header-wrapper, body {
  background-color: #FFFFFF;
}

/* ### Illustration */
#SP-illu-wrapper,
#SP-slider-wrapper,
#SP-footer-wrapper {
  background-color: #FFFFFF;
}

.SP-accordion .SP-toggle-wrapper h2 {
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
.SP-accordion .SP-toggle-wrapper .SP-toggle-content {
  border-bottom: 1px solid #000000;
  overflow: auto;
}
.SP-accordion .SP-toggle-wrapper {
  border-color: #000000;
}

#SP-nav-dynamic ul li.active > a,
#SP-nav-dynamic ul li.active > strong {
  background-color: #FFFFFF;
}
.SP-asset .SP-asset-caption i,
.SP-accordion .SP-toggle-wrapper h2 i {
  color: #FF0000;
}

.SP-link, .SP-download {
  border-bottom: 1px solid #000000;
}


/**
 *  Footer 
 */

#SP-footer-inner .SP-grid-4 .SP-grid-col .SP-snip {
  margin-bottom: 1.2858em;
  word-wrap: break-word;
}
#SP-footer .SP-snip-head {
    font-size: 1.2143em;
    line-height: 1.2942;
    margin-bottom: 0.5883em;
}
#SP-footer .SP-snip-head {
    font-weight: 700;
    margin-bottom: 1rem;
}

#SP-footer-wrapper {
  background-color: #000000;
  color: #FFFFFF;
}
#SP-footer-wrapper a {
  color: #FFFFFF;
}
#SP-footer-inner .SP-snip a {
  text-decoration: underline;
}

@media all AND (min-width: 768px) {
  /**
   *  Grid 
   */

  .SP-grid-4.SP-grid-gutter > .SP-grid-col {
    width: 48.2906%;
  }
  .SP-grid-4.SP-grid-gutter > .SP-grid-col:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media all AND (min-width: 990px) {
  /**
   *  Grid 
   */

  #SP-footer-inner .SP-grid-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-flow: row wrap;
  }

  @supports (display: grid) {
    #SP-footer-inner .SP-grid-4{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 x 1 fraction */
      grid-row-gap: 2rem;
      grid-column-gap: 2.0921%;
    }
  }
  #SP-footer-inner .SP-grid-4 .SP-grid-col{
    grid-column: auto / span 1;
    margin-left: 0;
    width: auto;
  }
}

.SP-microsite #SP-footer-inner .SP-text table tbody,
.SP-microsite #SP-footer-inner .SP-text table th,
.SP-microsite #SP-footer-inner .SP-text table tr,
.SP-microsite #SP-footer-inner .SP-text table tr:nth-child(2n) {
  background-color: transparent;
}

.SP-microsite #SP-footer-inner table,
.SP-microsite #SP-footer-inner .SP-text table td, 
.SP-microsite #SP-footer-inner .SP-text table th {
  border: none;
}
.SP-microsite #SP-footer-inner .SP-text table td, 
.SP-microsite #SP-footer-inner .SP-text table th {
  padding: 0.125em 0;
}

.SP-box {
  background-color: #FFFFFF;
  border: 0px;
}

.SP-tabs.SP-scripted .SP-anchors ul {
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

.SP-tabs.SP-scripted .SP-anchors li,
.SP-tabs.SP-scripted .SP-anchors li.active {
  background-color: #FFFFFF;
  border-color: #000000;
}
.SP-tabs.SP-scripted .SP-anchors li {

}
.SP-tabs.SP-scripted .SP-anchors li.active {
  border-bottom: 1px solid #FFFFFF;
}

.SP-tabs .SP-text table tr, .SP-tabs .SP-text table tr:nth-child(2n) {
  background-color: #FFFFFF;
}

@media all AND (min-width: 768px) {
  #SP-nav-main-second .SP-nav-menu > li:first-child > a {
    border-top: 1px solid #FF0000;
  }

  #SP-nav-main-second .SP-nav-menu > li:first-child.active > a {
    border-top: 1px solid #FF0000;
  }

  .SP-microsite #SP-nav-main-second .SP-nav-menu > li.path > a {
	background-color: #FFFFFF;
  }

  .SP-microsite #SP-nav-main-second .SP-nav-menu li li a {
	background-color: #FFFFFF;
  }

  #SP-nav-main-second .SP-nav-menu a,
  #SP-nav-main-second .SP-nav-compact .lastOpenNode ul a {
	background-color: #FFFFFF;
	border-color: #FF0000;
  }
  .SP-microsite #SP-nav-main-second .SP-nav-menu > li > ul > li.active > a,
  #SP-nav-main-second .SP-nav-menu li li li.path > a, #SP-nav-main-second .lastOpenNode ul li.active > a {
    color: #000000;
  }
  .SP-microsite #SP-nav-main-second .SP-nav-menu li.active > a {
    color: #FF0000 !important;
  }

  .SP-microsite #SP-nav-main-second .SP-nav-menu > li > ul > li.path > a,
  .SP-microsite #SP-nav-main-second .SP-nav-menu > li > ul > li.active > a {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FF0000;
  }

  .SP-microsite #SP-nav-main-second .SP-nav-menu > li > ul > li.active > ul li a {
    padding-left: 28px;
  }

  .SP-microsite #SP-nav-main-second .SP-nav-menu > li > ul > li > ul li a {
    padding-left: 28px;
  }

  .SP-microsite #SP-nav-main-second .SP-nav-menu > li > ul > li > ul > li > ul > li a {
    padding-left: 42px;
  }

  .SP-microsite #SP-nav-main-second .SP-nav-menu > li > ul > li > ul > li > ul > li > ul > li a {
    padding-left: 56px;
  }

  .SP-tabs.SP-scripted .SP-tabs-tab {
    background-color: #FFFFFF;
    border-color: #000000;
  }
}

.SPi-mobile:before, .SPi-mobile-close:before {
  color:#000000;
}

.SPi-globe:before, .SPi-section-open, .SP-links-compact .SP-links-compact-label > i {
  color:#000000;
}

#SP-functions  {
  background-color: #F2F0EB;
}

#SP-functions:after  {
  background-color: #000000;
}

#SP-quicksearch .SP-field-with-button input {
  background-color: #FFFFFF;
  border-width: 0 0 2px 0;
  border-color: #000000;
}
#SP-quicksearch .SP-field-with-button button {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
#SP-quicksearch .SP-field-with-button button > span {
  color: #FF0000;
}

@media all {

.SP-rubric .SP-teaser {
  border-color: #000000;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.SP-rubric .SP-teaser.SP-teaser-gallery  {
  background-color: #FFFFFF;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

.SP-teaser-gallery .SP-category i {
  color: #B5AFA3;
}

#SP-nav-dynamic ul li > a:before,
#SP-nav-dynamic ul li > strong:before {
  color: #FFFFFF;
}

#SP-nav-dynamic > ul > li > ul > li > a,
#SP-nav-dynamic > ul > li > ul > li > strong {
	background-color: #FFFFFF;
}

#SP-nav-dynamic ul li > a,
#SP-nav-dynamic ul li > strong {
	background-color: #FFFFFF;
}

#SP-nav-dynamic ul li.active > a,
#SP-nav-dynamic ul li.active > strong {
	background-color: #FFFFFF;
}

#SP-nav-dynamic ul ul li.lastOpenNode li.leaf.active > a,
#SP-nav-dynamic ul ul li.lastOpenNode li.leaf.active > strong {
	background-color: #FFFFFF;
}

#SP-nav-dynamic ul ul ul li > a,
#SP-nav-dynamic ul ul ul li > strong {
	background-color: #FFFFFF;
}

#SP-nav-dynamic ul ul ul .path > a,
#SP-nav-dynamic ul ul ul .path > strong {
	background-color: #FFFFFF;
}

#SP-nav-dynamic > ul > li li.path li.active:first-child {
	border-top: 1px solid #FFFFFF;
}

#SP-nav-dynamic > ul > li > ul > li > a:before,
#SP-nav-dynamic > ul > li > ul > li > strong:before,
#SP-nav-dynamic ul ul ul .path > a:before,
#SP-nav-dynamic ul ul ul .path > strong:before {
	color:#000000;
}

#SP-nav-dynamic ul li.active > a:before,
#SP-nav-dynamic ul li.active > strong:before {
  color: #FF0000;
}

#SP-nav-dynamic ul ul li.lastOpenNode li.leaf.active > a:before,
#SP-nav-dynamic ul ul li.lastOpenNode li.leaf.active > strong:before {}

#SP-nav-dynamic ul ul li.lastOpenNode ul li.active > a:before,
#SP-nav-dynamic ul ul li.lastOpenNode ul li.active > strong:before {
	content: none;
}
}

/* Typografie */

body, p {
	font-family: 'futura_ndbook', Arial, sans-serif;

}

h1, h2, h3, #SP-title .SP-title-inner, .SP-nav-menu {
	font-family: 'futura_ndbook', Arial, sans-serif;

}
body {
  line-height: 1.286;
}

#SP-nav-path a, #SP-nav-path strong {
  font-size: 12px;
  line-height: 1.334;
}

.SP-gutenberg-homepage-splashpage h1.SP-Teaser__headline {
  font-size: 24px;
  line-height: 1.167;
  margin-bottom: 0.5rem;
}
.SP-gutenberg-homepage-index h1.SP-Teaser__headline,
h2, #SP-content .SP-snip-head {
  font-size: 1.125rem;
  line-height: 1.222;
  margin-bottom: 0;
}
#SP-content .SP-snip-head {
  margin-bottom: 1em;
}

h3 {
  font-size: 14px;
  line-height: 1.286;
}


/**
 *  Logo 
 */
.SP-gutenberg-homepage-index #SP-logo {
  float: right;
}
.SP-gutenberg-homepage-splashpage #SP-logo {
  float: left;
}
#SP-logo {
  max-width: 190px;
}

@media (orientation: portrait) and (min-width: 768px) {
  .SP-gutenberg-homepage-index #SP-logo,
  #SP-logo {
    float: left;
    max-width: 190px;
  }
} 
@media (orientation: landscape) and (min-width: 768px) {
  .SP-gutenberg-homepage-index #SP-logo,
  #SP-logo {
    float: left;
    max-width: 190px;
  }
}

@media (min-width:50rem) {
  #SP-logo {
    max-width: 190px;
  }
}
#SP-logo a {
  padding: 0;
}
.SP-microsite #SP-logo img {
  object-fit: contain;
  object-position: left;
  width: 100%;
}

/**
 *  Titel Balken 
 */

#SP-title {
  z-index: auto;
}
@media (min-width: 768px) {
  #SP-title {
  bottom: 0;
  padding-right: 1.7172%;
  text-align: left;
}
#SP-title div.SP-title-inner {
  float: right;
  margin: 0;
  width: 73.1758%;
}
}


/**
 *  Slider auf der Startseite 
 */

#SP-slider-wrapper {
  background-color: #FFFFFF;
  display: block;
}

.SP-gutenberg-homepage-splashpage .SP-slideshow.SP-scripted .SP-slideshow-slide {
  position: absolute;
}

.SP-slideshow.SP-scripted .SP-slideshow-prev, 
.SP-slideshow.SP-scripted .SP-slideshow-next {
    z-index: auto;
}

.SP-slideshow.SP-scripted .SP-slideshow-pause, 
.SP-slideshow.SP-scripted .SP-slideshow-play,
.SP-slideshow.SP-scripted .SP-slideshow-prev::before, 
.SP-slideshow.SP-scripted .SP-slideshow-next::before {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=85);
    background: #212121;
    color: #ffffff;
    opacity: 0.5;
}
.SP-slideshow.SP-scripted .SP-slideshow-prev::before, 
.SP-slideshow.SP-scripted .SP-slideshow-next::before {
    font-size: 1.857rem;
    height: auto;
    line-height: auto;
    margin-top: 0;
    width: auto;
    z-index: 300;
}

.SP-asset .SP-asset-inner.SP-FixedSize__raiser--stage {
  display: block;
  height: calc(100vh - 175.4333px);
  position: relative;
  z-index: 1;
}

@media(min-width: 480px) {
  .SP-asset .SP-asset-inner.SP-FixedSize__raiser--stage {
    height: calc(100vh - 174.717px);
  }
}

@media (min-width: 768px) {
  .SP-asset .SP-asset-inner.SP-FixedSize__raiser--stage {
    height: calc(100vh - 106px);
  }
}

@media print {
  .SP-asset .SP-asset-inner.SP-FixedSize__raiser--stage {
    max-height: 31.25rem !important;
    min-height: 31.25rem !important;
  }
}


.SP-slideshow .SP-slideshow-slide {
  box-sizing: border-box;
  display: block;
}


.SP-asset img.SP-WelcomeImage__image {
  height: 100vh;
  left: unset;
  position: relative;
  top: unset;
  max-width: unset;
  width: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
  font-family: "object-fit: cover; object-position: center center;";
}

/**
 *  Text auf der Kopfillustration
 */
.SP-illu-content .SP-Stage__content,
.SP-Stage__illustration + .SP-Stage__content {
  bottom: 0;
  margin: 0 auto;
  padding-bottom: 0;
  position: absolute;
  z-index: 200;
  width: 100%
}

@media (orientation: portrait) and (min-width: 768px) {
  .SP-illu-content .SP-Stage__content,
  .SP-Stage__illustration + .SP-Stage__content {
    margin-left: 26.2403%;
  }
} 
@media (orientation: landscape) and (min-width: 768px) {
  .SP-illu-content .SP-Stage__content,
  .SP-Stage__illustration + .SP-Stage__content {
    margin-left: 26.2403%;
  }
}
@media (min-width:1024px) {
  .SP-illu-content .SP-Stage__content,
  .SP-Stage__illustration + .SP-Stage__content {
    margin-left: calc(50% - 231.966px);
  }
}


.SP-Stage__illustration + .SP-Stage__content {
  bottom: 175.4333px;
}

@media(min-width: 480px) {
  .SP-Stage__illustration + .SP-Stage__content {
    bottom: 174.717px;
  }
}

@media (orientation: portrait) and (min-width: 768px) {
  .SP-Stage__illustration + .SP-Stage__content {
    bottom: 106px;
  }
} 
@media (orientation: landscape) and (min-width: 768px) {
  .SP-Stage__illustration + .SP-Stage__content{
    bottom: 106px;
  }
}
@media (min-width:1024px) {
  .SP-Stage__illustration + .SP-Stage__content {
    bottom: 106px;
  }
}

.SP-gutenberg-homepage-index .SP-Stage__content .SP-Teaser {
  background: #FFFFFF;
  color: #000000;
  margin: 0 auto;
  width: 100%;
}
.SP-Stage__illustration + .SP-Stage__content .SP-Teaser {
  background: #FFFFFF;
  color: #FF0000;
  margin: 0 auto;
  width: 100%;
  z-index: 200;
}
@media (min-width:1024px) {
  .SP-gutenberg-homepage-splashpage .SP-Stage__content .SP-Teaser,
  .SP-Stage__illustration + .SP-Stage__content .SP-Teaser {
    bottom: 0;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
  }
}
@media (min-width:80rem) {
  .SP-gutenberg-homepage-index .SP-Stage__content .SP-Teaser,
  .SP-Stage__illustration + .SP-Stage__content .SP-Teaser {
  }
}

.SP-gutenberg-homepage-index .SP-Stage__content .SP-Teaser__header,
.SP-Stage__illustration + .SP-Stage__content .SP-Teaser__header {
  display: flex;
  flex-direction: column-reverse;
  padding: 1rem 1.7172%;
  justify-content: flex-end;
  z-index: 200;
  text-align: left;
}
@media (min-width:1024px) {
  .SP-illu-content .SP-Stage__content .SP-Teaser__header {
    max-width: calc(956px + 2 *  1.7172% - 231.966px);
  }
  .SP-Stage__illustration + .SP-Stage__content .SP-Teaser__header {
    padding: 1.5rem 1.7172%;
    max-width: calc(956px + 2 *  1.7172% - 231.966px);
  }
}

.SP-illu-trigger {
  display: none;
}

.SP-slideshow.SP-scripted .SP-slideshow-pause, .SP-slideshow.SP-scripted .SP-slideshow-play {
  bottom: 2px;
  right: auto;
  left: 2px;
}
.SP-slideshow-slide-link {
  color: #FF0000;
  position: relative;
  z-index: 300;
}

.SP-Stage__content .SP-Teaser__kicker {
  align-self: flex-start;
  font-size: 1.125rem;
  line-height: 1.3rem;
  margin: 0.125rem 0;
}
.SP-Stage__content.SP-Teaser__headline {
  align-self: flex-start;
  line-height: 1.5px;
  margin: 0.125rem 0;
}

/* Inventar */

#sp_object__details {}


#sp_object__details dl {
	margin: 2em 0;
	padding: 0;
	width: 20em;
}

#sp_object__details dt {
	background-color: #FF0000;
	color: #FFFFFF;
	padding: .5em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-top: 1px solid #FF0000;
}

#sp_object__details dd {
	margin: 0 0 1em 0;
	background: #FFFFFF;
	text-align: center;
	padding: 1em .5em;
	font-style: italic;
	border-left: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
}