@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, select {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1;
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

@font-face {
  font-family: LibreCaslon;
  src: url("../fonts/Libre_Caslon_Text/LibreCaslonText-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: LibreCaslon;
  src: url("../fonts/Libre_Caslon_Text/LibreCaslonText-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: LibreCaslon;
  src: url("../fonts/Libre_Caslon_Text/LibreCaslonText-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: Fira;
  src: url("../fonts/Fira_Sans/FiraSans-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: Fira;
  src: url("../fonts/Fira_Sans/FiraSans-Bold.ttf");
  font-weight: bold;
}
@font-face {
  font-family: Fira;
  src: url("../fonts/Fira_Sans/FiraSans-Italic.ttf");
  font-style: italic;
}
@font-face {
  font-family: Fira;
  src: url("../fonts/Fira_Sans/FiraSans-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
/*******************************************/
/*
/*  Mixins
*/
.shadow-inset {
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25);
}

:root {
  --c-copy: #242424;
  --c-corporate: #8c7ae6;
  --c-head: var(--c-corporate);
  --c-bg: #EBE3E0;
  --c-gelb: #EFC941;
  --c-gruen: #6FAB5B;
  --c-rot: #D1625B;
  --c-blau: #28587B;
  --c-weiss: #ffffff;
  --ff-copy: Fira,sans-serif;
  --ff-head: LibreCaslon,serif;
  --ff-fixed: sans-serif;
  --fs-small: 0.875rem;
  --fs-copy: 1.1875rem;
  --fs-large: 1.1875em;
  --fs-hl-small: 1.5rem;
  --fs-hl-medium: 2rem;
  --fs-hl-large: 2.9375rem;
  --max-width: calc(100% - 4rem);
  --width-margin: 2rem;
  --article-width: var(--max-width);
  --m-vert: 89px;
  --m-vert-slim: 45px;
  --gap: 1.25rem;
  --m-vert-2x: calc(2 * var(--m-vert));
  --gap-2x: calc(2 * var(--gap));
  --gap-3x: calc(3 * var(--gap));
  --gap-4x: calc(4 * var(--gap));
  --gap-6x: calc(6 * var(--gap));
  --radius: 1.25rem;
  --radius-small: 0.3125rem;
  --shadow: 0px 20px 40px 30px rgba(0, 0, 0, 0.10);
  --shadow-flat: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1280px) {
  :root {
    --max-width: 1184px;
    --width-margin: calc(50% - var(--max-width) * 0.5);
    --width-margin-vw: calc(50vw - var(--max-width) * 0.5);
  }
}
@media (min-width: 1024px) {
  :root {
    --article-width: 960px;
  }
}

div.gap {
  width: var(--gap);
}

div.gap2x {
  width: var(--gap-2x);
}

div.m-vert {
  width: var(--m-vert);
}

div.m-vert-slim {
  width: var(--m-vert-slim);
}

div.width-margin {
  width: var(--width-margin);
}

div.article-width {
  width: var(--article-margin);
}

.ty,
.typography,
article,
.content {
  color: var(--c-copy);
}
.ty b,
.ty strong,
.typography b,
article b,
.content b,
.typography strong,
article strong,
.content strong {
  font-weight: bold;
}
.ty i,
.ty em,
.typography i,
article i,
.content i,
.typography em,
article em,
.content em {
  font-style: italic;
}
.ty blockquote,
.ty pre,
.typography blockquote,
article blockquote,
.content blockquote,
.typography pre,
article pre,
.content pre {
  padding: 1rem 0;
}
.ty .wp-block-quote,
.ty blockquote,
.typography .wp-block-quote,
article .wp-block-quote,
.content .wp-block-quote,
.typography blockquote,
article blockquote,
.content blockquote {
  padding: 0;
  font-size: 1.2em;
  margin: 2em initial;
  border: none;
}
.ty .wp-block-quote p:last-child,
.ty blockquote p:last-child,
.typography .wp-block-quote p:last-child,
article .wp-block-quote p:last-child,
.content .wp-block-quote p:last-child,
.typography blockquote p:last-child,
article blockquote p:last-child,
.content blockquote p:last-child {
  margin-bottom: 0;
}
.ty pre,
.typography pre,
article pre,
.content pre {
  font-family: var(--ff-fixed);
  line-height: 1.5;
  background: black;
  color: white;
}
.ty dd,
.ty dt,
.ty ul,
.ty ol,
.ty p,
.typography dd,
article dd,
.content dd,
.typography dt,
article dt,
.content dt,
.typography ul,
article ul,
.content ul,
.typography ol,
article ol,
.content ol,
.typography p,
article p,
.content p {
  margin: 0 0 1em 0;
  line-height: 1.7;
}
.ty .small,
.typography .small,
article .small,
.content .small {
  font-size: 0.75em;
}
.ty .is-style-abstract,
.ty .abstract,
.typography .is-style-abstract,
article .is-style-abstract,
.content .is-style-abstract,
.typography .abstract,
article .abstract,
.content .abstract {
  font-size: var(--fs-large);
}
.ty p:last-child,
.typography p:last-child,
article p:last-child,
.content p:last-child {
  margin-bottom: 0;
}
.ty ul:not(:first-child),
.typography ul:not(:first-child),
article ul:not(:first-child),
.content ul:not(:first-child) {
  margin-top: var(--gap-2x);
}
.ty ul:not(:last-child),
.typography ul:not(:last-child),
article ul:not(:last-child),
.content ul:not(:last-child) {
  margin-bottom: var(--gap-2x);
}
.ty ul li.wp-block-list-item,
.ty ul li:not([class]),
.typography ul li.wp-block-list-item,
article ul li.wp-block-list-item,
.content ul li.wp-block-list-item,
.typography ul li:not([class]),
article ul li:not([class]),
.content ul li:not([class]) {
  padding-left: 1.24em;
  margin-left: 0;
  background: url("../images/Bullet.svg") no-repeat 0 6px;
}
.ty ul li.wp-block-list-item:not(:first-child),
.ty ul li:not([class]):not(:first-child),
.typography ul li.wp-block-list-item:not(:first-child),
article ul li.wp-block-list-item:not(:first-child),
.content ul li.wp-block-list-item:not(:first-child),
.typography ul li:not([class]):not(:first-child),
article ul li:not([class]):not(:first-child),
.content ul li:not([class]):not(:first-child) {
  margin-top: 1em;
}
.ty ul ul,
.typography ul ul,
article ul ul,
.content ul ul {
  margin-left: 1em;
}
.ty ul li,
.typography ul li,
article ul li,
.content ul li {
  list-style-type: none;
}
.ty ol li,
.typography ol li,
article ol li,
.content ol li {
  list-style-type: decimal;
  margin-left: 1em;
  margin-bottom: 1em;
}
.ty ul,
.ty ol,
.typography ul,
article ul,
.content ul,
.typography ol,
article ol,
.content ol {
  margin: 1em 0;
  line-height: 1.4;
}
.ty caption,
.ty .is-style-h1,
.ty .is-style-h2,
.ty .is-style-h3,
.ty .h1,
.ty h1,
.ty h2,
.ty h3,
.ty h4,
.ty h5,
.typography caption,
article caption,
.content caption,
.typography .is-style-h1,
article .is-style-h1,
.content .is-style-h1,
.typography .is-style-h2,
article .is-style-h2,
.content .is-style-h2,
.typography .is-style-h3,
article .is-style-h3,
.content .is-style-h3,
.typography .h1,
article .h1,
.content .h1,
.typography h1,
article h1,
.content h1,
.typography h2,
article h2,
.content h2,
.typography h3,
article h3,
.content h3,
.typography h4,
article h4,
.content h4,
.typography h5,
article h5,
.content h5 {
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.4;
  font-family: var(--ff-head);
}
.ty caption a,
.ty .is-style-h1 a,
.ty .is-style-h2 a,
.ty .is-style-h3 a,
.ty .h1 a,
.ty h1 a,
.ty h2 a,
.ty h3 a,
.ty h4 a,
.ty h5 a,
.typography caption a,
article caption a,
.content caption a,
.typography .is-style-h1 a,
article .is-style-h1 a,
.content .is-style-h1 a,
.typography .is-style-h2 a,
article .is-style-h2 a,
.content .is-style-h2 a,
.typography .is-style-h3 a,
article .is-style-h3 a,
.content .is-style-h3 a,
.typography .h1 a,
article .h1 a,
.content .h1 a,
.typography h1 a,
article h1 a,
.content h1 a,
.typography h2 a,
article h2 a,
.content h2 a,
.typography h3 a,
article h3 a,
.content h3 a,
.typography h4 a,
article h4 a,
.content h4 a,
.typography h5 a,
article h5 a,
.content h5 a {
  text-decoration: none;
  color: var(--c-copy);
}
.ty caption a:hover,
.ty .is-style-h1 a:hover,
.ty .is-style-h2 a:hover,
.ty .is-style-h3 a:hover,
.ty .h1 a:hover,
.ty h1 a:hover,
.ty h2 a:hover,
.ty h3 a:hover,
.ty h4 a:hover,
.ty h5 a:hover,
.typography caption a:hover,
article caption a:hover,
.content caption a:hover,
.typography .is-style-h1 a:hover,
article .is-style-h1 a:hover,
.content .is-style-h1 a:hover,
.typography .is-style-h2 a:hover,
article .is-style-h2 a:hover,
.content .is-style-h2 a:hover,
.typography .is-style-h3 a:hover,
article .is-style-h3 a:hover,
.content .is-style-h3 a:hover,
.typography .h1 a:hover,
article .h1 a:hover,
.content .h1 a:hover,
.typography h1 a:hover,
article h1 a:hover,
.content h1 a:hover,
.typography h2 a:hover,
article h2 a:hover,
.content h2 a:hover,
.typography h3 a:hover,
article h3 a:hover,
.content h3 a:hover,
.typography h4 a:hover,
article h4 a:hover,
.content h4 a:hover,
.typography h5 a:hover,
article h5 a:hover,
.content h5 a:hover {
  color: black;
}
.ty caption:first-child,
.ty .is-style-h1:first-child,
.ty .is-style-h2:first-child,
.ty .is-style-h3:first-child,
.ty .h1:first-child,
.ty h1:first-child,
.ty h2:first-child,
.ty h3:first-child,
.ty h4:first-child,
.ty h5:first-child,
.typography caption:first-child,
article caption:first-child,
.content caption:first-child,
.typography .is-style-h1:first-child,
article .is-style-h1:first-child,
.content .is-style-h1:first-child,
.typography .is-style-h2:first-child,
article .is-style-h2:first-child,
.content .is-style-h2:first-child,
.typography .is-style-h3:first-child,
article .is-style-h3:first-child,
.content .is-style-h3:first-child,
.typography .h1:first-child,
article .h1:first-child,
.content .h1:first-child,
.typography h1:first-child,
article h1:first-child,
.content h1:first-child,
.typography h2:first-child,
article h2:first-child,
.content h2:first-child,
.typography h3:first-child,
article h3:first-child,
.content h3:first-child,
.typography h4:first-child,
article h4:first-child,
.content h4:first-child,
.typography h5:first-child,
article h5:first-child,
.content h5:first-child {
  margin-top: 0;
}
.ty .h1, .ty h1,
.typography .h1,
article .h1,
.content .h1,
.typography h1,
article h1,
.content h1 {
  font-family: var(--ff-head);
  font-size: var(--fs-hl-large);
}
.ty .is-style-h2,
.ty .h2,
.ty h2,
.typography .is-style-h2,
article .is-style-h2,
.content .is-style-h2,
.typography .h2,
article .h2,
.content .h2,
.typography h2,
article h2,
.content h2 {
  font-size: var(--fs-hl-medium);
  font-weight: bold;
  font-family: var(--ff-copy);
}
.ty .is-style-h3,
.ty .h3,
.ty caption,
.ty h3,
.typography .is-style-h3,
article .is-style-h3,
.content .is-style-h3,
.typography .h3,
article .h3,
.content .h3,
.typography caption,
article caption,
.content caption,
.typography h3,
article h3,
.content h3 {
  font-size: 1.3em;
}
@media (min-width: 560px) {
  .ty .is-style-h3,
  .ty .h3,
  .ty caption,
  .ty h3,
  .typography .is-style-h3,
  article .is-style-h3,
  .content .is-style-h3,
  .typography .h3,
  article .h3,
  .content .h3,
  .typography caption,
  article caption,
  .content caption,
  .typography h3,
  article h3,
  .content h3 {
    font-size: 1.5em;
  }
}
.ty .h4,
.ty h4,
.ty h5,
.typography .h4,
article .h4,
.content .h4,
.typography h4,
article h4,
.content h4,
.typography h5,
article h5,
.content h5 {
  font-family: var(--ff-head);
  font-size: 1em;
}
.ty h1 + *,
.ty h2 + *,
.ty h3 + *,
.ty .coltop + h1,
.ty .coltop + h2,
.ty .coltop + h3,
.ty .coltop + h4,
.ty .coltop + h5,
.ty a[name=copytop] + h1,
.ty a[name=copytop] + h2,
.ty a[name=copytop] + h3,
.ty a[name=copytop] + h4,
.ty a[name=copytop] + h5,
.typography h1 + *,
article h1 + *,
.content h1 + *,
.typography h2 + *,
article h2 + *,
.content h2 + *,
.typography h3 + *,
article h3 + *,
.content h3 + *,
.typography .coltop + h1,
article .coltop + h1,
.content .coltop + h1,
.typography .coltop + h2,
article .coltop + h2,
.content .coltop + h2,
.typography .coltop + h3,
article .coltop + h3,
.content .coltop + h3,
.typography .coltop + h4,
article .coltop + h4,
.content .coltop + h4,
.typography .coltop + h5,
article .coltop + h5,
.content .coltop + h5,
.typography a[name=copytop] + h1,
article a[name=copytop] + h1,
.content a[name=copytop] + h1,
.typography a[name=copytop] + h2,
article a[name=copytop] + h2,
.content a[name=copytop] + h2,
.typography a[name=copytop] + h3,
article a[name=copytop] + h3,
.content a[name=copytop] + h3,
.typography a[name=copytop] + h4,
article a[name=copytop] + h4,
.content a[name=copytop] + h4,
.typography a[name=copytop] + h5,
article a[name=copytop] + h5,
.content a[name=copytop] + h5 {
  margin-top: 0;
}
.ty a:not([class]),
.typography a:not([class]),
article a:not([class]),
.content a:not([class]) {
  color: var(--c-rot);
}
.ty a:not([class]):hover,
.typography a:not([class]):hover,
article a:not([class]):hover,
.content a:not([class]):hover {
  color: var(--c-gruen);
}
.ty a:not([class]):hover:active,
.typography a:not([class]):hover:active,
article a:not([class]):hover:active,
.content a:not([class]):hover:active {
  color: var(--c-rot);
}
.ty .wp-caption p,
.typography .wp-caption p,
article .wp-caption p,
.content .wp-caption p {
  font-size: 0.8em;
  margin: 0.5em 0 1em 0;
}

html {
  zoom: 100%;
  box-sizing: border-box;
}
html * {
  box-sizing: border-box;
}

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

body {
  font-family: var(--ff-copy);
  font-size: var(--fs-copy);
  -webkit-font-smoothing: antialiased;
  color: var(--c-copy);
}

.wrap {
  overflow: hidden;
  width: var(--max-width);
  margin: 0 auto;
  position: relative;
}

#wrapall {
  margin: 0 auto;
}

header#header {
  padding: var(--m-vert-slim) 0;
}
header#header a {
  text-decoration: none;
  color: var(--ff-copy);
}
header#header a img {
  max-width: 550px;
}
header#header > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-left: var(--width-margin);
}
header#header > div.nav {
  justify-content: flex-end;
}
header#header > div.head {
  padding-right: calc(var(--width-margin-vw) - 30px);
}
header#header nav > ul {
  display: flex;
  justify-content: flex-end;
}
header#header nav > ul > li {
  position: relative;
}
header#header nav > ul > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  background: rgba(255, 255, 255, 0.72);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
header#header nav > ul > li > ul > li {
  padding: 2px;
}
header#header nav > ul > li > ul > li > a {
  display: block;
  white-space: nowrap;
  padding: 15px 30px;
}
header#header nav > ul > li > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.86);
}
header#header nav > ul > li:hover > ul {
  display: block;
}
header#header nav.secondary {
  position: relative;
  z-index: 1989;
}
header#header nav.secondary > ul > li > a {
  display: block;
  padding: 15px;
}
header#header nav.main {
  position: relative;
  z-index: 1986;
  transform: translateY(50%);
}
header#header nav.main > ul {
  background: var(--c-gruen);
  padding-right: calc(var(--width-margin-vw) - 30px);
}
header#header nav.main > ul > li > a {
  display: block;
  padding: 15px 30px;
  font-weight: bold;
  color: white;
}
header#header nav.main > ul > li > a:hover {
  background: rgba(255, 255, 255, 0.24);
}
header#header #mobile_menu {
  position: fixed;
  background-color: white;
  z-index: 2086;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: var(--gap-3x);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4em;
  transform: translateY(-100%);
  transition: transform 800ms;
}
@media (min-width: 768px) {
  header#header #mobile_menu {
    display: none;
  }
}
header#header #mobile_menu.open {
  transition: transform 800ms;
  transform: translateY(0);
}
header#header #mobile_menu > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
header#header #mobile_menu > div > div > ul > li, header#header #mobile_menu > div > ul > li {
  margin: 1em 0;
}
header#header #mobile_menu > div > div > ul > li.kontakt, header#header #mobile_menu > div > div > ul > li.contact, header#header #mobile_menu > div > ul > li.kontakt, header#header #mobile_menu > div > ul > li.contact {
  font-weight: bold;
}
header#header #mobile_menu > div .footer {
  font-size: 0.86em;
}
header#header #trigger {
  cursor: pointer;
  position: fixed;
  right: var(--gap);
  top: var(--gap);
  z-index: 2089;
  width: 36px;
  height: 26px;
}
header#header #trigger > span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: black;
  position: absolute;
  left: 0;
}
header#header #trigger > span.ff1 {
  top: 0;
}
header#header #trigger > span.ff2 {
  top: 50%;
  transform: translateY(-1px);
}
header#header #trigger > span.ff3 {
  bottom: 0;
}
header#header #trigger.open > span.ff1 {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
header#header #trigger.open > span.ff2 {
  opacity: 0;
}
header#header #trigger.open > span.ff3 {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

