@charset "UTF-8";
/*
	Custom Design
	base: /srv/sitepark/ies/modules/paderborn-module.war/WEB-INF/microsite-sass-for-ies/
*/
/* microsite */
/* microsite colors */
/* Pfade */
/* import main */
/* microsite */
/**
 * Libs
 */
/**
 * Funktionen und Mixins
 */
/**
 * Versteckt Elemente
 * @param $accessible wenn true bleibt der Text lesbar
 */
.SPu-hide, .SPu-hidden {
  display: none;
}

.SPu-access {
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  position: absolute;
  width: 0;
}

/* in einer Konfiguration erlaube Tags */
/* typefaces */
/**
 * Typeface setzt Typografie-Angaben
 * @param Map $typeface Konfiguration
 * @param Boolean $exclude-icon-definitions Angaben zu Icons nicht auswerten
 */
/**
 * Ruft typeface auf, benötigt aber nur einen Key
 * @param $key Key
 * @param $typefaces Definitionen als map
 */
/**
 * Font-size rechnet px in em um
 * @param px $to Zielgröße
 * @param px $from Ausgangsgröße
 * @param unit $unit (px, em oder rem)
 * @return px-value in targeted unit
 * TODO Icon-Positionierung: Asterisk-Selektor entfernen
 */
/**
 * Font-size rechnet px in em um
 * @param px $to Zielgröße
 * @param px $from Ausgangsgröße
 * @param unit $unit (px, em oder rem)
 * @return px-value in targeted unit
 */
/**
 * Colorize setzt Farb-Angaben
 * @param String $component Komponente für die Farbangaben gesetz werden sollen
 * @param Map $colors Map mit Farbdefinitionen
 */
.SPu-shorten span {
  display: none;
}

/**
 * Libs, die bereits tatsätchlich Code rausschreiben
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/**
 * html-Tag immer zum Scrollen, damit zentrierte Seiten nicht springen
 */
html {
  overflow-y: scroll;
}

/**
 * Formular-Elemente sind strange mit Fonts
 */
