@charset "UTF-8";
/*
Custom Design

data: 
base: /srv/sitepark/ies/modules/wiesbaden-module.war/WEB-INF/microsite-sass-for-ies/
*/
/* Theme */
/* Pfade */
/* import main */
/**
 * Externe Bibliotheken ohne Ausgabe
 */
/**
 * Mixins & Functions
 */
.SP-CallToAction:first-child, .SP-CallToAction__button:first-child, .SP-ConsentBanner__headline:first-child {
  margin-top: 0; }

.SP-Annotation:last-child, .SP-Paragraph .SP-Box:last-child, .SP-Annotation .SP-Box:last-child, .SP-Paragraph:last-child,
.SP-Paragraph p:last-child,
.SP-Annotation p:last-child,
.SP-Paragraph pre:last-child,
.SP-Annotation pre:last-child, .SP-CallToAction:last-child, .SP-CallToAction__button:last-child, .SP-Newsroom:last-child, .SP-NumbersBanner:last-child, .SP-Iframe:last-child, .SP-Code:last-child, .SP-ConsentBanner__headline:last-child, .SP-PrivacyBarrier:last-child, .SP-Search:last-child,
.SP-Loader:last-child, .SP-TranslateList__item:last-child, .SP-DataProtection:last-child {
  margin-bottom: 0; }

.SP-NavigationLevel__back {
  background: none;
  border: none;
  padding: 0;
  text-align: left; }
  .SP-NavigationLevel__back[disabled] {
    cursor: not-allowed; }
  .SP-NavigationLevel__back:not([disabled]) {
    cursor: pointer; }

.SP-Fieldset--checkbox, .SP-Fieldset--radio {
  border: none;
  margin: 0;
  padding: 0; }

.SP-Options, .SP-Suggest, .SP-Fieldset--checkbox ul, .SP-Fieldset--radio ul, .SP-LinkList__list,
.SP-LinkList--inline, .SP-LinkList__item, .SP-QuickLinks__list, .SP-TeaserList__list, .SP-Newsroom__list, .SP-Gallery__list, .SP-NavigationLevel__children, .SP-Path__list, .SP-AnchorList__list, .SP-TranslateList__list {
  list-style: none;
  margin: 0;
  padding: 0; }

.SP-QuickLink {
  text-decoration: none;
  color: currentColor; }
  .SP-QuickLink:hover {
    color: currentColor; }
  .SP-QuickLink:visited {
    color: currentColor; }

/**
 * from https://github.com/sass/sass/issues/2849 Ariane-B commented on Apr 30, 2020 • 
 */
.SPu-hide,
.SPu-hidden {
  display: none !important; }

@media not print {
  .SPu-access {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px);
    display: inline-block;
    left: 0;
    position: absolute;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden; } }

.SPu-noScroll {
  height: 100%;
  overflow-y: scroll;
  position: fixed;
  width: 100%; }

/**
 * Pfad-Konfigurationen
 */
/**
 * Konfiguration ohne Ausgabe
 */
/**
 * Normalisierung
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

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

figure {
  margin: 0; }

iframe {
  border: none;
  max-width: 100%;
  width: 100%; }

img {
  width: 100%; }

/* stylelint-enable*/
/**
 * Global
 */
/* Automatisch genrierte Farben */
/* Basisfarben setzen */
/* stylelint-disable-next-line selector-max-type */
body {
  background-color: #FFFFFF;
  color: #000000;
  fill: currentColor; }

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

/**
 * Font-Stacks
 */
@font-face {
  font-family: Droid Serif;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/DroidSerif/DroidSerif-Regular-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: Droid Serif;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/DroidSerif/DroidSerif-Italic-webfont.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: Montserrat;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-300.woff2") format("woff2"),url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-300.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap; }

@font-face {
  font-family: Montserrat;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-regular.woff2") format("woff2"),url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: Montserrat;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-italic.woff2") format("woff2"),url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: Montserrat;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-500.woff2") format("woff2"),url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-500.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap; }

@font-face {
  font-family: Montserrat;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-600.woff2") format("woff2"),url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-600.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap; }

@font-face {
  font-family: Montserrat;
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-700.woff2") format("woff2"),url("/WEB-IES/wiesbaden-module/2.47.0/fonts/Montserrat/montserrat-v12-latin_latin-ext-700.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

/* stylelint-disable-next-line selector-max-type */
html {
  font-family: Droid Serif, sans-serif;
  line-height: 2;
  font-size: 14.2px;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: 'kern', 'liga', 'clig', 'calt';
  /* Für Smart-TV's - Erstmal nicht
	@include breakpoint(1600px) {
		font-size: calc(16px + (100vw - 1600px) / 100);
	}
	*/ }
  @media (min-width: 480px) {
    html {
      font-size: calc(14.2px + 1.8 * (100vw - 480px) / 160); } }
  @media (min-width: 640px) {
    html {
      font-size: 16px; } }

/*
 * XXS: <  320px
 * XS:     320px ->  479px
 * SM:     480px ->  639px
 * MD:     640px ->  959px
 * LG:     960px -> 1199px
 * XL:    1200px -> 1649px
 * END: > 1664px
 */
html {
  /* stylelint-disable-line selector-max-type */
  overflow-y: scroll; }

body {
  /* stylelint-disable-line selector-max-type */
  margin: 0;
  padding: 0; }

/**
 * Breakpoint: Zoom
 */
@media (max-width: 19.99rem) {
  .SP-Grid {
    margin-left: 1.25rem;
    margin-right: 1.25rem; } }

@media (min-width: 20rem) and (max-width: 29.99rem) {
  .SP-Grid {
    margin-left: 1.25rem;
    margin-right: 1.25rem; } }

@media (min-width: 30rem) and (max-width: 39.99rem) {
  .SP-Grid {
    margin-left: 1.25rem;
    margin-right: 1.25rem; } }

@media (min-width: 40rem) and (max-width: 59.99rem) {
  .SP-Grid {
    margin-left: 1.25rem;
    margin-right: 1.25rem; } }

@media (min-width: 60rem) and (max-width: 74.99rem) {
  .SP-Grid {
    margin-left: 1.25rem;
    margin-right: 1.25rem; } }

@media (min-width: 75rem) and (max-width: 103.99rem) {
  .SP-Grid {
    margin-left: 7.5rem;
    margin-right: 7.5rem; } }

@media (min-width: 104rem) {
  .SP-Grid {
    margin-left: auto;
    margin-right: auto; }
  .SP-Grid {
    width: calc(104rem - 2 * 7.5rem); }
    .no-scrollbarincludedin100vw .SP-Grid {
      width: calc(104rem - 2 * 7.5rem - 1.07rem); } }

/* stylelint-disable */
.SP-Grid__debug {
  align-items: flex-end;
  background-color: rgba(247, 247, 247, 0.8);
  box-shadow: inset 0 1px 0 0 rgba(83, 83, 99, 0.25);
  bottom: 0;
  clip-path: polygon(calc(100% - 40px) 0%, 100% 0%, 100% 100%, calc(100% - 40px) 100%);
  color: #333333;
  display: flex;
  flex-direction: row-reverse;
  font: 14px/1.5 "Open Sans",Helvetica,Arial,sans-serif;
  justify-content: space-between;
  min-height: 2.5rem;
  padding: 0.5em 2.5rem 0.5em 0.5em;
  position: fixed;
  right: 0;
  transition: all 300ms ease-in-out;
  width: 100%;
  z-index: 99999; }
  @media (hover: none) {
    .SP-Grid__debug {
      display: none; } }

.SP-Grid__debug::after {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  margin-left: 0.75em;
  margin-right: 0.75em;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  text-transform: uppercase; }
  @media (max-width: 19.99rem) {
    .SP-Grid__debug::after {
      content: "xxs ((cols: 6, main: 6, gutter: 0.79rem, gutter-outer: 1.25rem, mq: (max-width 19.99rem)))"; } }
  @media (min-width: 20rem) and (max-width: 29.99rem) {
    .SP-Grid__debug::after {
      content: "xs ((cols: 6, main: 6, gutter: 0.79rem, gutter-outer: 1.25rem, mq: (20rem 29.99rem)))"; } }
  @media (min-width: 30rem) and (max-width: 39.99rem) {
    .SP-Grid__debug::after {
      content: "sm ((cols: 8, main: 8, gutter: 0.79rem, gutter-outer: 1.25rem, mq: (30rem 39.99rem)))"; } }
  @media (min-width: 40rem) and (max-width: 59.99rem) {
    .SP-Grid__debug::after {
      content: "md ((cols: 8, main: 8, gutter: 1.57rem, gutter-outer: 1.25rem, mq: (40rem 59.99rem)))"; } }
  @media (min-width: 60rem) and (max-width: 74.99rem) {
    .SP-Grid__debug::after {
      content: "lg ((cols: 12, main: 8, gutter: 1.57rem, gutter-outer: 1.25rem, mq: (60rem 74.99rem)))"; } }
  @media (min-width: 75rem) and (max-width: 103.99rem) {
    .SP-Grid__debug::after {
      content: "xl ((cols: 12, main: 8, gutter: 1.57rem, gutter-outer: 7.5rem, mq: (75rem 103.99rem)))"; } }
  @media (min-width: 104rem) {
    .SP-Grid__debug::after {
      content: "end ((cols: 12, main: 8, gutter: 1.57rem, gutter-outer: auto, mq: 104rem))"; } }
  @media (max-width: 56.19rem) {
    .SP-Grid__debug::after {
      font-size: calc(0.75vw + 0.45rem); } }

.SP-Grid__debug__inner {
  display: flex;
  justify-content: space-between;
  transition: opacity 300ms ease; }

.SP-Grid__debug__switch {
  align-items: flex-end;
  display: flex;
  margin-left: 0.75em;
  margin-right: 0.75em; }

@media (max-width: 56.19rem) {
  .SP-Grid__debug__text {
    display: none; } }

.SP-Grid__debug__icon--grid {
  display: inline-block;
  font-weight: 700;
  transform: rotate(90deg); }

.SP-Grid__debug__checkbox {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0; }

.SP-Grid__debug__slider {
  background-color: #DD0000;
  border: 1px solid #FFFFFF;
  border-radius: 1.5em;
  bottom: 0.15em;
  box-shadow: 0 0 0 1px rgba(83, 83, 99, 0.75);
  cursor: pointer;
  flex-shrink: 0;
  height: 1.2em;
  left: 0.4em;
  opacity: 0.75;
  position: relative;
  transition: background-color 300ms ease;
  width: 2.4em; }

.SP-Grid__debug__slider:before {
  border-radius: 50%;
  bottom: 0.1em;
  background-color: #FFFFFF;
  content: "";
  height: 1em;
  left: 0.1em;
  position: absolute;
  transition: transform 300ms ease;
  width: 1em; }

.SP-Grid__debug__slider:hover,
.SP-Grid__debug__checkbox:focus + .SP-Grid__debug__slider {
  opacity: 1; }

.SP-Grid__debug__checkbox:checked + .SP-Grid__debug__slider {
  background-color: #33A033; }

.SP-Grid__debug__checkbox:checked + .SP-Grid__debug__slider:before {
  transform: translateX(1em); }

.SP-Grid__debug__button {
  background-color: transparent;
  border: 0;
  bottom: 0;
  box-shadow: inset 1px 0 0 0 rgba(83, 83, 99, 0.25);
  font-size: 1.75rem;
  height: 100%;
  min-height: 2.5rem;
  padding: 0;
  position: absolute;
  right: 0;
  transition: opacity 300ms ease-in-out;
  width: 2.5rem; }

@keyframes wink {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(0.95, 0.8); }
  100% {
    transform: scale(1, 1); } }
  .SP-Grid__debug__button:focus {
    color: Highlight;
    color: -webkit-focus-ring-color; }
    .SP-Grid__debug__button:focus .SP-Grid__debug__button__text {
      animation: wink 500ms ease; }

.SP-Grid__debug__button__text {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  min-height: 2.5rem;
  right: 0;
  line-height: 2.5rem;
  opacity: 1;
  position: absolute;
  text-align: center;
  transition: opacity 300ms ease-in-out;
  width: 2.5rem; }

.SP-Grid__debug__button__text--close {
  font-size: 1.25rem;
  opacity: 0; }

.SP-Grid__debug:hover {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
  .SP-Grid__debug:hover .SP-Grid__debug__button__text--visible {
    opacity: 0; }
  .SP-Grid__debug:hover .SP-Grid__debug__button__text--close {
    opacity: 1; }

.SP-Grid__debug:not(:hover)::after,
.SP-Grid__debug:not(:hover) .SP-Grid__debug__switch {
  visibility: hidden; }

.SP-Grid--force-debug,
.SP-Grid__debug:hover ~ .SP-Grid--debug,
.SP-Grid__debug:hover ~ div .SP-Grid--debug,
.SP-Grid__debug:hover ~ header .SP-Grid--debug,
.SP-Grid__debug:hover ~ article .SP-Grid--debug,
.SP-Grid__debug:hover ~ main .SP-Grid--debug,
.SP-Grid__debug:hover ~ footer .SP-Grid--debug {
  position: relative; }
  @media (max-width: 19.99rem) {
    .SP-Grid--force-debug,
    .SP-Grid__debug:hover ~ .SP-Grid--debug,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug {
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      position: relative; }
      .SP-Grid--force-debug::after,
      .SP-Grid__debug:hover ~ .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ div .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ header .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ article .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ main .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ footer .SP-Grid--debug::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234f69c6%22%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%280%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%200rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%281%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%200.79rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%282%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%201.58rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%283%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%202.37rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%284%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%203.16rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%285%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%203.95rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E");
        background-size: 100% 100%;
        background-repeat: repeat-y;
        background-position: center;
        border-bottom: 1px solid transparent;
        /* wirkt seltsamer Opacity-Ignoranz im FF entgegen */
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.15;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10002; } }
  @media (min-width: 20rem) and (max-width: 29.99rem) {
    .SP-Grid--force-debug,
    .SP-Grid__debug:hover ~ .SP-Grid--debug,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug {
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      position: relative; }
      .SP-Grid--force-debug::after,
      .SP-Grid__debug:hover ~ .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ div .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ header .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ article .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ main .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ footer .SP-Grid--debug::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234f69c6%22%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%280%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%200rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%281%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%200.79rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%282%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%201.58rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%283%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%202.37rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%284%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%203.16rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%203.95rem%29%20%2F%206%29%3B%20x%3A%20calc%285%20%2A%20%28100%25%20-%203.95rem%29%20%2F%206%20%2B%203.95rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%228.33333333%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E");
        background-size: 100% 100%;
        background-repeat: repeat-y;
        background-position: center;
        border-bottom: 1px solid transparent;
        /* wirkt seltsamer Opacity-Ignoranz im FF entgegen */
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.15;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10002; } }
  @media (min-width: 30rem) and (max-width: 39.99rem) {
    .SP-Grid--force-debug,
    .SP-Grid__debug:hover ~ .SP-Grid--debug,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug {
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      position: relative; }
      .SP-Grid--force-debug::after,
      .SP-Grid__debug:hover ~ .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ div .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ header .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ article .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ main .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ footer .SP-Grid--debug::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234f69c6%22%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%280%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%200rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%281%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%200.79rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%282%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%201.58rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%283%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%202.37rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%284%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%203.16rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%285%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%203.95rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%286%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%204.74rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%205.53rem%29%20%2F%208%29%3B%20x%3A%20calc%287%20%2A%20%28100%25%20-%205.53rem%29%20%2F%208%20%2B%205.53rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E");
        background-size: 100% 100%;
        background-repeat: repeat-y;
        background-position: center;
        border-bottom: 1px solid transparent;
        /* wirkt seltsamer Opacity-Ignoranz im FF entgegen */
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.15;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10002; } }
  @media (min-width: 40rem) and (max-width: 59.99rem) {
    .SP-Grid--force-debug,
    .SP-Grid__debug:hover ~ .SP-Grid--debug,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug {
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      position: relative; }
      .SP-Grid--force-debug::after,
      .SP-Grid__debug:hover ~ .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ div .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ header .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ article .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ main .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ footer .SP-Grid--debug::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234f69c6%22%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%280%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%200rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%281%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%201.57rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%282%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%203.14rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%283%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%204.71rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%284%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%206.28rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%285%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%207.85rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%286%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%209.42rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2010.99rem%29%20%2F%208%29%3B%20x%3A%20calc%287%20%2A%20%28100%25%20-%2010.99rem%29%20%2F%208%20%2B%2010.99rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%226.25%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E");
        background-size: 100% 100%;
        background-repeat: repeat-y;
        background-position: center;
        border-bottom: 1px solid transparent;
        /* wirkt seltsamer Opacity-Ignoranz im FF entgegen */
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.15;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10002; } }
  @media (min-width: 60rem) and (max-width: 74.99rem) {
    .SP-Grid--force-debug,
    .SP-Grid__debug:hover ~ .SP-Grid--debug,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug {
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      position: relative; }
      .SP-Grid--force-debug::after,
      .SP-Grid__debug:hover ~ .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ div .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ header .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ article .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ main .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ footer .SP-Grid--debug::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234f69c6%22%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%280%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%200rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%281%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%201.57rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%282%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%203.14rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%283%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%204.71rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%284%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%206.28rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%285%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%207.85rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%286%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%209.42rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%287%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2010.99rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%288%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2012.56rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%289%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2014.13rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%2810%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2015.7rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%2811%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2017.27rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E");
        background-size: 100% 100%;
        background-repeat: repeat-y;
        background-position: center;
        border-bottom: 1px solid transparent;
        /* wirkt seltsamer Opacity-Ignoranz im FF entgegen */
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.15;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10002; } }
  @media (min-width: 75rem) and (max-width: 103.99rem) {
    .SP-Grid--force-debug,
    .SP-Grid__debug:hover ~ .SP-Grid--debug,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug {
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      position: relative; }
      .SP-Grid--force-debug::after,
      .SP-Grid__debug:hover ~ .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ div .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ header .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ article .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ main .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ footer .SP-Grid--debug::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234f69c6%22%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%280%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%200rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%281%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%201.57rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%282%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%203.14rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%283%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%204.71rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%284%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%206.28rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%285%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%207.85rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%286%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%209.42rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%287%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2010.99rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%288%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2012.56rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%289%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2014.13rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%2810%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2015.7rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%2811%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2017.27rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E");
        background-size: 100% 100%;
        background-repeat: repeat-y;
        background-position: center;
        border-bottom: 1px solid transparent;
        /* wirkt seltsamer Opacity-Ignoranz im FF entgegen */
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.15;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10002; } }
  @media (min-width: 104rem) {
    .SP-Grid--force-debug,
    .SP-Grid__debug:hover ~ .SP-Grid--debug,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug {
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      /* Firefox benötigt ein width, kann aber kein calc :-( */
      /* für Firefox noch ein Rect mit xf positioniert */
      position: relative; }
      .SP-Grid--force-debug::after,
      .SP-Grid__debug:hover ~ .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ div .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ header .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ article .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ main .SP-Grid--debug::after,
      .SP-Grid__debug:hover ~ footer .SP-Grid--debug::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%234f69c6%22%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%280%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%200rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%281%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%201.57rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%282%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%203.14rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%283%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%204.71rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%284%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%206.28rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%285%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%207.85rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%286%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%209.42rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%287%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2010.99rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%288%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2012.56rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%289%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2014.13rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%2810%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2015.7rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22odd%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20style%3D%22width%3A%20calc%28%28100%25%20-%2017.27rem%29%20%2F%2012%29%3B%20x%3A%20calc%2811%20%2A%20%28100%25%20-%2017.27rem%29%20%2F%2012%20%2B%2017.27rem%29%3B%22%20height%3D%22100%25%22%20%2F%3E%3Crect%20width%3D%224.16666667%25%22%20class%3D%22even%22%20height%3D%22100%25%22%20%2F%3E%3C%2Fsvg%3E");
        background-size: 100% 100%;
        background-repeat: repeat-y;
        background-position: center;
        border-bottom: 1px solid transparent;
        /* wirkt seltsamer Opacity-Ignoranz im FF entgegen */
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.15;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 10002; } }
  .SP-Grid--force-debug .SP-Grid__main,
  .SP-Grid__debug:hover ~ .SP-Grid--debug .SP-Grid__main,
  .SP-Grid__debug:hover ~ div .SP-Grid--debug .SP-Grid__main,
  .SP-Grid__debug:hover ~ header .SP-Grid--debug .SP-Grid__main,
  .SP-Grid__debug:hover ~ article .SP-Grid--debug .SP-Grid__main,
  .SP-Grid__debug:hover ~ main .SP-Grid--debug .SP-Grid__main,
  .SP-Grid__debug:hover ~ footer .SP-Grid--debug .SP-Grid__main {
    background-color: rgba(171, 171, 171, 0.32);
    position: relative;
    z-index: 10003; }
    .SP-Grid--force-debug .SP-Grid__main::after,
    .SP-Grid__debug:hover ~ .SP-Grid--debug .SP-Grid__main::after,
    .SP-Grid__debug:hover ~ div .SP-Grid--debug .SP-Grid__main::after,
    .SP-Grid__debug:hover ~ header .SP-Grid--debug .SP-Grid__main::after,
    .SP-Grid__debug:hover ~ article .SP-Grid--debug .SP-Grid__main::after,
    .SP-Grid__debug:hover ~ main .SP-Grid--debug .SP-Grid__main::after,
    .SP-Grid__debug:hover ~ footer .SP-Grid--debug .SP-Grid__main::after {
      content: "";
      clear: both;
      display: table; }
  .SP-Grid--force-debug > .SP-Grid__main,
  .SP-Grid__debug:hover ~ .SP-Grid--debug > .SP-Grid__main,
  .SP-Grid__debug:hover ~ div .SP-Grid--debug > .SP-Grid__main,
  .SP-Grid__debug:hover ~ header .SP-Grid--debug > .SP-Grid__main,
  .SP-Grid__debug:hover ~ article .SP-Grid--debug > .SP-Grid__main,
  .SP-Grid__debug:hover ~ main .SP-Grid--debug > .SP-Grid__main,
  .SP-Grid__debug:hover ~ footer .SP-Grid--debug > .SP-Grid__main {
    min-height: 100vh; }
  .SP-Grid--force-debug .SP-Grid__item--debug,
  .SP-Grid__debug:hover ~ .SP-Grid--debug .SP-Grid__item--debug,
  .SP-Grid__debug:hover ~ div .SP-Grid--debug .SP-Grid__item--debug,
  .SP-Grid__debug:hover ~ header .SP-Grid--debug .SP-Grid__item--debug,
  .SP-Grid__debug:hover ~ article .SP-Grid--debug .SP-Grid__item--debug,
  .SP-Grid__debug:hover ~ main .SP-Grid--debug .SP-Grid__item--debug,
  .SP-Grid__debug:hover ~ footer .SP-Grid--debug .SP-Grid__item--debug {
    display: inline-block;
    margin-bottom: 1rem; }
  .SP-Grid--force-debug .SP-Grid__label--debug,
  .SP-Grid__debug:hover ~ .SP-Grid--debug .SP-Grid__label--debug,
  .SP-Grid__debug:hover ~ div .SP-Grid--debug .SP-Grid__label--debug,
  .SP-Grid__debug:hover ~ header .SP-Grid--debug .SP-Grid__label--debug,
  .SP-Grid__debug:hover ~ article .SP-Grid--debug .SP-Grid__label--debug,
  .SP-Grid__debug:hover ~ main .SP-Grid--debug .SP-Grid__label--debug,
  .SP-Grid__debug:hover ~ footer .SP-Grid--debug .SP-Grid__label--debug {
    background-color: rgba(15, 15, 15, 0.84);
    color: #FFFFFF;
    display: block;
    padding: 0.63rem;
    position: relative;
    z-index: 10003; }
  .SP-Grid--force-debug .SP-Grid__full--background::before,
  .SP-Grid__debug:hover ~ .SP-Grid--debug .SP-Grid__full--background::before,
  .SP-Grid__debug:hover ~ div .SP-Grid--debug .SP-Grid__full--background::before,
  .SP-Grid__debug:hover ~ header .SP-Grid--debug .SP-Grid__full--background::before,
  .SP-Grid__debug:hover ~ article .SP-Grid--debug .SP-Grid__full--background::before,
  .SP-Grid__debug:hover ~ main .SP-Grid--debug .SP-Grid__full--background::before,
  .SP-Grid__debug:hover ~ footer .SP-Grid--debug .SP-Grid__full--background::before {
    background-color: rgba(204, 204, 204, 0.84); }
  .SP-Grid--force-debug .SP-Grid__label,
  .SP-Grid__debug:hover ~ .SP-Grid--debug .SP-Grid__label,
  .SP-Grid__debug:hover ~ div .SP-Grid--debug .SP-Grid__label,
  .SP-Grid__debug:hover ~ header .SP-Grid--debug .SP-Grid__label,
  .SP-Grid__debug:hover ~ article .SP-Grid--debug .SP-Grid__label,
  .SP-Grid__debug:hover ~ main .SP-Grid--debug .SP-Grid__label,
  .SP-Grid__debug:hover ~ footer .SP-Grid--debug .SP-Grid__label {
    clear: both; }

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