.content ._brlbs-switch-consent, .content > .wp-block-columns, .content > .wrapThis, .content > .wp-block-buttons, .content > .wp-block-sf-accordion, .content > div.wp-block-group, .content > ul, .content > ol, .content > blockquote, .content > form, .content > p, .content > dd, .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > figure {
  max-width: var(--article-width);
  margin-left: auto;
  margin-right: auto;
}
.content > ul {
  margin-top: 2em;
  margin-bottom: 2em;
}
.content h2 + ul {
  margin-top: 1em;
}
.content > h1:first-child {
  font-weight: bold;
  margin-top: var(--m-vert);
}
.content:last-child:not(.wp-block-group) {
  margin-bottom: var(--m-vert);
}
.content > .wp-block-columns, .content > .wp-block-group {
  margin-left: auto;
  margin-right: auto;
}
.content li {
  background: none;
  padding-left: 0;
}
.content .wp-block-columns {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.content .wp-block-group__inner-container .wp-block-columns {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.content .wp-block-df-block-df-abstract {
  margin-bottom: 3rem;
}
.content div.has-background {
  padding: var(--gap-2x);
}
.content div.has-background.wp-block-group {
  padding: var(--gap-2x) 0;
}
.content div.has-background.wp-block-group {
  padding: var(--gap-2x);
}
.content section.has-background {
  padding: var(--gap-4x);
}

article.date h1 span.date {
  display: block;
  font-size: var(--fs-hl-medium);
  font-family: var(--ff-copy);
  font-weight: bold;
}

.wp-block-sf-hero {
  padding: var(--m-vert-slim) var(--width-margin);
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .wp-block-sf-hero {
    flex-direction: column-rever;
    align-items: center;
  }
}
.wp-block-sf-hero > div {
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .wp-block-sf-hero > div {
    width: 50%;
  }
}
.wp-block-sf-hero > div.swiper {
  padding-bottom: var(--gap);
}
@media (min-width: 1024px) {
  .wp-block-sf-hero > div.swiper {
    padding-right: var(--m-vert-slim);
  }
}
.wp-block-sf-hero > div.swiper p.link {
  margin-top: var(--m-vert-slim);
}
.wp-block-sf-hero > div .swiper-nav {
  z-index: 2086;
  position: absolute;
  right: var(--m-vert-slim);
  bottom: var(--gap);
}
.wp-block-sf-hero .swiper-container {
  overflow: hidden;
}
.wp-block-sf-hero img {
  width: 100%;
}

.wp-block-sf-features {
  padding: var(--m-vert-slim) 0;
  margin: 0 calc(var(--width-margin) - 10px);
  position: relative;
}
.wp-block-sf-features .swiper-container {
  overflow: hidden;
  padding: 10px var(--gap) 0;
}
.wp-block-sf-features .swiper-wrapper {
  align-items: stretch;
}
.wp-block-sf-features .swiper-slide {
  height: auto;
}
.wp-block-sf-features .swiper-slide > a {
  display: block;
  height: 100%;
  border-radius: var(--radius-small);
  box-shadow: var(--shadow-flat);
  color: white !important;
  text-decoration: none;
}
.wp-block-sf-features .swiper-slide > a .image {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  background: var(--c-grau);
  overflow: hidden;
}
.wp-block-sf-features .swiper-slide > a .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease-in-out;
}
.wp-block-sf-features .swiper-slide > a .bottom {
  text-align: center;
  padding: var(--gap);
}
.wp-block-sf-features .swiper-slide > a .bottom h2 {
  margin: 0 0 0.5em 0;
}
.wp-block-sf-features .swiper-slide > a .bottom p {
  font-size: var(--fs-small);
}
.wp-block-sf-features .swiper-slide > a:hover img {
  transform: scale(1.05);
}
.wp-block-sf-features .prev,
.wp-block-sf-features .next {
  background: rgba(255, 255, 255, 0.5);
}
@media (min-width: 1024px) {
  .wp-block-sf-features .prev,
  .wp-block-sf-features .next {
    z-index: 2048;
    position: absolute;
    right: var(--gap);
    top: 50%;
    transform: translate(300%, -50%);
  }
  .wp-block-sf-features .prev.prev,
  .wp-block-sf-features .next.prev {
    right: auto;
    transform: translate(-300%, -50%);
    left: var(--gap);
  }
}

.tile a {
  display: block;
  background: var(--c-gruen);
  color: white !important;
  text-decoration: none;
  border-radius: var(--radius-small);
  overflow: hidden;
  box-shadow: var(--shadow-flat);
}
.tile a .image {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
}
.tile a .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.tile a .bottom {
  padding: var(--gap);
}
.tile a .bottom h3 {
  margin: 0;
}
.tile a .bottom p {
  font-size: var(--fs-small);
  margin: 0;
}
.tile a:hover img {
  transform: scale(1.05);
}

.wp-block-sf-termine .dates {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--gap);
}
@media screen and (min-width: 768px) {
  .wp-block-sf-termine .dates {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-sf-termine .dates {
    grid-template-columns: repeat(4, 1fr);
  }
}

.wp-block-sf-bild-text {
  margin: var(--m-vert-slim) var(--width-margin);
  display: grid;
  gap: var(--gap-4x);
  grid-template-columns: 1fr;
  grid-template-areas: "image" "text";
}
.wp-block-sf-bild-text:not(:last-child) {
  margin-bottom: var(--m-vert);
}
@media (min-width: 1024px) {
  .wp-block-sf-bild-text {
    grid-template-columns: 5fr 6fr;
    grid-template-areas: "image text";
  }
  .wp-block-sf-bild-text.reverse {
    grid-template-columns: 6fr 5fr;
    grid-template-areas: "text" "image";
  }
}
.wp-block-sf-bild-text .text {
  grid-area: text;
}
.wp-block-sf-bild-text .text .wp-block-lw-intro {
  text-align: left;
  align-items: flex-start;
}
.wp-block-sf-bild-text .text .wp-block-buttons:last-child {
  margin-top: var(--m-vert-slim);
}
.wp-block-sf-bild-text .bild img {
  box-shadow: var(--shadow-flat);
  width: 100%;
}

.df-blocks-upload-wrap {
  position: relative;
}
.df-blocks-upload-wrap .df-blocks-upload-button {
  cursor: pointer;
  position: absolute;
  color: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5em 1.5em;
  border: solid 1px white;
  border-radius: 8px;
}

.df-ui,
.df-upload {
  position: relative;
}
.df-ui .df-button,
.df-ui .df-upload-button,
.df-upload .df-button,
.df-upload .df-upload-button {
  font-family: sans-serif;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5em 1.5em 0.4em;
  border: solid 1px white !important;
  color: white !important;
  background-color: var(--c-corporate) !important;
  white-space: nowrap;
  font-size: 1rem;
  z-index: 2015;
  border-radius: 8px;
}
.df-ui .df-button.minus, .df-ui .df-button.plus,
.df-ui .df-upload-button.minus,
.df-ui .df-upload-button.plus,
.df-upload .df-button.minus,
.df-upload .df-button.plus,
.df-upload .df-upload-button.minus,
.df-upload .df-upload-button.plus {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.74846e-07" y1="16" x2="32" y2="16" stroke="white" stroke-width="4"/> <line x1="16" y1="32" x2="16" stroke="white" stroke-width="4"/> </svg>');
  background-position: center;
  background-size: 28px;
  background-repeat: no-repeat;
}
.df-ui .df-button.minus.minus, .df-ui .df-button.plus.minus,
.df-ui .df-upload-button.minus.minus,
.df-ui .df-upload-button.plus.minus,
.df-upload .df-button.minus.minus,
.df-upload .df-button.plus.minus,
.df-upload .df-upload-button.minus.minus,
.df-upload .df-upload-button.plus.minus {
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.74846e-07" y1="16" x2="32" y2="16" stroke="white" stroke-width="4"/> </svg>');
}
.df-ui .df-button.small,
.df-ui .df-upload-button.small,
.df-upload .df-button.small,
.df-upload .df-upload-button.small {
  font-size: 0.86rem;
}
.df-ui .df-button:hover,
.df-ui .df-upload-button:hover,
.df-upload .df-button:hover,
.df-upload .df-upload-button:hover {
  background-color: var(--c-corporate) !important;
}
.df-ui .df-button.top-left, .df-ui .df-button.topleft,
.df-ui .df-upload-button.top-left,
.df-ui .df-upload-button.topleft,
.df-upload .df-button.top-left,
.df-upload .df-button.topleft,
.df-upload .df-upload-button.top-left,
.df-upload .df-upload-button.topleft {
  left: 1em;
  top: 1em;
  transform: none;
}
.df-ui .df-button.top-right, .df-ui .df-button.topright,
.df-ui .df-upload-button.top-right,
.df-ui .df-upload-button.topright,
.df-upload .df-button.top-right,
.df-upload .df-button.topright,
.df-upload .df-upload-button.top-right,
.df-upload .df-upload-button.topright {
  left: auto;
  right: 1em;
  top: 1em;
  transform: none;
}
.df-ui .df-button.rightcenter, .df-ui .df-button.right-center,
.df-ui .df-upload-button.rightcenter,
.df-ui .df-upload-button.right-center,
.df-upload .df-button.rightcenter,
.df-upload .df-button.right-center,
.df-upload .df-upload-button.rightcenter,
.df-upload .df-upload-button.right-center {
  left: auto;
  right: 0;
  transform: translate(50%, -50%);
}
.df-ui .df-button.static,
.df-ui .df-upload-button.static,
.df-upload .df-button.static,
.df-upload .df-upload-button.static {
  position: static;
  transform: none;
  left: 0;
  top: 0;
  margin: 1em 0;
}

.wp-block-sf-feature {
  padding: var(--gap-2x);
}
.wp-block-sf-feature .inner {
  width: var(--article-width);
  margin: 0 auto;
}

.wp-block-sf-accordion {
  scroll-margin-top: 144px;
}
.wp-block-sf-accordion + .wp-block-sf-accordion {
  border-top: solid 1px var(--c-bg);
}
.wp-block-sf-accordion .accordion_head {
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  padding: var(--gap) 0;
}
.wp-block-sf-accordion .accordion_head .trigger {
  padding: 0.1em 0 0 0;
  width: calc(28px + 1rem);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wp-block-sf-accordion .accordion_head .trigger svg {
  width: var(--fs-large);
  height: var(--fs-large);
  transition: transform 0.33s, opacity 0.43s;
}
.wp-block-sf-accordion .accordion_head .trigger svg path {
  stroke: var(--c-gruen);
}
.wp-block-sf-accordion .accordion_head h2 {
  font-size: var(--fs-large);
  color: var(--c-gruen);
  margin: 0;
}
.wp-block-sf-accordion .inner {
  display: block;
  transition: height 0.43s;
  overflow: hidden;
}
.wp-block-sf-accordion .inner > div {
  padding: 0 0 var(--gap-2x) calc(28px + 1rem);
}
.wp-block-sf-accordion .inner:not(:has(.keepopen)) {
  height: 0;
}
.wp-block-sf-accordion:not(.open) .accordion_head:hover svg {
  opacity: 1;
}
.wp-block-sf-accordion.open .inner {
  transition: height 0.86s;
}
.wp-block-sf-accordion.open .accordion_head svg {
  opacity: 1;
  transform: rotate(90deg);
}

.wp-block-sf-header {
  padding: var(--gap-4x) var(--gap-2x) var(--gap-2x) var(--gap-2x);
  margin-top: calc(-1 * var(--gap-2x));
  background: var(--c-bg);
  margin-bottom: var(--m-vert);
}
.wp-block-sf-header .inner {
  width: var(--article-width);
  margin: 0 auto;
  display: grid;
  gap: var(--gap-2x);
  grid-template-columns: 1fr;
}
@media screen and (min-width: 1024px) {
  .wp-block-sf-header .inner {
    grid-template-columns: 2fr 1fr;
  }
}
.wp-block-sf-header .inner .text h1 {
  margin-bottom: var(--gap);
}
.wp-block-sf-header .inner .text .intro {
  font-size: var(--fs-large);
  margin: 0;
}
.wp-block-sf-header .inner .nav > p {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.wp-block-sf-header .inner .nav ul {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3em;
}
.wp-block-sf-header .inner .nav ul > li {
  padding: 0;
  background: none;
  background: var(--c-gruen);
  border-radius: 4px;
}
.wp-block-sf-header .inner .nav ul > li > a {
  display: inline-block;
  padding: 0.1em 0.5em 0;
  text-decoration: none;
  color: white;
}
.wp-block-sf-header .inner .nav ul > li > a:hover {
  background: rgba(255, 255, 255, 0.2);
}
.wp-block-sf-header .inner .nav ul > li.current-menu-item {
  display: none;
}

section.wp-block-group:has(.wp-block-sf-hero) {
  margin-top: calc(-1 * var(--m-vert-slim));
  margin-bottom: calc(3 * var(--m-vert));
}
section.wp-block-group:has(.wp-block-sf-hero) .wp-block-sf-features {
  margin-top: calc(-2 * var(--m-vert));
  margin-bottom: calc(-2 * var(--m-vert));
  padding-top: calc(5 * var(--m-vert-slim));
}

section.wp-block-group.has-background {
  padding-left: var(--width-margin);
  padding-right: var(--width-margin);
}

article {
  clear: both;
  margin: 0 auto;
}
article figure {
  margin: 0;
}

table {
  width: 100%;
  background: white;
}

td, th {
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  padding: 0.5em 0.7em;
}

th {
  background: #474747;
  color: white;
  font-family: var(--ff-head);
}

th:first-child,
td:first-child {
  border-left: none;
}

tbody tr:nth-child(odd) td {
  background-color: #eeeeee;
}

.search form p,
.single form p,
.post form p,
.page form p {
  margin: 0;
}
.search label,
.single label,
.post label,
.page label {
  display: inline-block;
}
.search textarea,
.search input[type=email],
.search input[type=search],
.search input[type=text],
.single textarea,
.single input[type=email],
.single input[type=search],
.single input[type=text],
.post textarea,
.post input[type=email],
.post input[type=search],
.post input[type=text],
.page textarea,
.page input[type=email],
.page input[type=search],
.page input[type=text] {
  font-family: var(--ff-copy);
  padding: 0.8em;
  background: #f6f4ec;
  margin: 0;
  width: 100%;
  border: none;
  font-size: 1em;
  border-radius: var(--radius-small);
}
.search input[type=checkbox],
.search input[type=radio],
.search input[type=submit],
.search input[type=button],
.search select,
.single input[type=checkbox],
.single input[type=radio],
.single input[type=submit],
.single input[type=button],
.single select,
.post input[type=checkbox],
.post input[type=radio],
.post input[type=submit],
.post input[type=button],
.post select,
.page input[type=checkbox],
.page input[type=radio],
.page input[type=submit],
.page input[type=button],
.page select {
  cursor: pointer;
}
.search .gform_wrapper,
.single .gform_wrapper,
.post .gform_wrapper,
.page .gform_wrapper {
  margin-bottom: var(--m-vert);
}
.search .gform_wrapper .gform_fields,
.single .gform_wrapper .gform_fields,
.post .gform_wrapper .gform_fields,
.page .gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: var(--gap);
}
.search .gform_wrapper .gform_fields > *,
.single .gform_wrapper .gform_fields > *,
.post .gform_wrapper .gform_fields > *,
.page .gform_wrapper .gform_fields > * {
  grid-column: span 6;
}
.search .gform_wrapper .gform_fields .gfield--width-half,
.single .gform_wrapper .gform_fields .gfield--width-half,
.post .gform_wrapper .gform_fields .gfield--width-half,
.page .gform_wrapper .gform_fields .gfield--width-half {
  grid-column: span 3;
}
.search .gform_wrapper .gform_fields .gfield--width-third,
.single .gform_wrapper .gform_fields .gfield--width-third,
.post .gform_wrapper .gform_fields .gfield--width-third,
.page .gform_wrapper .gform_fields .gfield--width-third {
  grid-column: span 2;
}
.search .gform_wrapper .ginput_container,
.single .gform_wrapper .ginput_container,
.post .gform_wrapper .ginput_container,
.page .gform_wrapper .ginput_container {
  margin: 0;
}
.search .gform_wrapper .gfield_label,
.single .gform_wrapper .gfield_label,
.post .gform_wrapper .gfield_label,
.page .gform_wrapper .gfield_label {
  margin: 0.5em 0;
}
.search .gform_wrapper .gform_fields .gfield,
.single .gform_wrapper .gform_fields .gfield,
.post .gform_wrapper .gform_fields .gfield,
.page .gform_wrapper .gform_fields .gfield {
  margin: 0 0 1em;
}
.search .gform_wrapper .hidden_label label,
.single .gform_wrapper .hidden_label label,
.post .gform_wrapper .hidden_label label,
.page .gform_wrapper .hidden_label label {
  display: none;
}
.search .gform_wrapper .hidden_label input,
.single .gform_wrapper .hidden_label input,
.post .gform_wrapper .hidden_label input,
.page .gform_wrapper .hidden_label input {
  margin-top: 0;
}

.sf-button, .search a.wp-block-button__link,
.search a.button,
.search .button,
.single a.wp-block-button__link,
.single a.button,
.single .button,
.post a.wp-block-button__link,
.post a.button,
.post .button,
.page a.wp-block-button__link,
.page a.button,
.page .button {
  display: inline-flex;
  align-items: center;
  padding: 6px calc(1.333em + 2px) 6px 12px;
  background: var(--c-gruen);
  color: white;
  text-decoration: none;
  border-radius: 2em;
  font-weight: bold;
}
.sf-button:not(:has(span.icon)), .search a.wp-block-button__link:not(:has(span.icon)),
.search .button:not(:has(span.icon)),
.single a.wp-block-button__link:not(:has(span.icon)),
.single .button:not(:has(span.icon)),
.post a.wp-block-button__link:not(:has(span.icon)),
.post .button:not(:has(span.icon)),
.page a.wp-block-button__link:not(:has(span.icon)),
.page .button:not(:has(span.icon)) {
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
.sf-button:hover, .search a.wp-block-button__link:hover,
.search .button:hover,
.single a.wp-block-button__link:hover,
.single .button:hover,
.post a.wp-block-button__link:hover,
.post .button:hover,
.page a.wp-block-button__link:hover,
.page .button:hover {
  background: var(--c-rot);
}
.sf-button span.icon, .search a.wp-block-button__link span.icon,
.search .button span.icon,
.single a.wp-block-button__link span.icon,
.single .button span.icon,
.post a.wp-block-button__link span.icon,
.post .button span.icon,
.page a.wp-block-button__link span.icon,
.page .button span.icon {
  display: block;
  height: 32px;
  width: 32px;
  flex-shrink: 0;
  margin-right: 4px;
  background: url("../images/Right.svg") no-repeat;
  background-size: contain;
}
.sf-button.arrow, .search a.arrow.wp-block-button__link,
.search .arrow.button,
.single a.arrow.wp-block-button__link,
.single .arrow.button,
.post a.arrow.wp-block-button__link,
.post .arrow.button,
.page a.arrow.wp-block-button__link,
.page .arrow.button {
  border-radius: var(--radius-small);
  text-indent: -5000px;
  background: var(--c-gelb) url("../images/Right.svg") no-repeat center;
}

#searchform {
  display: flex;
  padding-left: 0;
}
#searchform input {
  margin-right: 2px;
  padding-left: 30px;
}

.swiper-nav {
  display: flex;
  align-items: center;
}
.swiper-nav .next,
.swiper-nav .prev {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.swiper-nav .next svg,
.swiper-nav .prev svg {
  width: 30px;
  height: 30px;
}
.swiper-nav .next svg path,
.swiper-nav .prev svg path {
  fill: var(--c-gruen);
}
.swiper-nav .next.swiper-button-disabled,
.swiper-nav .prev.swiper-button-disabled {
  opacity: 0;
}
.swiper-nav .prev + div {
  margin-left: 0.5em;
}
.swiper-nav .next {
  margin-left: 0.5em;
}
.swiper-nav .swiper-pagination {
  display: flex;
  align-items: center;
}
.swiper-nav .swiper-pagination .swiper-pagination-bullet {
  background: white;
  border: solid 4px white;
  border-radius: 50%;
  box-shadow: var(--shadow-flat);
  margin: 0 6px;
  width: 24px;
  height: 24px;
}
.swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--c-gruen);
}