button,
input,
option,
optgroup,
select,
textarea {
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

textarea {
  resize: vertical;
}

button {
  background: none;
  border: none;
}

/**
 * Links erstmal als Block
 */
a {
  display: block;
  text-decoration: none;
}

/**
 * Bilder, Video und Iframes
 */
img,
video,
iframe:not([height]),
object:not([height]) {
  width: 100%;
  height: auto;
}

iframe[height],
object[height] {
  width: 100%;
}

/**
 * Icons
 */
.SPi {
  display: block;
  height: 1em;
  width: 1em;
}

/**
 * Verstecken, aber vorlesbar lassen
 */
.SPu-access {
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  position: absolute;
  width: 0;
}

/**
 * Mouse-Fokus verstecken
 */
.focus--mouse {
  outline: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/**
* Konfiguration
*/
/**
 * Pfad-Konfigurationen
 */
/**
 * Konfigurationen
 */
/**
 * Farben mergen
 */
/**
 * Mixin zum holen der Farben
 */
/**
 * Font-Stacks
 */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/light/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/light/SourceSansPro-Light.woff") format("woff"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/light/SourceSansPro-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/regular/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/regular/SourceSansPro-Regular.woff") format("woff"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/regular/SourceSansPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/regular-italic/SourceSansPro-It.eot?#iefix") format("embedded-opentype"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/regular-italic/SourceSansPro-It.woff") format("woff"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/regular-italic/SourceSansPro-It.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/semibold/SourceSansPro-Semibold.eot?#iefix") format("embedded-opentype"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/semibold/SourceSansPro-Semibold.woff") format("woff"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/semibold/SourceSansPro-Semibold.ttf") format("truetype");
}

@font-face {
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/semibold-italic/SourceSansPro-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/semibold-italic/SourceSansPro-SemiboldIt.woff") format("woff"), url("/WEB-IES/paderborn-module/2.40.0/fonts/source-sans-pro/semibold-italic/SourceSansPro-SemiboldIt.ttf") format("truetype");
}

/**
 * Komponenten-Konfiguration
 */
/**
 * Grid-Konfiguration
 */
/* immer alle 4!*/
/* immer alle 4!*/
/**
 * Fehlende Konfiguration auffüllen
 */
/* immer alle 4!*/
/* immer alle 4!*/
/**
 * Richtext
 */
/**
 * Abstrakt: Inline-Elemente für Richtext
 * @depends -links.scss
 */
.SP-Paragraph, .SP-Annotation {
  /* color: text */
}

.SP-Paragraph a, .SP-Annotation a {
  display: inline;
}

.SP-Paragraph abbr[title], .SP-Annotation abbr[title] {
  border-bottom: 1px dotted currentColor;
  text-decoration: none;
}

.SP-Paragraph b, .SP-Annotation b,
.SP-Paragraph strong,
.SP-Annotation strong {
  font-weight: 600;
}

.SP-Paragraph i, .SP-Annotation i,
.SP-Paragraph em,
.SP-Annotation em {
  font-style: italic;
}

.SP-Paragraph [data-sp-email] i, .SP-Annotation [data-sp-email] i {
  font-style: normal;
}

.SP-Paragraph sub, .SP-Annotation sub {
  position: relative;
  top: .5ex;
  font-size: smaller;
}

.SP-Paragraph sup, .SP-Annotation sup {
  position: relative;
  top: -.5ex;
  font-size: smaller;
}

/**
 * Abstrakt: Listen für Richtext
 */
.SP-Paragraph .SP-LinkList__list--inTable, .SP-Annotation .SP-LinkList__list--inTable {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.SP-Paragraph ol, .SP-Annotation ol,
.SP-Paragraph ul,
.SP-Annotation ul {
  margin-bottom: 1.25rem;
  overflow: auto;
  padding-left: 40px;
}

.SP-Paragraph ol::after, .SP-Annotation ol::after,
.SP-Paragraph ul::after,
.SP-Annotation ul::after {
  clear: both;
  content: "";
  display: table;
}

.SP-Paragraph ol ol, .SP-Annotation ol ol,
.SP-Paragraph ol ul,
.SP-Annotation ol ul,
.SP-Paragraph ul ol,
.SP-Annotation ul ol,
.SP-Paragraph ul ul,
.SP-Annotation ul ul {
  margin-bottom: 0;
}

.SP-Paragraph ol, .SP-Annotation ol {
  list-style-type: decimal;
}


.SP-Paragraph ul,
.SP-Annotation ul {
  list-style-type: disc;
}


.SP-Paragraph ul ul,
.SP-Annotation ul ul {
  list-style-type: circle;
}

.SP-Paragraph ul ul ul, .SP-Annotation ul ul ul {
  list-style-type: square;
}

/**
 * Abstrakt: Text für Richtext
 */
.SP-Paragraph p, .SP-Annotation p {
  margin-bottom: 1.25rem;
}

.SP-Paragraph p:empty, .SP-Annotation p:empty {
  display: none;
}

/**
 * Abstrakt: Tabellen für Richtext
 */
.SP-Paragraph, .SP-Annotation {
  /**
	 * Styles
	 */
  /**
	 * Style für statische Tabelle = Scrolling
	 */
  /**
	 * geklonte Tabellen standardmäßig aus
	 */
  /**
	 * Style für kleine Bildschirme
	 */
}

.SP-Paragraph table, .SP-Annotation table {
  margin-bottom: 1.25rem;
}

.SP-Paragraph caption, .SP-Annotation caption {
  /* include typeface-by-key(caption); */
}

.SP-Paragraph table, .SP-Annotation table,
.SP-Paragraph td,
.SP-Annotation td,
.SP-Paragraph th,
.SP-Annotation th {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
}


.SP-Paragraph td,
.SP-Annotation td,
.SP-Paragraph th,
.SP-Annotation th {
  padding: 0.5em 1em;
}

.SP-Paragraph .SP-Table__wrap, .SP-Annotation .SP-Table__wrap {
  overflow: hidden;
  position: relative;
}

.SP-Paragraph .SP-Table__wrap .SP-Table__scroller__icon, .SP-Annotation .SP-Table__wrap .SP-Table__scroller__icon {
  display: none;
}

.SP-Paragraph .SP-Table__wrap.SP-isScrollable .SP-Table__scroller__icon, .SP-Annotation .SP-Table__wrap.SP-isScrollable .SP-Table__scroller__icon {
  opacity: 0.5;
  background-color: #EED9C4;
  fill: #333333;
  height: 20px;
  left: calc(100% - 20px);
  position: absolute;
  top: 0;
  width: 20px;
}

.SP-Paragraph .SP-Table__wrap .SP-Table__scroller, .SP-Annotation .SP-Table__wrap .SP-Table__scroller {
  margin-bottom: 1.25rem;
  overflow-x: auto;
}

.SP-Paragraph .SP-Table__wrap .SP-Table__scroller table, .SP-Annotation .SP-Table__wrap .SP-Table__scroller table {
  margin-bottom: 0;
}

.SP-Paragraph .SP-Table--cloned, .SP-Annotation .SP-Table--cloned {
  display: none;
}

@media screen {
  .SP-Paragraph .SP-Table--responsive.SP-Table--cloned, .SP-Annotation .SP-Table--responsive.SP-Table--cloned {
    display: block;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--orig, .SP-Annotation .SP-Table--responsive.SP-Table--orig {
    display: none;
  }
}

@media print {
  .SP-Paragraph .SP-Table--responsive.SP-Table--cloned, .SP-Annotation .SP-Table--responsive.SP-Table--cloned {
    display: block;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--orig, .SP-Annotation .SP-Table--responsive.SP-Table--orig {
    display: none;
  }
}

@media screen {
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows caption,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows caption,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tfoot,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tfoot,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tbody,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tbody,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows caption,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows caption,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tfoot,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tfoot,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tbody,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tbody,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tr,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td {
    display: block;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows thead, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows thead,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows thead,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows thead {
    display: none;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows th {
    border: none;
  }
  
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows th {
    padding: 0 1rem;
  }
  
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tr {
    border-collapse: collapse;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td[data-label]:before, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td[data-label]:before,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td[data-label]:before,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td[data-label]:before {
    content: attr(data-label) ": ";
    display: inline-block;
    margin-right: .5rem;
  }
}

@media print {
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows caption,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows caption,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tfoot,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tfoot,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tbody,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tbody,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows caption,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows caption,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tfoot,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tfoot,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tbody,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tbody,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tr,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td {
    display: block;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows thead, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows thead,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows thead,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows thead {
    display: none;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows th {
    border: none;
  }
  
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows th,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows th,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows th {
    padding: 0 1rem;
  }
  
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows tr,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows tr,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows tr {
    border-collapse: collapse;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .SP-Paragraph .SP-Table--responsive.SP-Table--responsive--rows td[data-label]:before, .SP-Annotation .SP-Table--responsive.SP-Table--responsive--rows td[data-label]:before,
  .SP-Paragraph .SP-Table--responsive ~ .SP-Table--responsive--rows td[data-label]:before,
  .SP-Annotation .SP-Table--responsive ~ .SP-Table--responsive--rows td[data-label]:before {
    content: attr(data-label) ": ";
    display: inline-block;
    margin-right: .5rem;
  }
}

/**
 * Abstrakt: alles für Richtext
 */
.SP-Paragraph, .SP-Annotation {
  /* typeface: text */
}

/**
 * Utils
 */
.SPu-hasIcon {
  margin-right: 0.5em;
  position: relative;
  width: 1em;
}

.SPu-hasIcon .SPu-hasIcon__icon {
  position: absolute;
  left: 0;
}

.SPu-wrapText {
  overflow-wrap: break-word;
  word-break: break-word;
}

@supports (-webkit-hyphens: auto) or (-ms-hyphens: auto) or (hyphens: auto) {
  .SPu-wrapText {
    hyphens: auto;
    overflow-wrap: initial;
    word-break: initial;
  }
}

/**
 * Helper
 */
.SP-ConsentBanner__headline:first-child {
  margin-top: 0;
}

.SP-ConsentBanner__headline:last-child, .SP-PrivacyBarrier:last-child {
  margin-bottom: 0;
}

/**
 * Mouse-Fokus verstecken
 */
.focus--mouse {
  outline: none;
}

/* stylelint-disable */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}

.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}

.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/WEB-IES/paderborn-module/2.40.0/images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/WEB-IES/paderborn-module/2.40.0/images/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}

.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(/WEB-IES/paderborn-module/2.40.0/images/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}

@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

/* stylelint-enable */
/* Außenabstände */
.pswp__top-bar {
  padding: 0 5vw;
  width: 100vw;
}

.no-scrollbarincludedin100vw .pswp__top-bar {
  max-width: calc(100vw - 17px);
}

.pswp__counter {
  margin-left: 5vw;
}

.pswp__caption__center {
  max-width: 1600px;
  padding: 0.75rem 5vw;
}

.pswp__counter {
  padding: 0.75rem 0;
}

/* Download-Button */
.pswp__button {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -100vw;
  white-space: nowrap;
}

.pswp__button:not(.pswp__button--arrow--right) {
  right: -15px;
}

.pswp__button--download,
.pswp__button--download::before {
  background-position: -44px -44px;
  transform: rotate(90deg);
}

/* Caption */
.pswp__counter {
  font-size: 0.6875rem;
  line-height: 1.66666667;
}

@media (min-width: 40em) {
  .pswp__counter {
    font-size: calc(0.5625rem + 0.3125vw);
  }
}

@media (min-width: 60em) {
  .pswp__counter {
    font-size: 0.75rem;
  }
}

@media (min-width: 80em) {
  .pswp__counter {
    font-size: calc(0.5rem + 0.3125vw);
  }
}

@media (min-width: 100em) {
  .pswp__counter {
    font-size: 0.8125rem;
  }
}

.pswp__caption__center {
  font-size: 0.875rem;
  line-height: 1.6;
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */
}

@media (min-width: 40em) {
  .pswp__caption__center {
    font-size: calc(0.75rem + 0.3125vw);
  }
}

@media (min-width: 60em) {
  .pswp__caption__center {
    font-size: 0.9375rem;
  }
}

@media (min-width: 80em) {
  .pswp__caption__center {
    font-size: calc(0.6875rem + 0.3125vw);
  }
}

@media (min-width: 100em) {
  .pswp__caption__center {
    font-size: 1rem;
  }
}

.pswp__caption__center small {
  font-size: 0.6875rem;
  line-height: 1.66666667;
}

@media (min-width: 40em) {
  .pswp__caption__center small {
    font-size: calc(0.5625rem + 0.3125vw);
  }
}

@media (min-width: 60em) {
  .pswp__caption__center small {
    font-size: 0.75rem;
  }
}

@media (min-width: 80em) {
  .pswp__caption__center small {
    font-size: calc(0.5rem + 0.3125vw);
  }
}

@media (min-width: 100em) {
  .pswp__caption__center small {
    font-size: 0.8125rem;
  }
}

.pswp__caption__center strong {
  font-size: 1rem;
  line-height: 1.66666667;
}

@media (min-width: 40em) {
  .pswp__caption__center strong {
    font-size: calc(0.75rem + 0.625vw);
  }
}

@media (min-width: 60em) {
  .pswp__caption__center strong {
    font-size: 1.125rem;
  }
}

@media (min-width: 80em) {
  .pswp__caption__center strong {
    font-size: calc(0.625rem + 0.625vw);
  }
}

@media (min-width: 100em) {
  .pswp__caption__center strong {
    font-size: 1.25rem;
  }
}

/**
 * Helper
 */
/* stylelint-disable-next-line selector-max-universal */
*:focus:not(.focus--mouse) {
  outline: 3px solid #1270B5;
  outline: 3px auto -webkit-focus-ring-color;
  outline-offset: 5px;
  text-decoration: auto;
  z-index: 3;
}

.SP-Header__navigation *:focus:not(.focus--mouse) {
  outline: 3px solid #1270B5;
}

.SP-Youtube:focus:not(.focus--mouse) {
  outline: 3px solid #1270B5;
}

.slick-arrow:focus:not(.focus--mouse) {
  outline: 3px solid #1270B5;
}

@media (min-width: 40em) {
  .SP-Header *:focus:not(.focus--mouse),
  .SP-Footer *:focus:not(.focus--mouse) {
    outline: 3px solid #FFFFFF;
  }
}

/**
 * FixedSize
 */
.SP-FixedSize {
  display: block;
  width: 100%;
}

.SP-FixedSize__raiser {
  position: relative;
  height: 0;
  overflow: hidden;
}

.SP-FixedSize__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.SP-FixedSize__raiser--square {
  padding-bottom: 100%;
}

.SP-FixedSize__raiser--3x2 {
  padding-bottom: 66.66666667%;
}

.SP-FixedSize__raiser--4x3 {
  padding-bottom: 75%;
}

.SP-FixedSize__raiser--16x9 {
  padding-bottom: 56.25%;
}

.SP-FixedSize__raiser--16x10 {
  padding-bottom: 62.5%;
}

.SP-FixedSize__raiser--21x9 {
  padding-bottom: 42.85714286%;
}

.SP-FixedSize__raiser--uploadPreview {
  padding-bottom: 100px;
}

.SP-FixedSize__raiser--linkbox {
  padding-bottom: 56.25%;
}

.SP-FixedSize__raiser--illustration {
  padding-bottom: 480px;
}

@media (min-width: 80em) {
  .SP-FixedSize__raiser--illustration {
    padding-bottom: 590px;
  }
}

.SP-FixedSize__raiser--teaserImage {
  padding-bottom: 75%;
}

.SP-FixedSize__raiser--homepageTeaserImage {
  padding-bottom: 75%;
}

.SP-FixedSize__raiser--homepageEventTeaserImage {
  padding-bottom: 75%;
}

.SP-FixedSize__raiser--bannerSlider {
  padding-bottom: 110px;
}

.SPi {
  height: 100%;
  width: 100%;
}

.SP-Iconized, .SP-Iconized--left, .SP-Iconized--right {
  position: relative;
}

.SP-Iconized .SP-Iconized__icon, .SP-Iconized--left .SP-Iconized__icon, .SP-Iconized--right .SP-Iconized__icon {
  height: 1em;
  position: absolute;
  width: 1em;
}

.SP-Iconized--left {
  padding-left: 1.25em;
}

.SP-Iconized--left .SP-Iconized__icon {
  left: 0;
}

.SP-Iconized--right {
  padding-right: 1.5em;
}

.SP-Iconized--right .SP-Iconized__icon {
  right: 0;
}

.SP-Iconized--only .SP-Iconized__icon {
  height: 1em;
  position: relative;
  width: 1em;
}

/**
 * Variablen:
 * Maximale Breite des OffCanvas-Elements
 */
/**
 * Off-Canvas-Rahmen
 */
.SP-OffCanvas {
  clear: both;
}

@media screen and (max-width: 59.9375em) {
  .SP-OffCanvas {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
    /* @Status */
  }
  .SP-OffCanvas .SP-OffCanvas__inner {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    position: relative;
    width: 100%;
  }
  .SP-OffCanvas .SP-OffCanvas__main {
    overflow: hidden;
  }
  .SP-OffCanvas.SP--movedLeftIn, .SP-OffCanvas.SP--movedRightIn {
    height: 100%;
  }
}

/**
 * Trigger für die Off-Canvas-Elemente, kann auch ausgeblendet werden, die Steuerung
 * kann mittels JavaScript-Optionen von außerhalb des Off-Canvas-Rahmens erfolgen,
 */
.SP-OffCanvas-trigger {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 2rem;
  position: relative;
}

.SP-OffCanvas-trigger .SP-OffCanvasTrigger__left,
.SP-OffCanvas-trigger .SP-OffCanvasTrigger__right {
  cursor: pointer;
  position: absolute;
  top: 0;
}

.SP-OffCanvas-trigger .SP-OffCanvasTrigger__left {
  left: 0;
}

.SP-OffCanvas-trigger .SP-OffCanvasTrigger__right {
  right: 0;
}

/**
 * Overlay über den Ursprungs-Content, wenn ein Off-Canvas-Element eingeblendet ist.
 */
@media screen {
  .SP-OffCanvas {
    /* @Status */
  }
  .SP-OffCanvas .SP-OffCanvas__inner:before {
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
    background: #000000;
    content: ' ';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 33333;
  }
  .SP-OffCanvas.SP--movedLeftIn .SP-OffCanvas__inner:before,
  .SP-OffCanvas.SP--movedRightIn .SP-OffCanvas__inner:before {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s, visibility 0.5s;
    -moz-transition: opacity 0.5s, visibility 0.5s;
    transition: opacity 0.5s, visibility 0.5s;
    display: block;
    visibility: visible;
  }
}

/**
 * Initialzustand und Animation der Off-Canvas-Elemente
 */
.SP-OffCanvas .SP-OffCanvas__left,
.SP-OffCanvas .SP-OffCanvas__right {
  display: none;
}

@media screen {
  .SP-OffCanvas {
    /* @Status */
  }
  .SP-OffCanvas .SP-OffCanvas__left,
  .SP-OffCanvas .SP-OffCanvas__right {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: content-box;
    background: #EEEEEE;
    bottom: 0;
    display: block;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
  }
  .SP-OffCanvas .SP-OffCanvas__left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .SP-OffCanvas .SP-OffCanvas__right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
  }
  .SP-OffCanvas.SP--movedLeftIn .SP-OffCanvas__inner {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .SP-OffCanvas.SP--movedRightIn .SP-OffCanvas__inner {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@media (min-width: 60em) {
  .SP-OffCanvas .SP-OffCanvas__left,
  .SP-OffCanvas .SP-OffCanvas__right {
    display: none;
  }
}

/**
 * Off-Canvas-Elemente in der Breite limitieren (links)
 */
@media screen and (min-width: 25rem) {
  .SP-OffCanvas {
    /* @Status */
  }
  .SP-OffCanvas .SP-OffCanvas__left {
    width: 25rem;
  }
  .SP-OffCanvas.SP--movedLeftIn .SP-OffCanvas__inner {
    -webkit-transform: translate3d(25rem, 0, 0);
    -moz-transform: translate3d(25rem, 0, 0);
    -ms-transform: translate3d(25rem, 0, 0);
    -o-transform: translate3d(25rem, 0, 0);
    transform: translate3d(25rem, 0, 0);
  }
}

/**
 * Off-Canvas-Elemente in der Breite limitieren (rechts)
 */
@media screen and (min-width: 25rem) {
  .SP-OffCanvas {
    /* @Status */
  }
  .SP-OffCanvas .SP-OffCanvas__right {
    width: 25rem;
  }
  .SP-OffCanvas.SP--movedRightIn .SP-OffCanvas__inner {
    -webkit-transform: translate3d(-25rem, 0, 0);
    -moz-transform: translate3d(-25rem, 0, 0);
    -ms-transform: translate3d(-25rem, 0, 0);
    -o-transform: translate3d(-25rem, 0, 0);
    transform: translate3d(-25rem, 0, 0);
  }
}

/**
 * Trigger
 */
.SP-OffCanvasTrigger__left,
.SP-OffCanvasTrigger__right {
  display: none;
  display: block;
  cursor: pointer;
}

.SP-OffCanvas__trigger {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.SP-OffCanvas__trigger .SP-OffCanvas__trigger--off {
  display: none;
}

.SP-OffCanvas__trigger.SP--on .SP-OffCanvas__trigger--on {
  display: none;
}

.SP-OffCanvas__trigger.SP--on .SP-OffCanvas__trigger--off {
  display: block;
}

/**
 * Atoms
 */
/**
 * Vendor
 */
/**
 * Buttons
 */
.SP-Button {
  cursor: pointer;
  display: inline-block;
  fill: currentColor;
  padding: 0;
}

.SP-Button + .SP-Button {
  margin-top: 0.5em;
}

.SP-Button__text {
  display: block;
  padding: 0.5625rem 1rem 0.5625rem 1rem;
}

/**
 * alle Eingabefelder
 */
.SP-Field {
  margin-bottom: 1rem;
  position: relative;
}

.SP-Field__hint {
  display: block;
  margin-top: 0.5em;
  width: 100%;
}

.SP-Field__label, .SP-Fieldset--checkboxgroup .SP-Legend,
.SP-Fieldset--radiobuttons .SP-Legend,
.SP-Field__value {
  display: block;
}

.SP-Field__label, .SP-Fieldset--checkboxgroup .SP-Legend,
.SP-Fieldset--radiobuttons .SP-Legend {
  margin-bottom: 0.25em;
}

.SP-hasError .SP-Field__label, .SP-hasError .SP-Fieldset--checkboxgroup .SP-Legend, .SP-Fieldset--checkboxgroup .SP-hasError .SP-Legend,
.SP-hasError .SP-Fieldset--radiobuttons .SP-Legend, .SP-Fieldset--radiobuttons .SP-hasError .SP-Legend {
  color: #D9534F;
}

.SP-Field__control,
.SP-Field__value {
  color: #333333;
}

.SP-Field__control {
  border-style: solid;
  border-width: 1px;
  display: block;
  margin: 0;
  min-height: calc(24px + 0.75rem + 0.375rem);
  padding: 0.75rem 0.5rem 0.375rem 0.5rem;
  width: 100%;
}

.SP-hasError .SP-Field__control {
  color: #D9534F;
}

.SP-Field__control::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.65);
}

.SP-Field__control:-moz-placeholder {
  color: rgba(51, 51, 51, 0.65);
}

.SP-Field__control:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.65);
}

.SP-Field__control:-webkit-autofill {
  background-color: #FAFFBD;
}

.SP-Field__error {
  color: #D9534F;
  display: block;
  margin-top: 0.5em;
}

/**
 * Felder inline darstellen
 */
.SP-Field--inline {
  display: inline-block;
  margin-right: 2em;
}

/**
 * Text-Feld
 */
/**
 * Passwort-Feld
 */
/**
 * URl-Feld
 */
/**
 * Email-Feld
 */
/**
 * Search-Feld
 * IDEA Search-Feld: Löschen stylen
 */
/**
 * Number-Feld
 * IDEA Number-Feld: Spinner stylen
 */
.SP-Field--number .SP-Field__control {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield;
  width: 11em;
}

.SP-Field--number .SP-Field__control:hover {
  -webkit-appearance: initial;
  -moz-appearance: initial;
  -ms-appearance: initial;
  -o-appearance: initial;
  appearance: initial;
}

/**
 * Textarea
 */
/**
 * Select-Feld
 * IDEA Select-Feld: Dropdownpfeil stylen
 */
/**
 * Color-Feld
 * IDEA Color-Feld: stylen
 */
.SP-Field--color .SP-Field__control {
  padding: 0.5625rem 0.5rem 0.5625rem 0.5rem;
}

/**
 * Range-Feld
 * IDEA Range-Feld: stylen
 */
.SP-Field--range .SP-Field__control {
  border: none;
  padding: 0.5625rem 0.5rem 0.5625rem 0.5rem;
}

/**
 * Date-Feld
 * IDEA Date-Feld: Controls stylen
 */
.SP-Field--date .SP-Field__control {
  width: 100%;
  max-width: 19.1em;
}

/**
 * Month-Feld
 * IDEA Month-Feld: Controls stylen
 */
.SP-Field--month .SP-Field__control {
  width: 10em;
}

/**
 * Week-Feld
 * IDEA Week-Feld: Controls stylen
 */
.SP-Field--week .SP-Field__control {
  width: 13em;
}

/**
 * Datetime-Feld
 * IDEA Datetime-Feld: Controls stylen
 */
.SP-Field--datetime .SP-Field__control {
  width: 13em;
}

/**
 * Datetime Local-Feld
 * IDEA Datetime-local-Feld: Controls stylen
 */
.SP-Field--datetimeLocal .SP-Field__control {
  width: 13em;
}

/**
 * Time-Feld
 * IDEA Time-Feld: Controls stylen
 */
.SP-Field--time .SP-Field__control {
  width: 100%;
}

/**
 * Checkboxen und Radiobuttons
 * IDEA Checkboxen: stylen
 * IDEA Radtiobuttons: stylen
 */
.SP-Field--checkbox,
.SP-Field--radio {
  padding-bottom: 0.75rem 0.5rem 0.375rem 0.5rem;
  position: relative;
}

.SP-Field--checkbox .SP-Field__control,
.SP-Field--radio .SP-Field__control {
  float: left;
  height: 1em;
  min-height: auto;
  margin: calc(0.75rem 0.5rem 0.375rem 0.5rem + 1px + 1px) 0.5rem 0 0;
  position: absolute;
  width: 1em;
}

.SP-Field--checkbox .SP-Field__label, .SP-Field--checkbox .SP-Fieldset--checkboxgroup .SP-Legend, .SP-Fieldset--checkboxgroup .SP-Field--checkbox .SP-Legend,
.SP-Field--checkbox .SP-Fieldset--radiobuttons .SP-Legend, .SP-Fieldset--radiobuttons .SP-Field--checkbox .SP-Legend,
.SP-Field--radio .SP-Field__label,
.SP-Field--radio .SP-Fieldset--checkboxgroup .SP-Legend,
.SP-Fieldset--checkboxgroup .SP-Field--radio .SP-Legend,
.SP-Field--radio .SP-Fieldset--radiobuttons .SP-Legend,
.SP-Fieldset--radiobuttons .SP-Field--radio .SP-Legend {
  display: block;
  float: none;
  margin-left: 1.5rem;
  padding-top: 0.75rem 0.5rem 0.375rem 0.5rem;
  width: auto;
}

.SP-Field--checkbox--grouped,
.SP-Field--radio {
  margin-bottom: 0.5rem;
}

.SP-Field--checkbox--grouped .SP-Field__control,
.SP-Field--radio .SP-Field__control {
  margin-top: control-borderWidth1px;
}

.SP-Field--checkbox--grouped .SP-Field__label, .SP-Field--checkbox--grouped .SP-Fieldset--checkboxgroup .SP-Legend, .SP-Fieldset--checkboxgroup .SP-Field--checkbox--grouped .SP-Legend,
.SP-Field--checkbox--grouped .SP-Fieldset--radiobuttons .SP-Legend, .SP-Fieldset--radiobuttons .SP-Field--checkbox--grouped .SP-Legend,
.SP-Field--radio .SP-Field__label,
.SP-Field--radio .SP-Fieldset--checkboxgroup .SP-Legend,
.SP-Fieldset--checkboxgroup .SP-Field--radio .SP-Legend,
.SP-Field--radio .SP-Fieldset--radiobuttons .SP-Legend,
.SP-Fieldset--radiobuttons .SP-Field--radio .SP-Legend {
  padding: 0;
}

.SP-hasError .SP-Field--checkbox--grouped .SP-Field__label, .SP-hasError .SP-Field--checkbox--grouped .SP-Fieldset--checkboxgroup .SP-Legend, .SP-Fieldset--checkboxgroup .SP-hasError .SP-Field--checkbox--grouped .SP-Legend,
.SP-hasError .SP-Field--checkbox--grouped .SP-Fieldset--radiobuttons .SP-Legend, .SP-Fieldset--radiobuttons .SP-hasError .SP-Field--checkbox--grouped .SP-Legend, .SP-hasError .SP-Field--radio .SP-Field__label, .SP-hasError .SP-Field--radio .SP-Fieldset--checkboxgroup .SP-Legend, .SP-Fieldset--checkboxgroup .SP-hasError .SP-Field--radio .SP-Legend,
.SP-hasError .SP-Field--radio .SP-Fieldset--radiobuttons .SP-Legend, .SP-Fieldset--radiobuttons .SP-hasError .SP-Field--radio .SP-Legend {
  color: inherit;
}

.SP-Field--checkbox--grouped:last-child,
.SP-Field--radio:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.SP-Field--checkbox--inline,
.SP-Field--radio--inline {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2rem;
  padding-bottom: 0;
}

/**
 * Uploads
 */
.SP-Field--file__preview {
  margin-bottom: 0.25em;
  margin-top: 0.5em;
}

.SP-Field--file__preview--image {
  height: 100px;
  max-width: 100%;
}

.SP-FixedSize__raiser--uploadPreview .SP-FixedSize__content {
  width: auto;
}

/**
 * Fieldsets
 */
.SP-Fieldset--checkboxgroup,
.SP-Fieldset--radiobuttons {
  margin-bottom: 0.75rem 0.5rem 0.375rem 0.5rem;
  padding-bottom: 0.75rem 0.5rem 0.375rem 0.5rem;
  padding-top: 0.75rem 0.5rem 0.375rem 0.5rem;
}

.SP-Fieldset--checkboxgroup.SP-hasError .SP-Legend,
.SP-Fieldset--radiobuttons.SP-hasError .SP-Legend {
  color: #D9534F;
}

.SP-Fieldset--checkboxgroup .SP-Fields,
.SP-Fieldset--radiobuttons .SP-Fields {
  line-height: 1;
}

/**
 * Legende
 */
/**
 * Kompositionen aus mehreren Feldern
 */
/**
	* Feldgruppen
	*/
.SP-Composition {
  margin-bottom: 1.5rem;
}

.SP-Composition__inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.SP-Composition__inner .SP-Field {
  margin-bottom: 0.25em;
}

.SP-Composition__inner .SP-Field:not(:last-child) {
  margin-right: 0.5em;
}

/**
 * Button
 */
.SP-Button {
  background-color: #047897;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.1) 100%);
  border-radius: 5px;
  color: #FFFFFF;
  float: right;
}

.SP-Button:hover {
  background-color: rgba(4, 120, 151, 0.8);
}

.SP-Button[disabled], .SP-Button[disabled]:hover {
  background-color: #999999;
}

.SP-Button--inline {
  float: left;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  min-width: 0;
  margin-top: 0;
  margin-bottom: .4rem;
  margin-right: 0.15rem;
  height: 38px;
  width: 43px;
}

.SP-Button--inline span {
  font-size: 1rem;
  line-height: 1;
}

.SP-Button--inline + .SP-Button--inline {
  margin-top: 0;
}

.SP-Button__icon {
  top: 0px;
  margin-top: 0.5625rem;
  margin-left: 0.75rem;
}

/**
 * CityGOV
 */
#fieldset_buttons_citygovObjectSearch {
  max-width: calc(45.4px * 13);
}

/**
 * Blaue Variante
 */
.SP-Button--blue {
  background-color: #134D88;
}

.SP-Button--blue:hover {
  background-color: rgba(19, 77, 136, 0.8);
}

/**
 * alle Eingabefelder
 */
.SP-Field__label, .SP-Fieldset--checkboxgroup .SP-Legend,
.SP-Fieldset--radiobuttons .SP-Legend,
.SP-Fieldset--checkboxGroup .SP-Legend,
.SP-Fieldset--radioGroup .SP-Legend {
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 0.3125em;
}

.SP-Field__control,
.SP-Field__value {
  background-color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.25;
}

.SP-Field__control {
  border-color: #999999 #F0F0F0 #F0F0F0 #999999;
}

.SP-Field__control[disabled] {
  background-color: rgba(153, 153, 153, 0.3);
}

.SP-Field__error,
.SP-Field__hint {
  font-size: 0.875rem;
  line-height: 1.25;
}

/**
 * Fieldsets
 */
.SP-Fieldset {
  margin-bottom: 0.625em;
}

/**
 * Legenden
 */
.SP-Legend {
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.25;
  margin-bottom: 0.66667em;
}

/**
 * Quicksearch
 */
.SP-Field--quicksearch {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media print {
  .SP-Field--quicksearch {
    display: none;
  }
}

.SP-Field--quicksearch__button {
  background-color: #134D88;
  fill: #FFFFFF;
  height: 60px;
  width: 60px;
}

.SP-Field--quicksearch__button:hover {
  background-color: #5a82ac;
}

.SP-Field--quicksearch__button__icon {
  height: 100%;
  padding: 5px;
  width: 100%;
}

.SP-Field--quicksearch__control {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  flex-shrink: 1;
  -ms-flex-negative: 1;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 0;
  color: #333333;
  font: 1.5rem "Source Sans Pro", Arial, Verdana, sans-serif;
  max-width: calc(90vw - 60px);
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1rem;
}

/**
 * Suggest
 */
.SP-Suggest__wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10001;
}

.debug input[type="search"] ~ .SP-Suggest__wrapper {
  display: none;
}

.debug input[type="search"]:focus ~ .SP-Suggest__wrapper {
  /* for Patternlab */
  display: block;
}

.SP-Suggest {
  border: 1px solid #999999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.SP-Suggest li {
  background-color: #FFFFFF;
  cursor: pointer;
  display: list-item;
  font-size: 1.25rem;
  overflow: hidden;
  padding: 0.5rem 1rem;
  width: 100%;
}

.SP-Suggest li a {
  color: inherit;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SP-Suggest li:nth-child(2n) {
  background-color: #F0F0F0;
}

.SP-Suggest li:hover,
.SP-Suggest li.active {
  background-color: #134D88;
  color: #FFFFFF;
}

.SP-Suggest li .SP-Suggest__amount {
  display: none;
}

/*
 * Fehlermeldungen im Formular
 */
.SP-Errors__anchor {
  color: #D9534F;
}

.SP-Errors__headline {
  margin-bottom: .25rem;
}

.SP-WebAccount td, .SP-WebAccount th {
  padding: .5em;
}

.SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a {
  display: inline-block;
  text-decoration: underline;
  font-size: 14px !important;
}

/**
 * Basis-Styles
 */
body {
  background-color: #FFFFFF;
  color: #444444;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1rem;
}

button {
  cursor: pointer;
}

.SP-Grid__wrapper {
  padding: 0 3.75vw;
}

@media (min-width: 30em) {
  .SP-Grid__wrapper {
    padding: 0 2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-Grid__wrapper {
    margin: 0 4vw;
    padding: 0 2vw;
  }
}

@media (min-width: 60em) {
  .SP-Grid__wrapper {
    margin: 0 2.8vw;
    padding: 0 1.4vw;
  }
}

@media (min-width: 80em) {
  .SP-Grid__wrapper {
    margin: 0 5.6vw;
    padding: 0 1.4vw;
  }
}

@media (min-width: 88.25em) {
  .SP-Grid__wrapper {
    margin: 0 auto;
    padding: 0 19px;
    max-width: 1250px;
  }
}

.SP-Grid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.SP-Grid:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 30em) {
  .SP-Grid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .SP-Grid:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 40em) {
  .SP-Grid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .SP-Grid:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 60em) {
  .SP-Grid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .SP-Grid:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media print {
  .SP-Grid__wrapper {
    padding: 0 2.875vw;
  }
  .SP-Grid {
    min-width: 100%;
  }
}

/**
 * zieht das Element um je nach breakpoint nach links raus und behält die Größe
 */
.SP-Grid__pull {
  clear: both;
}

@media (min-width: 40em) {
  .SP-Grid__pull {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-left: -17.18390805%;
    float: none;
  }
}

@media (min-width: 60em) {
  .SP-Grid__pull {
    width: 85.33594899%;
    float: left;
    margin-right: 2.64835704%;
    margin-left: -29.32810201%;
    float: none;
  }
}

/**
 * zieht das Element um je nach breakpoint nach links raus und vergrößert es
 */
@media (min-width: 40em) {
  .SP-Grid__pullOpen {
    width: 134.36781609%;
    float: left;
    margin-right: 3.10344828%;
    margin-left: -17.18390805%;
  }
}

@media (min-width: 60em) {
  .SP-Grid__pullOpen {
    width: 129.32810201%;
    float: left;
    margin-right: 2.64835704%;
    margin-left: -29.32810201%;
  }
}

.SP-Grid__pullOpen + * {
  clear: both;
}

/**
 * zieht das Element in die padding-Gosse vom Wrapper
 */
.SP-Grid__pre {
  margin-left: -3.75vw;
}

@media (min-width: 30em) {
  .SP-Grid__pre {
    margin-left: -2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-Grid__pre {
    margin-left: -2vw;
  }
}

@media (min-width: 60em) {
  .SP-Grid__pre {
    margin-left: -1.4vw;
  }
}

@media (min-width: 88.25em) {
  .SP-Grid__pre {
    margin-left: -19px;
  }
}

/**
 * zieht das Element in die padding-Gosse vom Wrapper
 */
.SP-Grid__post {
  margin-right: -3.75vw;
}

@media (min-width: 30em) {
  .SP-Grid__post {
    margin-right: -2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-Grid__post {
    margin-right: -2vw;
  }
}

@media (min-width: 60em) {
  .SP-Grid__post {
    margin-right: -1.4vw;
  }
}

@media (min-width: 88.25em) {
  .SP-Grid__post {
    margin-right: -19px;
  }
}

/**
 * zieht das Element in die padding-Gosse vom Wrapper und padded den INhalt erneut
 */
@media (min-width: 40em) {
  .SP-Grid__bleed {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: -2vw;
    margin-left: -2vw;
    padding-right: 2vw;
    padding-left: 2vw;
  }
}

@media (min-width: 60em) {
  .SP-Grid__bleed {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: -1.4vw;
    margin-left: -1.4vw;
    padding-right: 1.4vw;
    padding-left: 1.4vw;
  }
}

@media (min-width: 88.25em) {
  .SP-Grid__bleed {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: -19px;
    margin-left: -19px;
    padding-right: 19px;
    padding-left: 19px;
  }
}

.SP-Headline .SP-Link, .SP-Headline--section .SP-Link, .SP-Headline--paragraph .SP-Link, .SP-Facets__headline .SP-Link, .SP-Audio__title .SP-Link, .SP-Video__title .SP-Link, .SP-Headline .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Headline a, .SP-Headline--section .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Headline--section a, .SP-Headline--paragraph .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Headline--paragraph a, .SP-Facets__headline .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Facets__headline a, .SP-Audio__title .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Audio__title a, .SP-Video__title .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Video__title a {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/**
 * Artikelüberschrift
 */
.SP-Headline--article {
  clear: both;
  color: #333333;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.875rem;
  padding-top: 1.25em;
  padding-bottom: 0.97223em;
}

@media (min-width: 60em) {
  .SP-Headline--article {
    font-size: 2.25rem;
  }
}

@media print {
  .SP-Headline--article {
    page-break-after: avoid;
  }
}

/**
 * Sektionsüberschrift
 */
.SP-Headline--section {
  border-bottom: 1px solid #333333;
  color: #047897;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: 1em;
  margin-top: 1.75em;
  padding-bottom: 0.25em;
  text-transform: uppercase;
}

.SP-Headline--section .SP-Iconized__icon {
  top: 3px;
  fill: #555555;
}

@media print {
  .SP-Headline--section {
    page-break-after: avoid;
  }
}

/**
 * Absatzüberschrift
 */
.SP-Headline--paragraph, .SP-Facets__headline {
  color: #333333;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.83334em;
}

@media print {
  .SP-Headline--paragraph, .SP-Facets__headline {
    page-break-after: avoid;
  }
}

/**
 * Blocküberschrift
 */
.SP-Headline--block {
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-weight: 600;
  margin-bottom: 0.5em;
}

@media print {
  .SP-Headline--block {
    page-break-after: avoid;
  }
}

/**
 * Gruppenüberschrift
 */
.SP-Headline--group {
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-weight: 600;
  margin-bottom: 0.5em;
}

@media print {
  .SP-Headline--group {
    page-break-after: avoid;
  }
}

/**
 * Intro
 */
.SP-Headline--description {
  background-color: #F0F0F0;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.66667;
  margin-bottom: 1.94445em;
  padding: 1em;
}

@media (max-width: 29.9375em) {
  .SP-Headline--description {
    margin-left: -3.75vw;
    margin-right: -3.75vw;
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}

@media (min-width: 30em) and (max-width: 39.9375em) {
  .SP-Headline--description {
    margin-left: -2.875vw;
    margin-right: -2.875vw;
    padding-left: 2.875vw;
    padding-right: 2.875vw;
  }
}

@media print {
  .SP-Headline--description {
    page-break-after: avoid;
  }
}

.SP-Headline--description__inner {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  /* Padding rechts und links sind Grid-Werte */
}

/**
 * Standard-Link
 */
.SP-Link, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a {
  cursor: pointer;
  fill: currentColor;
}

/**
 * Links mit Wrapper und Label
 */
.SP-Link__wrapper .SP-Link__label,
.SP-Link__wrapper .SP-Link,
.SP-Link__wrapper .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a,
.SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Link__wrapper a {
  display: inline;
}

.SP-Link__wrapper .SP-Link__label:after {
  content: ":";
}

/**
 * Download
 */
.SP-Download__fileInfo {
  display: inline-block;
  white-space: nowrap;
}

.SP-Download__fileInfo:before {
  content: "\00a0(";
}

.SP-Download__fileInfo:after {
  content: ")";
}

.SP-Download__fileType + .SP-Download__fileSize:before {
  content: "\00a0|\00a0";
}

/**
 * E-Mail-Links
 */
[data-sp-email] i,
.SP-Link--email i,
.SP-encrypted-email i {
  /* stylelint-disable-line */
  font-style: normal;
}

[data-sp-email] i:before,
.SP-Link--email i:before,
.SP-encrypted-email i:before {
  /* stylelint-disable-line */
  content: "@";
}

[data-sp-email] i:after,
.SP-Link--email i:after,
.SP-encrypted-email i:after {
  /* stylelint-disable-line */
  content: ".";
}

@media (max-width: 39.9375em) {
  [data-sp-email],
  .SP-Link--email,
  .SP-encrypted-email {
    word-break: break-all;
  }
}

/**
 * Einfacher Link
 */
.SP-Link, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a {
  color: #333333;
  font: 600 1rem/1.25 "Source Sans Pro", Arial, Verdana, sans-serif;
  font-weight: 600;
}

.SP-Link:active, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a:active, .SP-Link:hover, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a:hover {
  color: rgba(85, 85, 85, 0.7);
}

.SP-Link__icon {
  top: 0.125rem;
  fill: #047897;
}

/**
 * Anker
 */
.SP-Anchor {
  color: #333333;
  font: 1.25rem/1.25 "Source Sans Pro", Arial, Verdana, sans-serif;
  padding-bottom: 1rem;
  text-transform: uppercase;
}

.SP-Anchor:active, .SP-Anchor:hover {
  color: rgba(51, 51, 51, 0.7);
}

.SP-Anchor__icon {
  top: 0.15625rem;
  fill: #999999;
}

/**
 * Trigger
 */
.SP-Trigger {
  height: 45px;
  padding: 6px;
  width: 45px;
  margin-left: 0.5rem;
}

.SP-Trigger--events,
.SP-Trigger--language,
.SP-Trigger--map,
.SP-Trigger--hotels {
  display: none;
}

@media (min-width: 40em) {
  .SP-Trigger--events {
    display: block;
  }
}

@media (min-width: 60em) {
  .SP-Trigger {
    background: rgba(255, 255, 255, 0.9);
    fill: #333333;
    height: 50px;
    margin-top: 5px;
    padding: 10px;
    width: 50px;
  }
  .SP-Trigger--navigation,
  .SP-Trigger--search {
    display: none;
  }
  .SP-Trigger--language,
  .SP-Trigger--map,
  .SP-Trigger--hotels,
  .SP-Header--small .SP-Trigger--search {
    display: block;
  }
  .SP-Header--small .SP-Trigger--search {
    background-color: #134D88;
    fill: #FFFFFF;
  }
}

/**
 * Links in Linkboxen
 */
/**
	* Links für LinkBox
	*/
.SP-Link--linkbox {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
}

.SP-Link--linkbox .SP-Link__icon {
  fill: #FFFFFF;
}

.SP-Link--linkbox:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.SP-Logo {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  max-height: 60px;
  min-height: 60px;
  position: relative;
}

@media (min-width: 40em) {
  .SP-Logo {
    max-height: 73px;
    min-height: 73px;
  }
}

@media (min-width: 60em) {
  .SP-Logo {
    display: inline-block;
    height: auto;
    max-height: 127px;
  }
}

@media (min-width: 80em) {
  .SP-Logo {
    max-height: 156px;
  }
}

@media (min-width: 19.9375em) and (max-width: 20em) {
  .SP-Logo--hasAdditionalText .SP-Logo__image {
    display: none;
  }
}

.SP-Logo__link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SP-Logo__text {
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-left: .25rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 19.9375em) {
  .SP-Logo--hasAdditionalText .SP-Logo__text {
    display: none;
  }
}

@media (min-width: 25em) {
  .SP-Logo__text {
    font-size: 1.75rem;
    font-weight: 600;
  }
}

@media (min-width: 60em) {
  .SP-Logo__text {
    display: none;
  }
}

.SP-Logo__image {
  display: block;
  height: 100%;
  max-height: 60px;
  min-width: 38px;
  /* required for SVG */
  width: auto;
}

@media (min-width: 40em) {
  .SP-Logo__image {
    max-height: 73px;
  }
}

@media (min-width: 60em) {
  .SP-Logo__image {
    max-height: 127px;
  }
}

@media (min-width: 80em) {
  .SP-Logo__image {
    max-height: 156px;
  }
}

.SP-Header__logo--microsite--small .SP-Logo__image {
  object-fit: contain;
  object-position: left;
  font-family: "object-fit: contain; object-position: left;";
  /* wichtig für den object-fit-Polyfill */
}

@media (min-width: 80em) {
  .SP-Header__logo--pb .SP-Logo__image {
    max-height: 127px;
  }
}

@media (max-width: 39.9375em) {
  .SP-Header__logo--pb {
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    box-ordinal-group: -1;
    -webkit-order: -1;
    -moz-order: -1;
    order: -1;
    -ms-flex-order: -1;
    -webkit-flex-grow: 0 !important;
    -moz-flex-grow: 0 !important;
    flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
  }
  .SP-Header__logo--microsite .SP-Logo__image {
    display: none;
  }
}

@media (min-width: 40em) {
  .SP-Header__logo--microsite .SP-Logo__text {
    display: none;
  }
}

@media (max-width: 40em) {
  .SP-Logo__image--main {
    height: 60px;
  }
}

@media (min-width: 60em) {
  .SP-Logo__image--main {
    width: 100%;
  }
}

/**
 * grafikfreie Variante
 */
.SP-Logo--hasOnlyText {
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: #047897;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  color: #FFFFFF;
  font-size: 1.5rem;
  height: 75px;
  max-width: 280px;
  padding-left: 1em;
  padding-right: 1em;
}

/**
 * Vendor
 */
/**
 * Ohne Vergrößerung
 * TODO: Polyfill für object-fit
 */
.SP-Graphic {
  object-fit: scale-down;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
  /* wichtig für den object-fit-Polyfill */
}

/**
 * Kopfillustration
 */
.SP-Asset--illustration {
  display: none;
}

@media (min-width: 60em) {
  .SP-Asset--illustration {
    display: block;
  }
}

.SP-Illustration {
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

/**
 * Assets
 */
/*
.SP-Asset__copyright {
	include typeface-by-key(asset__copyright);
}
*/
/**
 * Illustration
 * so selektiert, weil Markup aus dem Picture-Helper
 */
/*
.SP-Asset--illustration .SP-Asset__raiser {
	padding-top: 580px;
}
.SP-Asset--illustration .SP-Asset__content {
	object-fit: cover;
	object-position: center center;
	font-family: "object-fit: cover; object-position: center center;";
}
*/
/**
 * Intro
 */
/*
.SP-Asset--intro {
	width: auto;
	min-width: 100%;
}
.SP-Asset--intro .SP-Asset__raiser {
	padding-top: 62.5%;
}
@include breakpoint(get-breakpoint(md)) {
	.SP-Asset--intro .SP-Asset__raiser {
		padding-top: 58.5%;
	}
}
@include breakpoint(get-breakpoint(lg)) {
	.SP-Asset--intro .SP-Asset__raiser {
		padding-top: 57.5%;
	}
}
@include breakpoint(get-breakpoint(xl)) {
	.SP-Asset--intro {
		.SP-Asset__raiser {
			padding-top: 730px;
		}
		.SP-Asset__content {
			object-fit: cover;
			object-position: center center;
			font-family: "object-fit: cover; object-position: center center;";
		}
	}
}
*/
/**
 * Trenner
 */
.SP-Separator {
  border: none;
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
}

.SP-Separator--visible {
  border-bottom: 1px solid #000000;
  margin-bottom: 1.25rem;
}

/**
 * Sichtbare Trennlinie
 */
.SP-Separator--visible {
  border-color: #047897;
}

/**
 * Default Text
 */
/**
 * Blockquote
 */
.SP-Quote blockquote ol:last-child,
.SP-Quote blockquote p:last-child,
.SP-Quote blockquote table:last-child,
.SP-Quote blockquote ul:last-child {
  margin-bottom: 0;
}

.SP-Quote blockquote p:only-child {
  display: inline;
}

/**
 * Text
 */
.SP-Paragraph, .SP-Annotation {
  font-size: 1rem;
  line-height: 1.75;
}

.SP-Paragraph table, .SP-Annotation table {
  margin-bottom: 2.25rem;
}

.SP-Paragraph a, .SP-Annotation a {
  color: #047897;
}

.SP-Paragraph a:hover, .SP-Annotation a:hover, .SP-Paragraph a:focus, .SP-Annotation a:focus {
  color: #035165;
  text-decoration: underline;
}

.SP-Paragraph caption, .SP-Annotation caption {
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}

.SP-Paragraph tr, .SP-Annotation tr {
  background-color: #FFFFFF;
  border-color: #999999;
  color: #333333;
}

.SP-Paragraph tr:nth-child(2n), .SP-Annotation tr:nth-child(2n) {
  background-color: #F0F0F0;
}

.SP-Paragraph tr:hover, .SP-Annotation tr:hover {
  background-color: rgba(4, 120, 151, 0.2);
}

.SP-Paragraph th, .SP-Annotation th,
.SP-Paragraph td[data-label]:before,
.SP-Annotation td[data-label]:before {
  font-weight: 600;
}

.SP-Paragraph small, .SP-Annotation small {
  font-size: smaller;
}

.SP-Paragraph [style], .SP-Annotation [style] {
  font: inherit !important;
}

/**
 * Zitat
 */
.SP-Quote {
  border-top: 1px solid #047897;
  border-bottom: 1px solid #047897;
  clear: both;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-top: 2rem;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

@media print {
  .SP-Quote {
    page-break-inside: avoid;
  }
}

.SP-Quote.SP-Text {
  margin-bottom: 2rem;
}

/**
 * Intro
 */
.SP-Intro {
  background-color: #F0F0F0;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.66667;
  margin-bottom: 1.94445em;
}

@media (max-width: 29.9375em) {
  .SP-Intro {
    margin-left: -3.75vw;
    margin-right: -3.75vw;
    padding-left: 3.75vw;
    padding-right: 3.75vw;
  }
}

@media (min-width: 30em) and (max-width: 39.9375em) {
  .SP-Intro {
    margin-left: -2.875vw;
    margin-right: -2.875vw;
    padding-left: 2.875vw;
    padding-right: 2.875vw;
  }
}

.SP-Intro__inner {
  padding-top: 1em;
  padding-bottom: 1em;
  /* Padding rechts und links sind Grid-Werte */
}

/**
 * Content-Intro, derzeit nur bei Veranstaltungen
 */
.SP-ContentIntro {
  font-size: 1.125rem;
  line-height: 1.6667;
  margin-bottom: 1.25rem;
}

/**
 * Sprungmarken
 */
.SP-SkipToContent {
  background-color: #FFFFFF;
  border-bottom: 2px solid #000000;
  color: #000000;
  display: block;
  left: 2px;
  padding: .5em 2em;
  position: absolute;
  top: 2px;
  width: auto;
  z-index: 10000;
  /* really above all */
}

.SP-SkipToContent:focus {
  clip: auto;
}

/**
* Molecules
*/
/**
 * Vendor
 */
/**
 * alle Assets
 */
.SP-Asset {
  /* overflow: hidden; verhindert :focus*/
  position: relative;
}

.SP-Asset__icons {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  position: absolute;
  top: -1px;
  right: -1px;
  /* wg. Rundungsproblemen*/
  pointer-events: none;
  z-index: 2;
}

.SP-Asset__icon {
  margin-left: 5px;
  padding: 8px;
  width: 40px;
  height: 40px;
}

.SP-Asset__caption {
  display: block;
  position: relative;
}

.SP-Asset__caption__text,
.SP-Asset__caption__copyright {
  display: block;
}

/**
 * Youtube
 */
.SP-Youtube__preview {
  background-color: #000000;
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%;
}

.SP-Youtube.SP-isStarted .SP-Youtube__preview {
  display: none;
}

.SP-Youtube__dataProtection {
  display: none;
}

.SP-Youtube__preview__icon {
  height: 5rem;
  left: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  position: absolute;
  top: 50%;
  width: 4rem;
}

.SP-Youtube.SP-isNotification .SP-Youtube__preview {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.SP-Youtube.SP-isNotification .SP-Youtube__preview__icon {
  display: none;
}

.SP-Youtube.SP-isNotification .SP-Youtube__dataProtection {
  cursor: pointer;
  display: block;
  position: relative;
  background: rgba(255, 255, 255, 0.85);
  width: 85%;
  padding: 1rem;
}

@media (min-width: 480px) {
  .SP-Youtube.SP-isNotification .SP-Youtube__dataProtection {
    line-height: 1.25;
  }
}

.SP-Youtube.SP-isNotification .SP-Youtube__dataProtection span:after {
  content: " ";
}

.SP-Youtube.SP-isNotification .SP-Youtube__dataProtection button {
  color: #CC181E;
  cursor: pointer;
  padding: 0;
}

.SP-Youtube__preview__image {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  position: absolute;
  top: 50%;
}

.SP-Youtube__video {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
}

.SP-Asset {
  margin-bottom: 1.25rem;
  position: relative;
}

.SP-Asset .SP-Asset {
  margin-bottom: 0;
}

.SP-Asset__icon {
  background-color: rgba(240, 240, 240, 0.5);
  fill: #555555;
}

@media print {
  .SP-Asset__icon {
    display: none !important;
  }
}

.SP-Asset__caption {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  background-color: #F0F0F0;
  padding: 0.375em 0.5em 0.625em .5em;
}

.SP-Asset__caption__copyright {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
  font-size: 0.75rem;
  line-height: 1.25;
}

.SP-Asset__caption__text {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
  -ms-flex-order: 1;
  font-size: 1rem;
  line-height: 1.25;
  margin-bottom: 0.3125em;
}

/**
 * Als Illustration im Intro
 */
.SP-Asset--illustration {
  margin-bottom: 0;
}

.SPu-lazyload,
.SP-isLazyloading {
  opacity: 0;
}

.SP-isLazyloaded {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  will-change: opacity;
  opacity: 1;
}

/**
 * Linkstehende Bilder in klein und mittel
 */
.SP-Asset--left {
  clear: left;
  float: left;
}

@media (min-width: 320px) {
  .SP-Asset--left.SP-Asset--small {
    width: 47.6357268%;
    float: left;
    margin-right: 4.72854641%;
  }
}

@media (min-width: 480px) {
  .SP-Asset--left.SP-Asset--small {
    width: 31.26436782%;
    float: left;
    margin-right: 3.10344828%;
  }
}

@media (min-width: 640px) {
  .SP-Asset--left.SP-Asset--small {
    width: 31.26436782%;
    float: left;
    margin-right: 3.10344828%;
  }
}

@media (min-width: 960px) {
  .SP-Asset--left.SP-Asset--small {
    width: 41.34379598%;
    float: left;
    margin-right: 2.64835704%;
  }
}

@media (min-width: 480px) {
  .SP-Asset--left.SP-Asset--medium {
    width: 48.44827586%;
    float: left;
    margin-right: 3.10344828%;
  }
}

@media (min-width: 640px) {
  .SP-Asset--left.SP-Asset--medium {
    width: 48.44827586%;
    float: left;
    margin-right: 3.10344828%;
    margin-left: -17.18390805%;
  }
}

@media (min-width: 960px) {
  .SP-Asset--left.SP-Asset--medium {
    width: 56.00784698%;
    float: left;
    margin-right: 2.64835704%;
    margin-left: -29.32810201%;
  }
}

/**
 * Rechtsstehende Bilder in klein und mittel
 */
.SP-Asset--right {
  clear: right;
  float: right;
}

@media (min-width: 320px) {
  .SP-Asset--right.SP-Asset--small {
    width: 47.6357268%;
    float: right;
    margin-left: 4.72854641%;
  }
}

@media (min-width: 480px) {
  .SP-Asset--right.SP-Asset--small {
    width: 31.26436782%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 640px) {
  .SP-Asset--right.SP-Asset--small {
    width: 31.26436782%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 960px) {
  .SP-Asset--right.SP-Asset--small {
    width: 41.34379598%;
    float: right;
    margin-left: 2.64835704%;
  }
}

@media (min-width: 480px) {
  .SP-Asset--right.SP-Asset--medium {
    width: 48.44827586%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 640px) {
  .SP-Asset--right.SP-Asset--medium {
    width: 48.44827586%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 960px) {
  .SP-Asset--right.SP-Asset--medium {
    width: 56.00784698%;
    float: right;
    margin-left: 2.64835704%;
  }
}

/**
 * Große Bilder
 */
@media (min-width: 960px) {
  .SP-Asset--large {
    width: 85.33594899%;
    float: left;
    margin-right: 2.64835704%;
    margin-left: -29.32810201%;
  }
}

/**
 * Sehr große Bilder
 */
.SP-Asset--full {
  clear: both;
}

@media (min-width: 60em) {
  .SP-Asset--pair__short {
    clear: none;
  }
  .SP-Asset--right.SP-Asset--pair__short {
    margin-left: 0;
  }
  .SP-Asset--left.SP-Asset--pair__short {
    margin-right: 0;
  }
}

/**
 * als Slider
 */
.SP-GallerySlider .slick-arrow {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  fill: #555555;
  font-size: 0;
  height: 51px;
  line-height: 0;
  padding: 0.75rem;
  position: absolute;
  top: calc(50% - 30px);
  transform: translateY(-50%);
  width: 51px;
  z-index: 1000;
}

@media print {
  .SP-GallerySlider .slick-arrow {
    display: none !important;
  }
}

.SP-GallerySlider .slick-prev {
  left: -15px;
}

.SP-GallerySlider .slick-next {
  right: -15px;
}

.SP-Audio__audio {
  display: block;
  width: 100%;
}

@media print {
  .SP-Audio__audio {
    border: 2px solid currentcolor;
  }
}

.SP-Audio {
  margin-bottom: 1.25rem;
}

.SP-Audio:last-child {
  margin-bottom: 0;
}

.SP-Audio__title {
  color: #333333;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 0.7em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SP-Audio__audio {
  position: relative;
}

.SP-BannerSlider {
  background: #FFFFFF;
  padding: 1rem 30px;
}

.SP-BannerSlider .SP-Asset {
  margin-bottom: 0;
}

.SP-BannerSlider__item {
  margin: 0px;
  padding: 20px;
  position: relative;
}

.SP-BannerSlider__item::before {
  border: 1px solid #999999;
  border-radius: 3px;
  bottom: 10px;
  content: "";
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.SP-BannerSlider .slick-arrow {
  background: #FFFFFF;
  border: none;
  border-top: 62px solid transparent;
  border-bottom: 62px solid transparent;
  cursor: pointer;
  height: 0;
  margin-top: -65px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 0;
}

.SP-BannerSlider .slick-prev {
  border-right: 15px solid #F0F0F0;
  left: 0;
}

.SP-BannerSlider .slick-next {
  border-left: 15px solid #F0F0F0;
  right: 0;
}

.SP-FixedSize__content--bannerSlider {
  object-fit: contain;
  object-position: center center;
  font-family: "object-fit: contain; object-position: center center;";
  /* wichtig für den object-fit-Polyfill */
}

@media print {
  .SP-BannerSlider {
    padding: 1rem 0;
    margin: 0 -1em 0 1em !important;
  }
  .SP-BannerSlider .slick-arrow {
    display: none !important;
  }
  .slick-track {
    width: 100% !important;
    transform: unset !important;
  }
  .SP-BannerSlider__item {
    page-break-inside: avoid;
    width: calc(25% - 1.75rem) !important;
  }
  .SP-BannerSlider__item.slick-cloned {
    display: none !important;
  }
}

.SP-Buttons {
  align-items: center;
  display: flex;
}

.SP-Buttons {
  flex-wrap: wrap;
  gap: 3.6vw;
  justify-content: space-between;
}

.SP-Fieldset + .SP-Buttons {
  margin-top: -0.625em;
}

@media (min-width: 30em) {
  .SP-Buttons {
    gap: 2.8vw;
  }
}

@media (min-width: 40em) {
  .SP-Buttons {
    gap: 2vw;
  }
}

@media (min-width: 60em) {
  .SP-Buttons {
    gap: 1.35vw;
  }
}

@media (min-width: 88.25em) {
  .SP-Buttons {
    gap: 1.125rem;
  }
}

.SP-Buttons .SP-Button + .SP-Button {
  margin-top: 0;
}

.SP-ConsentBanner {
  left: 0;
  max-height: 100vh;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
}

.SP-ConsentBanner {
  background-color: #FFFFFF;
  box-shadow: rgba(50, 50, 93, 0.25) 0 13px 27px -5px, rgba(0, 0, 0, 0.3) 0 8px 16px -8px;
  color: inherit;
}

.SP-ConsentBanner__inner {
  display: flex;
  flex-direction: column;
}

.SP-ConsentBanner__settings {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.SP-ConsentBanner__buttons {
  align-self: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

@media (max-width: 39.9375rem) {
  .SP-ConsentBanner__inner,
  .SP-ConsentBanner__settings {
    align-items: center;
  }
  .SP-ConsentBanner__buttons {
    align-items: stretch;
    display: inline-flex;
    flex-direction: column;
    max-width: 100%;
  }
  .SP-ConsentBanner__button {
    width: 100%;
  }
}

.SP-ConsentBanner {
  border-bottom: solid 0.3125rem #047897;
}

.SP-ConsentBanner__inner {
  padding: 1rem 1rem 1.5rem 1rem;
}

.SP-ConsentBanner__headline:first-child {
  margin-top: 0.75em;
}

.SP-ConsentBanner__link {
  margin-bottom: 1.25rem;
}

.SP-ConsentBanner__form .SP-Collapsible__content {
  padding-bottom: 0;
}

.SP-Collapsible__content > .SP-ConsentBanner__form {
  margin-top: 2rem;
}

.SP-Contact {
  background-color: #F0F0F0;
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding-top: 0.9375rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.SP-Contact .SP-Collapsible__trigger__text {
  color: #047897;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: 1em;
  margin-top: 1.75em;
  padding-bottom: 0.25em;
  text-transform: uppercase;
}

.SP-Contact__header__title {
  margin-bottom: 0.5rem;
}

.SP-Contact__main {
  position: relative;
}

.SP-Contact__image,
.SP-Contact__block,
.SP-Contact__header,
.SP-Contact__secondary,
.SP-Contact__collapsible {
  margin-bottom: 1.75rem;
}

.SP-Contact__button {
  margin-bottom: 10px;
}

.SP-Contact__collapsible__trigger {
  border-bottom: 1px solid #444444;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}

.SP-Contact__block:last-child {
  margin-bottom: 0;
}

.SP-Contact__block--mobile {
  text-align: center;
}

.SP-Contact__block--mobile .SP-Button {
  float: left;
  margin-right: 5%;
  width: 45%;
}

.SP-Contact__block--mobile .SP-Button + .SP-Button {
  float: right;
  margin-left: 5%;
  margin-right: 0;
  margin-top: 0;
  width: 45%;
}

@media print {
  .SP-Contact__block--mobile .SP-Button {
    display: none;
  }
}

@media (min-width: 40em) {
  .SP-Contact__main {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }
  .SP-Contact__image,
  .SP-Contact__block,
  .SP-Contact__collapsible {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    overflow: hidden;
  }
  .SP-Contact__image {
    width: 80%;
  }
  .SP-Contact__block--mobile,
  .SP-Contact__collapsible__trigger {
    display: none;
  }
}

.SP-PrivacyBarrier__content {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.SP-PrivacyBarrier__text {
  max-width: 100%;
  text-align: center;
}

.SP-PrivacyBarrier {
  margin-bottom: 1.25rem;
}

.SP-PrivacyBarrier .SP-Box {
  background-color: #F0F0F0;
  padding: 1.75em 1.75em 2.25em 1.75em;
}

.SP-PrivacyBarrier__type {
  align-items: center;
  background-color: #047897;
  border-radius: 50%;
  color: #FFFFFF;
  display: flex;
  height: 4rem;
  margin-bottom: 1.25rem;
  justify-content: center;
  width: 4rem;
}

.SP-PrivacyBarrier__type__icon {
  fill: currentColor;
  height: 2.5rem;
  padding: 0.2rem;
  width: 2.5rem;
}

.SP-PrivacyBarrier__text {
  max-width: 100%;
  /* required for IE11 */
}

.SP-EventInformation {
  background-color: #8D0073;
  background-image: linear-gradient(110deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  clear: both;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
  margin-top: 0.5rem;
}

.SP-EventInformation__datetime {
  display: block;
  padding: 1rem;
  line-height: 1.5rem;
}

.SP-EventInformation__datetime + * {
  /* TODO Dependency entfernen */
  border-top: 1px solid rgba(240, 240, 240, 0.5);
  padding-top: 0.75rem;
}

.SP-EventInformation__categoryzation {
  padding-left: 35px;
  font-weight: bold;
}

.SP-EventInformation__locations,
.SP-EventInformation__link,
.SP-EventInformation__link .SP-Link,
.SP-EventInformation__link .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a,
.SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-EventInformation__link a {
  display: inline;
}

.SP-EventInformation__time {
  white-space: nowrap;
}

.SP-EventInformation__datetime__begin,
.SP-EventInformation__datetime__end {
  display: inline-block;
}

.SP-EventInformation__datetime__end:before {
  content: " – ";
}

.SP-EventInformation__date {
  margin-bottom: 0.25rem;
}

.SP-ScheduledTeaser__scheduling .SP-EventInformation__date {
  margin-left: 1em;
}

.SP-EventInformation__datetime .SP-EventInformation__date:nth-child(2) {
  margin-left: 1em;
}

@media (min-width: 30em) {
  .SP-EventInformation__datetime .SP-EventInformation__date {
    display: block;
  }
  .SP-EventInformation__datetime .SP-EventInformation__date:nth-child(2) {
    margin: 0;
  }
}

.SP-EventInformation__headline {
  font-weight: 600;
}

.SP-EventInformation__location,
.SP-EventInformation__moreDates {
  padding-left: 1rem;
  padding-right: 1rem;
}

.SP-EventInformation__location a,
.SP-EventInformation__moreDates a {
  color: #FFFFFF;
}

.SP-EventInformation__location a .SP-Link__icon,
.SP-EventInformation__moreDates a .SP-Link__icon {
  /* TODO Dependency entfernen */
  fill: currentColor !important;
}

.SP-EventInformation__location a:hover,
.SP-EventInformation__moreDates a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

.SP-EventInformation__location {
  border-bottom: 1px solid rgba(240, 240, 240, 0.5);
}

.SP-EventInformation__location.SP-LinkList {
  margin-bottom: 1rem;
}

.SP-EventInformation__moreDates {
  padding-bottom: 0.25rem;
}

.SP-EventInformation__moreDates.SP-LinkList--inline .SP-LinkList__item:not(:last-child) {
  padding-right: 0.5em;
}

@media (min-width: 480px) {
  .SP-EventInformation--right {
    width: 48.44827586%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 640px) {
  .SP-EventInformation--right {
    width: 48.44827586%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 960px) {
  .SP-EventInformation--right {
    width: 41.34379598%;
    float: right;
    margin-left: 2.64835704%;
  }
}

.SP-EventCalendar .SP-Composition__inner {
  display: flex;
  flex-wrap: wrap;
}

.SP-EventCalendar .SP-Composition__inner .SP-Select {
  width: 100%;
}

.SP-EventCalendar .SP-Composition__inner .SP-Field--select {
  min-width: 100%;
}

.SP-EventCalendar .SP-Composition__inner .SP-Field--date {
  min-width: 100%;
}

.SP-EventCalendar .SP-Composition__inner .SP-Field--date .SP-Field__control {
  max-width: 100%;
}

@media (min-width: 30em) {
  .SP-EventCalendar .SP-Composition__inner .SP-Field--date {
    min-width: unset;
  }
  .SP-EventCalendar .SP-Composition__inner .SP-Field--date .SP-Field__control {
    max-width: 19.1em;
  }
}

@media (min-width: 60em) {
  .SP-EventCalendar .SP-Composition__inner .SP-Field--select {
    min-width: unset;
  }
}

.SP-Feed__items {
  margin-bottom: 1.25rem;
}

.SP-Feed__more {
  float: none;
}

.SP-Form {
  clear: both;
  margin-bottom: 2rem;
}

.SP-Form:last-child {
  margin-bottom: 0;
}

.SP-Field--spaceAfter {
  margin-bottom: 2rem;
}

.SP-Field--checkboxTree {
  padding-left: 2rem;
}

/**
 * Formular: Fehlermeldungen
 */
.SP-Errors {
  margin-bottom: 1rem;
}

.SP-Gallery {
  clear: both;
}

.SP-Gallery__list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.SP-Gallery__item {
  /* 1. */
  /*
	border-radius: 50px;
	*/
  position: relative;
  /*overflow: hidden; verhindert :focus*/
  margin-bottom: 1rem;
  /* 2. */
  /*
	&::before {
		@include fill-parent(2, $with-pseudo: true);
		background-color: rgba(get-color(black), 0);
		pointer-events: none;
		transition: background 0.3s ease;
	}
	&:hover::before {
		background-color: rgba(get-color(black), 0.5);
	}
	& img {
		transition: filter 0.3s ease;
	}
	&:hover img {
		filter: blur(2px);
	}*/
  /* 3. */
  /*
	&::after {
		color: get-color(white);
		font: 1rem/1 "Source Sans Pro", Arial, Verdana, sans-serif;
		content: "Große Ansicht anzeigen";
		position: absolute;
		bottom: -50px;
		width: 100%;
		text-align: center;
		transition: bottom 0.5s ease;
		transition-delay: 0.15s;
		z-index: 3;
	}
	&:hover::after {
		bottom: 50%;
	}
	*/
}

@media (min-width: 40em) and (max-width: 59.9375em) {
  .SP-Gallery__item {
    margin-right: 1rem;
    width: calc(50% - 0.5rem);
  }
  .SP-Gallery__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 60em) and (max-width: 79.9375em) {
  .SP-Gallery__item {
    margin-right: 1rem;
    width: calc(33.33333333% - 0.66667rem);
  }
  .SP-Gallery__item:nth-child(3n) {
    margin-right: 0;
  }
}

@media (min-width: 80em) {
  .SP-Gallery__item {
    margin-right: 1rem;
    width: calc(25% - 0.75rem);
  }
  .SP-Gallery__item:nth-child(4n) {
    margin-right: 0;
  }
}

@media print {
  .SP-Gallery__list {
    display: block !important;
    width: 100% !important;
  }
  .SP-Gallery__item {
    float: left;
    min-height: 0 !important;
    margin-right: 1rem !important;
    width: calc(25% - .75rem) !important;
  }
  .SP-Gallery__item:nth-child(4n) {
    margin-right: 0 !important;
  }
}

.SP-Link--mfp {
  display: inline-block;
  color: white;
  font-size: 14px;
}

.SP-Link--mfp:hover, .SP-Link--mfp:focus {
  color: white;
  text-decoration: underline;
}

@media (min-width: 960px) {
  .SP-Link--mfp {
    font-size: 16px;
  }
}

.mfp-headline {
  font-size: 14px;
  margin-bottom: .5rem;
}

@media (min-width: 960px) {
  .mfp-headline {
    font-size: 16px;
  }
}

.mfp-description {
  margin-bottom: .5rem;
}

.mfp-title {
  margin-top: -4px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  padding: .5rem;
  background: rgba(60, 60, 60, 0.5);
}

/**
 * Teaser für die Homepage
 */
.SP-HomepageTeaser {
  position: relative;
  height: 100%;
}

.SP-HomepageTeaser__header {
  font: 1.5rem/1.125 "Source Sans Pro", Arial, Verdana, sans-serif;
  padding: 1.25rem 1rem;
  width: 100%;
}

.SP-HomepageTeaser__abstract {
  color: #FFFFFF;
  line-height: 1.25;
  padding-left: 1rem;
  padding-right: 1rem;
}

.SP-HomepageTeaser__image .SP-FixedSize__content {
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

@media (max-width: 39.9375em) {
  .SP-HomepageTeaser--illustrated .SP-HomepageTeaser__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    bottom: 0;
    background-color: rgba(240, 240, 240, 0.85);
    color: #333333;
    min-height: 5.875rem;
  }
}

@media print {
  .SP-HomepageTeaser {
    position: relative;
    height: 100%;
  }
  .SP-HomepageTeaser__header {
    font: 1.5rem/1.125 "Source Sans Pro", Arial, Verdana, sans-serif;
    padding: 1.25rem 1rem;
    width: 100%;
  }
  .SP-HomepageTeaser__abstract {
    color: #FFFFFF;
    line-height: 1.25;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .SP-HomepageTeaser--illustrated .SP-HomepageTeaser__header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    bottom: 0;
    background-color: rgba(240, 240, 240, 0.85);
    color: #333333;
    min-height: 5.875rem;
  }
}

/**
 * Varianten: Bild-Teaser vs. Text-Teaser
 */
.SP-HomepageTeaser--illustrated {
  background-color: #FFFFFF;
}

@media (min-width: 40em) {
  .SP-HomepageTeaser--illustrated .SP-HomepageTeaser__header {
    background-color: #FFFFFF;
    color: #333333;
  }
}

.SP-HomepageTeaser--textual {
  padding-bottom: 1.25rem;
}

.SP-HomepageTeaser--textual .SP-HomepageTeaser__header {
  color: #FFFFFF;
}

@media print {
  .SP-HomepageTeaser--illustrated {
    page-break-inside: avoid;
  }
  .SP-HomepageTeaser--textual {
    padding-bottom: 1.25rem;
  }
}

/**
 * Teaserliste
 */
.SP-HomepageTeaserList {
  clear: both;
  margin-top: 1.25rem;
}

.SP-HomepageTeaserList__item {
  margin-bottom: 1.5rem;
}

@media print {
  .SP-HomepageTeaserList__item {
    page-break-inside: avoid;
  }
}

.SP-HomepageTeaserList__item--illustrated {
  background-color: #FFFFFF;
}

@media (min-width: 40em) {
  .SP-HomepageTeaserList__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 40em) and (max-width: 59.9375em) {
  .SP-HomepageTeaserList__item {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    margin-right: 2.30966638%;
    width: 48.84516681%;
  }
  .SP-HomepageTeaserList__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 60em) and (max-width: 79.9375em) {
  .SP-HomepageTeaserList__item {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    margin-right: 1.52801358%;
    width: 23.85398981%;
  }
  .SP-HomepageTeaserList__item:nth-child(4n) {
    margin-right: 0;
  }
  .SP-HomepageTeaserList__item:nth-child(4) ~ .SP-HomepageTeaserList__item {
    width: 49.23599321%;
  }
  .SP-HomepageTeaserList__item:nth-child(2n+4) {
    margin-right: 0;
  }
  .SP-FixedSize__raiser--homepageTeaserImage {
    padding-bottom: 100%;
  }
}

@media (min-width: 80em) {
  .SP-HomepageTeaserList__item {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    margin-right: 1.52801358%;
    width: 23.85398981%;
  }
  .SP-HomepageTeaserList__item:nth-child(4n) {
    margin-right: 0;
  }
}

@media print {
  .SP-HomepageTeaserList {
    clear: both;
    margin-top: 1.25rem;
  }
  .SP-HomepageTeaserList__item {
    margin-bottom: 1.5rem;
    margin-right: 1.52801358%;
  }
  .SP-HomepageTeaserList__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .SP-FixedSize__raiser--homepageTeaserImage {
    padding-bottom: 100%;
  }
  .SP-HomepageTeaserList__item {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    margin-right: 1.52801358%;
    width: 47.70797963%;
  }
  .SP-HomepageTeaserList__item:nth-child(2n) {
    margin-right: 0;
  }
}

/**
 * Farbvarianten
 */
.SP-HomepageTeaserList__item--textual {
  background-color: #047897;
  background-image: linear-gradient(65deg, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 90%);
}

/**
 * Veranstaltungen
 */
.SP-HomepageEventTeaser {
  background-color: #FFFFFF;
  margin-bottom: 1rem;
  height: 100%;
}

.SP-HomepageEventTeaser__image__wrapper {
  background-color: #8D0073;
  background-image: linear-gradient(65deg, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 90%);
}

.SP-HomepageEventTeaser__image__wrapper .SP-HomepageEventTeaser__image {
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
  /* wichtig für den object-fit-Polyfill */
}

.SP-HomepageEventTeaser__header {
  color: #333333;
  font: 1.5rem/1.125 "Source Sans Pro", Arial, Verdana, sans-serif;
  padding: 1.25rem 1rem;
  position: relative;
}

.SP-HomepageEventTeaser__scheduling {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  background-image: linear-gradient(65deg, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 90%);
  border-radius: 10px;
  color: #8D0073;
  font-size: 1.125rem;
  font-weight: 600;
  height: 2.5em;
  line-height: 1;
  left: 30%;
  padding: 0.25rem 0.75rem;
  position: absolute;
  text-transform: uppercase;
  top: -2em;
  width: 40%;
}

.SP-HomepageEventTeaser__location {
  color: #8D0073;
  fill: currentColor;
  font-size: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 1.5rem;
}

/**
 * Homepage-Teaser als Liste
 */
.SP-HomepageEventTeaserList {
  margin-bottom: 1.25rem;
  overflow: hidden;
  text-align: center;
}

.SP-HomepageEventTeaserList__headline {
  border-bottom: none;
  color: #8D0073;
  text-align: left;
}

.SP-HomepageEventTeaserList__list {
  text-align: left;
}

@media (min-width: 40em) {
  .SP-HomepageEventTeaserList__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.SP-HomepageEventTeaserList__item {
  background-color: #FFFFFF;
}

@media (min-width: 40em) and (max-width: 59.9375em) {
  .SP-HomepageEventTeaserList__item {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    margin-right: 2.30966638%;
    width: 48.84516681%;
  }
  .SP-HomepageEventTeaserList__item:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 60em) {
  .SP-HomepageEventTeaserList__item {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    margin-right: 1.52801358%;
    width: 23.85398981%;
  }
  .SP-HomepageEventTeaserList__item:nth-child(4n) {
    margin-right: 0;
  }
}

@media print and (min-width: 60em) {
  .SP-HomepageEventTeaserList__item {
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    align-self: stretch;
    -ms-flex-item-align: stretch;
    margin-right: 1.52801358%;
    width: 23.85398981%;
  }
  .SP-HomepageEventTeaserList__item:nth-child(4n) {
    margin-right: 0;
  }
}

.SP-HomepageEventTeaserList__more {
  background-color: #8D0073;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

.SP-HomepageEventTeaserList__more:hover {
  background-color: rgba(141, 0, 115, 0.8);
}

@media print {
  .SP-HomepageEventTeaserList__more {
    display: none;
  }
}

.SP-Iframe--enabled .SP-Iframe__main {
  display: block;
}

@media print {
  .SP-Iframe--enabled .SP-Iframe__main {
    display: none;
  }
}

.SP-Iframe--enabled .SP-Iframe__alt {
  display: none;
}

@media print {
  .SP-Iframe--enabled .SP-Iframe__alt {
    display: block;
  }
  .SP-Iframe--enabled .SP-Iframe__alt:before {
    content: 'IFRAME: ';
  }
}

.SP-Iframe--disabled .SP-Iframe__main {
  display: none;
}

.SP-Iframe--disabled .SP-Iframe__alt {
  display: block;
}

.SP-LinkBox {
  background-color: #BC540F;
  background-image: linear-gradient(110deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  clear: both;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
  margin-top: 0.5rem;
}

.SP-LinkBox__title {
  font-weight: 600;
  padding: 0.4rem 1rem;
}

.SP-LinkBox__headline {
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: .5em;
  padding: 0 1rem;
}

@media (min-width: 40em) {
  .SP-LinkBox__headline {
    font-size: 1.5rem;
  }
}

@media (min-width: 40em) and (max-width: 59.9375em) {
  .SP-LinkBox__image + .SP-LinkBox__headline {
    margin-top: -0.85rem;
  }
}

@media (min-width: 60em) and (max-width: 79.9375em) {
  .SP-LinkBox__image + .SP-LinkBox__headline {
    margin-top: -0.85rem;
  }
}

.SP-LinkBox__title + .SP-LinkBox__headline {
  border-top: 1px solid rgba(240, 240, 240, 0.5);
  padding-top: 0.75rem;
}

.SP-LinkBox__list {
  padding: 0 1rem 0.75rem 1rem;
}

.SP-LinkBox__item {
  padding: 0.25rem 0;
}

.SP-LinkBox__image {
  position: relative;
}

@media print {
  .SP-LinkBox__image img {
    page-break-inside: avoid;
  }
}

.SP-LinkBox__image + * {
  margin-top: 0.5rem;
}

@media (min-width: 40em) and (max-width: 59.9375em) {
  .SP-LinkBox--doubleWidt .SP-LinkBox__image + * {
    margin-top: 0;
  }
}

.SP-LinkBox__icon {
  fill: #FFFFFF;
  height: 4rem;
  left: 50%;
  margin-top: -2rem;
  margin-left: -2rem;
  position: absolute;
  top: 50%;
  width: 4rem;
}

@media (min-width: 480px) {
  .SP-LinkBox--left {
    width: 48.44827586%;
    float: left;
    margin-right: 3.10344828%;
  }
}

@media (min-width: 640px) {
  .SP-LinkBox--left {
    width: 48.44827586%;
    float: left;
    margin-right: 3.10344828%;
    margin-left: -17.18390805%;
  }
}

@media (min-width: 960px) {
  .SP-LinkBox--left {
    width: 56.00784698%;
    float: left;
    margin-right: 2.64835704%;
    margin-left: -29.32810201%;
  }
}

@media (min-width: 480px) {
  .SP-LinkBox--right {
    width: 48.44827586%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 640px) {
  .SP-LinkBox--right {
    width: 48.44827586%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 960px) {
  .SP-LinkBox--right {
    width: 56.00784698%;
    float: right;
    margin-left: 2.64835704%;
  }
}

@media (min-width: 60em) {
  .SP-Linkbox--pair__short {
    clear: none;
  }
  .SP-Linkbox--right.SP-Linkbox--pair__short {
    margin-left: 0;
  }
  .SP-Linkbox--left.SP-Linkbox--pair__short {
    margin-right: 0;
  }
}

.SP-LinkBox--homepageTeaserList {
  height: 100%;
  margin-top: 0;
}

@media print {
  .SP-LinkBox--homepageTeaserList {
    page-break-inside: avoid;
  }
}

@media (min-width: 60em) and (max-width: 79.9375em) {
  .SP-LinkBox--homepageTeaserList.SP-LinkBox--doubleWidth .SP-LinkBox__image {
    float: left;
    margin-right: 5%;
    width: 47.5%;
  }
  .SP-LinkBox--homepageTeaserList.SP-LinkBox--doubleWidth .SP-LinkBox__list {
    overflow: auto;
  }
}

/**
 * Vendor
 */
.SP-LinkList {
  margin-bottom: 1.25rem;
}

.SP-AnchorList {
  margin-bottom: 1.25rem;
}

.SP-LinkList--tree .SP-LinkList {
  margin-left: 1em;
}

/**
 * Linkliste als Inline-Variante
 * wird zumeist als Servicenavigation im Footer benötigt
 */
.SP-LinkList--inline {
  overflow: hidden;
}

.SP-LinkList--inline .SP-LinkList__item {
  float: left;
}

.SP-LinkList--inline .SP-LinkList__item:not(:last-child) {
  margin-right: 0.5em;
  padding-right: 0.75em;
  position: relative;
}

.SP-LinkList--inline .SP-LinkList__item:not(:last-child):after {
  content: "|";
  position: absolute;
  right: 0;
  top: 0;
}

/**
 * Linkliste in einer Tabelle
 */
.SP-LinkList.SP-LinkList--table {
  margin: 0;
}

.SP-LinkList.SP-LinkList--table .SP-LinkList__list {
  margin: 0;
  padding: 0;
}

/**
 * Normale Linkliste
 */
.SP-LinkList {
  clear: both;
  margin-bottom: 2.25rem;
}

.SP-LinkList__item {
  margin-bottom: 0.75rem;
}

/**
 * Linkliste als Baum
 */
.SP-LinkList .SP-LinkList {
  margin-left: 1.75em;
  margin-top: 0.75rem;
}

.SP-LinkList--tree .SP-LinkList__list:not(.SP-isRoot) {
  margin-left: 30px;
}

.SP-LinkList--tree .SP-LinkList__list:not(.SP-isRoot) .SP-LinkList__item:first-child {
  margin-top: 0.75rem;
}

.SP-LinkList__list.SP-isRoot > .SP-LinkList__item .SP-Link, .SP-LinkList__list.SP-isRoot > .SP-LinkList__item .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-LinkList__list.SP-isRoot > .SP-LinkList__item a {
  font-weight: 700;
}

.SP-LinkList__list.SP-isRoot .SP-LinkList__list .SP-Link, .SP-LinkList__list.SP-isRoot .SP-LinkList__list .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-LinkList__list.SP-isRoot .SP-LinkList__list a {
  font-weight: 400;
}

/* benötigt einen Icon-Ersatz */
.SP-LinkList__list.SP-isRoot > .SP-LinkList__item > .SP-Link .SP-Link__icon:before, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-LinkList__list.SP-isRoot > .SP-LinkList__item > a .SP-Link__icon:before {
  /*	content: $SPi-citygovDepartment; */
}

/**
 * Ankerliste
 */
.SP-AnchorList {
  border-bottom: 1px solid #047897;
  margin-bottom: 2.25rem;
  padding-left: 0.5rem;
  padding-top: 0.75em;
}

@media print {
  .SP-AnchorList {
    display: none;
  }
}

.SP-CrawlerLinkList {
  display: none;
}

/* Leaflet Styles zurücksetzen */
.leaflet-bar {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.leaflet-bar a,
.leaflet-bar button {
  border-radius: 0 !important;
  border: none !important;
}

.leaflet-bottom,
.leaflet-top {
  z-index: 1000 !important;
}

.leaflet-touch .leaflet-bar {
  border: none !important;
}

.leaflet-top .leaflet-control {
  margin-top: 0 !important;
}

.leaflet-control-attribution a {
  color: black !important;
}

.leaflet-popup-content-wrapper {
  border-radius: 0 !important;
}

.leaflet-container {
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
}

.leaflet-menubar {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 40px;
  max-width: 1250px;
  background: #555555;
  color: #FFFFFF;
  left: 50%;
}

.leaflet-menubar .SPi {
  fill: #FFFFFF;
}

.leaflet-menubar > .leaflet-control:first-child {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow: hidden;
}

.leaflet-control-html-title {
  padding-left: 10px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 40px;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.leaflet-control-button,
.leaflet-control-dropdown-trigger {
  width: 40px;
  height: 40px;
  background: transparent;
  cursor: pointer;
  padding: 1px 6px;
}

.leaflet-control-dropdown {
  position: relative;
}

.leaflet-control-dropdown-list {
  display: none;
  position: absolute;
  background: #555;
  top: 40px;
  color: #FFF;
  border: 1px solid #555;
  border-top: none;
  right: -1px;
  padding: .5em 0;
  min-width: calc(100% + 2px);
}

.leaflet-control-dropdown-list-item {
  padding: .25rem 0.5rem;
}

.leaflet-control-dropdown-list-item-anchor {
  white-space: nowrap;
  width: 100% !important;
  color: #FFF !important;
}

.leaflet-control-dropdown-list-item-anchor > input[type="checkbox"] {
  vertical-align: sub;
}

.leaflet-control-dropdown:hover .leaflet-control-dropdown-list {
  display: block;
}

.leaflet-control-dropdown:hover .leaflet-control-dropdown-trigger .SPi {
  transform: rotate(180deg);
}

.leaflet-control-dropdown-list-item-anchor,
.leaflet-control-dropdown-list-item-anchor:hover {
  text-align: left !important;
  display: inline-block !important;
  background: none !important;
  height: auto !important;
  border: none !important;
  line-height: normal !important;
  width: auto !important;
}

/* Markers */
.SPi-marker, .SPi-marker--small {
  background: #1270B5;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.SPi-marker {
  height: 21px;
  width: 21px;
}

.SPi-marker--small {
  height: 10px;
  width: 10px;
}

.marker-cluster {
  border: 1px solid rgba(150, 150, 150, 0.7);
  color: #333333;
  text-align: center;
  line-height: 40px;
  border-radius: 100%;
  font-size: 16px;
  color: #FFFFFF;
}

.marker-cluster-large {
  background: #134D88;
}

.marker-cluster-medium {
  background: #1270B5;
}

.marker-cluster-small {
  background: #1791e8;
}

.SP-FixedSize__raiser--map {
  padding-bottom: 75vh;
}

@media (min-width: 60em) {
  .SP-FixedSize__raiser--map {
    padding-bottom: 75%;
  }
}

.leaflet-popup-content {
  margin: 0 !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

.leaflet-popup-close-button {
  display: none;
}

.SP-MapPopup {
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  color: #333;
}

.SP-MapPopupLinks {
  font-size: 14px;
  text-align: right;
  padding: .25rem 0.5rem;
  font-weight: 300;
}

.SP-MapPopupLinks__link {
  margin-left: .5rem;
  display: inline-block;
}

.SP-MapPopupTeaser {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  background: #FFF;
  color: #333;
  max-width: 320px;
}

.SP-MapPopupTeaser__inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.SP-MapPopupTeaser__headline {
  padding: .5rem 1rem;
  font-size: 1.5rem;
  font-weight: 300;
  overflow: hidden;
  color: #333;
}

/**
 * Hauptnavigation
 */
.SP-Navigation {
  display: none;
}

@media (min-width: 60em) {
  .SP-Navigation {
    background-color: rgba(255, 255, 255, 0.9);
    display: block;
  }
  .SP-Navigation__level {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
  }
  .SP-Navigation__link {
    color: #333333;
    font-size: 1.25rem;
    height: 75px;
    line-height: 1.25;
    padding: 12px 6px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .SP-Navigation__link:hover,
  .SP-isActive .SP-Navigation__link,
  .SP-isInPath .SP-Navigation__link {
    background-color: #333333;
    color: #FFFFFF;
    transition: background-color .25s ease, color .25s ease;
  }
  .SP-Navigation--large .SP-Navigation__level {
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
  }
  .SP-Navigation--large .SP-Navigation__link {
    font-size: 2rem;
    line-height: 1.5;
    padding-left: 1em;
    padding-right: 1em;
  }
  .SP-Navigation--small .SP-Navigation__link {
    font-size: 1.125rem;
    line-height: 1.5;
    padding-left: 1em;
    padding-right: 1em;
  }
}

/**
 * Rubriknavigation
 */
.SP-Navigation--rubric {
  display: none;
}

@media (min-width: 60em) {
  .SP-Navigation--rubric {
    display: block;
    max-width: 280px;
  }
}

@media print {
  .SP-Navigation--rubric {
    display: none;
  }
}

.SP-Navigation--rubric__link {
  display: block;
}

.SP-Navigation--rubric__item > .SP-Navigation--rubric__link {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  color: #333333;
  padding: 0.5rem 1rem;
}

.SP-Navigation--rubric__item.SP-isActive > .SP-Navigation--rubric__link,
.SP-Navigation--rubric__item > .SP-Navigation--rubric__link:hover {
  background-color: #333333;
  color: #FFFFFF;
}

.SP-Navigation--rubric__item.SP-isLeaf > .SP-Navigation--rubric__link {
  padding-left: 2.25rem;
}

.SP-isRoot > .SP-Navigation--rubric__item.SP-isLeaf > .SP-Navigation--rubric__link {
  padding-left: 1rem;
}

/**
 * Hintergrund
 */
.SP-OffCanvas .SP-OffCanvas__right {
  background-color: #c9e0f7;
}

@media print {
  .SP-OffCanvas .SP-OffCanvas__right {
    display: none;
  }
}

/* nur auf kleinen Bildschirmen */
@media (min-width: 60em) {
  .SP-Navigation__trigger {
    display: none;
  }
}

/* die Startseite ausblenden, die Geschwister vom aktivem ausblenden */
.root > .title,
.root > .teaser {
  display: none !important;
}

.root:not(.active) > ul > li:not(.path):not(.rubric) {
  display: none !important;
}

li[data-nodeid]:not(.path):not(.active):not(.rubric) {
  height: 0 !important;
  overflow: hidden;
}

.lastOpenNode li[data-nodeid]:not(.path):not(.active):not(.rubric) {
  height: auto !important;
}

.lastOpenNode li[data-nodeid]:not(.path):not(.active):not(.rubric) li {
  display: none !important;
}

.title {
  background: #eaf3fc;
  border-top: 1px solid #134D88;
  color: #333333;
  display: block;
  font: 1.25rem/40px "Source Sans Pro", Arial, Verdana, sans-serif;
  height: 40px;
  padding-left: 20px;
  padding-right: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
  -webkit-transition: padding-left 0.3s ease-out;
  -moz-transition: padding-left 0.3s ease-out;
  transition: padding-left 0.3s ease-out;
}

.title a {
  color: inherit;
}

li:first-child > .title,
.active:first-child > .title {
  border-top: none;
}

.path > .title {
  border-bottom: none !important;
}

li[data-nodeid] {
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}

/* Pfad */
.path:not(.active) > .title,
.path.lastOpenNode > .title {
  background: #c9e0f7;
  box-shadow: inset 0 6px 10px -6px #444444;
}

.path.lastOpenNode > ul > li:first-child > .title {
  box-shadow: inset 0 6px 10px -6px #444444;
}

/* Rubriken */
.rubric > .title {
  background-color: #134D88 !important;
  border-bottom: 1px solid #c9e0f7;
  color: #FFFFFF;
  font: 1.5rem/40px "Source Sans Pro", Arial, Verdana, sans-serif;
}

.rubric.path > .title {
  position: relative;
}

/* letzter offener */
.lastOpenNode:not(.root) li > .title {
  padding-left: 35px;
}

/* teaser */
.teaser {
  background-color: #FFFFFF;
  color: #444444;
  height: 0;
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
  overflow: hidden;
}

.teaser .image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  font-family: "object-fit: cover;";
  /* wichtig für den object-fit-Polyfill */
  float: right;
}

.teaser .text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-bottom: 8px;
  padding: 8px 10px 0 35px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.teaser a {
  color: inherit;
}

.active > .teaser {
  height: 100px;
}

.lastOpenNode > .teaser .text {
  padding-left: 20px;
}

/* PanelList für News */
.SP-News {
  background-color: #FFFFFF;
}

@media (min-width: 40em) {
  .SP-News {
    border-bottom: 1.25rem solid #FFFFFF;
  }
}

.SP-News__headline {
  background-color: #FFFFFF;
  color: #047897;
  font: 600 1.5rem/1.25 "Source Sans Pro", Arial, Verdana, sans-serif;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  padding-left: 3.75vw;
  padding-right: 3.75vw;
}

@media (min-width: 30em) {
  .SP-News__headline {
    padding-left: 2.875vw;
    padding-right: 2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-News__headline {
    padding-left: 2vw;
    padding-right: 2vw;
    height: 3rem;
    width: 100%;
  }
}

@media (min-width: 60em) {
  .SP-News__headline {
    padding-left: 1.4vw;
    padding-right: 1.4vw;
  }
}

@media (min-width: 80em) {
  .SP-News__headline {
    background: transparent;
  }
}

@media (min-width: 88.25em) {
  .SP-News__headline {
    padding-left: 19px;
    padding-right: 19px;
  }
}

.SP-News__list {
  background-color: #047897;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25) 100%);
}

.SP-News__item {
  border-bottom: 1px solid #FFFFFF;
  padding-top: 0.75rem;
}

@media (min-width: 40em) {
  .SP-News__item {
    border-bottom: none;
  }
}

.SP-News__item:last-child {
  border-bottom: none;
}

.SP-News__item__title {
  color: #FFFFFF;
  fill: currentColor;
  font: 600 1.125rem/1.25 "Source Sans Pro", Arial, Verdana, sans-serif;
  margin-top: -1px;
  margin-bottom: -1px;
  padding-bottom: 0.75rem;
  position: relative;
  text-transform: uppercase;
  padding-left: 3.75vw;
  padding-right: 3.75vw;
}

@media (min-width: 30em) {
  .SP-News__item__title {
    padding-left: 2.875vw;
    padding-right: 2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-News__item__title {
    padding-left: 2vw;
    padding-right: 2vw;
  }
}

@media (min-width: 60em) {
  .SP-News__item__title {
    padding-left: 1.4vw;
    padding-right: 1.4vw;
  }
}

@media (min-width: 88.25em) {
  .SP-News__item__title {
    padding-left: 19px;
    padding-right: 19px;
  }
}

.SP-News__item__title a {
  color: inherit;
}

.SP-News__item__title__icon {
  top: 2.25px;
  position: absolute;
  top: 0.25rem;
  right: 0;
  margin-right: 3.75vw;
}

@media (min-width: 30em) {
  .SP-News__item__title__icon {
    margin-right: 2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-News__item__title__icon {
    margin-right: 0;
  }
}

.SP-isActive .SP-News__item__title__icon {
  transform: rotate(90deg);
}

.SP-News__item__content {
  background: #9ee8fc;
  color: #047897;
  overflow: hidden;
  padding: 1rem 0;
  padding-left: 3.75vw;
  padding-right: 3.75vw;
}

@media (min-width: 30em) {
  .SP-News__item__content {
    padding-left: 2.875vw;
    padding-right: 2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-News__item__content {
    padding: .5rem 2vw;
  }
}

@media (min-width: 60em) {
  .SP-News__item__content {
    padding-left: 1.4vw;
    padding-right: 1.4vw;
  }
}

@media (min-width: 88.25em) {
  .SP-News__item__content {
    padding-left: 19px;
    padding-right: 19px;
  }
}

.SP-News__linklist__more {
  padding-left: 1.5rem;
}

.SP-News__linklist__link {
  /* TODO: darken */
  font-size: 1rem;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.SP-News__linklist__link a {
  color: #035165;
}

@media (min-width: 40em) {
  .SP-News {
    margin-top: 3rem;
    position: relative;
  }
  .SP-News__headline {
    position: absolute;
    top: -3rem;
  }
  .tab-nav-wrapper,
  .tab-items {
    width: 50%;
  }
  .tab-nav-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 2vw;
  }
}

@media (min-width: 40em) and (min-width: 60em) {
  .tab-nav-wrapper {
    padding-left: 1.4vw;
  }
}

@media (min-width: 40em) {
  .tab-nav-wrapper li {
    border-bottom: 1px solid #FFFFFF;
  }
  .tab-nav-wrapper li:first-child {
    border-top: 1px solid #FFFFFF;
  }
  .tab-items {
    background: #9ee8fc;
    padding-left: 1rem;
  }
  .SP-News__list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 250px;
  }
  .SP-News__item .SP-News__item__title {
    display: none !important;
  }
  .SP-News__item__title {
    padding-top: 0.75rem;
  }
  .SP-News__item__title.SP-isActive {
    background-color: #9ee8fc;
    padding-right: calc(2vw + 1rem);
    width: calc(100% + 1rem);
    color: #035165;
  }
  .SP-News__item__title__icon {
    margin-top: 0.75rem;
  }
  .SP-isActive .SP-News__item__title__icon {
    transform: rotate(0deg);
    fill: #047897;
    margin-right: 1rem;
  }
}

@media (min-width: 80em) {
  .SP-News {
    margin-top: 0;
  }
  .SP-News__headline {
    top: 0;
    left: 0;
    width: 25%;
  }
  .tab-nav {
    padding-left: 50%;
    list-style: none;
  }
  .SP-News__headline {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 20%;
    left: 2.5%;
    height: 100%;
    color: #FFFFFF;
    text-align: center;
  }
}

.SP-News__teaser {
  color: #444444;
  line-height: 1.75;
}

.SP-News__teaser__headline {
  font-weight: 600;
  margin-bottom: 1em;
  text-transform: uppercase;
}

@media print {
  .SP-News {
    background-color: #FFFFFF;
    border-bottom: 1.25rem solid #FFFFFF;
    margin-top: 0;
    position: relative;
  }
  .SP-News__headline {
    -webkit-justify-content: flex-start !important;
    -moz-justify-content: flex-start !important;
    -ms-justify-content: flex-start !important;
    -o-justify-content: flex-start !important;
    justify-content: flex-start !important;
    -ms-flex-pack: flex-start !important;
    text-align: left;
    color: #047897;
    font: 600 1.5rem/1.25 "Source Sans Pro", Arial, Verdana, sans-serif;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    height: 3rem;
    width: 100%;
    background: transparent;
    padding-left: 19px;
    padding-right: 19px;
    position: absolute;
    top: -3rem;
  }
  .SP-News__main {
    background-color: #047897;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25) 100%);
  }
  .SP-News__linklist {
    border-bottom: none;
    padding-top: 0.75rem;
  }
  .SP-News__linklist__more {
    padding-left: 1.5rem;
  }
  .SP-News__linklist__headline {
    color: #FFFFFF;
    fill: currentColor;
    font: 600 1.125rem/1.25 "Source Sans Pro", Arial, Verdana, sans-serif;
    margin-top: -1px;
    margin-bottom: -1px;
    padding-bottom: 0.75rem;
    position: relative;
    text-transform: uppercase;
    padding-left: 19px;
    padding-right: 19px;
  }
  .SP-News__linklist__headline a {
    color: inherit;
  }
  .SP-News__linklist__headline__icon {
    top: 2.25px;
    position: absolute;
    top: 0.25rem;
    right: 0;
    margin-right: 3.75vw;
    margin-right: 0;
  }
  .SP-isActive .SP-News__linklist__headline__icon {
    transform: rotate(90deg);
  }
  .SP-News__linklist__content {
    background: #9ee8fc;
    color: #047897;
    overflow: hidden;
    padding: 1rem 0;
    padding-left: 19px;
    padding-right: 19px;
  }
  .SP-News__linklist__link {
    /* TODO: darken */
    font-size: 1rem;
    line-height: 1.25;
    margin-bottom: 1rem;
  }
  .SP-News__linklist__link a {
    color: #035165;
  }
  .tab-nav-wrapper,
  .tab-items {
    width: 50%;
  }
  .tab-nav-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
    padding-left: 2vw;
  }
}

@media print and (min-width: 60em) {
  .tab-nav-wrapper {
    padding-left: 1.4vw;
  }
}

@media print {
  .tab-nav-wrapper li {
    border-bottom: 1px solid #FFFFFF;
  }
  .tab-nav-wrapper li:first-child {
    border-top: 1px solid #FFFFFF;
  }
  .tab-items {
    background: #9ee8fc;
    padding-left: 1rem;
  }
  .SP-News__main {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .SP-News__linklist .SP-News__linklist__headline {
    display: none !important;
  }
  .SP-News__linklist__headline {
    padding-top: 0.75rem;
  }
  .SP-News__linklist__headline.SP-isActive {
    background-color: #9ee8fc;
    width: calc(100% + 1rem);
    color: #035165;
  }
  .SP-News__linklist__headline__icon {
    margin-top: 0.75rem;
  }
  .SP-isActive .SP-News__linklist__headline__icon {
    transform: rotate(0deg);
    fill: #047897;
    margin-right: 1rem;
  }
  .tab-nav {
    list-style: none;
    padding-left: 0;
  }
}

/* Temporär damit nicht alles käse aussieht */
.SP-PanelList__panel__icon {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.SP-PanelList.tabs {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.SP-Newsbox {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

.SP-Newsbox > h3 {
  text-align: center;
  width: 23.85398981%;
  float: left;
  margin-right: 1.52801358%;
}

.SP-Newsroom {
  margin-bottom: 1.25rem;
  text-align: center;
}

.SP-Newsroom::after {
  clear: both;
  content: "";
  display: table;
}

.SP-Newsroom:last-child {
  margin-bottom: 0;
}

.SP-Newsroom__headline {
  text-align: left;
}

.SP-Newsroom__list {
  list-style: none;
  margin: -1.8vw;
  padding-bottom: 1.25rem;
  text-align: left;
}

.SP-Newsroom__list:not([data-sp-masonry]) {
  display: flex;
  justify-content: center;
}

.SP-Newsroom__item {
  margin-bottom: 1.25rem;
}

.SP-Newsroom__item,
.SP-Newsroom__item--sizerPercent,
.SP-Newsroom__item--sizerPx {
  margin: 1.8vw;
}

.SP-Newsroom__item:only-child {
  margin-right: auto;
  max-width: 500px;
  width: 100%;
}

/*
 * Facebook-Item
 */
.SP-FacebookItem {
  margin-right: auto;
  max-width: 500px;
  position: relative;
}

.SP-FacebookItem__content > span {
  /* stylelint-disable-line selector-max-type */
  max-width: 100%;
}

/*
 * Instagram-Item
 */
.SP-InstagramItem {
  margin-right: auto;
  max-width: 500px;
}

.SP-InstagramItem__content {
  /* stylelint-disable declaration-no-important */
  margin: 0 !important;
  min-width: 0 !important;
  /* stylelint-enable declaration-no-important */
}

/*
 * Instagram-Item
 */
.SP-TwitterItem {
  margin-right: auto;
  max-width: 500px;
  /* von Twitter gegeben und nicht zu beinflussen */
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */
}

.SP-TwitterItem .twitter-tweet {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
}

.SP-TwitterItem iframe {
  /* stylelint-disable-line selector-max-type */
  min-width: 0 !important;
}

/*
 * YouTube-Item
 */
.SP-YoutubeItem {
  border: 1px solid #E1E8ED;
  border-radius: 3px;
  margin-right: auto;
  max-width: 500px;
  padding: 16px;
}

.SP-YoutubeItem .SP-FixedSize__content {
  height: 100%;
}

.SP-YoutubeItem__head {
  align-items: center;
  display: flex;
  margin-bottom: 0.5em;
}

.SP-YoutubeItem__channelAvatar {
  border-radius: 50%;
  height: 48px;
  margin-right: 16px;
  width: 48px;
}

.SP-YoutubeItem__channelName {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

.SP-YoutubeItem__release {
  color: #888888;
  font-size: 14px;
  line-height: 1.25;
}

.SP-YoutubeItem__title {
  flex-grow: 1;
}

.SP-YoutubeItem__description {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 0.5em;
}

@media (min-width: 30em) {
  .SP-Newsroom__list {
    margin: calc(-0.5 * 2.8vw);
  }
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    margin: calc(0.5 * 2.8vw);
    width: calc((100% - 1 * 2.8vw) / 1);
  }
}

@media (min-width: 37.5em) and (max-width: 39.9375em) {
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    width: calc((100% - 2 * 2.8vw) / 2);
  }
}

@media (min-width: 40em) {
  .SP-Newsroom__list {
    content: 2.30966638%;
    margin: calc(-0.5 * 2vw);
  }
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    margin: calc(0.5 * 2vw);
    width: calc((100% - 1 * 2vw) / 1);
  }
}

@media (min-width: 56.25em) and (max-width: 59.9375em) {
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    width: calc((100% - 2 * 2vw) / 2);
  }
}

@media (min-width: 60em) {
  .SP-Newsroom__list {
    margin: calc(-0.5 * 1.35vw);
  }
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    margin: calc(0.5 * 1.35vw);
    width: calc((100% - 1 * 1.35vw) / 1);
  }
}

@media (min-width: 62.5em) {
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    width: calc((100% - 2 * 1.35vw) / 2);
  }
}

@media (min-width: 88.25em) {
  .SP-Newsroom__list {
    margin: calc(-0.5 * 1.125rem);
  }
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    margin: calc(0.5 * 1.125rem);
    width: calc((100% - 2 * 1.125rem) / 2);
  }
}

@media print {
  .SP-Newsroom__list {
    height: auto !important;
    /* stylelint-disable-line declaration-no-important */
  }
  .SP-Newsroom__item {
    display: inline-block !important;
    /* stylelint-disable-line declaration-no-important */
    position: relative !important;
    /* stylelint-disable-line declaration-no-important */
    top: auto !important;
    /* stylelint-disable-line declaration-no-important */
    transform: none !important;
    /* stylelint-disable-line declaration-no-important */
    width: 90% !important;
    /* stylelint-disable-line declaration-no-important */
  }
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    display: none !important;
    /* stylelint-disable-line declaration-no-important */
  }
}

.SP-FooterText {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5;
}

@media print {
  .SP-FooterText {
    flex: 1 1 auto;
  }
}

.SP-FooterText a {
  color: inherit;
  display: inline;
}

.SP-FooterText a:hover {
  text-decoration: underline;
}

.SP-FooterText strong {
  font-size: 1.125rem;
  font-weight: 600;
  text-transform: uppercase;
}

.SP-FooterText__first td:first-child,
.SP-FooterText__second td:first-child {
  padding-right: 0.5em;
}

@media (max-width: 79.9375em) {
  .SP-FooterText__first {
    margin-bottom: 1.25em;
  }
}

@media (min-width: 80em) {
  .SP-FooterText__first,
  .SP-FooterText__second {
    float: left;
    margin-right: 5%;
    width: 45%;
  }
}

.SP-Paging {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}

.SP-Paging__button {
  fill: #047897;
  width: 45px;
}

.SP-Paging__button .SP-Iconized__icon {
  margin: auto;
}

.SP-Paging__button--next,
.SP-Paging__button--last {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
  -webkit-order: 2;
  -moz-order: 2;
  order: 2;
  -ms-flex-order: 2;
}

.SP-Paging__pages {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}

.SP-Paging__page {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 39.9375em) {
  .SP-Paging__button--first,
  .SP-Paging__button--last,
  .SP-Paging__page:not(.SP-isActive) {
    display: none;
  }
  .SP-Paging__page {
    width: 100%;
  }
}

@media (min-width: 40em) {
  .SP-Paging__pages {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
  .SP-Paging__page {
    max-width: 45px;
    width: 11.1112%;
  }
  .SP-Paging__page:not(.SP-isActive) {
    color: #047897;
  }
  .SP-Paging__page a {
    color: inherit;
  }
  .SP-Paging__page .SP-isActive {
    color: #444444;
    font-weight: 600;
  }
  .SP-Paging__page__ofTotal {
    display: none;
  }
}

.SP-Path {
  display: none;
}

@media print {
  .SP-Path {
    border-top: 1pt solid #333333;
    display: block;
    position: relative;
    bottom: 0;
    padding: 10px 0;
    word-wrap: break-word;
    page-break-inside: avoid;
  }
}

@media print and (min-width: 40em) {
  .SP-Path {
    width: 134.36781609%;
    float: left;
    margin-right: 3.10344828%;
    margin-left: -17.18390805%;
  }
}

@media print and (min-width: 60em) {
  .SP-Path {
    width: 129.32810201%;
    float: left;
    margin-right: 2.64835704%;
    margin-left: -29.32810201%;
  }
}

@media print {
  .SP-Path + * {
    clear: both;
  }
  .SP-Path__list {
    list-style-type: disc;
  }
  .SP-Path__item {
    display: inline;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .SP-Path__item a {
    color: #333333;
    display: inline;
    position: relative;
    word-wrap: break-word;
    margin-right: 0.5rem;
    padding-left: .75em;
  }
  .SP-Path__item a:before {
    content: '/';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .SP-Path__item:first-child a {
    padding-left: 0;
  }
  .SP-Path__item:first-child a:before {
    display: none;
  }
  .SP-Path__item .SP-Link, .SP-Path__item .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint a, .SP-WebAccount .SP-Form .SP-Fieldset .SP-Field--password .SP-Field__hint .SP-Path__item a {
    display: inline-block;
  }
  .SP-Path__item .SP-Link__icon {
    display: none;
  }
  .SP-Path__item .SP-Link__text {
    padding-left: 0;
  }
}

.SP-Form--search {
  margin-bottom: 3rem;
}

.SP-Form--search .SP-Link__icon {
  fill: currentColor;
}

.SP-Composition--simpleSearch .SP-Field--search {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}

.SP-Composition--simpleSearch .SP-Button {
  margin-bottom: 0.25em;
  /* wie Eingabefeld */
}

/**
 * Facetten
 */
.SP-Facets {
  background-color: #F0F0F0;
  margin-top: 2.5rem;
  padding: 1em 1.25em;
}

.SP-Facets__headline {
  margin-bottom: 1em;
}

.SP-Facet__title {
  border-bottom: 1px solid #444444;
  font-weight: 600;
  margin-bottom: 0.75em;
  padding-bottom: 0.25em;
}

.SP-Facet__values {
  margin-bottom: 2em;
}

.SP-Facet__value {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  color: #444444;
}

.SP-Facet__value a {
  color: inherit;
}

.SP-Facet__value a:hover {
  text-decoration: underline;
}

.SP-Facet__value.SP-isActive {
  font-weight: 600;
}

/**
 * Quicksearch
 */
@media (min-width: 60em) {
  .SP-Header:not(.SP-Header--small) .mfp-hide {
    display: block !important;
  }
}

.mfp-container .SP-Form--quicksearch {
  max-width: 800px;
  width: 90vw;
  left: 50%;
  position: absolute;
  top: -35vh;
  transform: translate(-50%, 0);
}

.mfp-container .SP-Form--quicksearch .mfp-close {
  display: none !important;
}

.SP-Service__list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  flex-wrap: wrap;
  row-gap: 0.5em;
  text-align: right;
}

.SP-Service__item {
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.25;
}

.SP-Service__item:before {
  content: "|";
  margin-left: 8px;
  margin-right: 8px;
}

.SP-Service__item:first-child:before {
  content: none;
}

.SP-Service__item a {
  color: inherit;
  display: inline;
}

.SP-Service__item a:hover, .SP-Service__item a:focus {
  text-decoration: underline;
}

/**
 * Styles
 */
.SP-Sitemap > .SP-Sitemap__list > .SP-Sitemap__item {
  margin-bottom: 2rem;
}

.SP-Sitemap > .SP-Sitemap__list > .SP-Sitemap__item > .SP-Sitemap__link {
  color: #047897;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.5em;
  border-bottom: 1px solid #047897;
  display: block;
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  padding-top: 2px;
}

.SP-Sitemap .SP-Sitemap__list .SP-Sitemap__list > .SP-Sitemap__item .SP-Sitemap__link {
  color: #444444;
  padding-top: 2px;
  padding-bottom: 2px;
}

.SP-Sitemap .SP-Sitemap__list .SP-Sitemap__list > .SP-Sitemap__item .SP-Sitemap__list {
  margin-left: 30px;
}

.SP-SliderTeaser__header,
.SP-SliderTeaserList__wrapper--rubric .SP-SliderTeaser__header {
  font: 1.5rem/1.125 "Source Sans Pro", Arial, Verdana, sans-serif;
  padding: 1.25rem 1rem;
  width: 100%;
}

.SP-SliderTeaser__inner {
  overflow: hidden;
}

.SP-SliderTeaser__abstract {
  display: none;
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.6667;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 1.75em;
}

@media (min-width: 960px) {
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract {
    display: block;
  }
}

@media (min-width: 960px) and (max-width: 1023px) {
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+3) {
    display: inline;
  }
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(3):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1024px) and (max-width: 1119px) {
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+5) {
    display: inline;
  }
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(5):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1120px) and (max-width: 1199px) {
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+7) {
    display: inline;
  }
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(7):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1200px) and (max-width: 1279px) {
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+11) {
    display: inline;
  }
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(11):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1280px) and (max-width: 1379px) {
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+10) {
    display: inline;
  }
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(10):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1380px) {
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+13) {
    display: inline;
  }
  .SP-Homepage__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(13):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1060px) {
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract {
    display: block;
  }
}

@media (min-width: 1060px) and (max-width: 1119px) {
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+1) {
    display: inline;
  }
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(1):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1120px) and (max-width: 1199px) {
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+2) {
    display: inline;
  }
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(2):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1200px) and (max-width: 1379px) {
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+3) {
    display: inline;
  }
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(3):not(:last-child):after {
    content: "…";
  }
}

@media (min-width: 1380px) {
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(-n+5) {
    display: inline;
  }
  .SP-Rubric__wrapper .SP-SliderTeaser__abstract .SPu-shorten span:nth-child(5):not(:last-child):after {
    content: "…";
  }
}

.SP-SliderTeaser__kicker {
  color: #FFFFFF;
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

.SP-SliderTeaser__date + .SP-SliderTeaser__category::before {
  content: " | ";
}

.SP-SliderTeaser__headline {
  color: #FFFFFF;
  text-transform: uppercase;
}

.SP-FixedSize__raiser--sliderTeaserImage {
  padding-bottom: 66.66666667%;
}

.SP-SliderTeaser {
  height: 100%;
  position: relative;
}

.SP-SliderTeaserList__item {
  background-image: linear-gradient(65deg, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 90%);
  display: inline-block;
  width: 100%;
  height: auto;
}

.SP-SliderTeaserList__item.SP-AccentColor--alpha {
  background-color: #047897;
}

.SP-SliderTeaserList__item.SP-AccentColor--beta {
  background-color: #047897;
}

.SP-SliderTeaserList__item.SP-AccentColor--gamma {
  background-color: #047897;
}

.SP-SliderTeaserList__wrapper {
  background: #FFF;
}

@media (min-width: 40em) {
  .SP-SliderTeaserList__wrapper {
    padding-top: 2vw;
  }
}

@media (min-width: 60em) {
  .SP-SliderTeaserList__wrapper {
    padding-top: 1.4vw;
  }
}

@media (min-width: 88.25em) {
  .SP-SliderTeaserList__wrapper {
    padding-top: 19px;
  }
}

.SP-SliderTeaserList {
  /*overflow: hidden; verhindert :focus outline*/
  padding-bottom: 60px;
}

.SP-SliderTeaserList:not(.slick-initialized) {
  white-space: nowrap;
}

.SP-SliderTeaserList:not(.slick-initialized) .SP-SliderTeaserList__item {
  white-space: normal;
}

.SP-SliderTeaserList .slick-track {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.SP-SliderTeaserList .slick-arrow,
.SP-SliderTeaserList .slick-dots {
  position: absolute;
  font-size: 0;
  line-height: 0;
}

.SP-SliderTeaserList .slick-arrow {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  fill: #555555;
  font-size: 0;
  height: 51px;
  line-height: 0;
  padding: 0.75rem;
  position: absolute;
  top: calc(50% - 30px);
  transform: translateY(-50%);
  width: 51px;
  z-index: 1000;
}

.SP-SliderTeaserList .slick-next {
  right: -15px;
}

.SP-SliderTeaserList .slick-prev {
  left: -15px;
}

.SP-SliderTeaserList .slick-dots {
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

.SP-SliderTeaserList .slick-dots button {
  height: 100%;
  cursor: pointer;
}

.SP-SliderTeaserList .slick-dots > li {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  cursor: pointer;
  background: #999999;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  transition: background 0.3s ease;
  margin-left: 13px;
  margin-right: 13px;
  margin-left: 3vw;
  margin-right: 3vw;
}

.SP-SliderTeaserList .slick-dots .slick-active {
  background: #333333;
}

.SP-SliderTeaser__caption {
  display: none;
}

@media (min-width: 40em) {
  .SP-SliderTeaserList .slick-dots > li {
    margin-left: 13px;
    margin-right: 13px;
  }
  .SP-SliderTeaser__image {
    float: left;
    width: 50%;
  }
  .SP-SliderTeaser__content {
    float: left;
    width: 50%;
    margin-right: 0;
    padding-right: 34px;
  }
  .SP-SliderTeaser__caption {
    display: block;
    margin-left: 50%;
    bottom: 0;
    color: #FFFFFF;
    font-size: 0.75rem;
    left: 0;
    padding-bottom: 0.625rem;
    padding-left: 2.30966638%;
    position: absolute;
  }
}

@media (min-width: 60em) {
  .SP-SliderTeaser__caption {
    padding-left: 1.52801358%;
  }
}

@media (min-width: 80em) {
  .SP-SliderTeaser__image {
    width: 57.69666101%;
    float: left;
    margin-right: 1.52801358%;
  }
  .SP-SliderTeaser__content {
    width: 40.77532541%;
    float: left;
    margin-right: 1.52801358%;
    margin-right: 0;
  }
  .SP-SliderTeaser__caption {
    margin-left: 59.22467459%;
  }
  .SP-SliderTeaser__abstract {
    display: inline-block;
  }
}

@media print {
  .SP-SliderTeaser__header,
  .SP-SliderTeaserList__wrapper--rubric .SP-SliderTeaser__header {
    font: 1.25rem/1.125 "Source Sans Pro", Arial, Verdana, sans-serif;
    padding: 1.25rem 1rem;
    width: 100%;
  }
  .SP-SliderTeaser__abstract {
    display: none;
  }
  .SP-SliderTeaser__kicker {
    color: #FFFFFF;
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
  .SP-SliderTeaser__date + .SP-SliderTeaser__category::before {
    content: " | ";
  }
  .SP-SliderTeaser__headline {
    color: #FFFFFF;
    text-transform: uppercase;
  }
  .SP-FixedSize__raiser--sliderTeaserImage {
    padding-bottom: 66.66666667%;
  }
  .SP-SliderTeaser {
    height: 100%;
    background-image: linear-gradient(65deg, rgba(0, 0, 0, 0.3) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 90%);
    position: relative;
  }
  .SP-SliderTeaserList__item.slick-slide, .SP-SliderTeaserList__item.slick-cloned {
    display: none;
  }
  .SP-SliderTeaserList__item.slick-current {
    display: inline-block;
    width: 100% !important;
    height: auto !important;
  }
  .SP-SliderTeaserList__wrapper {
    background: #FFF;
    padding-top: 1.4vw;
    padding-bottom: 20px;
  }
  .SP-SliderTeaserList {
    overflow: hidden;
    padding-bottom: 60px;
  }
  .SP-SliderTeaserList:not(.slick-initialized) {
    white-space: nowrap;
  }
  .SP-SliderTeaserList:not(.slick-initialized) .SP-SliderTeaserList__item {
    white-space: normal;
  }
  .SP-SliderTeaserList .slick-track {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    transform: unset !important;
    width: 100% !important;
  }
  .SP-SliderTeaser__image {
    float: left;
    margin-right: 1.5280135823%;
    width: 57.6966610074%;
  }
  .SP-SliderTeaser__content {
    float: left;
    margin-right: 0;
    padding-right: 34px;
    width: 40.7753254103%;
  }
  .SP-SliderTeaser__caption {
    display: block;
    margin-left: 50%;
    bottom: 0;
    color: #FFFFFF;
    font-size: 0.75rem;
    left: 0;
    padding-bottom: 0.625rem;
    position: absolute;
  }
  .SP-SliderTeaser__caption {
    padding-left: 1.52801358%;
    margin-left: 183.27495622%;
  }
  .SP-SliderTeaserList .slick-dots > li,
  .SP-SliderTeaserList .slick-arrow {
    display: none !important;
  }
  .SP-GallerySlider.slick-initialized .slick-slide {
    display: inline-block !important;
    margin-bottom: 1em;
    width: 100% !important;
    height: auto !important;
  }
  .SP-GallerySlider.slick-initialized .slick-slide.slick-cloned {
    display: none !important;
  }
  .SP-GallerySlider.slick-initialized .slick-slide a {
    padding-top: 0 !important;
  }
  .SP-GallerySlider.slick-initialized .slick-slide a .SP-FixedSize__content {
    height: auto;
    position: relative !important;
  }
}

.SP-Social__item {
  display: inline-block;
  margin-right: 1.5em;
}

.SP-Social__item .SPi {
  fill: #FFFFFF;
  height: 2em;
  width: 2em;
}

/**
 * Teaser
 */
.SP-Teaser {
  background-color: #F0F0F0;
  color: #333333;
  overflow: hidden;
  position: relative;
}

.SP-Teaser__kicker {
  font: 1rem/1.5 "Source Sans Pro", Arial, Verdana, sans-serif;
}

.SP-Teaser__header {
  padding: 1rem 1rem 1rem 1.25rem;
}

@media (min-width: 40em) {
  .SP-Teaser__header {
    padding-bottom: .65rem;
  }
}

@media print {
  .SP-Teaser__header {
    padding-bottom: .65rem;
  }
}

.SP-Teaser__headline {
  font: 1.375rem/1.5 "Source Sans Pro", Arial, Verdana, sans-serif;
  font-weight: 600;
}

.SP-Teaser__abstract {
  font: 1rem/1.5 "Source Sans Pro", Arial, Verdana, sans-serif;
  padding: 0 1rem 1rem 1.25rem;
}

@media (min-width: 40em) {
  .SP-Teaser__image {
    width: 31.26436782%;
    float: left;
    margin-right: 3.10344828%;
  }
}

@media (min-width: 60em) {
  .SP-Teaser__image {
    width: 26.67974497%;
    float: left;
    margin-right: 2.64835704%;
  }
}

@media print {
  .SP-Teaser__image {
    width: 26.67974497%;
    float: left;
    margin-right: 2.64835704%;
  }
}

.SP-Teaser__image svg.SP-FixedSize__content {
  background-color: #FFFFFF;
  padding: 20%;
}

/**
 * Teaser mit Terminieriung
 */
.SP-ScheduledTeaser {
  background-color: #F0F0F0;
  color: #333333;
  overflow: hidden;
  position: relative;
}

.SP-ScheduledTeaser__header {
  padding-left: 35px;
  padding-top: 8px;
}

@media (min-width: 40em) {
  .SP-ScheduledTeaser__header {
    padding-top: 0;
  }
}

.SP-ScheduledTeaser__headline {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.5;
  margin-left: -15px;
  padding: 0.25rem 1rem 1rem 0;
}

@media (min-width: 40em) {
  .SP-ScheduledTeaser__headline {
    padding-bottom: .65rem;
  }
}

.SP-ScheduledTeaser__abstract {
  color: #333333;
  font: 1rem/1.5 "Source Sans Pro", Arial, Verdana, sans-serif;
  padding: 0 1rem 1rem 2.25rem;
}

@media (min-width: 40em) {
  .SP-ScheduledTeaser__image {
    width: 31.26436782%;
    float: right;
    margin-left: 3.10344828%;
  }
}

@media (min-width: 60em) {
  .SP-ScheduledTeaser__image {
    width: 26.67974497%;
    float: right;
    margin-left: 2.64835704%;
  }
}

.SP-ScheduledTeaser__scheduling {
  color: #8D0073;
  font-size: 1.125rem;
  line-height: 1.5;
  text-transform: uppercase;
  display: block;
}

.SP-ScheduledTeaser__scheduling::before {
  background-color: #8D0073;
  content: "";
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

@media (max-width: 40em) {
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__header {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: rgba(255, 255, 255, 0.8);
  }
}

@media (min-width: 40em) {
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__inner {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
  }
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__image {
    width: 48.44827586%;
    float: left;
    margin-right: 3.10344828%;
  }
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__header {
    width: 48.44827586%;
    float: left;
    margin-right: 3.10344828%;
  }
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__header {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
  }
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__headline {
    padding-left: 0;
    margin-top: -0.753125em;
  }
}

@media (min-width: 60em) {
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__image {
    width: 26.67974497%;
    float: left;
    margin-right: 2.64835704%;
  }
  .SP-Teaser--teaserlist.SP-Teaser--illustrated .SP-Teaser__header {
    width: 70.67189799%;
    float: left;
    margin-right: 2.64835704%;
  }
}

.SP-TeaserList {
  clear: both;
}

.SP-TeaserList__item {
  margin-bottom: 1.25rem;
}

.SP-YellowBox {
  background-color: #FFFFAE;
  padding: 0.5rem;
}

.SP-Tools {
  position: relative;
}

.SP-Tools__tool {
  color: #FFFFFF;
  display: inline-block;
  fill: currentColor;
  font-size: 1rem;
  font-weight: 600;
  margin-right: 1em;
  padding-left: 2em;
}

.SP-Tools__tool a {
  color: inherit;
}

.SP-Tools__tool .SPi {
  height: 1.5em;
  width: 1.5em;
  top: -0.25em;
}

@media (min-width: 400px) {
  .SP-Tools__tool {
    font-size: 1.125rem;
  }
}

@media (min-width: 40em) {
  .SP-Tools__tool {
    margin: 0;
    width: 49%;
  }
}

@media (min-width: 80em) {
  .SP-Tools__tool {
    margin-right: 1em;
    width: auto;
  }
}

@media print {
  .SP-Tools__tool {
    display: none;
  }
}

.SP-Tools__tool--print {
  display: none;
}

@media (min-width: 60em) {
  .SP-Tools__tool--print {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
}

.SP-Video__video {
  display: block;
  width: 100%;
  /* Damit das Vorschaubild den Player ausfüllt */
  object-fit: cover;
}

.SP-Video {
  margin-bottom: 1.25rem;
}

.SP-Video:last-child {
  margin-bottom: 0;
}

.SP-Video__title {
  color: #333333;
  font-family: "Source Sans Pro", Arial, Verdana, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 0.7em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.SP-Video__video {
  position: relative;
}

/**
 * Organisms
 */
.SP-Header__wrapper {
  overflow: hidden;
  position: relative;
}

@media (max-width: 59.9375em) {
  .SP-Header__wrapper {
    box-shadow: 0 2px 4px 0 #999999;
    position: relative;
    z-index: 2;
  }
}

@media print {
  .SP-Header__wrapper {
    box-shadow: none;
    margin: 1em 0;
    overflow: hidden;
    position: relative;
    z-index: 2;
  }
  .SP-Header__wrapper .SP-Header__inner {
    margin-left: 0;
  }
}

.SP-Header__inner {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: end;
  position: relative;
}

.SP-Header__trigger {
  -webkit-align-self: center;
  -moz-align-self: center;
  align-self: center;
  -ms-flex-item-align: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0;
  margin-left: min(2.4vw, 0.5rem);
}

@media print {
  .SP-Header__trigger {
    display: none !important;
  }
}

.SP-Header__logo {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  overflow: hidden;
}

@media print {
  .SP-Header__logo--pb {
    left: auto;
    right: 0;
  }
}

.SP-Logo--microsite .SP-Logo__text,
.SP-Logo--microsie--small .SP-Logo__text {
  display: block;
  height: 73px;
  line-height: 73px;
}

.SP-Header__logo--pb {
  display: none;
}

@media (min-width: 60em) {
  .SP-Header__trigger {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
  }
}

@media print and (min-width: 60em) {
  .SP-Header__trigger {
    display: none;
  }
}

@media (min-width: 60em) {
  .SP-Header__illustration {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
}

@media print and (min-width: 60em) {
  .SP-Header__illustration {
    display: none;
  }
}

@media (min-width: 60em) {
  .SP-Header__logo {
    left: 0;
    position: absolute;
    top: 8px;
    width: 80px;
  }
  .SP-Header__navigation {
    position: absolute;
    left: 100px;
    top: 8px;
    width: calc(100% - 100px);
  }
}

@media print and (min-width: 60em) {
  .SP-Header__navigation {
    display: none;
  }
}

@media (min-width: 60em) {
  .SP-Header__logo--microsite {
    width: 230px;
  }
  .SP-Header__logo--microsite .SP-Logo__image {
    font-family: "object-fit: contain; object-position: center center;";
    /* wichtig für den object-fit-Polyfill */
    height: auto;
    object-fit: contain;
    object-position: center center;
    width: 100%;
  }
  .SP-Header__logo--microsite ~ .SP-Header__navigation {
    left: 250px;
    width: calc(100% - 250px);
  }
  .SP-Header__logo--pb {
    display: block;
    left: auto;
    right: 0;
    width: 80px;
  }
  .SP-Header__logo--pb ~ .SP-Header__navigation {
    left: 250px;
    width: calc(100% - 350px);
  }
  .SP-Header__logo--microsite--small {
    width: 115px;
  }
  .SP-Header__logo--microsite--small .SP-Logo__image {
    width: 100%;
    height: auto;
    max-height: none;
  }
  .SP-Header__logo--microsite--small ~ .SP-Header__navigation {
    left: 135px;
    width: calc(100% - 135px);
  }
  .SP-Header__logo--microsite--small ~ .SP-Header__logo--pb ~ .SP-Header__navigation {
    left: 135px;
    width: calc(100% - 235px);
  }
  .SP-Header--small.SP-Header--hasPBLogo .SP-Header__inner {
    padding-right: 100px !important;
  }
}

@media (min-width: 80em) {
  .SP-Header__logo {
    width: 98px;
  }
  .SP-Header__navigation {
    left: 118px;
    width: calc(100% - 118px);
  }
  .SP-Header__logo--microsite {
    width: 230px;
  }
  .SP-Header__logo--microsite ~ .SP-Header__navigation {
    left: 250px;
    width: calc(100% - 250px);
  }
  .SP-Header__logo--pb {
    width: 80px;
  }
  .SP-Header__logo--pb .SP-Logo__image {
    max-width: 127px;
  }
  .SP-Header__logo--pb ~ .SP-Header__navigation {
    left: 250px;
    width: calc(100% - 350px);
  }
  .SP-Header__logo--microsite--small {
    width: 115px;
  }
  .SP-Header__logo--microsite--small .SP-Logo__image {
    width: 100%;
    height: auto;
    max-height: none;
  }
  .SP-Header__logo--microsite--small ~ .SP-Header__navigation {
    left: 135px;
    width: calc(100% - 135px);
  }
  .SP-Header__logo--microsite--small ~ .SP-Header__logo--pb ~ .SP-Header__navigation {
    left: 135px;
    width: calc(100% - 235px);
  }
}

@media (min-width: 60em) {
  .SP-Header--small .SP-Header__logo--pb ~ .SP-Trigger:last-child {
    margin-right: 100px;
  }
}

@media (max-width: 59.9375em) {
  .SP-Header__trigger {
    -webkit-align-self: center;
    -moz-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
  }
}

@media print and (max-width: 59.9375em) {
  .SP-Header__trigger {
    display: none;
  }
}

@media (min-width: 60em) {
  .SP-Header__quicksearch {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-positive: 1;
    display: block;
  }
  .SP-Header--small .SP-Header__quicksearch {
    display: none;
  }
  .SP-Header__inner {
    position: relative;
    height: 480px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    transition: height 0.3s ease;
    padding: 325px 118px 0 118px;
  }
}

@media print and (min-width: 60em) {
  .SP-Header__inner {
    height: 0 !important;
    padding-top: 170px !important;
  }
}

@media (min-width: 60em) {
  .SP-Header--small .SP-Header__inner {
    padding-right: 0;
    padding-top: 110px;
  }
}

@media (min-width: 80em) {
  .SP-Header__inner {
    height: 590px;
    padding-top: 425px;
  }
}

@media print and (min-width: 80em) {
  .SP-Header__inner {
    height: 0 !important;
    padding-top: 170px !important;
  }
}

@media (min-width: 80em) {
  .SP-Header--small .SP-Header__inner {
    padding-right: 0;
    padding-top: 110px;
  }
}

.SP-Section {
  clear: both;
}

.SP-isEnabled .SP-Collapsible__trigger {
  cursor: pointer;
  position: relative;
}

.SP-Collapsible__trigger .SP-Iconized__icon {
  top: 3px;
}

@media print {
  .SP-Collapsible__trigger .SP-Iconized__icon {
    display: none;
  }
}

.SP-Collapsible__trigger .SP-Iconized__icon {
  -webkit-transition: -webkit-transform 0.1s ease-out;
  -moz-transition: -moz-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}

.SP-Collapsible__trigger[aria-expanded="true"] .SP-Iconized__icon {
  transform: rotate(180deg);
}

.SP-Collapsible__content[aria-hidden="true"] {
  display: none;
}

@media print {
  .SP-Collapsible__content[aria-hidden="true"] {
    display: block;
  }
}

.SP-Body {
  padding-bottom: 4em;
}

@media screen {
  .SP-Body {
    background-color: #BC540F;
    background-image: linear-gradient(20deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
  }
}

.SP-Body__navigation,
.SP-Aside {
  padding-top: 1rem;
  display: none;
}

@media (min-width: 60em) {
  .SP-Body__navigation,
  .SP-Aside {
    display: block;
    width: 23.85398981%;
    float: right;
    margin-right: 0;
  }
}

@media print {
  .SP-Body__navigation,
  .SP-Aside {
    display: none;
  }
}

.SP-Body__inner {
  background-color: #FFFFFF;
  overflow: hidden;
  position: relative;
}

@media print {
  .SP-Body__inner {
    margin-bottom: 0;
    overflow: visible;
    top: 0;
  }
}

@media (min-width: 60em) {
  .SP-Header__wrapper + .SP-OffCanvas .SP-Body__inner {
    margin-bottom: -284px;
    top: -284px;
  }
}

@media (min-width: 80em) {
  .SP-Header__wrapper + .SP-OffCanvas .SP-Body__inner {
    margin-bottom: -394px;
    top: -394px;
  }
}

@media screen {
  .SP-Body__inner--lessOffset {
    background-color: #F0F0F0;
  }
}

@media (min-width: 60em) {
  .SP-Header__wrapper + .SP-OffCanvas .SP-Body__inner--lessOffset {
    margin-bottom: -75px;
    top: -75px;
  }
}

@media screen {
  .SP-Body__inner--homepage {
    background-color: #F0F0F0;
  }
}

@media (min-width: 60em) {
  .SP-Body__slider {
    width: 74.6179966%;
    float: left;
    margin-right: 1.52801358%;
  }
}

.SP-Rubric__wrapper {
  background-color: #FFFFFF;
  overflow: hidden;
}

/**
 * Elements
 */
.SP-Content,
.SP-Main {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 1.875rem;
}

@media (min-width: 30em) {
  .SP-Content,
  .SP-Main {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 40em) {
  .SP-Content,
  .SP-Main {
    width: 74.4225834%;
    float: left;
    margin-right: 2.30966638%;
    margin-left: 12.7887083%;
  }
}

@media (min-width: 60em) {
  .SP-Content,
  .SP-Main {
    width: 57.69666101%;
    float: left;
    margin-right: 1.52801358%;
    margin-left: 16.9213356%;
  }
}

.SP-Article__head + * {
  /* TODO besseren Selektor finden */
  clear: both;
}

.SP-Footer {
  background: #1270B5;
  background-image: linear-gradient(20deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.3) 100%);
  color: #FFFFFF;
  padding-top: 1rem;
}

.SP-Footer__helper {
  overflow: hidden;
}

.SP-Footer__service {
  margin-top: 2rem;
}

.SP-Footer__tools {
  position: relative;
  top: -55px;
}

.SP-Footer__logo .SP-Logo__image {
  max-height: 98px;
  height: auto;
}

.SP-Footer__claim {
  font-size: 2.25rem;
  font-weight: 600;
}

@media print {
  .SP-Footer__claim {
    flex: 1 1 auto;
    font-size: 1.75rem;
  }
}

@media (max-width: 39.9375em) {
  .SP-Footer__offerer,
  .SP-Footer__social,
  .SP-Footer__claim,
  .SP-Footer__logo {
    margin-bottom: 3rem;
  }
}

@media (min-width: 40em) {
  .SP-Footer__inner {
    margin-left: -2vw;
    margin-right: -2vw;
  }
  .SP-Footer__helper {
    padding-bottom: 2rem;
    position: relative;
  }
  .SP-Footer__offerer {
    width: 48.84516681%;
    float: left;
    margin-right: 2.30966638%;
    min-height: 6em;
  }
  .SP-Footer__claim,
  .SP-Footer__logo {
    position: absolute;
    bottom: 2rem;
    margin-left: 51.15483319%;
  }
  .SP-Footer__logo {
    bottom: auto;
  }
  .SP-Footer__social + .SP-Footer__logo {
    margin-top: 1.5rem;
  }
  .SP-Footer__service {
    bottom: 0;
    position: absolute;
    right: 0;
  }
}

@media (min-width: 60em) {
  .SP-Footer__inner {
    margin-left: -1.4vw;
    margin-right: -1.4vw;
  }
  .SP-Footer__offerer {
    width: 49.23599321%;
    float: left;
    margin-right: 1.52801358%;
  }
  .SP-Footer__logo {
    bottom: 2rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 80em) {
  .SP-Footer__inner {
    margin-left: -1.4vw;
    margin-right: -1.4vw;
  }
  .SP-Footer__helper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
  }
  .SP-Footer__offerer {
    width: 49.23599321%;
    float: left;
    margin-right: 1.52801358%;
  }
  .SP-Footer__social {
    width: 23.85398981%;
    float: left;
    margin-right: 1.52801358%;
  }
  .SP-Footer__claim,
  .SP-Footer__logo {
    position: relative;
    bottom: auto;
    margin-left: 0;
    width: 32.31465761%;
    float: left;
    margin-right: 1.52801358%;
  }
  .SP-Footer__claim,
  .SP-Footer__logo {
    float: right;
    margin-right: 0;
  }
  .SP-Footer__service {
    clear: both;
  }
}

@media (min-width: 88.25em) {
  .SP-Footer__inner {
    margin-left: -19px;
    margin-right: -19px;
  }
}

@media print {
  .SP-Footer__inner {
    page-break-inside: avoid;
  }
  .SP-Footer__inner .SP-Footer__helper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
  }
  .SP-Footer__inner .SP-Footer__helper .SP-Footer__claim,
  .SP-Footer__inner .SP-Footer__helper .SP-Footer__logo {
    position: relative;
    bottom: auto;
    margin-left: 0;
    justify-content: center;
    flex: 0 1 auto;
  }
  .SP-Footer__inner .SP-Footer__helper .SP-Footer__service,
  .SP-Footer__inner .SP-Footer__helper .SP-Footer__social {
    display: none;
  }
}

/**
 * Schmuckleiste
 */
.SP-Footer__bar {
  background-image: url("/WEB-IES/paderborn-module/2.40.0/images//border/border-s.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  clear: both;
  height: 0;
  margin-left: -3.75vw;
  margin-right: -3.75vw;
  margin-top: 0.5rem;
  padding-bottom: 9.5%;
}

@media print {
  .SP-Footer__bar {
    background-image: url("/WEB-IES/paderborn-module/2.40.0/images//border/border-l.png");
    padding-bottom: 3.28%;
  }
}

@media (min-width: 30em) {
  .SP-Footer__bar {
    margin-left: -2.875vw;
    margin-right: -2.875vw;
  }
}

@media (min-width: 40em) {
  .SP-Footer__bar {
    background-image: url("/WEB-IES/paderborn-module/2.40.0/images//border/border-m.png");
    margin-left: -4vw;
    margin-right: -4vw;
    padding-bottom: 4.94792%;
  }
}

@media (min-width: 60em) {
  .SP-Footer__bar {
    background-image: url("/WEB-IES/paderborn-module/2.40.0/images//border/border-l.png");
    margin-left: 0%;
    margin-right: 0%;
    padding-bottom: 3.28%;
  }
}

.SP-Search__resultHeadline {
  border-bottom: 1px solid #444444;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}

.SP-Search__resultAmount {
  margin-bottom: 1.125em;
}

.SP-Search__result {
  margin-bottom: 3rem;
}

.SP-Search__autocorrect {
  margin-bottom: 2rem;
}

/**
 * Helper
 */
/* @import "10-helper/lightbox/vendor" */
/**
 * Allg. Lightbox
 */
.SP-Lightbox {
  max-height: 90vh;
  max-width: 61.25rem;
  width: 90vw;
}

.SP-Lightbox__title {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

.SP-Lightbox__label {
  font-size: 2em;
  font-weight: bold;
  margin: 1em;
}

.SP-Lightbox__close {
  background: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  margin: 1em;
  margin-left: auto;
  height: 2em;
  width: 2em;
  flex: 0 0 2em;
  align-self: start;
}

.SP-Lightbox__close > .SPi {
  height: 2em;
  width: 2em;
}

.SP-Lightbox__content {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/**
 * Lightbox mit Optionen
 .SP-Lightbox--options {
	 max-width: rem(360px);
	}
	*/
/**
 * Lightbox mit Suchschlitz
 .SP-Lightbox--search {
	 top: -16vh;
	}
	*/
.SP-Lightbox__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.SP-Lightbox {
  align-items: center;
  background-color: #FFFFFF;
  color: #000000;
  /* TODO: globale Text-Farbe ? */
  display: flex;
  fill: #000000;
  /* TODO: globale Text-Farbe ? */
  flex-direction: column;
  overflow-y: hidden;
  pointer-events: all;
}

.SP-Lightbox__content {
  padding: 20px 20px;
}

.SP-Lightbox--dataprotection {
  max-width: 37.5rem;
}

.SP-Lightbox__content .SP-Grid__pullOpen {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}