.SP-Grid--force-debug > .SP-Grid__main,
.SP-Grid--force-debug > .SP-Grid__main,
.SP-Grid__debug:hover ~ .SP-Grid--debug > .SP-Grid__main,
.SP-Grid__debug:hover ~ .SP-Grid--debug > .SP-Grid__main {
  min-height: 20vh; }

/* stylelint-disable selector-max-type */
.SP-Grid--force-debug .SP-Grid__item--debug.SP-Grid__full--content,
.SP-Grid__debug:hover ~ .SP-Grid--debug .SP-Grid__item--debug.SP-Grid__full--content,
.SP-Grid__debug:hover ~ div .SP-Grid--debug .SP-Grid__item--debug.SP-Grid__full--content,
.SP-Grid__debug:hover ~ header .SP-Grid--debug .SP-Grid__item--debug.SP-Grid__full--content,
.SP-Grid__debug:hover ~ article .SP-Grid--debug .SP-Grid__item--debug.SP-Grid__full--content,
.SP-Grid__debug:hover ~ main .SP-Grid--debug .SP-Grid__item--debug.SP-Grid__full--content,
.SP-Grid__debug:hover ~ footer .SP-Grid--debug .SP-Grid__item--debug.SP-Grid__full--content {
  display: block; }

/* stylelint-enable selector-max-type */
/* stylelint-disable-next-line selector-max-type */
html {
  overflow-y: scroll; }

.SP-Grid {
  margin-left: 1.25rem;
  margin-right: 1.25rem; }
  @media (min-width: 75rem) {
    .SP-Grid {
      margin-left: 7.5rem;
      margin-right: 7.5rem; } }
  @media (min-width: 104rem) {
    .SP-Grid {
      margin-left: auto;
      margin-right: auto;
      width: 70vw; }
      .no-scrollbarincludedin100vw .SP-Grid {
        width: calc(70vw - 1.07rem); } }

.SP-Grid__main {
  width: 100%; }
  .SP-Grid__main::after {
    content: "";
    clear: both;
    display: table; }
  @media (min-width: 60rem) {
    .SP-Grid__main {
      margin-left: calc((1.57rem + (100% - 17.27rem) / 12 * 2) + 1.57rem);
      width: calc((10.99rem + (100% - 17.27rem) / 12 * 8)); } }

.SP-Grid__left {
  float: left;
  clear: left; }

.SP-Grid__right {
  clear: right;
  float: right; }

.SP-Grid__small,
.SP-Grid__medium,
.SP-Grid__large {
  width: 100%; }

@media (min-width: 30rem) {
  .SP-Grid__small {
    width: calc((2.37rem + (100% - 5.53rem) / 8 * 4)); }
  .SP-Grid__medium {
    width: calc((2.37rem + (100% - 5.53rem) / 8 * 4)); }
  /* stylelint-disable declaration-no-important */
  /* stylelint-disable selector-max-universal */
  .SP-Grid__full,
  .SP-Grid__medium + *,
  .SP-Grid__medium + .SP-Grid__small + *,
  .SP-Grid__small + .SP-Grid__small + * {
    clear: both; }
  /* stylelint-enable selector-max-universal */
  .SP-Grid__left + .SP-Grid__right {
    clear: right;
    margin-left: 0 !important; }
  .SP-Grid__right + .SP-Grid__left {
    clear: left;
    margin-right: 0 !important; }
  .SP-Grid__left + .SP-Grid__left {
    clear: none;
    margin-right: 0 !important; }
  .SP-Grid__right + .SP-Grid__right {
    clear: none;
    margin-left: 0 !important; }
  /* stylelint-enable declaration-no-important */ }

@media (min-width: 40rem) {
  .SP-Grid__small {
    width: calc((3.14rem + (100% - 10.99rem) / 8 * 3)); }
  .SP-Grid__medium {
    width: calc((6.28rem + (100% - 10.99rem) / 8 * 5)); } }

.SP-Grid__oversize {
  width: 100%; }
  @media (min-width: 60rem) {
    .SP-Grid__oversize {
      margin-left: calc((1.57rem + (100% - 10.99rem) / 8 * 2) * -1 - 1.57rem);
      width: calc((17.27rem + (100% - 10.99rem) / 8 * 12)); } }

.SP-Grid__toc {
  width: 100%; }
  @media (min-width: 40rem) {
    .SP-Grid__toc {
      float: left;
      margin-right: 1.57rem;
      width: calc((4.71rem + (100% - 10.99rem) / 8 * 4)); } }
  @media (min-width: 60rem) {
    .SP-Grid__toc {
      margin-left: calc((0rem + (100% - 10.99rem) / 8 * 1) * -1 - 1.57rem);
      width: calc((4.71rem + (100% - 10.99rem) / 8 * 4)); } }

.SP-Grid__pullquote {
  width: 100%; }
  @media (min-width: 60rem) {
    .SP-Grid__pullquote {
      width: calc((7.85rem + (100% - 10.99rem) / 8 * 6));
      margin-left: calc((0rem + (100% - 10.99rem) / 8 * 1) + 1.57rem); } }

.SP-Grid__full--background {
  position: relative;
  width: 100%; }
  @media (min-width: 60rem) {
    .SP-Grid__full--background {
      margin-left: calc((1.57rem + (100% - 10.99rem) / 8 * 2) * -1 - 1.57rem);
      width: calc((17.27rem + (100% - 10.99rem) / 8 * 12)); } }
  .SP-Grid__full--background::before {
    content: '';
    height: 100%;
    left: 50%;
    min-width: 320px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1; }
    .no-scrollbarincludedin100vw .SP-Grid__full--background::before {
      max-width: calc(100vw - 17px); }

.SP-Grid__full--content {
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  width: 100vw; }
  .no-scrollbarincludedin100vw .SP-Grid__full--content {
    max-width: calc(100vw - 17px); }

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

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

.SP-Iconized--left {
  padding-left: 1.5em; }
  .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; }

/**
 * Atome
 */
.SP-Annotation {
  /* stylelint-disable-line scss/at-extend-no-missing-placeholder */ }

/**
 * Artikelüberschrift
 */
.SP-Headline--article {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 1.88rem;
  line-height: 1.34;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.5em;
  margin-top: 1.17em; }
  @media (min-width: 840px) {
    .SP-Headline--article {
      margin-top: 1.75em;
      font-size: 2.5rem;
      line-height: 1.25;
      margin-bottom: 0.75em; } }

/**
 * Sektionsüberschrift
 */
.SP-Headline--section {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 2.25rem;
  line-height: 1.23;
  color: #874D22;
  margin-bottom: 1rem;
  margin-top: 1rem; }

/**
 * Absatzüberschrift
 */
/**
 * In diesem Projekt gab es bisher keinen Abstand für Paragraphen Überschriften, dieser kam ausschließlich über
 * über den Abstand der von normalize-scss geliefert wurde.
**/
.SP-Headline--paragraph, .SP-Headline--newsletterRegistration,
.SP-Headline--highlightSection {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 1.69rem;
  line-height: 1.19;
  margin: 0;
  margin-bottom: 0.67em;
  margin-top: 0.67em; }

.SP-Headline--highlightSection {
  color: #874D22;
  margin-top: 0;
  margin-bottom: 2.13rem; }
  @media (min-width: 60rem) {
    .SP-Headline--highlightSection {
      margin-bottom: 3.63rem;
      font-size: 2.25rem;
      line-height: 1.23; } }

.SP-Headline--callToAction {
  color: #874D22;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  font-size: 1.38rem;
  line-height: 1.28;
  margin: 0.67em 0; }
  @media (min-width: 60rem) {
    .SP-Headline--callToAction {
      font-size: 2rem;
      line-height: 1.25; } }

.SP-Headline--homepage {
  background: rgba(255, 255, 255, 0.85);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.07;
  text-align: center;
  padding: 0.66em 0.48em;
  margin: 0; }
  @media (min-width: 60rem) {
    .SP-Headline--homepage {
      font-size: 3.44rem;
      line-height: 1.04; } }

.SP-Options__item {
  display: block;
  margin-bottom: 0.25rem; }

