@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: Barlow;
  src: url(../fonts/Barlow/Barlow-Regular.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Barlow;
  src: url(../fonts/Barlow/Barlow-Medium.ttf);
  font-weight: normal;
}
@font-face {
  font-family: Barlow;
  src: url(../fonts/Barlow/Barlow-Bold.ttf);
  font-weight: bold;
}
/*******************************************/
/*
/*  Mixins
*/
.shadow-inset {
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.25);
}

:root {
  --c-corporate: #ff5c02;
  --c-orange: #ff5c02;
  --c-copy: #242424;
  --c-blue: #027bb5;
  --c-blau: #027bb5;
  --c-weiss: #ffffff;
  --c-hellblau: #ebeff2;
  --c-head: var(--c-corporate);
  --fs-copy: 1.125rem;
  --fs-large: 1.5em;
  --ff-copy: "Barlow",sans-serif;
  --ff-head: "Barlow",sans-serif;
  --ff-fixed: sans-serif;
  --fw-bold: 400;
  --fw-extra: 700;
  --max-width: calc(100% - 4rem);
  --width-margin: calc(50% - var(--max-width) * 0.5);
  --article-width: 768px;
  --article-width-slim: 960px;
  --m-vert: 106px;
  --m-vert-slim: 58px;
  --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 4px 20px rgba(0, 0, 0, 0.15);
  --shadow-flat: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1280px) {
  :root {
    --max-width: 1184px;
  }
}
@media (min-width: 1280px) {
  :root {
    --article-width: 960px;
  }
}

body.wp-admin {
  --max-width: calc(100% - 4rem);
}