/*
/* Formate
*/
article.format-video iframe {
  max-width: 100%;
}

.credits {
  color: var(--c-copy);
}
.credits p {
  font-size: 1em;
  margin: 0;
  float: left;
  margin: 0 20px 0 0;
}
.credits a {
  text-decoration: none;
}
.credits ul {
  font-size: 1em;
  float: left;
  margin: 0 20px 0 0;
}
.credits ul li {
  float: left;
  background: none;
  padding: 0;
  margin: 0;
}
.credits ul li:after {
  content: ", ";
}
.credits ul li:first-child, .credits ul li:last-child {
  content: "";
}
.credits ul li:first-child:after, .credits ul li:last-child:after {
  content: "";
}

@media (min-width: 550px) {
  .f-left,
  .alignleft {
    float: left;
  }
}

@media (min-width: 550px) {
  .f-right,
  .alignright {
    float: right;
  }
}

.aligncenter,
.alignright,
.alignleft {
  display: block;
  margin: 0 auto;
}
@media (min-width: 550px) {
  .aligncenter,
  .alignright,
  .alignleft {
    display: inline;
    margin: 0 10px 10px 0;
  }
}

@media (min-width: 550px) {
  .alignright {
    display: inline;
    margin: 0 0 10px 10px;
  }
}