.SP-Option {
  background-color: #FFFFFF;
  color: #000000;
  display: block;
  padding: 0.75rem;
  text-decoration: none;
  transition: background-color 200ms ease, color 200ms ease; }
  .SP-Option:hover {
    background-color: #f3ede9;
    color: #353943; }

.SP-Lightbox__content .SP-Options {
  margin-right: -1rem;
  margin-left: -1rem; }

.SP-Link {
  background: none;
  border: none;
  text-decoration: none;
  display: block;
  cursor: pointer; }

/* stylelint-disable selector-max-type */
.SP-Link {
  color: #353943;
  display: inline-block;
  font-family: Montserrat, sans-serif;
  font-size: 0.94rem;
  line-height: 1.74;
  /* Line-Height mit Mindestens die Icon-Size sein */
  margin-bottom: 0.88rem;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.05rem;
  /* stylelint-disable-next-line selector-no-qualifying-type */ }
  .SP-Link:hover {
    color: #874D22; }
  .SP-Link:not(button):not(a) {
    cursor: initial; }
  .SP-Link abbr[title] {
    text-decoration: none; }
  .SP-Link.SP-Iconized--right {
    /* Icon-Size + Abstand zum Text */
    padding-right: 2.41em; }
  .SP-Link.SP-Iconized--left {
    /* Icon-Size + Abstand zum Text */
    padding-left: 2.41em; }

/* stylelint-enable selector-max-type */
/* stylelint-disable declaration-no-important */
.SP-Link__icon {
  width: 1.74em !important;
  height: 1.74em !important;
  top: 1.05px;
  fill: currentColor; }

/* stylelint-enable declaration-no-important */
.SP-Link__text {
  /* stylelint-disable */
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* stylelint-enable */
  overflow: hidden; }
  @supports (hyphens: auto) {
    .SP-Link__text {
      hyphens: auto;
      overflow-wrap: initial;
      word-wrap: initial; } }
  .SP-Link:hover .SP-Link__text {
    -webkit-text-decoration: underline #874D22;
    text-decoration: underline #874D22; }

/* Druck */
@media print {
  .SP-Link::after {
    content: "(" attr(href) ")"; } }

/**
 * Spezialfall: Download
 */
.SP-Link--download__fileInfo::before {
  content: '\00a0('; }

.SP-Link--download__fileInfo::after {
  content: ')'; }

.SP-Link--download__fileType + .SP-Link--download__fileSize::before {
  content: '\00a0|\00a0'; }

.SP-Link--download__fileSize {
  white-space: nowrap; }

.SP-Link--footer {
  color: #FFFFFF;
  text-transform: none; }

.SP-Trigger {
  border: none;
  height: 48px;
  width: 48px;
  padding: 8px;
  cursor: pointer;
  background: none;
  transition: transform 0.15s ease; }
  .SP-Trigger:hover {
    transform: scale(1.1); }

/**
 * Konfiguration
 */
/**
 * Styles
 */
.SP-Youtube__preview {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .SP-Youtube.SP-isStarted .SP-Youtube__preview {
    display: none; }
  .SP-Youtube__preview .SP-isLazyloaded {
    height: 100%;
    width: 100%; }

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

.SP-Youtube__preview__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;"; }

.SP-Youtube__privacyProtection {
  display: none;
  cursor: pointer; }

/* Notification wird angezeigt */
.SP-Youtube.SP-isNotification .SP-Youtube__preview__icon {
  display: none; }

.SP-Youtube.SP-isNotification .SP-Youtube__privacyProtection {
  display: block; }

.SP-Youtube__preview {
  background-color: #000000;
  color: #FFFFFF; }

.SP-Youtube__privacyProtection {
  background: rgba(255, 255, 255, 0.85);
  left: 8.5%;
  padding: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 85%; }
  .SP-Youtube__privacyProtection span::after {
    /* stylelint-disable-line selector-max-type */
    /* TODO: unnötig machen */
    content: " "; }
  .SP-Youtube__privacyProtection button {
    /* stylelint-disable-line selector-max-type */
    /* TODO: unnötig machen */
    border: none;
    background: none;
    color: #CC181E;
    cursor: pointer;
    font: inherit;
    padding: 0; }

.SP-Button {
  cursor: pointer; }
  .SP-Button[disabled] {
    cursor: not-allowed; }

.SP-Button {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1rem;
  letter-spacing: 0.07em;
  line-height: 1.19;
  color: #FFFFFF;
  display: inline-block;
  background-color: #874D22;
  border: none;
  padding: 1.25em;
  transition: background 0.3s ease, color 0.3s ease; }
  .SP-Button[disabled] {
    background: #949494; }
  .SP-Button:not([disabled]):hover {
    background: #353943; }
  .SP-Button.SP-Iconized--right {
    padding-right: 4.38em; }
  .SP-Button.SP-Iconized--left {
    padding-left: 4.38em; }

.SP-Button__icon {
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.88em; }
  .SP-Iconized--right .SP-Button__icon {
    right: 0.67em; }
  .SP-Iconized--left .SP-Button__icon {
    left: 0.67em; }

.SP-Button--themed, .SP-Form--newsletterRegistration .SP-Button {
  background-color: #874D22;
  color: #FFFFFF; }
  .SP-Button--themed[disabled], .SP-Form--newsletterRegistration .SP-Button[disabled] {
    background: #949494; }

.SP-Button--ghost {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  color: #000000;
  padding: 1.2em 3.86667em; }
  .SP-Button--ghost[disabled] {
    background: #FFFFFF;
    border-color: #874D22;
    color: #874D22; }
  .SP-Button--ghost:not([disabled]):hover {
    color: #FFFFFF; }

.SP-Button--quickSearchSubmit {
  height: 100%;
  width: 4em;
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75em !important;
  /* stylelint-disable-line declaration-no-important */ }
  .SP-Button--quickSearchSubmit .SP-Button__icon {
    top: auto;
    transform: none; }

@keyframes suggest-entry {
  0% {
    opacity: 0;
    transform: scaleY(0.75);
    transform-origin: top; }
  100% {
    opacity: 1;
    transform: scaleY(1); } }

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

.SP-Suggest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-color: #874D22;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  box-shadow: 0 5px 15px rgba(30, 30, 30, 0.3);
  animation: suggest-entry 0.3s forwards; }

/* stylelint-disable selector-max-type */
.SP-Suggest li {
  background-color: #FFFFFF;
  color: #000000;
  cursor: pointer;
  display: list-item;
  overflow: hidden;
  padding: 0.5em 1em;
  transition: background-color 0.15s ease, color 0.15s ease;
  width: 100%; }

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

/* stylelint-disable-next-line selector-no-qualifying-type */
.SP-Suggest li:hover,
.SP-Suggest li.active {
  background-color: #874D22;
  color: #FFFFFF; }

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

/* stylelint-enable selector-max-type */
.SP-Suggest__amount {
  display: none; }

/**
 * Anmerkungen
 */
.SP-Annotation--mandatoryFields {
  font-style: italic; }

/**
 * Felder
 */
.SP-Field {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.88rem; }
  .SP-Field:last-child {
    margin-bottom: 0; }

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__label, .SP-Legend--checkbox, .SP-Legend--radio {
  font-family: Montserrat, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.07em;
  line-height: 1.5;
  color: #353943;
  text-transform: uppercase; }

.SP-Field__control, .SP-Field--checkbox .SP-Field__label, .SP-Field--radio .SP-Field__label {
  font-family: Droid Serif, sans-serif;
  font-size: 1.13rem;
  line-height: 1.67;
  color: #353943; }

/**
 * Labels
 */
.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__label {
  margin-bottom: 0.67em;
  order: 1; }

.SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control {
  -webkit-appearance: textfield;
  appearance: textfield; }

.SP-isDisabled ~ .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio),
.SP-Field__control[disabled] ~ .SP-Field:not(.SP-Field--checkbox):not(.SP-Field--radio) {
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed; }

/**
 * Controls
 */
.SP-Field__control {
  border: 0.13rem solid #f3ede9;
  background-color: #f3ede9;
  color: #353943;
  order: 2;
  padding: 0.94rem 1.25rem;
  width: 100%; }
  .SP-Field__control:focus {
    border-bottom-color: #874D22; }
  .SP-Field__control[disabled] {
    cursor: not-allowed;
    background: #FFFFFF;
    border-style: dashed; }
  .SP-isInvalid .SP-Field__control,
  .SP-hasError .SP-Field__control {
    border-bottom-color: #C30016; }
  .SP-isValid .SP-Field__control {
    border-bottom-color: #6ed84f; }

/**
 * Fehlermeldungen am Feld
 */
.SP-Field__error {
  color: #C30016;
  font-size: 0.94rem;
  font-style: italic;
  margin-top: 0.74em;
  line-height: 1.34;
  order: 4; }

/**
 * Anmerkungen am Feld
 */
.SP-Field__annotation {
  font-size: 0.94rem;
  font-style: italic;
  line-height: 1.34;
  margin-top: 0.74em;
  order: 3; }

/**
 * Wert bei Bestätigung
 */
.SP-Field__value {
  color: #000000;
  font-size: 1.13rem;
  line-height: 1.15;
  order: 2;
  /* stylelint-disable-next-line selector-max-type */ }
  .SP-Field__value ul {
    margin-top: 0; }

/**
 * Datumsfeld
 */
.SP-Field--date .SP-Field__control::-webkit-inner-spin-button {
  display: none; }

.SP-Field--date .SP-Field__control::-webkit-clear-button {
  opacity: 0 !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Field--date .SP-Field__control::-webkit-calendar-picker-indicator {
  opacity: 0 !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Date {
  order: 2;
  position: relative; }

.SP-Date__clear,
.SP-Date__dropdown {
  cursor: pointer;
  fill: #000000;
  height: 1em;
  line-height: 1em;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.5em);
  transition: transform 0.3s ease;
  width: 1em;
  z-index: 2; }
  .SP-Field__control[disabled] ~ .SP-Date__clear, .SP-Field__control[disabled] ~
  .SP-Date__dropdown {
    cursor: not-allowed;
    fill: rgba(0, 0, 0, 0.5); }

.SP-Date__clear {
  right: 3em; }

.SP-Date__dropdown {
  right: 1em; }

/**
 * Zahlenfeld
 */
.SP-Field--number .SP-Field__control::-webkit-inner-spin-button {
  opacity: 0 !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Number {
  order: 2;
  position: relative; }

.SP-Number__icon--up,
.SP-Number__icon--down {
  cursor: pointer;
  fill: #000000;
  height: 0.75em;
  padding-left: 0.5em;
  pointer-events: none;
  position: absolute;
  right: 1em;
  width: 1.25em;
  /* Hack for IE 10+ and Edge */
  /* stylelint-disable-next-line selector-type-no-unknown, selector-max-type */ }
  .SP-Number__icon--up _:-ms-lang(x), .SP-Number__icon--up,
  .SP-Number__icon--down _:-ms-lang(x),
  .SP-Number__icon--down {
    display: none; }
  .SP-Field__control[disabled] ~ .SP-Number__icon--up, .SP-Field__control[disabled] ~
  .SP-Number__icon--down {
    fill: rgba(0, 0, 0, 0.5); }

.SP-Number__icon--up {
  top: calc(50% - 0.75em); }

.SP-Number__icon--down {
  top: 50%; }

/**
 * Checkboxen
 */
.SP-Field--checkbox {
  position: relative; }

.SP-Field--checkbox .SP-Field__label {
  display: block;
  min-height: 2.5rem;
  padding-left: 3.25rem;
  padding-top: 0.33333333rem; }
  .SP-Field--checkbox .SP-Field__label::before {
    transition: all 0.3s;
    background-color: #f3ede9;
    border: 0.13rem solid #f3ede9;
    content: '';
    display: block;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.5rem; }
  .SP-Field--checkbox .SP-Field__label::after {
    transform: scale(0.01);
    transition: all 0.2s;
    color: #353943;
    content: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.74%2019.13%22%3E%3Cstyle%3Epath%7Bfill%3A%231F2B31%3B%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M23.74%203.52%2020.19%200%208.24%2012.04%203.54%207.33%200%2010.87%208.26%2019.13%2011.79%2015.59%2011.78%2015.58%2023.74%203.52%22%2F%3E%3C%2Fsvg%3E");
    height: 2rem;
    left: 0.25rem;
    position: absolute;
    speak: none;
    text-align: center;
    top: 0.5rem;
    width: 2rem;
    z-index: 2; }

.SP-Field--checkbox.SP-Field--confirmed .SP-Field__label::after {
  transform: scale(1); }

.SP-Field--checkbox .SP-Field__control {
  left: 1em;
  position: absolute;
  top: 1em;
  width: auto; }
  .SP-Field--checkbox .SP-Field__control:checked + .SP-Field__label::after {
    transform: scale(1); }
  .SP-Field--checkbox .SP-Field__control:focus + .SP-Field__label::before {
    border-color: #f3ede9; }
  .SP-Field--checkbox .SP-Field__control[disabled] + .SP-Field__label::before {
    border-style: dashed; }

.SP-Field--checkbox.SP-isValid .SP-Field__control + .SP-Field__label::before {
  border-color: #6ed84f; }

.SP-Field--checkbox.SP-isInvalid .SP-Field__control + .SP-Field__label::before {
  border-color: #C30016; }

.SP-Field--checkbox--inline {
  display: inline-block;
  margin-right: 3rem; }

/**
 * Radio-Button
 */
.SP-Field--radio {
  position: relative; }

.SP-Field--radio .SP-Field__label {
  display: block;
  min-height: 2.5rem;
  padding-left: 3.25rem;
  padding-top: 0.33333333rem; }
  .SP-Field--radio .SP-Field__label::before {
    transition: all 0.3s;
    background-color: #f3ede9;
    border: 0.13rem solid #f3ede9;
    border-radius: 50%;
    content: '';
    display: block;
    height: 2.5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 2.5rem; }
  .SP-Field--radio .SP-Field__label::after {
    background-color: #353943;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.2s;
    color: #353943;
    content: '';
    height: 0.875rem;
    left: 0.8125rem;
    position: absolute;
    speak: none;
    text-align: center;
    top: 0.8125rem;
    width: 0.875rem;
    z-index: 2; }

.SP-Field--radio .SP-Field__control {
  left: 1em;
  position: absolute;
  top: 1em;
  width: auto; }
  .SP-Field--radio .SP-Field__control:checked + .SP-Field__label::after {
    transform: scale(1); }
  .SP-Field--radio .SP-Field__control:focus + .SP-Field__label::before {
    border-color: #f3ede9; }
  .SP-Field--radio .SP-Field__control[disabled] + .SP-Field__label::before {
    border-style: dashed; }

.SP-Field--radio.SP-isValid .SP-Field__control + .SP-Field__label::before {
  border-color: #6ed84f; }

.SP-Field--radio.SP-isInvalid .SP-Field__control + .SP-Field__label::before {
  border-color: #C30016; }

.SP-Field--radio--inline {
  display: inline-block;
  margin-right: 3rem; }

/**
 * Dropdown
 */
.SP-Field--select:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control {
  -webkit-appearance: none;
  appearance: none;
  margin-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */ }
  .SP-Field--select:not(.SP-Field--checkbox):not(.SP-Field--radio) .SP-Field__control::-ms-expand {
    display: none; }

.SP-Select {
  order: 2;
  position: relative; }

.SP-Select__icon {
  fill: #000000;
  height: 1em;
  pointer-events: none;
  position: absolute;
  right: 1em;
  top: calc(50% - 0.5em);
  transition: transform 0.3s ease;
  width: 1em; }
  .SP-Field__control[disabled] ~ .SP-Select__icon {
    fill: rgba(0, 0, 0, 0.5); }

/**
 * Upload
 */
.SP-Upload {
  border: 0.13rem solid #f3ede9;
  order: 2;
  position: relative; }
  .SP-Upload .SP-Field__control {
    cursor: pointer;
    -webkit-appearance: none !important;
    appearance: none !important;
    /* stylelint-disable-line declaration-no-important */
    border: none;
    height: 3.5rem;
    opacity: 0 !important;
    /* stylelint-disable-line declaration-no-important */ }

.SP-Upload__delete,
.SP-Upload__upload {
  fill: #000000;
  height: 1.5em;
  line-height: 1.5em;
  position: absolute;
  top: calc(50% - 0.75em);
  transition: transform 0.3s ease;
  width: 1.5em;
  z-index: 2; }
  .SP-Field__control[disabled] ~ .SP-Upload__delete, .SP-Field__control[disabled] ~
  .SP-Upload__upload {
    cursor: not-allowed;
    fill: rgba(0, 0, 0, 0.5); }

.SP-Upload__delete {
  stroke: #000000;
  right: 3em; }

.SP-Upload__upload {
  pointer-events: none;
  right: 1em;
  transform: rotate(180deg); }

.SP-Upload__uploaded {
  font-size: 1.13rem;
  left: 0.13rem;
  line-height: 1.15;
  order: 2;
  padding: 1em;
  position: absolute;
  top: 0.13rem;
  white-space: nowrap; }

.SP-Upload__uploaded:empty + .SP-Upload__delete {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Field--file__preview {
  margin-top: 0.8rem;
  order: 5; }

/**
 * Checkboxgruppe
 */
.SP-Fieldset--checkbox {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */ }
  .SP-Fieldset--checkbox ul {
    margin-top: 0.75rem; }
    .SP-Fieldset--checkbox ul ul {
      margin-top: 0.5rem;
      padding-left: 2.25rem; }
  .SP-Fieldset--checkbox .SP-Field {
    margin-top: 0 !important;
    /* stylelint-disable-line declaration-no-important */
    margin-bottom: 0.8rem; }

/**
 * Radio-Button-Gruppe
 */
.SP-Fieldset--radio {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */ }
  .SP-Fieldset--radio ul {
    margin-top: 0.75rem; }
    .SP-Fieldset--radio ul ul {
      margin-top: 0.5rem;
      padding-left: 2.25rem; }
  .SP-Fieldset--radio .SP-Field {
    margin-top: 0 !important;
    /* stylelint-disable-line declaration-no-important */
    margin-bottom: 0.8rem; }

/**
 * Checkboxbaum
 */
.SP-Field--checkboxTree__item:last-child > .SP-Field {
  margin-bottom: 0; }

.SP-Field--search {
  position: relative; }

.SP-Field--inline {
  display: inline-block;
  margin-right: 2rem; }

/**
 * Konfiguration
 */
/**
 * Styles
 */
.SP-Paragraph, .SP-Annotation {
  /* stylelint-disable selector-max-type */
  /* leere Absätze nicht anzeigen */
  /**
	 * Box im Text
	 */
  /* Links mit Icon sollen nicht direkt hinter dem Link umbrechen */
  /* Sichtbar machen, dass Elemente einen title haben */
  /* Fetter Text */
  /* Kursiver Text */
  /* Hoch- und Tiefstellungen ohne Änderung der line-height */
  /* Abstände */
  /* Eingefügter Text */
  /* stylelint-enable */ }
  .SP-Paragraph p:empty, .SP-Annotation p:empty,
  .SP-Paragraph pre:empty,
  .SP-Annotation pre:empty {
    display: none; }
  .SP-Paragraph .SP-Box, .SP-Annotation .SP-Box {
    margin-bottom: 1em;
    overflow: hidden; }
  .SP-Paragraph[data-sp-paragraph]:not([data-sp-paragraph-bootstrapped]) a::before, .SP-Annotation[data-sp-paragraph]:not([data-sp-paragraph-bootstrapped]) a::before {
    /* stylelint-disable-line selector-max-specificity */
    content: "";
    display: inline-block;
    height: 1.25em;
    margin-right: -0.15em;
    width: 1.25em; }
  .SP-Paragraph .SP-Paragraph__link, .SP-Annotation .SP-Paragraph__link,
  .SP-Paragraph .SP-encrypted-email,
  .SP-Annotation .SP-encrypted-email {
    white-space: nowrap; }
  .SP-Paragraph .SP-Paragraph__linkIcon, .SP-Annotation .SP-Paragraph__linkIcon {
    display: inline-block;
    fill: currentcolor;
    height: 1.25em;
    margin-right: -0.15em;
    position: relative;
    width: 1.25em; }
  .SP-Paragraph .SP-Paragraph__linkText, .SP-Annotation .SP-Paragraph__linkText {
    display: inline;
    white-space: normal; }
  .SP-Paragraph .SP-Paragraph__fileInfo, .SP-Annotation .SP-Paragraph__fileInfo {
    display: inline; }
  .SP-Paragraph .SP-Paragraph__fileInfo .SP-FileInfo__type:not(:last-child)::after, .SP-Annotation .SP-Paragraph__fileInfo .SP-FileInfo__type:not(:last-child)::after {
    /* stylelint-disable-line selector-max-specificity */
    margin-right: 0; }
  .SP-Paragraph [title]:not([href]), .SP-Annotation [title]:not([href]) {
    border-bottom: 1px dotted currentcolor;
    text-decoration: none; }
  @media print {
    .SP-Paragraph a[href]:not([href^="mailto:"]):not([href^="tel:"])::after, .SP-Annotation a[href]:not([href^="mailto:"]):not([href^="tel:"])::after {
      /* stylelint-disable-line */
      content: "(" attr(href) ")";
      margin: 0.5em 0;
      position: relative;
      display: inline;
      text-decoration: underline; } }
  .SP-Paragraph b, .SP-Annotation b,
  .SP-Paragraph strong,
  .SP-Annotation strong {
    font-weight: 700; }
  .SP-Paragraph i, .SP-Annotation i,
  .SP-Paragraph em,
  .SP-Annotation em {
    font-style: italic; }
  .SP-Paragraph sub, .SP-Annotation sub,
  .SP-Paragraph sup,
  .SP-Annotation sup {
    position: relative;
    font-size: smaller;
    vertical-align: baseline; }
  .SP-Paragraph sub, .SP-Annotation sub {
    top: 0.5ex; }
  
  .SP-Paragraph sup,
  .SP-Annotation sup {
    top: -0.5ex; }
  .SP-Paragraph, .SP-Annotation,
  .SP-Paragraph p,
  .SP-Annotation p,
  .SP-Paragraph pre,
  .SP-Annotation pre {
    margin-bottom: 1em;
    margin-top: 0; }
  .SP-Paragraph ins, .SP-Annotation ins {
    text-decoration: underline;
    text-decoration-skip-ink: auto; }

/* stylelint-disable selector-max-type */
.SP-encrypted-email i,
[data-sp-email] i {
  font-style: normal; }

.SP-encrypted-email i::before,
[data-sp-email] i::before,
.SP-Link--email i::before {
  content: '@'; }

.SP-encrypted-email i::after,
[data-sp-email] i::after,
.SP-Link--email i::after {
  content: '.'; }

/* stylelint-enable selector-max-type */
/* scheinbar standard bei ol, p, ul */
.SP-Paragraph, .SP-Annotation {
  overflow: visible;
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */ }
  .SP-Paragraph table, .SP-Annotation table {
    margin-bottom: 1em; }
  .SP-Paragraph table:last-child, .SP-Annotation table:last-child {
    margin-bottom: 0; }
  .SP-Paragraph td, .SP-Annotation td,
  .SP-Paragraph th,
  .SP-Annotation th {
    vertical-align: top; }
  .SP-Paragraph .SP-Table__rebuiltTH, .SP-Annotation .SP-Table__rebuiltTH {
    display: none; }

/**
 *	Table auf Contentbreite
 */
.SP-Table--full {
  width: 100%; }

/**
 *	Icons
 */
.SP-Table__icons {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0; }

.SP-Table__icon--zoom {
  cursor: pointer; }

/**
 * Tabelle kann gescrollt werden und braucht einen Indikator
 */
.SP-Table__wrap {
  margin-bottom: 1em;
  overflow: hidden;
  position: relative; }
  .SP-Table__wrap .SP-Table--orig {
    margin-bottom: 0; }

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

.SP-Table__scroller {
  overflow-x: auto;
  overflow-y: inherit; }

.SP-Table__icon--scroll {
  display: none; }
  .SP-Table__icon--scroll.SP-isVisible {
    display: block; }

.hiddenscroll .SP-Table__wrap.SP-isScrollable {
  /* stylelint-disable selector-max-type */
  /* stylelint-enable */ }
  .hiddenscroll .SP-Table__wrap.SP-isScrollable table {
    margin-bottom: 0; }

/**
 * Modes umschalten
 */
.SP-Table--cloned {
  display: none; }

.SP-Table--orig.SP-Table--responsive {
  display: none; }
  .SP-Table--orig.SP-Table--responsive + .SP-Table--cloned {
    display: block; }

/**
 * Tabelle kann gezoomt werden und braucht einen Indikator
 */
.SP-Table__icon--zoom {
  display: none; }
  .SP-Table__icon--zoom.SP-isVisible {
    display: block; }

.SP-Table__zoom table {
  /* stylelint-disable-line selector-max-type */
  width: 100%; }

/**
 * umgebaute Tabelle für kleine Screens
 */
@media screen {
  .SP-Table--responsive.SP-Table--responsive--rows,
  .SP-Table--responsive ~ .SP-Table--responsive--rows {
    /* stylelint-disable selector-max-type */
    /* stylelint-enable */ }
    .SP-Table--responsive.SP-Table--responsive--rows,
    .SP-Table--responsive.SP-Table--responsive--rows caption,
    .SP-Table--responsive.SP-Table--responsive--rows tfoot,
    .SP-Table--responsive.SP-Table--responsive--rows tbody,
    .SP-Table--responsive.SP-Table--responsive--rows tr,
    .SP-Table--responsive.SP-Table--responsive--rows th,
    .SP-Table--responsive.SP-Table--responsive--rows td,
    .SP-Table--responsive ~ .SP-Table--responsive--rows,
    .SP-Table--responsive ~ .SP-Table--responsive--rows caption,
    .SP-Table--responsive ~ .SP-Table--responsive--rows tfoot,
    .SP-Table--responsive ~ .SP-Table--responsive--rows tbody,
    .SP-Table--responsive ~ .SP-Table--responsive--rows tr,
    .SP-Table--responsive ~ .SP-Table--responsive--rows th,
    .SP-Table--responsive ~ .SP-Table--responsive--rows td {
      display: block; }
    .SP-Table--responsive.SP-Table--responsive--rows thead,
    .SP-Table--responsive ~ .SP-Table--responsive--rows thead {
      display: none; }
    .SP-Table--responsive.SP-Table--responsive--rows,
    .SP-Table--responsive.SP-Table--responsive--rows td,
    .SP-Table--responsive.SP-Table--responsive--rows th,
    .SP-Table--responsive ~ .SP-Table--responsive--rows,
    .SP-Table--responsive ~ .SP-Table--responsive--rows td,
    .SP-Table--responsive ~ .SP-Table--responsive--rows th {
      border: none; }
    .SP-Table--responsive.SP-Table--responsive--rows tr,
    .SP-Table--responsive ~ .SP-Table--responsive--rows tr {
      border-collapse: collapse; }
    .SP-Table--responsive.SP-Table--responsive--rows [data-label]::before,
    .SP-Table--responsive ~ .SP-Table--responsive--rows [data-label]::before {
      content: attr(data-label) ": ";
      display: inline-block; }
    .SP-Table--responsive.SP-Table--responsive--rows .SP-Table__rebuiltTH,
    .SP-Table--responsive ~ .SP-Table--responsive--rows .SP-Table__rebuiltTH {
      display: initial; } }

@media print {
  /* TODO sollte in das node module */
  .SP-Table__icons,
  .SP-Table__scroller .SP-Iconized--left .SPi {
    display: none !important; }
  .SP-Table__scroller .SP-Iconized--left {
    padding-left: 0 !important; }
  .SP-Table__scroller td[data-label=Name] .SP-Iconized--left:after {
    content: "\a(" attr(href) ")" !important; } }

.SP-Table__zoom {
  background: #fff;
  padding: 2em; }
  .SP-Table__zoom .mfp-close {
    background: #fff;
    border-bottom: none !important;
    /* stylelint-disable declaration-no-important */ }

.SP-Table__wrap {
  display: flex;
  flex-direction: column-reverse; }

.SP-Table__icons {
  display: flex;
  flex-direction: row-reverse;
  position: relative; }

.SP-Table__icon--scroll,
.SP-Table__icon--zoom {
  height: 2rem;
  width: 2rem;
  padding: 0.25rem;
  background: rgba(255, 255, 255, 0.3); }

.SP-Table__icon--scroll {
  fill: #949494; }

.SP-Table__icon--zoom {
  cursor: pointer;
  transition: fill 0.3s ease; }
  .SP-Table__icon--zoom:hover {
    fill: #874D22; }

/* stylelint-disable selector-max-type */
.SP-Paragraph, .SP-Annotation {
  font-size: 1.13rem;
  line-height: 1.67;
  font-weight: 400;
  /*
	 * Inline-Elemente
	 */
  /*
	 * Listen
	 */
  /*
	 * Tabellen
	 */ }
  .SP-Paragraph a, .SP-Annotation a {
    color: #874D22;
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto; }
    .SP-Paragraph a:hover, .SP-Annotation a:hover {
      color: #353943; }
  .SP-Paragraph .SP-Paragraph__link, .SP-Annotation .SP-Paragraph__link {
    text-decoration: none; }
  .SP-Paragraph .SP-Paragraph__linkIcon, .SP-Annotation .SP-Paragraph__linkIcon {
    margin-right: 0.25em;
    vertical-align: text-bottom; }
  .SP-Paragraph .SP-Paragraph__linkText, .SP-Annotation .SP-Paragraph__linkText {
    text-decoration: underline; }
  .SP-Paragraph ul, .SP-Annotation ul,
  .SP-Paragraph ol,
  .SP-Annotation ol {
    overflow: hidden;
    margin-bottom: 1.88em; }
    .SP-Paragraph ul ul, .SP-Annotation ul ul,
    .SP-Paragraph ul ol,
    .SP-Annotation ul ol,
    .SP-Paragraph ol ul,
    .SP-Annotation ol ul,
    .SP-Paragraph ol ol,
    .SP-Annotation ol ol {
      margin-top: 0.5rem;
      margin-bottom: 0; }
    .SP-Paragraph ul li:not(:last-child), .SP-Annotation ul li:not(:last-child),
    .SP-Paragraph ol li:not(:last-child),
    .SP-Annotation ol li:not(:last-child) {
      margin-bottom: 0.5rem; }
  .SP-Paragraph li, .SP-Annotation li {
    font-family: Droid Serif, sans-serif;
    font-size: 1.13rem;
    color: inherit;
    line-height: 1.67;
    margin-left: 1.25em;
    text-transform: none; }
  .SP-Paragraph table, .SP-Annotation table {
    min-width: 100%;
    font-size: 0.94rem;
    line-height: 1.2;
    border-collapse: collapse; }
  
  .SP-Paragraph th,
  .SP-Annotation th,
  .SP-Paragraph [data-label]::before,
  .SP-Annotation [data-label]::before {
    font-family: Montserrat, sans-serif;
    font-weight: 600; }
  
  .SP-Paragraph [data-label]::before,
  .SP-Annotation [data-label]::before {
    display: block !important;
    /* stylelint-disable declaration-no-important */ }
  
  .SP-Paragraph th,
  .SP-Annotation th, .SP-Paragraph td, .SP-Annotation td {
    text-align: left;
    padding-top: 0.94em;
    padding-bottom: 0.94em; }
  .SP-Paragraph table:not(.SP-Table--responsive) th, .SP-Annotation table:not(.SP-Table--responsive) th,
  .SP-Paragraph table:not(.SP-Table--responsive) td,
  .SP-Annotation table:not(.SP-Table--responsive) td {
    padding-left: 1.07em;
    padding-right: 1.07em; }
  .SP-Paragraph table:not(.SP-Table--responsive) th, .SP-Annotation table:not(.SP-Table--responsive) th {
    background: #f3ede9; }
  .SP-Paragraph tr, .SP-Annotation tr {
    border-top: 1px solid #874D22; }
    .SP-Paragraph tr:last-of-type, .SP-Annotation tr:last-of-type {
      border-bottom: 1px solid #874D22; }
  @media (min-width: 40rem) {
    .SP-Paragraph table, .SP-Annotation table {
      font-size: 1.13rem;
      line-height: 1.34; }
    
    .SP-Paragraph th,
    .SP-Annotation th,
    .SP-Paragraph [data-label]::before,
    .SP-Annotation [data-label]::before {
      font-weight: 500; } }

/* stylelint-enable selector-max-type */
/**
 * Moleküle
 */
.SP-WelcomeImage.slick-slider {
  margin-bottom: 0; }

/*
	Alle Kacheln außer der ersten ausblenden solange Slick nicht initialisiert wurde,
	um das Ladeverhalten zu verbessern
*/
.SP-WelcomeImage:not(.slick-slider) .SP-WelcomeImage__image:nth-child(n + 2) {
  display: none; }

.SP-Text {
  margin-bottom: 2.5rem; }

/**
 * Variante: im Footer
 */
.SP-Text--footer {
  color: #FFFFFF;
  margin-bottom: 0 !important;
  /* stylelint-disable-line declaration-no-important */
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */ }
  .SP-Text--footer .SP-Paragraph a, .SP-Text--footer .SP-Annotation a {
    color: inherit;
    text-decoration: underline; }
  .SP-Text--footer .SP-Paragraph p, .SP-Text--footer .SP-Annotation p {
    margin-top: 0; }
  @media (min-width: 75rem) {
    .SP-Text--footer .SP-Paragraph, .SP-Text--footer .SP-Annotation {
      margin-top: 0;
      margin-bottom: 0; } }

.SP-LinkList--box {
  clear: both; }

.SP-ArticleContent .SP-LinkList {
  margin-bottom: 4.13rem; }

.SP-ArticleContent .SP-LinkList__list {
  padding-top: 0.3em;
  /* Der Abstand von LinkListe zur überschrift wirkt zu klein, daher etwas mehr Abstand für eben diese */
  overflow: hidden; }

.SP-LinkList--inline .SP-LinkList__list {
  display: flex;
  flex-wrap: wrap; }
  .SP-LinkList--inline .SP-LinkList__list .SP-LinkList__item {
    margin-right: 1rem; }

.SP-LinkList--box {
  margin-top: 4.38rem; }

.SP-LinkList--box .SP-LinkList__list {
  background-color: #f3ede9;
  padding: 2.5rem 1rem 1.25rem 1rem; }

.SP-LinkList--box .SP-Headline--paragraph, .SP-LinkList--box .SP-Headline--newsletterRegistration {
  margin-bottom: 1em; }

/*
 * Vendor
 */
.SP-Asset {
  overflow: hidden;
  position: relative; }

.SP-Asset__icons {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: -1px;
  right: -1px;
  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 {
  display: block; }

/* Copyright */
.SP-Asset__copyright {
  bottom: 100%;
  right: 0;
  position: absolute;
  width: 32px;
  height: 32px; }
  .SP-Asset__copyright .SPi {
    background-color: rgba(255, 255, 255, 0.65);
    fill: #353943; }

.SP-Asset__copyright--slideshow {
  bottom: 0; }

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

/**
* Copyright auf Bildern
*/
.SP-Asset {
  position: relative;
  margin-bottom: 1.5rem; }

.SP-Asset__icons {
  display: flex;
  justify-content: flex-end;
  top: 0;
  right: 0;
  z-index: 2; }
  @media print {
    .SP-Asset__icons {
      display: none; } }

.SP-Asset__icon {
  background-color: rgba(0, 0, 0, 0.8);
  fill: #FFFFFF;
  margin-left: 5px;
  padding: 8px;
  width: 30px;
  height: 30px; }

.SP-Asset__caption {
  display: block;
  position: relative;
  color: #222222;
  font-size: 15px;
  line-height: 20px;
  padding-top: 1.25rem;
  font-style: italic;
  font-weight: 400;
  min-height: 2.5rem; }

.SP-Asset__caption__text {
  display: block; }

/**
 * spareAsset
 */
.SP-Asset__caption--spareAsset .SP-Asset__copyright {
  top: 0.625rem; }

.SP-Asset__caption--spareAsset .SP-Asset__caption__text {
  padding-right: 32px; }

/*
	Bilder die neben Texten stehen einen halben em nach unten
	schieben damit die Textkante angenehmer neben dem Bild steht
*/
.SP-Asset.SP-Grid__left,
.SP-Asset.SP-Grid__right {
  margin-top: 0.5em; }

.SP-Asset.SP-Grid__left {
  margin-right: 0.79rem; }

.SP-Asset.SP-Grid__right {
  margin-left: 0.79rem; }

@media (min-width: 40rem) {
  .SP-Asset.SP-Grid__left {
    margin-right: 1.57rem; }
  .SP-Asset.SP-Grid__right {
    margin-left: 1.57rem; } }

.SP-Section {
  clear: both;
  margin-bottom: 2em; }
  .SP-Section:last-child {
    margin-bottom: 5em; }
  .SP-Section.SP-Collapsible {
    border-bottom: 1px solid #874D22;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #874D22; }

.SP-Section.SP-Collapsible + .SP-Section.SP-Collapsible {
  border-top: none; }

.SP-Section.SP-Collapsible + .SP-Section:not(.SP-Collapsible) {
  margin-top: 2em; }

.SP-Section.SP-Collapsible:last-child {
  margin-bottom: 5em; }

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

.SP-Section__content.SP-Collapsible__content {
  padding-top: 0.94rem; }

@media (min-width: 60rem) {
  .SP-Section.SP-Collapsible > .SP-Collapsible__content {
    width: calc((17.27rem + (100% - 10.99rem) / 8 * 12));
    margin-left: calc((1.57rem + (100% - 10.99rem) / 8 * 2) * -1 - 1.57rem);
    padding-left: calc((1.57rem + (100% - 10.99rem) / 8 * 2) + 1.57rem);
    padding-right: calc((1.57rem + (100% - 10.99rem) / 8 * 2) + 1.57rem); } }

.SP-Headline--collapsible {
  color: #874D22; }

.SP-Separator {
  clear: both;
  border: none;
  height: 0;
  margin: 0;
  padding: 0; }

.SP-Separator--visible {
  border-bottom: 1px solid #874D22;
  margin-bottom: 2.5rem; }

.SP-Separator:not(.SP-Separator--visible) .SP-Headline--paragraph, .SP-Separator:not(.SP-Separator--visible) .SP-Headline--newsletterRegistration {
  margin-top: 1em; }

.SP-Quote {
  color: #874D22;
  font-size: 1.63rem;
  font-style: italic;
  line-height: 1.39;
  margin-bottom: 1.5rem;
  margin-top: 2.82rem;
  /* stylelint-disable-next-line selector-max-type */ }
  .SP-Quote blockquote {
    margin: 0; }

.SP-CallToAction {
  margin-top: 2.82rem;
  margin-bottom: 2.82rem;
  text-align: center; }

@media (min-width: 60rem) {
  .SP-CallToAction__headline {
    max-width: calc((180px + (100% - 220px) / 12 * 10));
    margin-left: calc((0px + (100% - 220px) / 12 * 1) + 20px); } }

.SP-CallToAction__text {
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 3.25rem;
  /*
		Soll verhindern, dass der CTA-Text breite wird, als die Überschrift auf der Homepage.
		Kein genauer Wert - Näherungswert
	*/ }
  @media (min-width: 75rem) and (max-width: 104rem) {
    .SP-CallToAction__text {
      padding: 0 5%; } }

.SP-CallToAction__button {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }

.SP-CallToAction__text + .SP-CallToAction__button {
  margin-top: 1.25rem; }

.SP-HighlightSection {
  padding-top: 2rem;
  padding-bottom: 4.38rem; }
  @media (min-width: 60rem) {
    .SP-HighlightSection {
      padding-top: 3.75rem; } }

.SP-HighlightSection--colored::before {
  background: #f3ede9; }

.SP-HighlightSection__headline {
  text-align: center; }

/* filler */
.SP-QuickLinks__item {
  display: inline-flex;
  position: relative;
  border-bottom: 1px solid #874D22;
  width: 100%;
  height: 3.44rem;
  padding-bottom: 0.94rem;
  margin-bottom: 1.25rem; }
  .SP-QuickLinks__item:last-child {
    border: none !important;
    /* stylelint-disable-line declaration-no-important */ }
  @media (min-width: 30rem) {
    .SP-QuickLinks__item {
      height: 5.63rem;
      border-right: 1px solid #874D22;
      width: calc((1.58rem + (100% - 3.95rem) / 6 * 3));
      margin-right: 0.79rem;
      border-bottom: none;
      padding: 1.25rem 0; }
      .SP-QuickLinks__item:nth-child(2n) {
        border: none;
        margin-right: -0.06rem; } }
  @media (min-width: 40rem) {
    .SP-QuickLinks__item {
      height: 6.88rem;
      width: calc((0.79rem + (100% - 3.95rem) / 6 * 2));
      margin-right: 0.79rem;
      padding: 1.88rem 0; }
      .SP-QuickLinks__item:nth-child(2n) {
        border-right: 1px solid #874D22;
        margin-right: 0.79rem; }
      .SP-QuickLinks__item:nth-child(3n) {
        border: none;
        margin-right: -0.06rem; } }
  @media (min-width: 75rem) {
    .SP-QuickLinks__item {
      width: calc((3.14rem + (100% - 17.27rem) / 12 * 3));
      margin-right: 1.57rem; }
      .SP-QuickLinks__item:last-child {
        margin-right: 0; }
      .SP-QuickLinks__item:nth-child(2n) {
        margin-right: 1.57rem; }
      .SP-QuickLinks__item:nth-child(3n) {
        border-right: 1px solid #874D22;
        margin-right: 1.57rem; }
      .SP-QuickLinks__item:nth-child(4n) {
        border: none;
        margin-right: -0.06rem; } }

@media (min-width: 30rem) {
  .SP-QuickLinks__list--centered {
    display: flex;
    justify-content: center; }
    .SP-QuickLinks__list--centered .SP-QuickLinks__item {
      margin-right: 0;
      padding-left: 1.57rem;
      border-right: 1px solid #874D22; }
      .SP-QuickLinks__list--centered .SP-QuickLinks__item:first-child {
        padding-left: none; }
      .SP-QuickLinks__list--centered .SP-QuickLinks__item:last-child {
        border-right: none; } }

.SP-QuickLink__icon {
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  position: absolute;
  top: -0.37rem;
  left: -2.37rem; }
  @media (min-width: 30rem) {
    .SP-QuickLink__icon {
      top: -0.25rem; } }

.SP-QuickLink {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  margin-left: 2.5rem; }
  .SP-QuickLink:hover {
    color: #874D22;
    text-decoration: underline;
    text-decoration-color: currentColor; }
  @media (min-width: 30rem) {
    .SP-QuickLink {
      padding: 0;
      padding-right: 0.79rem; } }
  @media (min-width: 60rem) {
    .SP-QuickLink {
      padding: 0;
      padding-right: 1.57rem; } }

.SP-QuickLinks__headline {
  text-align: center;
  color: #874D22;
  font-size: 1.69rem;
  line-height: 1.18518519; }
  @media (min-width: 75rem) {
    .SP-QuickLinks__headline {
      font-size: 2.25rem;
      line-height: 1.22222222; } }

.SP-QuickLink__text {
  font-size: 0.94rem;
  line-height: 1.13333333;
  letter-spacing: 0.05rem;
  word-break: break-word;
  /* autoprefixer: off */
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-height: 1.13333333em; }
  @media (min-width: 30rem) {
    .SP-QuickLink__text {
      /* autoprefixer: off */
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      max-height: 3.4em; } }

.SP-TeaserList__controls {
  margin-top: 0.6em;
  display: none;
  flex-shrink: 0;
  flex-grow: 0; }
  @media (min-width: 40rem) {
    .SP-TeaserList__controls {
      display: block; } }

.SP-TeaserList__header {
  display: flex;
  justify-content: flex-end; }

.SP-TeaserList__headline {
  flex-grow: 1; }

.SP-TeaserList__control {
  border: none;
  width: 1.88rem;
  height: 1.88rem;
  margin-right: 0.63rem;
  cursor: pointer;
  padding: 0;
  background: transparent; }
  .SP-TeaserList__control .SPi {
    transition: fill 1s;
    fill: #9a602d; }
  .SP-TeaserList__control.SP-TeaserList__control--colorSwitch .SPi {
    fill: #000000; }

.SP-TeaserList__item {
  display: flex;
  margin-bottom: 0.79rem; }
  @media (min-width: 40rem) {
    .SP-TeaserList__item {
      margin-bottom: 1.57rem; } }

.SP-TeaserList__list--grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -0.79rem; }
  .SP-TeaserList__list--grid .SP-Teaser__inner {
    flex-direction: column; }
  .SP-TeaserList__list--grid .SP-Teaser__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem; }
  .SP-TeaserList__list--grid .SP-Teaser__text {
    width: 100%; }
  @media (min-width: 40rem) {
    .SP-TeaserList__list--grid {
      width: calc(100% + 1.57rem); } }
  @media (min-width: 40rem) {
    .SP-TeaserList__list--grid {
      margin-bottom: -1.57rem; } }
  .SP-TeaserList__list--grid .SP-TeaserList__item {
    width: 100%; }
    @media (min-width: 40rem) {
      .SP-TeaserList__list--grid .SP-TeaserList__item {
        margin-right: 1.57rem;
        /* -0.1px für den IE 11 */
        width: calc((100% / 2) - 1.57rem - 0.1px); } }
    @media (min-width: 60rem) {
      .SP-TeaserList__list--grid .SP-TeaserList__item {
        margin-right: 1.57rem;
        /* -0.1px für den IE 11 */
        width: calc((100% / 3) - 1.57rem - 0.1px); } }

.SP-Contact {
  width: 350px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 5rem;
  /* stylelint-disable-next-line selector-max-type */ }
  .SP-Contact abbr {
    text-decoration: none;
    -webkit-text-decoration: none;
    /* stylelint-disable-line property-no-vendor-prefix */ }

.SP-Contact__image {
  border-radius: 50%;
  margin: 0;
  width: 230px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 1.57rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); }

.SP-Contact__name {
  color: #874D22;
  font-size: 1.13rem;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 2;
  text-transform: uppercase;
  width: 100%;
  border-bottom: 0.07em solid #874D22;
  margin: 0;
  margin-bottom: 1em;
  padding-bottom: 1em; }

.SP-Contact__icon {
  width: 32px;
  height: 32px;
  margin-bottom: 0.75rem; }

.SP-Contact__nameAffix {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 2.19rem; }

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

.SP-Link--contact {
  color: #874D22;
  font-family: Droid Serif, sans-serif;
  text-transform: none;
  font-size: 0.94rem; }

.SP-ContactContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start; }
  .SP-ContactContainer:not(:last-child) {
    margin-bottom: 2.5rem; }

.SP-HighlightSection__content .SP-ContactContainer + .SP-CallToAction {
  margin-top: -4.37rem; }

.SP-FacebookItem {
  position: relative; }

/* stylelint-disable-next-line selector-max-type */
.SP-FacebookItem__content > span {
  max-width: 100%; }

/* stylelint-disable declaration-no-important */
.SP-InstagramItem__content {
  margin: 0 !important;
  min-width: 0 !important; }

/* stylelint-enable declaration-no-important */
.SP-TwitterItem {
  /* von Twitter gegeben und nicht zu beinflussen */
  /* stylelint-disable declaration-no-important */
  /* stylelint-disable-next-line selector-max-type */
  /* stylelint-enable declaration-no-important */ }
  .SP-TwitterItem .twitter-tweet {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    width: 100% !important; }
  .SP-TwitterItem iframe {
    min-width: 0 !important; }

.SP-YoutubeItem {
  border: 1px solid #e1e8ed;
  border-radius: 3px;
  padding: 16px; }

.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: 700;
  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; }

.SP-Newsroom__list:not([data-sp-masonry]) {
  display: flex;
  justify-content: center; }

.SP-Newsroom {
  margin-bottom: 2.5rem;
  text-align: center; }
  .SP-Newsroom::after {
    content: "";
    clear: both;
    display: table; }
  .SP-Newsroom .SP-Headline--paragraph, .SP-Newsroom .SP-Headline--newsletterRegistration {
    text-align: left; }

.SP-Newsroom__list {
  margin-left: -0.395rem;
  margin-right: -0.79rem;
  padding-bottom: 2.5rem;
  text-align: left; }

.SP-Newsroom__item {
  margin-bottom: 2em;
  transition-property: opacity !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Newsroom__item,
.SP-Newsroom__item--sizerPercent,
.SP-Newsroom__item--sizerPx {
  margin-left: 0.395rem;
  margin-right: 0.395rem; }

.SP-Newsroom__item:only-child {
  width: 500px; }

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

@media (min-width: 30rem) {
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    width: calc(50% - 0.79rem - 1px); } }

@media (min-width: 60rem) {
  .SP-Newsroom__list {
    margin-left: -0.785rem;
    margin-right: -1.57rem; }
  .SP-Newsroom__item,
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    margin-left: 0.785rem;
    margin-right: 0.785rem; }
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    width: calc(33% - 1.57rem - 1px); } }

@media (min-width: 104rem) {
  .SP-Newsroom__list {
    margin-right: -1.1775rem; }
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    width: calc(25% - 1.57rem - 1px); } }

@media print {
  /* stylelint-disable declaration-no-important */
  .SP-Newsroom__list {
    height: auto !important; }
  .SP-Newsroom__item {
    display: inline-block !important;
    position: relative !important;
    top: auto !important;
    transform: none !important;
    width: 90% !important; }
  .SP-Newsroom__item--sizerPercent,
  .SP-Newsroom__item--sizerPx {
    display: none !important; }
  /* stylelint-enable declaration-no-important */ }

.SP-Composition__inner {
  display: flex; }
  .SP-Composition__inner .SP-Field {
    flex: 1 1; }
  .SP-Composition__inner .SP-Field:not(:last-child) {
    margin-right: 1rem; }
  .SP-Composition__inner .SP-Button {
    align-self: center;
    margin-bottom: 0.75rem; }

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

.SP-Fieldset, .SP-Fieldset--newsletterRegistration {
  border: none;
  margin: 0;
  margin-bottom: 3rem;
  padding: 0; }

.SP-Legend {
  font: 1.25rem/ 1.25 Droid Serif, sans-serif;
  margin-bottom: 1em;
  padding-left: 0;
  padding-right: 0; }

.SP-Legend {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.33334;
  margin-top: 0;
  margin-bottom: 1.125em; }

.SP-Buttons {
  margin-top: 2.5rem; }

.SP-Form--privacy .SP-Buttons {
  justify-content: center; }

.SP-NumbersBanner__list {
  margin: 0;
  padding: 0; }

.SP-NumberDefinition__text,
.SP-NumberDefinition__number {
  margin: 0;
  padding: 0; }

.SP-NumbersBanner__inner {
  position: relative; }
  .SP-NumbersBanner__inner::before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }

.SP-NumbersBanner__background {
  filter: grayscale(100%);
  height: 100%;
  left: 0;
  opacity: 0.35;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; }
  @supports (mix-blend-mode: multiply) {
    .SP-NumbersBanner__background {
      mix-blend-mode: multiply;
      opacity: 0.6; } }
  .SP-NumbersBanner__background .SP-FixedSize__content {
    object-fit: cover;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;"; }

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

.SP-NumbersBanner__list {
  display: flex;
  flex-wrap: wrap; }

.SP-NumbersBanner__item {
  width: 100%; }

.SP-NumberDefinition {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  position: relative;
  text-align: center; }

.SP-NumberDefinition__text {
  font-size: 1.38rem;
  font-style: italic;
  line-height: 1.25; }

.SP-NumberDefinition__number {
  font-size: 5rem;
  line-height: 1.25; }

.SP-NumbersBanner__footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%; }
  .SP-NumbersBanner__footer .SP-LinkList__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }

@media (max-width: 59.94rem) {
  .SP-NumbersBanner__list {
    padding: 0; }
  .SP-NumbersBanner__item {
    padding: 0; } }

@media (min-width: 60rem) {
  .SP-NumbersBanner__list {
    padding: 4.38rem 0; }
  .SP-NumbersBanner__item {
    padding: 0;
    width: 50%;
    /* stylelint-disable selector-max-specificity */
    /* nur die erste Reihe */
    /* alles ab der zweiten Reihe */
    /* nur die letzte Reihe */
    /* Ein Item */
    /* Zwei Items */
    /* stylelint-enable selector-max-specificity */ }
    .SP-NumbersBanner__item::before {
      border-right-color: currentcolor;
      border-right-style: solid;
      border-right-width: 1px;
      bottom: 0;
      content: "";
      position: absolute;
      top: 0; }
    .SP-NumbersBanner__item::after {
      border-color: currentcolor;
      border-style: solid none;
      border-width: 0 0 1px 0;
      bottom: calc(1px / -2);
      content: "";
      position: absolute;
      width: 50%; }
    .SP-NumbersBanner__item:nth-child(odd)::before {
      right: calc(1px / -2); }
    .SP-NumbersBanner__item:nth-child(odd)::after {
      right: 0; }
    .SP-NumbersBanner__item:nth-child(even)::before {
      left: calc(1px / -2); }
    .SP-NumbersBanner__item:nth-child(even)::after {
      left: 0; }
    .SP-NumbersBanner__item:nth-child(-n+2)::before {
      height: 100%;
      top: auto; }
    .SP-NumbersBanner__item:nth-child(n+3)::after {
      border-top-width: 1px;
      top: calc(1px / -2); }
    .SP-NumbersBanner__item:nth-last-child(2):nth-child(odd)::before, .SP-NumbersBanner__item:last-child::before {
      bottom: auto;
      height: 100%; }
    .SP-NumbersBanner__item:nth-last-child(2):nth-child(odd)::after, .SP-NumbersBanner__item:last-child::after {
      border-bottom: 0 none; }
    .SP-NumbersBanner__item:only-child {
      margin-left: auto;
      margin-right: auto; }
      .SP-NumbersBanner__item:only-child::before, .SP-NumbersBanner__item:only-child::after {
        content: none; }
    .SP-NumbersBanner__item:first-child:nth-last-child(2)::before, .SP-NumbersBanner__item:nth-child(2):last-child::before {
      bottom: auto; }
    .SP-NumbersBanner__item:first-child:nth-last-child(2)::after, .SP-NumbersBanner__item:nth-child(2):last-child::after {
      content: none; } }

.SP-NumericField__inner {
  color: #FFFFFF; }
  .SP-NumericField__inner::before {
    background-color: #874D22; }

.SP-NumericField__headline {
  font-family: Montserrat, sans-serif;
  font-size: 2.82rem;
  font-weight: 300;
  line-height: 1.23;
  text-align: center;
  margin-top: 3.5rem;
  margin-bottom: 0; }

.SP-NumericField__item {
  height: 14.07rem; }

.SP-Fact__number {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 5rem;
  line-height: 1.22; }

.SP-Fact__text {
  font-size: 1.38rem;
  line-height: 1.14; }

.SP-NumericField__footer {
  background-color: #000000;
  min-height: 6.25rem;
  padding: 1rem; }
  .SP-NumericField__footer .SP-Headline--paragraph, .SP-NumericField__footer .SP-Headline--newsletterRegistration {
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    margin-right: 1.88rem; }
  .SP-NumericField__footer .SP-Link {
    color: #FFFFFF;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem; }
    .SP-NumericField__footer .SP-Link:hover {
      text-decoration: underline;
      color: #FFFFFF; }
      .SP-NumericField__footer .SP-Link:hover .SP-Link__text {
        -webkit-text-decoration: underline #FFFFFF;
        text-decoration: underline #FFFFFF; }

.SP-FactsAndNumbers {
  position: relative; }
  .SP-FactsAndNumbers::before {
    content: '';
    background: #874D22;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.SP-FactsAndNumbers__background {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  filter: grayscale(100%);
  opacity: 0.35; }
  @supports (mix-blend-mode: multiply) {
    .SP-FactsAndNumbers__background {
      opacity: 0.6;
      mix-blend-mode: multiply; } }
  .SP-FactsAndNumbers__background .SP-FixedSize__content {
    object-fit: cover;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;"; }

.SP-FactsAndNumbers__bar__headline {
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
  margin-right: 1.88rem; }

.SP-FactsAndNumbers__facts {
  display: flex;
  flex-wrap: wrap; }

.SP-FactsAndNumbers__fact {
  width: 100%;
  height: 225px; }

@media (min-width: 60rem) {
  .SP-FactsAndNumbers__facts {
    padding: 4.38rem 0; }
  .SP-FactsAndNumbers__fact {
    width: 50%; }
    .SP-FactsAndNumbers__fact::after {
      content: '';
      position: absolute;
      width: 50%;
      height: 1px;
      bottom: 0;
      background: #FFFFFF; }
    .SP-FactsAndNumbers__fact:nth-child(even)::after {
      left: 0; }
    .SP-FactsAndNumbers__fact:nth-child(odd) {
      border-right: 1px solid #FFFFFF; }
      .SP-FactsAndNumbers__fact:nth-child(odd)::after {
        right: 0; }
    .SP-FactsAndNumbers__fact:nth-last-child(2):nth-child(odd)::after, .SP-FactsAndNumbers__fact:last-child::after {
      content: none; } }

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

.SP-FactsAndNumbers__bar {
  position: relative;
  background: #000000;
  color: #FFFFFF;
  width: 100%;
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem; }

.SP-FactsAndNumbers__linkList__list {
  padding-top: 0 !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Link--factsAndNumbers {
  color: #FFFFFF;
  font-weight: 700;
  margin-bottom: 0;
  padding-top: 0.32rem;
  padding-bottom: 0.32rem; }
  .SP-Link--factsAndNumbers:hover {
    text-decoration: underline;
    color: #FFFFFF; }
    .SP-Link--factsAndNumbers:hover .SP-Link__text {
      -webkit-text-decoration: underline #FFFFFF;
      text-decoration: underline #FFFFFF; }

.SP-FactsAndNumbers__headline {
  position: relative;
  font-family: Montserrat, sans-serif;
  font-size: 2.82rem;
  font-weight: 300;
  line-height: 1.23;
  text-align: center;
  color: #FFFFFF;
  margin-top: 3.5rem;
  margin-bottom: 0; }

.SP-FactsAndNumbers .SP-Fact {
  text-align: center;
  color: #FFFFFF;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.SP-FactsAndNumbers .SP-Fact__number {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 5rem;
  line-height: 1.22; }

.SP-FactsAndNumbers .SP-Fact__text {
  font-size: 1.38rem;
  font-style: italic;
  line-height: 1.14; }

.SP-Gallery {
  overflow: hidden; }

.SP-Gallery__item {
  padding-bottom: 0.79rem;
  padding-right: 0.79rem;
  width: calc(100% / 2); }
  @media (min-width: 60rem) {
    .SP-Gallery__item {
      padding-right: 1.57rem;
      padding-bottom: 1.57rem; } }

@media (min-width: 40rem) {
  .SP-Gallery__item {
    width: calc(100% / 3); } }

@media (min-width: 60rem) {
  .SP-Gallery__item {
    width: calc(100% / 4); } }

@media (min-width: 104rem) {
  .SP-Gallery__item {
    width: calc(100% / 5); } }

.SP-Gallery__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  width: calc(100% + 0.79rem); }
  @media (min-width: 60rem) {
    .SP-Gallery__list {
      width: calc(100% + 1.57rem); } }

.SP-Gallery__image {
  margin-bottom: 0; }
  .SP-Gallery__image .SP-Asset__caption {
    font-family: Montserrat, sans-serif;
    font-size: 1.25rem;
    line-height: 1.2;
    pointer-events: none;
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(135, 77, 34, 0.3) 0%, #874D22 100%);
    display: flex;
    align-items: flex-end;
    color: white;
    padding: 1.25rem 0.94rem 1.25rem 1.57rem;
    transition: opacity 0.5s ease; }
    .SP-Gallery__item:hover .SP-Gallery__image .SP-Asset__caption {
      opacity: 1; }

.SP-Gallery__list.slick-slider {
  margin-bottom: 0; }
  .SP-Gallery__list.slick-slider.slick-dotted {
    margin-bottom: 3rem; }
    .SP-Gallery__list.slick-slider.slick-dotted .slick-dots {
      bottom: -1rem;
      padding-right: 0.75rem; }
  @media (min-width: 40rem) {
    .SP-Gallery__list.slick-slider .slick-arrow {
      margin-top: -0.38rem; }
    .SP-Gallery__list.slick-slider .slick-next {
      right: 0.75rem; }
    .SP-Gallery__list.slick-slider.slick-dotted {
      margin-bottom: 4rem; }
      .SP-Gallery__list.slick-slider.slick-dotted .slick-dots {
        bottom: -1.5rem; } }
  @media (min-width: 60rem) {
    .SP-Gallery__list.slick-slider .slick-arrow {
      margin-top: -0.79rem; }
    .SP-Gallery__list.slick-slider .slick-next {
      right: 25px; }
    .SP-Gallery__list.slick-slider.slick-dotted {
      margin-bottom: 4.5rem; }
      .SP-Gallery__list.slick-slider.slick-dotted .slick-dots {
        bottom: -1.75rem;
        padding-right: 1.57rem; } }

/*
	Alle Kacheln außer der ersten Reihe ausblenden solange Slick nicht initialisiert wurde,
	um das Ladeverhalten zu verbessern
*/
@media (max-width: 19.99rem) {
  .SP-Gallery__list:not(.slick-slider) .SP-Gallery__item:nth-child(n + 2) {
    display: none; } }

@media (min-width: 20rem) and (max-width: 39.99rem) {
  .SP-Gallery__list:not(.slick-slider) .SP-Gallery__item:nth-child(n + 3) {
    display: none; } }

@media (min-width: 40rem) and (max-width: 59.99rem) {
  .SP-Gallery__list:not(.slick-slider) .SP-Gallery__item:nth-child(n + 4) {
    display: none; } }

@media (min-width: 60rem) and (max-width: 103.99rem) {
  .SP-Gallery__list:not(.slick-slider) .SP-Gallery__item:nth-child(n + 5) {
    display: none; } }

@media (min-width: 104rem) {
  .SP-Gallery__list:not(.slick-slider) .SP-Gallery__item:nth-child(n + 6) {
    display: none; } }

/* stylelint-disable scss/at-extend-no-missing-placeholder */
.SP-Form--newsletterRegistration {
  /* @extend .SP-Box; */ }
  .SP-Form--newsletterRegistration .SP-Button {
    max-width: 350px;
    margin-left: 1em; }

.SP-Headline--newsletterRegistration {
  margin: 0.67em 0; }

/* stylelint-disable selector-max-type */
.SP-Fieldset--newsletterRegistration {
  margin-top: 0;
  /* stylelint-disable-next-line selector-no-qualifying-type */ }
  .SP-Fieldset--newsletterRegistration ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .SP-Fieldset--newsletterRegistration + div[id] {
    margin-top: 3.5rem; }
  .SP-Fieldset--newsletterRegistration ~ .SP-Buttons {
    margin-top: 0.75rem; }
  .SP-Fieldset--newsletterRegistration:last-child, .SP-Fieldset--newsletterRegistration:last-of-type {
    margin-bottom: 0; }

/* stylelint-enable selector-max-type */
/* stylelint-enable scss/at-extend-no-missing-placeholder */
.SP-Iframe:last-child {
  margin-bottom: 0; }

/* aktivierte Höhenberechnung */
.SP-Iframe--enabled .SP-Iframe__main {
  display: block; }

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

/* deaktivierte Höhenberechnung */
.SP-Iframe--disabled .SP-Iframe__main {
  display: none; }

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

.SP-Iframe__main {
  display: block; }

/* bei blockiertem iframe (z.B. Werbeblocker) auch den alternativen Inhalt anzeigen */
.SP-Iframe__main[hidden] {
  display: none; }

.SP-Iframe__main[hidden] + .SP-Iframe__alt {
  display: block; }

/* Druck */
@media print {
  .SP-Iframe--enabled .SP-Iframe__main {
    display: none; }
  .SP-Iframe--enabled .SP-Iframe__alt {
    display: block; } }

/* stylelint-disable selector-max-type */
.SP-Iframe,
iframe:not([class]):not(:last-child) {
  margin-bottom: 3.13rem; }

/* stylelint-enable selector-max-type */
.SP-Code {
  overflow-y: auto; }

.SP-Code {
  margin-bottom: 3.13rem; }

.SP-Matomo__optout {
  border: 0.19rem solid #874D22; }

.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: 59.94rem) {
  .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__inner {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

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

.SP-ConsentBanner__buttons {
  flex-wrap: nowrap; }
  .SP-ConsentBanner__buttons.SP-Buttons {
    justify-content: flex-start;
    margin-top: 0; }

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

.SP-Form--dataProtection .SP-Buttons {
  display: flex;
  justify-content: center;
  flex-direction: column; }
  @media (min-width: 40rem) {
    .SP-Form--dataProtection .SP-Buttons {
      flex-direction: row; }
      .SP-Form--dataProtection .SP-Buttons .SP-PrivacyBarrier__button:first-child {
        margin-right: 1.5rem; } }
  .SP-Form--dataProtection .SP-Buttons .SP-PrivacyBarrier__button {
    margin-bottom: 1.5rem; }

.SP-Form--privacy {
  margin-bottom: 6rem; }

.SP-PrivacyBarrier__button {
  min-width: 17.5rem; }

.SP-Form {
  clear: both;
  margin-bottom: 2rem; }
  .SP-Form::after {
    content: "";
    clear: both;
    display: table; }

.SP-Buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-end; }
  .SP-Buttons .SP-Button[type='submit'] .SP-Button__icon {
    transition: transform 0.3s ease; }
  .SP-Buttons .SP-Button[type='submit']:hover .SP-Button__icon {
    transform: translateX(25%) translateY(-50%); }

.SP-Form--cookies-approval .SP-Buttons {
  justify-content: space-between; }

/* der nachfolgende Kram muss irgendwo anders untergebracht werden */
.SP-Message {
  margin-bottom: 2rem;
  background: #f3ede9;
  border: 2em solid #f3ede9;
  margin-left: -2em;
  margin-right: -2em; }

.SP-HighlightSection--colored .SP-Message,
.SP-HighlightSection--colored .SP-Form {
  background: #FFFFFF;
  margin-left: -2em;
  margin-right: -2em;
  border: 2em solid #FFFFFF; }

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.SP-Navigation__levels {
  position: relative;
  contain: strict;
  overflow: hidden; }

.SP-NavigationLevel {
  width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  overflow: hidden; }

/**
 * Animationen definieren
 */
@keyframes navigateOutDown {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }

@keyframes navigateInDown {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(0%); } }

@keyframes navigateOutUp {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(100%); } }

@keyframes navigateInUp {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(0%); } }

@keyframes levelEntryDown {
  0% {
    transform: translateX(50%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

@keyframes levelEntryUp {
  0% {
    transform: translateX(-50%);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

/**
 * Voraussetzungen für Animation herstellen und Animationen anwenden
 */
.SP-NavigationLevel {
  backface-visibility: hidden;
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.SP-Navigation--aniOutDown {
  animation-name: navigateOutDown; }

.SP-Navigation--aniOutUp {
  animation-name: navigateOutUp; }

.SP-Navigation--aniInDown {
  animation-name: navigateInDown; }

.SP-Navigation--aniInUp {
  animation-name: navigateInUp; }

.SP-Navigation__levels {
  height: 100%; }

.SP-NavigationLevel__content {
  backface-visibility: hidden;
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.SP-NavigationLevel__content--descend {
  animation-name: levelEntryDown; }

.SP-NavigationLevel__content--ascend {
  animation-name: levelEntryUp; }

.SP-NavigationLevel__back {
  width: 100%; }

/* Basis-Schriftgröße auf welche sich die Verhältnisse beziehen */
/**
 * Navigation
 */
.SP-Navigation {
  height: 100%;
  width: 100%;
  position: absolute;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 1.17; }
  @media (min-width: 480px) {
    .SP-Navigation {
      font-size: calc(18px + 6 * (100vw - 480px) / 1184); } }
  @media (min-width: 1664px) {
    .SP-Navigation {
      font-size: 24px; } }

/**
 * NavigationLevel
 */
.SP-NavigationLevel {
  overflow: hidden;
  width: 100%; }

.SP-NavigationLevel.SP-isLoading {
  background-color: #222222; }

/**
 * NavigationNode
*/
.SP-NavigationNode:hover {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */
  /* Wenn ein Kind-Knoten aktiv ist muss der folgende Kind-Knoten ohne border-top sein */
  background: #282833 !important;
  /* stylelint-disable-line declaration-no-important */ }
  .SP-NavigationNode:hover > .SP-NavigationLink {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important; }
  .SP-NavigationNode:hover + .SP-NavigationNode .SP-NavigationLink,
  .SP-NavigationNode:hover + .SP-NavigationLevel__children :first-child .SP-NavigationLink {
    border-top-color: transparent; }
  .SP-NavigationNode:hover.SP-NavigationNode--branch .SP-NavigationLink {
    transform: translateX(0.5em); }

.SP-NavigationNode--path:not(.SP-NavigationNode--parent) {
  background: #545862;
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */
  /* Wenn ein Kind-Knoten aktiv ist muss der folgende Kind-Knoten ohne border-top sein */ }
  .SP-NavigationNode--path:not(.SP-NavigationNode--parent) > .SP-NavigationLink {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important; }
  .SP-NavigationNode--path:not(.SP-NavigationNode--parent) + .SP-NavigationNode .SP-NavigationLink,
  .SP-NavigationNode--path:not(.SP-NavigationNode--parent) + .SP-NavigationLevel__children :first-child .SP-NavigationLink {
    border-top-color: transparent; }

.SP-NavigationNode--active {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */
  /* Wenn ein Kind-Knoten aktiv ist muss der folgende Kind-Knoten ohne border-top sein */
  background: #874D22 !important;
  /* stylelint-disable-line declaration-no-important */ }
  .SP-NavigationNode--active > .SP-NavigationLink {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important; }
  .SP-NavigationNode--active + .SP-NavigationNode .SP-NavigationLink,
  .SP-NavigationNode--active + .SP-NavigationLevel__children :first-child .SP-NavigationLink {
    border-top-color: transparent; }

/**
 * NavigationLink
 * 1: alle
 */
.SP-NavigationLink {
  align-items: center;
  border-top: 0.09em solid #545862;
  cursor: pointer;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  margin-left: 0.84em;
  margin-right: 0.84em;
  padding-bottom: 1.25em;
  padding-right: 1.25em;
  padding-top: 1.25em;
  position: relative;
  text-decoration: none;
  transition: transform 0.3s ease-out; }
  @media (min-width: 40rem) {
    .SP-NavigationLink {
      margin-left: 1.67em;
      margin-right: 1.67em; } }
  .SP-NavigationLink:focus:not(.focus--mouse) {
    box-shadow: none;
    outline: 2px solid transparent;
    outline-offset: 5px; }
    .SP-NavigationLink:focus:not(.focus--mouse)::before {
      border: 1px solid rgba(255, 255, 255, 0.67);
      box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.67);
      content: "";
      position: absolute;
      pointer-events: none;
      z-index: 10;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      top: 3px;
      left: 3px;
      outline: 3px solid Highlight;
      outline: 3px auto -webkit-focus-ring-color;
      outline-offset: 0; }
  .SP-NavigationLink .SP-NavigationLink__icon {
    margin-right: -0.83em; }

.SP-NavigationLink__icon {
  fill: currentColor;
  height: 1.34em;
  width: 1.34em;
  flex-shrink: 0;
  transform: rotate(-90deg); }

/**
 *NavigationLink
 * 2: zurück
 */
.SP-NavigationLink--back {
  color: #949494;
  font-style: italic;
  flex-direction: row-reverse;
  justify-content: flex-end;
  border-top-color: transparent; }
  .SP-NavigationLink--back:hover {
    transform: translateX(-0.5em); }
  .SP-NavigationLink--back .SP-NavigationLink__icon {
    margin-right: 0.84em;
    height: 1em;
    width: 1em;
    transform: rotate(90deg); }

/**
 *NavigationLink
 * 3: parent
 */
/* Der parent-Link hat immer eine border-top */
.SP-NavigationLink--level {
  border-top: 0.09em solid #545862;
  font-weight: 600; }

.SP-NavigationLink--level--active {
  border-top-color: transparent;
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */
  /* Wenn ein Kind-Knoten aktiv ist muss der folgende Kind-Knoten ohne border-top sein */ }
  .SP-NavigationLink--level--active > .SP-NavigationLink {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important; }
  .SP-NavigationLink--level--active + .SP-NavigationNode .SP-NavigationLink,
  .SP-NavigationLink--level--active + .SP-NavigationLevel__children :first-child .SP-NavigationLink {
    border-top-color: transparent; }
  .SP-NavigationLink--level--active::before {
    background: #874D22;
    bottom: 0;
    content: '';
    left: -0.83em;
    position: absolute;
    right: -0.83em;
    top: 0;
    z-index: -1; }
    @media (min-width: 40rem) {
      .SP-NavigationLink--level--active::before {
        left: -1.66em;
        right: -1.66em; } }

/**
 *NavigationLink
 * 4: last-child
 */
/* Der letzte Kind-Knoten muss zusätzlich noch eine border-bottom haben */
.SP-NavigationLevel__children .SP-NavigationNode:last-child .SP-NavigationLink {
  border-bottom: 0.09em solid #545862; }

/* stylelint-disable selector-max-specificity */
.slider-container {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 300px; }

.slider-container .back-bar {
  height: 10px;
  position: relative; }

.slider-container .back-bar .selected-bar {
  height: 100%;
  position: absolute; }

.slider-container .back-bar .pointer {
  background-color: red;
  cursor: grab;
  height: 10px;
  opacity: 1;
  position: absolute;
  width: 10px;
  z-index: 2;
  transition: transform 0.3s ease; }
  .slider-container .back-bar .pointer.focused {
    cursor: grabbing;
    transform: scale(1.1); }

.slider-container .back-bar .pointer.ghost {
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: grabbing; }
  .slider-container .back-bar .pointer.ghost.visible {
    opacity: 0.5; }

.slider-container .back-bar .pointer.last-active {
  z-index: 3; }

.slider-container .back-bar .pointer-label {
  background: white;
  font-size: 8px;
  line-height: 1;
  position: absolute;
  top: -17px;
  white-space: nowrap; }

.slider-container .back-bar .focused {
  z-index: 10; }

.slider-container .clickable-dummy {
  cursor: pointer;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  min-height: 10px;
  transform: translateY(-50%);
  top: 50%; }

.slider-container .scale {
  position: relative;
  top: 2px; }

/* stylelint-disable selector-max-type */
.slider-container .scale span {
  border-left: 1px solid #999;
  font-size: 0;
  height: 5px;
  position: absolute; }

.slider-container .scale ins {
  color: #999;
  font-size: 9px;
  left: 0;
  line-height: 1;
  position: absolute;
  text-decoration: none;
  top: 5px; }

/* stylelint-enable selector-max-type */
.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
  cursor: auto; }

.SP-Pagination {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative; }
  .SP-Pagination .slider-container {
    font-family: inherit; }

.SP-Pagination__prev,
.SP-Pagination__next {
  border: none;
  fill: currentcolor;
  height: 3rem;
  padding: 0;
  width: 3rem; }
  .SP-Pagination__prev[disabled],
  .SP-Pagination__next[disabled] {
    background-color: #874D22;
    color: #FFFFFF;
    cursor: not-allowed; }
  .SP-Pagination__prev:not([disabled]),
  .SP-Pagination__next:not([disabled]) {
    background-color: #874D22;
    color: #FFFFFF;
    cursor: pointer; }
  .SP-Pagination__prev .SPi,
  .SP-Pagination__next .SPi {
    height: 100%;
    width: 100%; }

.SP-Pagination {
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */ }
  .SP-Pagination .slider-container {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  .SP-Pagination .slider-container .back-bar {
    background-color: #EEEEEE;
    height: 0.19rem; }
  .SP-Pagination .slider-container .back-bar .pointer {
    /* stylelint-disable-line selector-max-specificity */
    background-color: #FFFFFF;
    border: 0.19rem solid currentcolor;
    border-radius: 50%;
    box-sizing: border-box;
    height: 2.5rem;
    margin-left: -0.19rem;
    top: calc((2.5rem - 0.19rem) / -2);
    width: 2.5rem; }
  .SP-Pagination .slider-container .back-bar .pointer-label {
    /* stylelint-disable-line selector-max-specificity */
    background-color: transparent;
    bottom: 1.25rem;
    color: currentcolor;
    font-size: 0.75rem;
    top: auto; }
  .SP-Pagination .slider-container .scale span {
    /* stylelint-disable-line selector-max-specificity */
    border-color: currentcolor;
    height: 0.63rem;
    top: 0.32rem; }
  .SP-Pagination .slider-container .scale ins {
    /* stylelint-disable-line selector-max-specificity */
    color: currentcolor;
    top: 0.94rem; }

.SP-Pagination__prev,
.SP-Pagination__next {
  cursor: pointer;
  padding: 0.25em; }

.SP-Pagination {
  margin-top: 3rem; }

.pointer-label {
  transform: translateY(-1rem); }

.SP-Path__headline::after {
  content: ":"; }

.SP-Path__list {
  display: flex;
  flex-wrap: wrap; }

@media print {
  .SP-Path {
    display: block; }
  .SP-Path__headline {
    clip: auto;
    display: block;
    height: auto !important;
    /* stylelint-disable-line */
    left: auto;
    margin: auto;
    position: relative;
    width: 100% !important;
    /* stylelint-disable-line */
    overflow: visible; } }

.SP-Path {
  padding-top: 1.63em;
  padding-bottom: 1.5em; }
  @media screen {
    .SP-Path {
      border-bottom: 1px solid #FFFFFF; } }

.SP-Path__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }

.SP-Path__item {
  display: flex;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 1.25;
  margin-top: 0.3em;
  margin-right: 0.5em;
  margin-bottom: 0.3em; }
  .SP-Path__item .SP-Path__link {
    color: currentColor; }
  .SP-Path__item .SP-Path__self {
    font-weight: 300; }
  .SP-Path__item:hover .SP-Path__item__icon {
    transform: scale(1.1); }
  .SP-Path__item:hover .SP-Path__link {
    text-decoration: underline; }

.SP-Path__item__icon {
  height: 1.25em;
  margin-right: 0.5em;
  transform: transform 200ms ease;
  width: 0.5em; }

/**
 * Druckbasics
 */
@media print {
  .SP-Path__headline {
    border-bottom: 0.07rem solid currentColor;
    font-size: 13pt;
    font-weight: 400;
    margin-bottom: 0.5em;
    padding-bottom: 0.25em; }
  .SP-Path__item {
    font-size: 11pt; } }

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

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

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

.SP-PrivacyBarrier__content {
  padding: 2.5rem; }
  .SP-PrivacyBarrier--standalone .SP-PrivacyBarrier__content.SP-Box {
    border: 0.19rem solid #874D22; }

.SP-PrivacyBarrier__type {
  align-items: center;
  border: 3px solid #874D22;
  border-radius: 50%;
  display: flex;
  height: 4rem;
  margin-bottom: 1.25rem;
  justify-content: center;
  width: 4rem; }

.SP-PrivacyBarrier__type__icon {
  height: 2.5rem;
  width: 2.5rem;
  fill: #874D22; }

.SP-PrivacyBarrier__text {
  margin-bottom: 2.5rem;
  /* Faktor 0,66 für „SP-Grid__main“ zu „SP-Grid“, wenn Breite 70vw */
  max-width: max(calc(48rem - 3.5em), calc(46.2vw - 3.5em)); }

.SP-PrivacyBarrier__dialog {
  background-color: #FFFFFF;
  border: 0.19rem solid #874D22;
  max-width: max(72.8rem, 70vw);
  width: -moz-fit-content;
  width: fit-content; }
  .SP-PrivacyBarrier__dialog::backdrop {
    /* background-color of Magnific PopUp ($mfp-overlay-color) */
    background-color: #0b0b0b;
    opacity: 0.8; }

/* stylelint-disable declaration-no-important */
.SP-QuickSearch {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto; }

.SP-QuickSearch__field {
  position: relative;
  margin: 0 !important; }

.SP-QuickSearch__composition__inner {
  position: relative; }

.SP-QuickSearch__submit {
  margin: 0 !important;
  position: absolute;
  top: 0;
  right: 0; }

.SP-QuickSearch__control {
  padding-right: 4.5em !important; }

.SPu-noScroll {
  height: 100vh;
  width: 100%;
  overflow-y: hidden !important;
  position: static; }
  .no-hiddenscroll .SPu-noScroll, .SPu-noScroll.no-hiddenscroll {
    width: calc(100% - 17px); }

/* stylelint-enable declaration-no-important */
.SP-Search,
.SP-Loader {
  margin-bottom: 2.82rem; }
  @media (min-width: 60rem) {
    .SP-Search,
    .SP-Loader {
      margin-bottom: 4.88rem; } }

.SP-Teaser {
  display: flex;
  background: #f3ede9;
  padding: 1.25rem;
  text-decoration: none;
  flex: 1 1;
  max-width: 100%;
  /* max-height: 590px; */ }

.SP-HighlightSection--colored .SP-Teaser {
  background: #FFFFFF; }

.SP-Teaser__inner {
  display: flex;
  flex: 1 1;
  max-width: 100%;
  position: relative; }

.SP-Teaser__text__content {
  flex-grow: 1; }

.SP-Teaser__kicker {
  font-family: Montserrat, sans-serif;
  font-size: 0.75rem;
  line-height: 1.34;
  color: #353943;
  margin-bottom: 0.69rem;
  text-transform: uppercase; }

.SP-Teaser__image {
  flex-shrink: 0;
  margin-right: 1.57rem;
  width: 100%; }

.SP-Teaser__text {
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-direction: column; }

@media (min-width: 40rem) {
  .SP-Teaser__image {
    width: 30%; }
  .SP-Teaser__text {
    width: 70%; } }

.SP-Teaser__headline {
  color: #353943;
  font-size: 1.69rem;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  line-height: 1.19;
  margin-top: 0;
  margin-bottom: 1rem;
  text-overflow: ellipsis;
  overflow: hidden; }

.SP-Teaser__abstract {
  color: #353943;
  font-size: 1.13rem;
  line-height: 1.67;
  margin-bottom: 2rem;
  flex: 1 1;
  overflow: hidden; }

@media (min-width: 40rem) {
  .SP-Teaser--illustrated .SP-Teaser__abstract {
    /* autoprefixer: off */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    max-height: 8.35em; } }

.SP-Teaser__readon {
  flex-grow: 0;
  flex-shrink: 0;
  color: #874D22;
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  font-size: 0.94rem;
  letter-spacing: 0.07rem;
  line-height: 1.27; }
  .SP-Teaser__readon .SPi {
    position: relative;
    height: 1rem;
    width: 2rem;
    fill: #874D22;
    top: 0.15em;
    left: 0.65em;
    transition: transform 0.15s ease-out; }
  .SP-Teaser:hover .SP-Teaser__readon {
    color: #874D22; }
    .SP-Teaser:hover .SP-Teaser__readon .SPi {
      transform: translateX(0.63rem); }

/* Bis-Medium in Kachelform anzeigen */
@media (max-width: 39.99rem) {
  .SP-Teaser__inner {
    flex-direction: column; }
  .SP-Teaser__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem; }
  .SP-Teaser__text {
    width: 100%; } }

/**
 * Anker
 */
.SP-Anchor {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.25;
  overflow: hidden;
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: #353943; }
  .SP-Anchor:hover {
    color: #874D22; }

/**
 * Ankerliste
 */
.SP-AnchorList {
  margin-bottom: 1.5em; }

.SP-AnchorList__headline {
  font-family: Montserrat, sans-serif;
  font-size: 1.38rem;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 0.84em;
  margin-top: 0; }

/**
 * Organismen
 */
.SP-Header__trigger {
  height: 48px;
  width: 48px;
  border: none;
  background: #FFFFFF;
  /* Auslagern als Atom? */ }
  .SP-Header__trigger:first-child:not(:last-child) {
    margin-right: 10px; }

.SP-Header__triggers {
  flex-shrink: 0; }

.SP-MenuBarItem {
  background: none;
  border: none;
  color: #FFFFFF;
  font-size: 1.63rem;
  cursor: pointer;
  display: flex;
  align-items: center; }

.SP-MenuBarItem--language {
  justify-content: flex-start;
  margin-right: auto; }

.SP-MenuBarItem--booking {
  justify-content: flex-end;
  margin-left: auto; }

.SP-MenuBarItem--right {
  margin-left: auto; }

.SP-MenuBarItem--spacedLeft {
  margin-left: 21px; }

.SP-Header__menubar {
  background: #000000;
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  transition: transform 0.3s ease; }
  .SP-Header__menubar .SP-MenuBarItem {
    padding-right: 8px;
    text-decoration: none; }

.SP-MenuBarItem__label {
  font-family: Montserrat, sans-serif;
  font-size: 0.94rem;
  line-height: 1; }

@media (max-width: 40rem) {
  .SP-Header ~ .SP-Stage,
  .SP-Header ~ .SP-OffCanvas__main__body {
    position: relative;
    top: 40px;
    margin-bottom: 40px; } }

.SP-Header__content {
  padding-left: 15px;
  padding-right: 15px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.SP-Header__logos {
  height: 100%;
  max-height: 80px;
  display: flex;
  flex-grow: 1;
  overflow: hidden; }

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

/* stylelint-disable-next-line selector-max-type */
.SP-Logo--small > img {
  height: 40px;
  width: auto; }

.SP-Header__logo--microsite {
  width: 160px;
  display: flex;
  align-items: center; }
  .SP-Header__logo--microsite .SP-Logo {
    height: 40px; }

.SP-Logo--large {
  display: none; }

.SP-Header__logo--mainsite {
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-left: 30px;
  padding-left: 30px;
  transform: scale(0);
  transition: transform 0.3s ease; }
  .SP-Header__logo--mainsite::before {
    content: '';
    height: 100%;
    width: 2px;
    left: 0;
    top: 0;
    background: #949494;
    position: absolute; }

.SP-Logo--mainsite {
  width: 8.75rem; }

.SP-Header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
  transition: transform 0.3s ease; }
  .SPu-noScroll .SP-Header {
    width: calc(100% - 17px); }

/* stylelint-disable selector-max-type */
@media (min-width: 40rem) {
  html:not(.SP-hasCrossedScrollThreshold) .SP-Logo--large {
    display: flex;
    flex-grow: 1; }
    html:not(.SP-hasCrossedScrollThreshold) .SP-Logo--large img {
      object-fit: contain; }
  html:not(.SP-hasCrossedScrollThreshold) .SP-Logo--small {
    display: none; }
  html:not(.SP-hasCrossedScrollThreshold) .SP-Header {
    transform: translateY(0); }
  html:not(.SP-hasCrossedScrollThreshold) .SP-Header__menubar {
    padding-left: 40px;
    padding-right: 40px;
    transform: translateY(0); }
  html:not(.SP-hasCrossedScrollThreshold) .SP-Header__content {
    height: 160px;
    padding-left: 40px;
    padding-right: 40px; }
  html:not(.SP-hasCrossedScrollThreshold) .SP-Header__trigger:first-child:not(:last-child) {
    margin-right: 45px; }
  html:not(.SP-hasCrossedScrollThreshold) .SP-Header__logo--mainsite {
    transform: scale(1); }
  html:not(.SP-hasCrossedScrollThreshold) .SP-Header__logo--microsite .SP-Logo {
    height: 80px; } }

/* stylelint-enable selector-max-type */
.SP-Stage {
  position: relative;
  overflow: hidden; }

@keyframes stageHeadlineIn {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(50px); }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0); } }

@media (min-width: 60rem) {
  .SP-Stage__headline {
    position: absolute;
    bottom: -1px;
    /* Eigentlich 0, das blitzt aber im Firefox durch; Daher -1px ¯\_(ツ)_/¯ */
    left: 50%;
    min-width: 840px;
    z-index: 1;
    opacity: 0;
    animation: stageHeadlineIn 1s ease;
    animation-delay: 300ms;
    animation-fill-mode: forwards; } }

.SP-Intro {
  margin-bottom: 46px;
  text-align: center;
  /* stylelint-disable-next-line selector-max-type */ }
  .SP-Intro p {
    color: #874D22;
    font-family: Droid Serif, sans-serif;
    font-size: 1.38rem;
    font-style: italic;
    line-height: 1.64; }

.SP-ArticleContent {
  color: #353943; }

.SP-Annotations {
  display: none; }

.SP-AnnotationViewer {
  position: fixed;
  bottom: 0;
  z-index: 2000;
  left: 50%;
  background: #000000;
  border-color: #333333;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.35);
  color: #bbbbbb;
  fill: currentColor;
  padding: 0.5em 0.5em 2em 0.5em;
  width: 100%;
  max-height: 85vh;
  max-width: 600px;
  text-align: left;
  overflow-y: auto;
  opacity: 1;
  transform: translateX(-50%);
  transition: opacity 0.25s, transform 0.25s;
  font-family: Montserrat, sans-serif;
  line-height: 1.75; }
  .SP-AnnotationViewer.SP-isHidden {
    opacity: 0;
    transform: translateY(110%) translateX(-50%); }
  .mfp-zoom-out-cur .SP-AnnotationViewer {
    cursor: default; }

.SP-AnnotationViewer__title {
  text-transform: uppercase;
  color: #888888;
  border-bottom: 1px solid #666666;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 35px;
  font-size: 14px;
  line-height: 26px;
  position: relative; }

.SP-AnnotationViewer__type {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 0; }

.SP-AnnotationViewer__close {
  cursor: pointer;
  margin: 0.5em;
  color: #888888;
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  padding: 0;
  border: none;
  background: none; }

/* stylelint-disable-next-line selector-max-type */
.SP-AnnotationViewer__content a {
  color: inherit; }

@media print {
  .SP-Annotations {
    display: block; } }

.SP-Footer {
  background: #874D22;
  min-height: 375px;
  font-family: Montserrat, sans-serif;
  color: #FFFFFF; }

.SP-Footer__content {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  padding-top: 3.25rem;
  width: 100%; }

/* stylelint-disable declaration-no-important */
.SP-Footer__content__item {
  margin-bottom: 1rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 1px solid #FFFFFF; }

/* stylelint-enable declaration-no-important */
.SP-Footer__content.SP-Grid--debug {
  min-height: auto; }

.SP-Footer__bar {
  background: #000000;
  min-height: 100px; }

.SP-Footer__content__logo,
.SP-Footer__content__text,
.SP-Footer__content__linkList {
  width: 100%; }

.SP-Headline--paragraph--footer {
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 700;
  color: #FFFFFF;
  margin-top: 0;
  margin-bottom: 1em; }
  @media (min-width: 60rem) {
    .SP-Headline--paragraph--footer {
      margin-bottom: 1.25em; } }

.SP-Text--footer .SP-Paragraph, .SP-Text--footer .SP-Annotation {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300; }

.SP-Link--footer {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 1rem;
  letter-spacing: 0.5px;
  line-height: 1.63;
  /* Line-Height mit Mindestens die Icon-Size sein */
  margin-bottom: 0.69em;
  transform: translateY(-0.32em);
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */ }
  .SP-Link--footer:hover {
    color: #FFFFFF;
    text-decoration: underline; }
  .SP-Link--footer .SP-Link__icon {
    width: 1.63em !important;
    height: 1.63em !important;
    top: 0; }

@media (min-width: 30rem) and (max-width: 60rem) {
  .SP-Footer__content__logo {
    width: calc((1.58rem + (100% - 3.95rem) / 6 * 3));
    margin-right: 0.79rem; }
  .SP-Footer__content__text {
    width: calc((1.58rem + (100% - 3.95rem) / 6 * 3)); }
  .SP-Footer__content__linkList {
    width: calc((1.58rem + (100% - 3.95rem) / 6 * 3)); }
    .SP-Footer__content__linkList:not(:last-child) {
      margin-right: 0.79rem; }
    .SP-Footer__content__linkList:nth-child(2n) {
      margin-right: 0; } }

@media (min-width: 60rem) {
  .SP-Footer__content__item {
    border-bottom: 0; } }

@media (min-width: 60rem) and (max-width: 75rem) {
  .SP-Footer__content__logo {
    width: calc((4.71rem + (100% - 17.27rem) / 12 * 4));
    margin-right: 1.57rem; }
  .SP-Footer__content__text {
    width: calc((10.99rem + (100% - 17.27rem) / 12 * 8)); }
  .SP-Footer__content__text:nth-child(2):nth-last-child(2) {
    width: calc((4.71rem + (100% - 17.27rem) / 12 * 4));
    margin-right: 1.57rem; }
  .SP-Footer__content__linkList {
    width: calc((4.71rem + (100% - 17.27rem) / 12 * 4)); }
    .SP-Footer__content__linkList:not(:last-child) {
      margin-right: 1.57rem; } }

@media (min-width: 75rem) {
  .SP-Footer__content__logo {
    width: calc((3.14rem + (100% - 17.27rem) / 12 * 3));
    margin-right: 1.57rem; }
  .SP-Footer__content__text {
    width: calc((3.14rem + (100% - 17.27rem) / 12 * 3));
    margin-right: 1.57rem; }
  .SP-Footer__content__linkList {
    width: calc((1.57rem + (100% - 17.27rem) / 12 * 2)); }
    .SP-Footer__content__linkList:not(:last-child) {
      margin-right: 1.57rem; }
  .SP-Footer__content__linkList:nth-child(3):nth-last-child(2),
  .SP-Footer__content__linkList:nth-child(4):nth-last-child(1) {
    width: calc((3.14rem + (100% - 17.27rem) / 12 * 3)); }
  .SP-Footer__content__linkList:nth-child(3):nth-last-child(1) {
    width: calc((7.85rem + (100% - 17.27rem) / 12 * 6)); } }

@media (min-width: 30rem) {
  .SP-Logo--footer {
    max-width: 250px; } }

.SP-Footer__copyright,
.SP-SocialLinks__header {
  font-size: 1rem;
  line-height: 1.19;
  font-weight: 300; }

.SP-Footer__copyright,
.SP-Footer__social {
  margin: 1rem 0; }

.SP-SocialLinks__header {
  margin-right: 2.19rem; }

.SP-Footer__bar__content {
  display: flex;
  min-height: 100px;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  @media (min-width: 60rem) {
    .SP-Footer__bar__content {
      flex-direction: row;
      justify-content: space-between; } }

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

.SP-SocialLinks__links {
  display: inline-flex; }

.SP-SocialLinks__link {
  width: 2.38rem;
  height: 2.38rem;
  margin-right: 1.25rem;
  color: #FFFFFF; }
  .SP-SocialLinks__link:last-child {
    margin-right: 0; }

/*
.SP-Footer__links {
	background: get-color(black);
	height: 100px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

.SP-Footer__links__item {
	padding: 0 0.5em;
}

.SP-Footer__stage {
	background: get-color(main);
	min-height: 375px;
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	justify-content: center;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.SP-SocialLinks__header {
	font-family: $accent;
	font-weight: $accent-regular;
	font-size: 16px;
	text-transform: uppercase;
	color: get-color(white);
	line-height: factor(24px, 16px);
	margin-top: 0;
	margin-bottom: rem(20px);
}

.SP-Footer__content {
	display: flex;
	flex-direction: column;
	max-width: 1200px;
	flex-grow: 1;
}

.SP-SocialLinks__links {
	display: flex;
}

.SP-Footer__text {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.SP-SocialLinks {
	flex-grow: 1;
	margin-top: 1rem;
}

.SP-SocialLinks__link {
	width: rem(38px);
	height: rem(38px);
	margin-right: rem(20px);

	&:last-child {
		margin-right: 0
	}
}

.SP-Logo--footer {
	max-width: 250px;
}

@include breakpoint(get-breakpoint(md)) {
	.SP-Footer__text {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.SP-SocialLinks {
		flex-grow: 0;
		margin-top: 0;
	}
	.SP-SocialLinks__header {
		text-align: center;
	}
	.SP-SocialLinks__links {
		justify-content: center;
	}
	.SP-Footer__content {
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.SP-Footer__text {
		margin-bottom: 0;
		margin-top: 0;
	}
	.SP-Footer__links {
		justify-content: center;
	}
}
@include breakpoint(get-breakpoint(lg)) {
	.SP-Footer__links__item {
		margin-left: 2rem;
		margin-right: 2rem;
	}
}
*/
/*
 * Variante Übersetzungs-Lightbox
 */
.SP-TranslateList__list {
  padding-top: 2.66667em;
  padding-bottom: 2.66667em;
  text-align: center; }

.SP-Translate__notification {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5; }

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

.SP-TranslateList__button {
  min-width: min(100%, 16.25rem);
  max-width: 100%;
  padding-left: 0.84375rem;
  padding-right: 0.84375rem; }

@media (min-width: 40rem) {
  .SP-TranslateList__list {
    columns: 2;
    column-gap: 1.57rem;
    margin-left: auto;
    margin-right: auto;
    max-width: min(100%, calc(2 * 16.25em + 1.57rem)); } }

/*
 * Helper
 */
.SP-DataProtection {
  clear: both;
  margin-bottom: 3.13rem; }

.SP-Collapsible__trigger {
  position: relative; }
  .SP-Collapsible.SP-isEnabled .SP-Collapsible__trigger {
    cursor: pointer; }

.SP-Collapsible__content {
  overflow: hidden; }

.js .SP-Collapsible__content,
.SP-Collapsible__content:not([aria-hidden='false']) {
  display: none; }

.SP-Collapsible__icon {
  transition: transform 0.1s ease-out; }

.SP-Collapsible__trigger[aria-expanded='false'] .SP-Collapsible__icon {
  transform: rotate(0deg); }

.SP-Collapsible__trigger[aria-expanded='true'] .SP-Collapsible__icon {
  transform: rotate(180deg); }

@media print {
  .SP-Collapsible__content {
    display: block;
    padding: 1em 0; }
  .SP-Collapsible__icon {
    display: none; } }

.SP-FixedSize {
  display: block; }

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

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

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

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

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

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

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

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

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

.SP-FixedSize__raiser--intro {
  padding-top: 62.5%; }

@media (min-width: 40rem) {
  .SP-FixedSize__raiser--intro {
    padding-top: 58.5%; } }

@media (min-width: 60rem) {
  .SP-FixedSize__raiser--intro {
    padding-top: 57.5%; } }

@media (min-width: 75rem) {
  .SP-FixedSize__raiser--intro {
    padding-top: 730px; } }

.SP-FixedSize__raiser--card-1x1 {
  padding-top: 100%; }

.SP-FixedSize__raiser--card-2x1 {
  padding-top: 100%; }

@media (min-width: 40rem) {
  .SP-FixedSize__raiser--card-2x1 {
    padding-top: calc(50% - 10px); } }

.SP-FixedSize__raiser--card-1x2 {
  padding-top: 100%; }

@media (min-width: 40rem) {
  .SP-FixedSize__raiser--card-1x2 {
    padding-top: calc(200% + 20px); } }

.SP-FixedSize__raiser--teaser {
  padding-top: 67.10526316%; }

.SP-FixedSize__raiser--illustration {
  padding-top: 38.19444444%; }

/**
 * Allg. Lightbox
 */
.SP-Lightbox {
  display: flex;
  flex-direction: column;
  left: 50%;
  max-height: 90vh;
  max-width: 61.25rem;
  overflow-y: hidden;
  position: absolute;
  transform: translate(-50%, 0);
  width: 90vw; }
  .SP-Lightbox:not(.SP-Lightbox--contextFree) {
    top: -45vh; }

.SP-Lightbox__title {
  display: flex; }

.SP-Lightbox__label {
  flex: 1 1; }

.SP-Lightbox__close {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

.SP-Lightbox__content {
  overflow-y: auto; }

/**
 * Lightbox mit Optionen
 */
.SP-Lightbox--options {
  max-width: 22.5rem; }

/**
 * Lightbox mit Suchschlitz
 */
.SP-Lightbox--search {
  top: -16vh; }

.SP-Lightbox {
  background-color: #FFFFFF;
  font-family: Montserrat, sans-serif; }

.SP-Lightbox__title {
  background-color: #874D22;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
  font-size: 1.25rem;
  line-height: 1.25;
  padding: 1rem 3rem 1rem 1rem;
  position: relative; }
  .SP-Lightbox__title.SP-Iconized--left {
    padding-left: 3em; }

.SP-Lightbox__title .SP-Lightbox__title__icon {
  font-size: 2rem;
  left: 1rem !important;
  /* stylelint-disable-line declaration-no-important */
  top: 0.75rem !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Lightbox__label {
  overflow: hidden;
  text-overflow: ellipsis; }

.SP-Lightbox__close {
  height: 3rem;
  width: 3rem;
  color: #FFFFFF;
  position: absolute;
  top: 50%; }

.SP-Lightbox__close__icon {
  fill: #FFFFFF;
  stroke: #FFFFFF;
  height: 3rem !important;
  /* stylelint-disable-line declaration-no-important */
  width: 3rem !important;
  /* stylelint-disable-line declaration-no-important */ }

.SP-Lightbox__content {
  padding: 1rem; }
  .SP-Lightbox__content .SP-Section:last-child {
    margin-bottom: 0; }

@media print {
  .SP-Lightbox {
    display: none !important;
    /* stylelint-disable-line declaration-no-important */ } }

/**
 * Such-Lightbox
 */
.SP-Lightbox--search.SP-QuickSearch {
  max-width: 41.88rem;
  overflow: visible;
  width: calc(100% - 2.5rem);
  top: -16vh; }
  @media (min-width: 40rem) {
    .SP-Lightbox--search.SP-QuickSearch {
      width: calc(100% - 5rem); } }

.SP-Lightbox--dataProtection .SP-Lightbox__content {
  padding: 3rem; }

.SP-OffCanvas {
  overflow-x: hidden;
  position: relative;
  min-height: 100vh; }

.SP-OffCanvas.SP-isVisible .SP-OffCanvas__sidebar {
  transform: translateX(-100%); }

.SP-OffCanvas__trigger {
  color: #FFFFFF; }

.SP-OffCanvas__main {
  padding-top: 60px; }
  @media screen {
    .SP-OffCanvas__main {
      display: flex;
      flex-direction: column;
      min-height: 100vh; } }

/* stylelint-disable-next-line selector-max-type */
@media (min-width: 40rem) {
  html:not(.SP-hasCrossedScrollThreshold) .SP-OffCanvas__main {
    padding-top: 200px; } }

.SP-OffCanvas__main__body {
  flex-grow: 1; }

.SP-OffCanvas__sidebar {
  width: 500px;
  max-width: 100vw;
  position: fixed;
  left: 100%;
  height: 100%;
  max-height: 100vh;
  top: 0;
  transition: transform 0.6s ease;
  background: #353943;
  color: #FFFFFF;
  z-index: 3; }

.SP-OffCanvasSidebar {
  display: flex;
  flex-direction: column;
  -webkit-font-smoothing: antialiased; }

.SP-OffCanvasSidebar__header {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  padding: 0 15px; }

.SP-OffCanvasSidebar__content {
  flex-grow: 1;
  flex-shrink: 1;
  position: relative; }

/* stylelint-disable selector-max-type */
@media (min-width: 40rem) {
  html:not(.SP-hasCrossedScrollThreshold) .SP-OffCanvasSidebar__header {
    height: 160px;
    padding: 0 40px; }
  html:not(.SP-hasCrossedScrollThreshold) .SP-OffCanvasSidebar {
    padding-top: 40px; } }

/* stylelint-enable selector-max-type */
/* 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; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/slick/slick.eot");
  src: url("/WEB-IES/wiesbaden-module/2.47.0/fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("/WEB-IES/wiesbaden-module/2.47.0/fonts/slick/slick.woff") format("woff"), url("/WEB-IES/wiesbaden-module/2.47.0/fonts/slick/slick.ttf") format("truetype"), url("/WEB-IES/wiesbaden-module/2.47.0/fonts/slick/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/**
  Slider
*/
.slick-loading .slick-list {
  background: #fff url("/WEB-IES/wiesbaden-module/2.47.0/images/slick/ajax-loader.gif") center center no-repeat; }

/*=================================
  Previous and Next icon buttons
==================================*/
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  border: none;
  transform: translate(0, -50%); }
  .slick-prev:hover .slick-prev-icon,
  .slick-prev:hover .slick-next-icon, .slick-prev:focus .slick-prev-icon,
  .slick-prev:focus .slick-next-icon,
  .slick-next:hover .slick-prev-icon,
  .slick-next:hover .slick-next-icon,
  .slick-next:focus .slick-prev-icon,
  .slick-next:focus .slick-next-icon {
    opacity: 1; }
  .slick-prev:focus,
  .slick-next:focus {
    top: calc(50% - 1px); }
    .slick-prev:focus .slick-prev-icon,
    .slick-prev:focus .slick-next-icon,
    .slick-next:focus .slick-prev-icon,
    .slick-next:focus .slick-next-icon {
      color: orange;
      font-size: 28px;
      margin-left: -2px; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    cursor: default; }
    .slick-prev.slick-disabled .slick-prev-icon,
    .slick-prev.slick-disabled .slick-next-icon,
    .slick-next.slick-disabled .slick-prev-icon,
    .slick-next.slick-disabled .slick-next-icon {
      opacity: 0.25; }
  .slick-prev .slick-prev-icon,
  .slick-prev .slick-next-icon,
  .slick-next .slick-prev-icon,
  .slick-next .slick-next-icon {
    display: block;
    color: black;
    opacity: 0.75;
    font-family: "slick";
    font-size: 24px;
    line-height: 1; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev .slick-prev-icon:before {
    content: "←"; }
    [dir="rtl"] .slick-prev .slick-prev-icon:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next .slick-next-icon:before {
    content: "→"; }
    [dir="rtl"] .slick-next .slick-next-icon:before {
      content: "←"; }

/*==========================
  Slide navigation dots
===========================*/
.slick-slider {
  margin-bottom: 30px; }
  .slick-slider.slick-dotted {
    margin-bottom: 60px; }

.slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  list-style: none;
  text-align: center; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0; }
    .slick-dots li button {
      display: block;
      height: 20px;
      width: 20px;
      margin-top: -4px;
      margin-left: -4px;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      border: 0;
      background: transparent;
      cursor: pointer; }
      .slick-dots li button:hover .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon {
        opacity: 1; }
      .slick-dots li button:focus .slick-dot-icon:before {
        color: orange; }
      .slick-dots li button .slick-dot-icon {
        color: #949494;
        opacity: 0.25; }
        .slick-dots li button .slick-dot-icon:before {
          position: absolute;
          top: 0;
          left: 0;
          content: "•";
          font-family: "slick";
          font-size: 0.88rem;
          line-height: 1;
          text-align: center;
          transition: all .05s linear; }
    .slick-dots li.slick-active button:focus .slick-dot-icon {
      color: orange;
      opacity: 1; }
    .slick-dots li.slick-active button .slick-dot-icon {
      color: #000000;
      opacity: 1; }
      .slick-dots li.slick-active button .slick-dot-icon:before {
        margin-top: -3px;
        margin-left: -2px;
        font-size: 18px; }

/**
 Improved .sr-only class by ffoodd: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034
 */
.slick-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

/*===========================
  Pause/play icon button
============================*/
.slick-autoplay-toggle-button {
  position: absolute;
  left: 5px;
  bottom: -32px;
  z-index: 10;
  opacity: 0.75;
  background: none;
  border: 0;
  cursor: pointer;
  color: black; }
  .slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus {
    opacity: 1; }
  .slick-autoplay-toggle-button:focus {
    color: orange; }
  .slick-autoplay-toggle-button .slick-pause-icon:before {
    content: "⏸";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-align: center; }
  .slick-autoplay-toggle-button .slick-play-icon:before {
    content: "▶";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    text-align: center; }

/* stylelint-disable-next-line selector-max-type */
.slick-slide > div {
  line-height: 0;
  /* slick setzt die Slides auf inline-block */ }

.slick-slider {
  z-index: 1; }

.slick-arrow {
  cursor: pointer;
  position: absolute;
  text-indent: -200px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1001;
  border-color: transparent;
  background-color: #FFFFFF;
  opacity: 0.85;
  height: 60px;
  width: 60px;
  overflow: hidden;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  display: flex;
  padding: 10px;
  color: #353943; }
  .slick-arrow:hover {
    background-color: #874D22;
    color: #FFFFFF; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  transform: translateY(50%);
  /* stylelint-disable selector-max-type */
  /* stylelint-enable selector-max-type */ }
  .slick-dots button {
    min-height: 3rem;
    min-width: 3rem;
    transition: color 0.3s ease-out; }
  .slick-dots li {
    margin: -0.38rem;
    /* stylelint-disable-next-line selector-no-qualifying-type */ }
    .slick-dots li button .slick-dot-icon {
      opacity: 1; }
    .slick-dots li button:hover .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon {
      color: #874D22; }
    .slick-dots li button .slick-dot-icon::before {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .slick-dots li button:focus .slick-dot-icon::before {
      font-size: 0.88rem;
      color: #874D22;
      margin: 0; }
    .slick-dots li.slick-active button .slick-dot-icon::before {
      font-size: 0.88rem;
      color: #000000;
      margin: 0; }

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

.SP-isLazyloaded {
  transition: opacity 0.3s ease-out;
  opacity: 1; }

@media screen and (prefers-reduced-motion: reduce) {
  .SP-isLazyloaded {
    translate: unset; } }

/* 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/wiesbaden-module/2.47.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/wiesbaden-module/2.47.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/wiesbaden-module/2.47.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; } }

/* 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; } }