.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-bottom: 1em;
  line-height: 1.7;
}
.ty .small,
.typography .small,
article .small,
.content .small {
  font-size: 0.75em;
}
.ty .abstract,
.typography .abstract,
article .abstract,
.content .abstract {
  color: var(--c-blau);
  font-size: var(--fs-large);
  line-height: 1.4;
}
.ty p:last-child,
.typography p:last-child,
article p:last-child,
.content p:last-child {
  margin-bottom: 0;
}
.ty ul li.wp-block,
.ty ul li:not([class]),
.typography ul li.wp-block,
article ul li.wp-block,
.content ul li.wp-block,
.typography ul li:not([class]),
article ul li:not([class]),
.content ul li:not([class]) {
  margin-top: 1em;
  padding-left: 20px;
  margin-left: 0;
  background: url("../images/Bullet.svg") no-repeat 0 0.4em;
}
.ty ul li.wp-block:nth-child,
.ty ul li:not([class]):nth-child,
.typography ul li.wp-block:nth-child,
article ul li.wp-block:nth-child,
.content ul li.wp-block:nth-child,
.typography ul li:not([class]):nth-child,
article ul li:not([class]):nth-child,
.content ul li:not([class]):nth-child {
  margin: 0;
}
.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 .h1,
.ty h1,
.ty h2,
.ty h3,
.ty h4,
.ty h5,
.typography caption,
article caption,
.content caption,
.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.2;
  font-family: var(--ff-head);
  font-weight: 300;
}
.ty caption 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 .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 .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 .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 .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 .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: 2.5em;
}
.ty .h2,
.ty h2,
.typography .h2,
article .h2,
.content .h2,
.typography h2,
article h2,
.content h2 {
  font-size: 1.6em;
}
.ty caption,
.ty h3,
.typography caption,
article caption,
.content caption,
.typography h3,
article h3,
.content h3 {
  font-size: 1.3em;
}
@media (min-width: 560px) {
  .ty caption,
  .ty h3,
  .typography caption,
  article caption,
  .content caption,
  .typography h3,
  article h3,
  .content h3 {
    font-size: 1.6em;
  }
}
.ty h4,
.ty h5,
.typography h4,
article h4,
.content h4,
.typography h5,
article h5,
.content h5 {
  font-size: 1.2em;
}
.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,
.typography a,
article a,
.content a {
  color: var(--c-corporate);
}
.ty a:hover,
.typography a:hover,
article a:hover,
.content a:hover {
  color: var(--c-head);
}
.ty a:hover:active,
.typography a:hover:active,
article a:hover:active,
.content a:hover:active {
  color: var(--c-corporate);
}
.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;
  scroll-behavior: smooth;
}
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(--gap) 0;
}
header#header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2088;
  background: white;
}
header#header a {
  text-decoration: none;
}
header#header .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  overflow: visible;
}
header#header.scrolled {
  box-shadow: var(--shadow);
}
header#header.scrolled ._navetc p, header#header.scrolled ._navetc .pill {
  height: 0;
  transform-origin: top center;
  transition: all 0.3s ease;
}
header#header .navetc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1279px) {
  header#header .navetc {
    display: none;
  }
}
header#header .navetc > div {
  display: flex;
  align-items: center;
  margin-bottom: var(--gap);
}
header#header .navetc > div p, header#header .navetc > div .pill {
  height: auto;
  transform-origin: top center;
  transition: all 0.3s ease;
}
header#header .navetc > div p {
  margin: 0 var(--gap-2x) 0 0;
  opacity: 0.5;
}
header#header .navetc > div .pill {
  background: var(--c-corporate);
  border-radius: 32px;
  color: white;
  font-weight: bold;
  display: flex;
  overflow: hidden;
}
header#header .navetc > div .pill a {
  line-height: 1.4;
  color: white;
  display: block;
  padding: 0.86em var(--gap) calc(var(--gap) - 0.3em);
}
header#header .navetc > div .pill a:hover {
  background: var(--c-blau);
}
header#header .navetc > div .pill a:has(svg) {
  display: flex;
}
header#header .navetc > div .pill a:has(svg) svg {
  margin-right: 0.5em;
}
header#header .navetc > div .pill a + ul {
  border-left: solid 1px white;
}
header#header nav {
  width: 100%;
  font-size: 1.1875em;
}
header#header nav a {
  color: var(--c-blau);
}
header#header nav a:hover {
  color: var(--c-corporate);
}
header#header nav > ul {
  display: flex;
  justify-content: flex-end;
}
header#header nav > ul > li {
  position: relative;
  margin-left: var(--gap-2x);
}
header#header nav > ul > li > ul {
  position: absolute;
  left: 0;
  top: 1em;
  display: none;
}
header#header nav > ul > li:hover > ul {
  display: block;
}
header#header #mobile_menu {
  position: fixed;
  background-color: white;
  z-index: 2088;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  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: 1280px) {
  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 #mobile_menu > div a {
  color: var(--c-blau);
}
header#header #mobile_menu > div a:hover {
  color: var(--c-corporate);
}
header#header #trigger {
  cursor: pointer;
  position: fixed;
  right: var(--gap);
  top: 42px;
  z-index: 2089;
  width: 36px;
  height: 26px;
}
@media (min-width: 1279px) {
  header#header #trigger {
    display: none;
  }
}
header#header #trigger > span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--c-blau);
  position: absolute;
  left: 0;
}
header#header #trigger > span.ff1 {
  top: 0;
  opacity: 1;
  transition: opacity 200ms;
  transition-delay: 200ms;
}
header#header #trigger > span.ff2 {
  top: 50%;
  transform: translateY(-1px) rotate(0);
}
header#header #trigger > span.ff2.a, header#header #trigger > span.ff2.b {
  transition: transform 200ms;
}
header#header #trigger > span.ff3 {
  bottom: 0;
  opacity: 1;
  transition: opacity 200ms;
  transition-delay: 200ms;
}
header#header #trigger.open > span.ff1 {
  transition-delay: 0;
  transition: opacity 200ms;
  opacity: 0;
}
header#header #trigger.open > span.ff2.a {
  transform: translateY(-1px) rotate(45deg);
  transition: transform 200ms;
  transition-delay: 200ms;
}
header#header #trigger.open > span.ff2.b {
  transform: translateY(-1px) rotate(-45deg);
  transition: transform 200ms;
  transition-delay: 200ms;
}
header#header #trigger.open > span.ff3 {
  opacity: 0;
  transition: opacity 200ms;
  transition-delay: 0;
}