.a-left,
.text-left {
  text-align: left;
}

.a-right,
.text-right {
  text-align: right;
}

footer {
  background: var(--c-blau);
  color: white;
  padding: 2em 0;
  display: flex;
  justify-content: center;
}
footer a {
  color: white;
  text-decoration: none;
}
footer nav ul {
  display: flex;
  justify-content: center;
}
footer nav ul li {
  margin: 0 1em;
}

.pr {
  position: relative;
}
.pr.pa1 {
  width: 100%;
  padding-bottom: 100%;
}
.pr.pa1.wide {
  padding-bottom: 56%;
}

.pa {
  position: absolute;
}
.pa.l0 {
  left: 0;
}
.pa.t0 {
  top: 0;
}
.pa.r0 {
  right: 0;
}
.pa.b0 {
  bottom: 0;
}

.pa1 {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pa1.of {
  -o-object-fit: cover;
     object-fit: cover;
}

.fxc {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fxsb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fxsb.afs {
  align-items: flex-start;
}
.fxsb.afe {
  align-items: flex-end;
}

.txc {
  text-align: center;
}

.hideMove {
  position: fixed;
  top: -5000px;
}

.clear {
  clear: both;
}

.printonly {
  display: none;
}

.wp-caption,
img {
  max-width: 100%;
  height: auto;
}

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

.blur-50 {
  filter: url("#sharpBlur");
}

.hideSvgSoThatItSupportsFirefox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.upload {
  position: relative;
}
.upload button {
  position: absolute;
  left: 1em;
  top: 1em;
  background-color: white;
}

/*# sourceMappingURL=site.css.map*/