.content ._brlbs-switch-consent, .content > .wp-block-columns, .content > .wrapThis, .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 {
  margin-left: var(--width-margin);
  margin-right: var(--width-margin);
}
@media (min-width: 1280px) {
  .content ._brlbs-switch-consent:not(figure), .content > .wp-block-columns:not(figure), .content > .wrapThis:not(figure), .content > ul:not(figure), .content > ol:not(figure), .content > blockquote:not(figure), .content > form:not(figure), .content > p:not(figure), .content > dd:not(figure), .content > h1:not(figure), .content > h2:not(figure), .content > h3:not(figure), .content > h4:not(figure), .content > h5:not(figure), .content > h6:not(figure), .content > figure:not(figure) {
    padding: 0 var(--m-vert);
  }
}
.content h2 {
  color: var(--c-corporate);
}
.content > ul {
  margin-top: 2em;
  margin-bottom: 2em;
}
.content h2 + ul {
  margin-top: 1em;
}
.content > .wp-block-buttons, .content > .wp-block-columns, .content > .wp-block-group {
  margin-left: var(--width-margin);
  margin-right: var(--width-margin);
}
.content > .wp-block-group {
  margin-bottom: 1em;
}
.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 .has-background {
  margin-left: var(--width-margin);
  margin-right: var(--width-margin);
  padding: var(--m-vert-slim);
}
.content .has-background > .wp-block-group__inner-container > :not(.wp-block-vh-galerie):first-child {
  margin-top: var(--m-vert);
}
.content .has-background + .has-background {
  margin-top: calc(-1 * var(--m-vert));
}
.content div.has-background {
  padding: var(--m-vert-slim);
}
.content section.has-background {
  margin: var(--m-vert) 0;
  padding: var(--m-vert-slim) var(--width-margin);
}

@keyframes grad1 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 50% 0;
  }
  100% {
    background-position: 0% 0;
  }
}
@keyframes grad2 {
  0% {
    background-position: 0 0%;
    opacity: 0.5;
  }
  50% {
    opacity: 0;
    background-position: 0 50%;
  }
  100% {
    opacity: 0.5;
    background-position: 0 0;
  }
}
.grad {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  opacity: 0.3;
}

.grad1 {
  background: linear-gradient(68deg, rgb(241, 200, 95) 7%, rgba(203, 117, 18, 0) 53%, rgb(240, 124, 47) 96%);
  background-size: 600% 200%;
  animation: grad1 8s linear infinite;
}

.grad2 {
  mix-blend-mode: multiply;
  background: linear-gradient(68deg, rgb(241, 200, 95) 7%, rgba(203, 117, 18, 0) 53%, rgb(240, 124, 47) 96%);
  background-size: 600% 200%;
  animation: grad2 6s linear infinite;
}

.wp-block-b-hero .hero .hero__content {
  padding: var(--m-vert-slim) 0;
  color: white;
}
@media (min-width: 1024px) {
  .wp-block-b-hero .hero .hero__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.wp-block-b-hero .hero .image {
  width: 100%;
}
.wp-block-b-hero .hero .image img {
  width: 100%;
}
@media (max-width: 1023px) {
  .wp-block-b-hero .hero .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .wp-block-b-hero .hero .image img {
    position: absolute;
    max-width: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.wp-block-b-hero .features {
  margin-top: var(--gap-2x);
  display: grid;
}
@media (min-width: 1111px) {
  .wp-block-b-hero .features {
    margin-top: calc(-1 * var(--m-vert-slim));
  }
}
@media (min-width: 1280px) {
  .wp-block-b-hero .features {
    margin-top: calc(-1 * var(--m-vert));
  }
}
@media (min-width: 1024px) {
  .wp-block-b-hero .features {
    grid-template-columns: 755px 1fr;
    grid-gap: 0.5em;
  }
}
.wp-block-b-hero .features .feature__content {
  margin-top: 2px;
  background-color: #e6ebed;
  padding: var(--gap);
  color: var(--c-blau);
}
@media (min-width: 768px) {
  .wp-block-b-hero .features .feature__content {
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: transparent;
    max-width: 55%;
  }
}
.wp-block-b-hero .features .feature__content h2 {
  margin: 0 0 0.3em;
  font-weight: bold;
  color: var(--c-corporate);
  font-size: 1em;
}
.wp-block-b-hero .features .feature__content h2, .wp-block-b-hero .features .feature__content p {
  line-height: 1.4;
}
.wp-block-b-hero .features .feature__image {
  position: relative;
  padding-bottom: 54%;
}
@media (min-width: 768px) {
  .wp-block-b-hero .features .feature__image:not(.is-admin) {
    min-height: 100%;
  }
  .wp-block-b-hero .features .feature__image:not(.is-admin) img {
    min-height: 100%;
  }
}
@media (min-width: 768px) {
  .wp-block-b-hero .features .f1 h2 {
    font-size: 1.5em;
  }
}
.wp-block-b-hero .features .subfeatures {
  height: 100%;
  display: grid;
  gap: 0.5em;
  margin-top: 0.5em;
}
@media (min-width: 768px) {
  .wp-block-b-hero .features .subfeatures {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .wp-block-b-hero .features .subfeatures {
    margin: 0;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .wp-block-b-hero .features .subfeatures h2 {
    font-size: 1em;
  }
}

.wp-block-b-headline {
  margin: 0 var(--width-margin);
  margin-top: var(--m-vert);
  margin-bottom: var(--m-vert);
  text-align: center;
}
.wp-block-b-headline h2 {
  font-weight: bold;
  font-size: 2.4rem;
  font-weight: bold;
  color: var(--c-blau);
  margin: 0;
}
@media (min-width: 768px) {
  .wp-block-b-headline h2 {
    width: 66%;
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-b-headline > div {
  position: relative;
  display: inline-block;
  width: 246px;
  height: 3px;
  background: var(--c-corporate);
  margin: 1.5rem 0;
  padding: 0;
}
.wp-block-b-headline > div.quote {
  margin: 2.5rem 0;
}
.wp-block-b-headline > div div {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 6px;
}
.wp-block-b-headline h3 {
  margin: 0 auto;
  font-size: 1.375rem;
  line-height: 1.4;
  color: var(--c-corporate);
}
@media (min-width: 768px) {
  .wp-block-b-headline h3 {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-b-headline h4 {
  margin: 0 auto;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .wp-block-b-headline h4 {
    width: 75%;
  }
}
.wp-block-b-headline h3 + h4 {
  margin-top: 1em;
}

.wp-block-b-headerimage {
  position: relative;
}
.wp-block-b-headerimage .bild {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media (max-width: 767px) {
  .wp-block-b-headerimage .bild {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .wp-block-b-headerimage .bild img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.wp-block-b-headerimage .text {
  box-sizing: border-box;
  z-index: 2;
  display: flex;
  align-items: center;
  position: relative;
  padding: var(--gap-3x) var(--width-margin);
}
@media (min-width: 768px) {
  .wp-block-b-headerimage .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.wp-block-b-headerimage .text h1 {
  margin: 0 !important;
  color: white;
}

.wp-block-b-bild-text {
  margin: var(--m-vert) var(--width-margin) var(--m-vert) var(--width-margin);
  display: flex;
}
@media (max-width: 767px) {
  .wp-block-b-bild-text {
    flex-direction: column-reverse;
  }
}
.wp-block-b-bild-text .text {
  margin-bottom: var(--gap-2x);
}
@media (min-width: 768px) {
  .wp-block-b-bild-text .text {
    width: 60%;
    margin-bottom: 0;
    margin-left: var(--gap-2x);
    flex-shrink: 0;
  }
}
.wp-block-b-bild-text .bild {
  flex-grow: 1;
}
.wp-block-b-bild-text img {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .wp-block-b-bild-text.reverse {
    flex-direction: row-reverse;
  }
  .wp-block-b-bild-text.reverse .text {
    margin-right: var(--gap-2x);
    margin-left: 0;
  }
}

.wp-block-group .wp-block-b-bild-text {
  margin: 0;
}

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

.post form p,
.error404 form p,
.page form p {
  margin: 0;
}
.post label,
.error404 label,
.page label {
  display: inline-block;
}
.post textarea,
.post select,
.post input[type=email],
.post input[type=search],
.post input[type=text],
.error404 textarea,
.error404 select,
.error404 input[type=email],
.error404 input[type=search],
.error404 input[type=text],
.page textarea,
.page select,
.page input[type=email],
.page input[type=search],
.page input[type=text] {
  font-family: var(--ff-copy);
  padding: 0.6em 0.8em;
  background: white;
  border: solid 1px white;
  margin: 0;
  width: 100%;
  font-size: 1em;
}
.post textarea:focus,
.post select:focus,
.post input[type=email]:focus,
.post input[type=search]:focus,
.post input[type=text]:focus,
.error404 textarea:focus,
.error404 select:focus,
.error404 input[type=email]:focus,
.error404 input[type=search]:focus,
.error404 input[type=text]:focus,
.page textarea:focus,
.page select:focus,
.page input[type=email]:focus,
.page input[type=search]:focus,
.page input[type=text]:focus {
  border-color: var(--c-corporate);
}
.post input[type=checkbox],
.post input[type=radio],
.post input[type=submit],
.post input[type=button],
.post select,
.error404 input[type=checkbox],
.error404 input[type=radio],
.error404 input[type=submit],
.error404 input[type=button],
.error404 select,
.page input[type=checkbox],
.page input[type=radio],
.page input[type=submit],
.page input[type=button],
.page select {
  cursor: pointer;
}
.post .gform_wrapper .gform_fields,
.error404 .gform_wrapper .gform_fields,
.page .gform_wrapper .gform_fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0.5em;
}
.post .gform_wrapper .gform_fields > *,
.error404 .gform_wrapper .gform_fields > *,
.page .gform_wrapper .gform_fields > * {
  grid-column: span 6;
}
.post .gform_wrapper .gform_fields .gfield--width-half,
.error404 .gform_wrapper .gform_fields .gfield--width-half,
.page .gform_wrapper .gform_fields .gfield--width-half {
  grid-column: span 3;
}
.post .gform_wrapper .gform_fields .gfield--width-third,
.error404 .gform_wrapper .gform_fields .gfield--width-third,
.page .gform_wrapper .gform_fields .gfield--width-third {
  grid-column: span 2;
}
.post .gform_wrapper .ginput_container,
.error404 .gform_wrapper .ginput_container,
.page .gform_wrapper .ginput_container {
  margin: 0;
}
.post .gform_wrapper .gfield_label,
.error404 .gform_wrapper .gfield_label,
.page .gform_wrapper .gfield_label {
  margin: 0.5em 0;
  font-size: 0.86em;
  color: var(--c-blau);
  font-weight: bold;
}
.post .gform_wrapper .hidden_label label,
.error404 .gform_wrapper .hidden_label label,
.page .gform_wrapper .hidden_label label {
  display: none;
}
.post .gform_wrapper .hidden_label input,
.error404 .gform_wrapper .hidden_label input,
.page .gform_wrapper .hidden_label input {
  margin-top: 0;
}
.post .gform_wrapper .gform_validation_container,
.error404 .gform_wrapper .gform_validation_container,
.page .gform_wrapper .gform_validation_container {
  position: absolute;
  left: -246000px;
}
.post .gform_wrapper .gform_footer,
.error404 .gform_wrapper .gform_footer,
.page .gform_wrapper .gform_footer {
  margin-top: var(--gap);
}

.b-button, .post a.button,
.post .button,
.page a.button,
.page .button {
  display: inline-block;
  padding: 0.5em 1.5em;
  background: var(--c-corporate);
  color: white;
  text-decoration: none;
  border-radius: 4em;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.86em;
}
.b-button.white,
.post .white.button,
.page .white.button {
  background: white;
  color: var(--c-corporate);
}
.b-button.white:hover,
.post .white.button:hover,
.page .white.button:hover {
  color: var(--c-blau);
}
.b-button:hover,
.post .button:hover,
.page .button:hover {
  background: var(--c-blau);
}

.upload {
  position: relative;
}
.upload.pa1, .wp-block-b-hero .features .feature__image img.upload {
  position: absolute;
}
.upload button {
  position: absolute;
  right: 1em;
  top: 1em;
  z-index: 1986;
  background: white;
}

/*
/* 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) {
  .alignleft {
    display: inline;
    margin: 0 2em 2em 0;
  }
}

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

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

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

.wp-block-image.size-full {
  margin-top: var(--m-vert-slim);
  margin-bottom: var(--m-vert-slim);
}

.wp-block-image.aligncenter {
  display: block;
  max-width: var(--article-width);
  margin: var(--m-vert-slim) auto;
}

.wp-block-group.has-background {
  margin-top: var(--m-vert-slim);
  margin-bottom: var(--m-vert-slim);
}

footer {
  margin-top: var(--m-vert);
  position: relative;
}
footer .contact {
  position: relative;
  z-index: 2;
  padding: var(--m-vert-slim) var(--width-margin);
  background: var(--c-hellblau);
  display: grid;
  gap: var(--gap-4x);
}
@media (max-width: 767px) {
  footer .contact .h2 {
    display: none;
  }
}
@media (min-width: 768px) {
  footer .contact {
    grid-template-columns: 240px 1fr;
  }
}
@media (min-width: 1024px) {
  footer .contact {
    grid-template-columns: 320px 1fr;
  }
}
footer nav {
  padding: 2em 0;
  background: var(--c-blau);
}
footer nav a {
  color: white;
  text-decoration: none;
}
footer nav ul {
  display: flex;
  justify-content: center;
}
footer nav ul li {
  margin: 0 1em;
}
footer .address {
  transform: scale(1);
  transition: transform 0.3s ease;
}
footer .form {
  transform: scale(1);
  transition: transform 0.3s ease;
  transition-delay: 0.15s;
}
footer.blink .address {
  transform: scale(1.06);
  transition: transform 0.15s ease;
}
footer.blink .form {
  transform: scale(1.06);
  transition: transform 0.15s ease;
  transition-delay: 0.15s;
}

.cta {
  overflow: hidden;
  position: fixed;
  border: none;
  right: var(--gap-2x);
  bottom: var(--gap-2x);
  background: var(--c-blau);
  color: white;
  padding: 0.6em 1em;
  border-radius: 2em;
  border: solid 2px white;
  display: flex;
  font-size: 1.2em;
  justify-content: center;
  align-items: center;
  z-index: 100;
  font-weight: bold;
  box-shadow: var(--shadow);
}
.cta svg {
  width: 1.8em;
  height: 1.8em;
  margin-right: 1em;
}
.cta:hover {
  cursor: pointer;
  background: var(--c-corporate);
}
.cta > span {
  transition: width 0.3s ease;
}
.cta > span > span {
  white-space: nowrap;
}
.cta > span > span:first-child {
  opacity: 0;
}
.cta > span > span + span {
  position: absolute;
  left: 3.8em;
  top: 50%;
  transform: translate(300%, -50%);
  transition: all 0.5s ease;
}
.cta > span > span.active {
  opacity: 1;
  transform: translate(0%, -50%);
  transition: all 0.5s ease;
}

.pr {
  position: relative;
}
.pr.pa1, .wp-block-b-hero .features .feature__image img.pr {
  width: 100%;
  padding-bottom: 100%;
}
.pr.pa1.wide, .wp-block-b-hero .features .feature__image img.pr.wide {
  padding-bottom: 56%;
}

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

.pa1, .wp-block-b-hero .features .feature__image img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pa1.of, .wp-block-b-hero .features .feature__image img {
  -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;
}

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