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

:root {
  --c-copy: #242424;
  --c-corporate: #56C4D0;
  --c-corporate-dark: #04A0B1;
  --c-fond: #f2fafb;
  --c-accent: #EB2A47;
  --c-accent-dark: #B22234;
  --c-hellgrau: #eeeeee;
  --c-akzent: var(--accent);
  --c-head: var(--c-corporate);
  --ff-copy: 'Poppins',sans-serif;
}
@media (min-width: 1024px) {
  :root {
    --fs-copy: 1rem;
  }
}
:root {
  --ff-head: 'Poppins',sans-serif;
  --ff-fixed: sans-serif;
  --fs-small: 0.875rem;
  --fs-copy: 0.9375rem;
  --fs-medium: 1.0625rem;
  --fs-large: 1.25rem;
  --fs-hl-x-small: 1.25rem;
  --fs-hl-small: 1.5rem;
  --fs-hl-medium: 1.6875rem;
  --fs-hl-large: 3.125rem;
}
@media (min-width: 1024px) {
  :root {
    --fs-small: 0.875rem;
    --fs-copy: clamp(0.875rem, calc(1700vw / 1440), 1.0625rem);
    --fs-medium: 1.25rem;
    --fs-hl-x-small: clamp(1rem, calc(2400vw / 1440), 1.375rem);
    --fs-hl-small: clamp(1.25rem, calc(3200vw / 1440), 2rem);
    --fs-hl-medium: clamp(1.5rem, calc(5000vw / 1440), 3.125rem);
    --fs-hl-large: clamp(2.25rem, calc(8600vw / 1440), 5.375rem);
  }
}
:root {
  --max-width: calc(100vw - 4rem);
  --width-margin: 2rem;
}
@media (min-width: 1440px) {
  :root {
    --width-margin: calc(50vw - var(--max-width) * 0.5);
    --max-width: 1400px;
  }
}
@media (min-width: 1920px) {
  :root {
    --width-margin: calc(50vw - var(--max-width) * 0.5);
    --max-width: 1860px;
  }
}
:root {
  --article-width: var(--max-width);
}
@media (min-width: 1280px) {
  :root {
    --article-width: 55rem;
  }
}
@media (min-width: 1440px) {
  :root {
    --article-width: 1124px;
  }
}
:root {
  --width-margin-article: calc(50vw - var(--article-width) * 0.5);
  --gap: 1.4rem;
  --m-vert: 6rem;
  --m-vert-slim: 3rem;
}
@media (min-width: 768px) {
  :root {
    --m-vert: 7.75rem;
    --m-vert-slim: 5.375rem;
  }
}
:root {
  --leading-margin: 0px;
}
@media (min-width: 1280px) {
  :root {
    --leading-margin: 100px;
  }
}
@media (min-width: 1440px) {
  :root {
    --leading-margin: 220px;
  }
}
:root {
  --m-left: calc(var(--leading-margin) + var(--gap-2x) + var(--width-margin) + var(--gap));
  --column-width: 22vw;
}
@media (min-width: 1280px) {
  :root {
    --column-width: 333px;
  }
}
:root {
  --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: 24px;
  --radius-small: 12px;
  --shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.05);
  --shadow-flat: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

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

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

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

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 b, .wp-block-jj-accordion .inner b,
.ty strong,
.wp-block-jj-accordion .inner strong,
.typography b,
article b,
.content b,
.typography strong,
article strong,
.content strong {
  font-weight: 600;
}
.ty i, .wp-block-jj-accordion .inner i,
.ty em,
.wp-block-jj-accordion .inner em,
.typography i,
article i,
.content i,
.typography em,
article em,
.content em {
  font-style: italic;
}
.ty blockquote, .wp-block-jj-accordion .inner blockquote,
.ty pre,
.wp-block-jj-accordion .inner pre,
.typography blockquote,
article blockquote,
.content blockquote,
.typography pre,
article pre,
.content pre {
  padding: 1rem 0;
}
.ty .wp-block-quote, .wp-block-jj-accordion .inner .wp-block-quote,
.ty blockquote,
.wp-block-jj-accordion .inner blockquote,
.typography .wp-block-quote,
article .wp-block-quote,
.content .wp-block-quote,
.typography blockquote,
article blockquote,
.content blockquote {
  padding: 0;
  border: none;
}
.ty .wp-block-quote:not(:first-child), .wp-block-jj-accordion .inner .wp-block-quote:not(:first-child),
.ty blockquote:not(:first-child),
.wp-block-jj-accordion .inner blockquote:not(:first-child),
.typography .wp-block-quote:not(:first-child),
article .wp-block-quote:not(:first-child),
.content .wp-block-quote:not(:first-child),
.typography blockquote:not(:first-child),
article blockquote:not(:first-child),
.content blockquote:not(:first-child) {
  margin-top: var(--m-vert-slim);
}
.ty .wp-block-quote:not(:last-child), .wp-block-jj-accordion .inner .wp-block-quote:not(:last-child),
.ty blockquote:not(:last-child),
.wp-block-jj-accordion .inner blockquote:not(:last-child),
.typography .wp-block-quote:not(:last-child),
article .wp-block-quote:not(:last-child),
.content .wp-block-quote:not(:last-child),
.typography blockquote:not(:last-child),
article blockquote:not(:last-child),
.content blockquote:not(:last-child) {
  margin-bottom: var(--m-vert-slim);
}
.ty .wp-block-quote p:last-child, .wp-block-jj-accordion .inner .wp-block-quote p:last-child,
.ty blockquote p:last-child,
.wp-block-jj-accordion .inner 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 .wp-block-quote, .wp-block-jj-accordion .inner .wp-block-quote,
.ty blockquote,
.wp-block-jj-accordion .inner blockquote,
.typography .wp-block-quote,
article .wp-block-quote,
.content .wp-block-quote,
.typography blockquote,
article blockquote,
.content blockquote {
  background: url(../images/quote.svg) no-repeat 0 0.24em;
}
@media (max-width: 767px) {
  .ty .wp-block-quote, .wp-block-jj-accordion .inner .wp-block-quote,
  .ty blockquote,
  .wp-block-jj-accordion .inner blockquote,
  .typography .wp-block-quote,
  article .wp-block-quote,
  .content .wp-block-quote,
  .typography blockquote,
  article blockquote,
  .content blockquote {
    background-size: 1.7em;
    padding: 0 calc(0.1 * var(--article-width)) 0 2.4em;
  }
}
@media (min-width: 768px) {
  .ty .wp-block-quote, .wp-block-jj-accordion .inner .wp-block-quote,
  .ty blockquote,
  .wp-block-jj-accordion .inner blockquote,
  .typography .wp-block-quote,
  article .wp-block-quote,
  .content .wp-block-quote,
  .typography blockquote,
  article blockquote,
  .content blockquote {
    background: url(../images/quote.svg) no-repeat 0 0.24em;
    font-size: var(--fs-large);
    padding: 0 calc(0.1 * var(--article-width)) 0 4em;
  }
}
.ty .wp-block-quote p + p:last-child, .wp-block-jj-accordion .inner .wp-block-quote p + p:last-child,
.ty blockquote p + p:last-child,
.wp-block-jj-accordion .inner blockquote p + p:last-child,
.typography .wp-block-quote p + p:last-child,
article .wp-block-quote p + p:last-child,
.content .wp-block-quote p + p:last-child,
.typography blockquote p + p:last-child,
article blockquote p + p:last-child,
.content blockquote p + p:last-child {
  font-size: var(--fs-small);
}
@media (min-width: 1280px) {
  .ty .wp-block-pullquote, .wp-block-jj-accordion .inner .wp-block-pullquote,
  .typography .wp-block-pullquote,
  article .wp-block-pullquote,
  .content .wp-block-pullquote {
    transform: translateX(-4em);
    width: 86%;
  }
}
.ty .wp-block-pullquote, .wp-block-jj-accordion .inner .wp-block-pullquote,
.typography .wp-block-pullquote,
article .wp-block-pullquote,
.content .wp-block-pullquote {
  padding: var(--gap-2x);
  background: var(--c-copy);
  color: white;
  border: none;
  text-align: left;
  font-size: 1em;
}
.ty .wp-block-pullquote blockquote, .wp-block-jj-accordion .inner .wp-block-pullquote blockquote,
.typography .wp-block-pullquote blockquote,
article .wp-block-pullquote blockquote,
.content .wp-block-pullquote blockquote {
  font-size: 1em;
  margin: 0;
}
.ty pre, .wp-block-jj-accordion .inner pre,
.typography pre,
article pre,
.content pre {
  font-family: var(--ff-fixed);
  line-height: 1.5;
  background: black;
  color: white;
}
.ty .p, .wp-block-jj-accordion .inner .p,
.typography .p,
article .p,
.content .p {
  font-size: 1em;
}
.ty .p, .wp-block-jj-accordion .inner .p,
.ty dd,
.wp-block-jj-accordion .inner dd,
.ty dt,
.wp-block-jj-accordion .inner dt,
.ty ul,
.wp-block-jj-accordion .inner ul,
.ty ol,
.wp-block-jj-accordion .inner ol,
.ty p,
.wp-block-jj-accordion .inner p,
.typography .p,
article .p,
.content .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, .wp-block-jj-accordion .inner .small,
.typography .small,
article .small,
.content .small {
  font-size: 0.75em;
}
.ty .is-style-abstract, .wp-block-jj-accordion .inner .is-style-abstract,
.ty .abstract,
.wp-block-jj-accordion .inner .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, .wp-block-jj-accordion .inner p:last-child,
.typography p:last-child,
article p:last-child,
.content p:last-child {
  margin-bottom: 0;
}
.ty ul:not(:first-child), .wp-block-jj-accordion .inner 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), .wp-block-jj-accordion .inner 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:not([class]), .wp-block-jj-accordion .inner ul li:not([class]),
.ty ul li.wp-block-list-item,
.wp-block-jj-accordion .inner ul li.wp-block-list-item,
.typography ul li:not([class]),
article ul li:not([class]),
.content 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 {
  font-family: var(--ff-copy);
}
.ty ul li:not([class]):not(:first-child), .wp-block-jj-accordion .inner ul li:not([class]):not(:first-child),
.ty ul li.wp-block-list-item:not(:first-child),
.wp-block-jj-accordion .inner 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),
.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) {
  margin-top: 1em;
}
.ty ul li:not([class]), .wp-block-jj-accordion .inner ul li:not([class]),
.ty ul li.wp-block-list-item,
.wp-block-jj-accordion .inner ul li.wp-block-list-item,
.typography ul li:not([class]),
article ul li:not([class]),
.content 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 {
  padding: 0 0 0 1.8em;
  margin-left: 0;
  background: url("../images/Bullet.svg") no-repeat 0 0.2em;
}
.ty ul ul, .wp-block-jj-accordion .inner ul ul,
.typography ul ul,
article ul ul,
.content ul ul {
  margin-left: 1em;
}
.ty ul li, .wp-block-jj-accordion .inner ul li,
.typography ul li,
article ul li,
.content ul li {
  list-style-type: none;
}
.ty ol li, .wp-block-jj-accordion .inner ol li,
.typography ol li,
article ol li,
.content ol li {
  list-style-type: decimal;
  margin-left: 1em;
  margin-bottom: 1em;
}
.ty ul, .wp-block-jj-accordion .inner ul,
.ty ol,
.wp-block-jj-accordion .inner ol,
.typography ul,
article ul,
.content ul,
.typography ol,
article ol,
.content ol {
  margin: 1em 0;
  line-height: 1.4;
}
.ty caption, .wp-block-jj-accordion .inner caption,
.ty .h1,
.wp-block-jj-accordion .inner .h1,
.ty .h2,
.wp-block-jj-accordion .inner .h2,
.ty .h3,
.wp-block-jj-accordion .inner .h3,
.ty .is-style-h1,
.wp-block-jj-accordion .inner .is-style-h1,
.ty .is-style-h2,
.wp-block-jj-accordion .inner .is-style-h2,
.ty .is-style-h3,
.wp-block-jj-accordion .inner .is-style-h3,
.ty .is-style-h4,
.wp-block-jj-accordion .inner .is-style-h4,
.ty h1,
.wp-block-jj-accordion .inner h1,
.ty h2,
.wp-block-jj-accordion .inner h2,
.ty h3,
.wp-block-jj-accordion .inner h3,
.ty h4,
.wp-block-jj-accordion .inner h4,
.ty h5,
.wp-block-jj-accordion .inner h5,
.typography caption,
article caption,
.content caption,
.typography .h1,
article .h1,
.content .h1,
.typography .h2,
article .h2,
.content .h2,
.typography .h3,
article .h3,
.content .h3,
.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 .is-style-h4,
article .is-style-h4,
.content .is-style-h4,
.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: 1.5em;
  margin-bottom: 1em;
  line-height: 1.2;
  font-family: var(--ff-head);
  font-weight: 600;
}
.ty caption a, .wp-block-jj-accordion .inner caption a,
.ty .h1 a,
.wp-block-jj-accordion .inner .h1 a,
.ty .h2 a,
.wp-block-jj-accordion .inner .h2 a,
.ty .h3 a,
.wp-block-jj-accordion .inner .h3 a,
.ty .is-style-h1 a,
.wp-block-jj-accordion .inner .is-style-h1 a,
.ty .is-style-h2 a,
.wp-block-jj-accordion .inner .is-style-h2 a,
.ty .is-style-h3 a,
.wp-block-jj-accordion .inner .is-style-h3 a,
.ty .is-style-h4 a,
.wp-block-jj-accordion .inner .is-style-h4 a,
.ty h1 a,
.wp-block-jj-accordion .inner h1 a,
.ty h2 a,
.wp-block-jj-accordion .inner h2 a,
.ty h3 a,
.wp-block-jj-accordion .inner h3 a,
.ty h4 a,
.wp-block-jj-accordion .inner h4 a,
.ty h5 a,
.wp-block-jj-accordion .inner h5 a,
.typography caption a,
article caption a,
.content caption 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 .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 .is-style-h4 a,
article .is-style-h4 a,
.content .is-style-h4 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;
}
.ty caption:first-child, .wp-block-jj-accordion .inner caption:first-child,
.ty .h1:first-child,
.wp-block-jj-accordion .inner .h1:first-child,
.ty .h2:first-child,
.wp-block-jj-accordion .inner .h2:first-child,
.ty .h3:first-child,
.wp-block-jj-accordion .inner .h3:first-child,
.ty .is-style-h1:first-child,
.wp-block-jj-accordion .inner .is-style-h1:first-child,
.ty .is-style-h2:first-child,
.wp-block-jj-accordion .inner .is-style-h2:first-child,
.ty .is-style-h3:first-child,
.wp-block-jj-accordion .inner .is-style-h3:first-child,
.ty .is-style-h4:first-child,
.wp-block-jj-accordion .inner .is-style-h4:first-child,
.ty h1:first-child,
.wp-block-jj-accordion .inner h1:first-child,
.ty h2:first-child,
.wp-block-jj-accordion .inner h2:first-child,
.ty h3:first-child,
.wp-block-jj-accordion .inner h3:first-child,
.ty h4:first-child,
.wp-block-jj-accordion .inner h4:first-child,
.ty h5:first-child,
.wp-block-jj-accordion .inner 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 .h2:first-child,
article .h2:first-child,
.content .h2:first-child,
.typography .h3:first-child,
article .h3:first-child,
.content .h3: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 .is-style-h4:first-child,
article .is-style-h4:first-child,
.content .is-style-h4: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 .is-style-h1, .wp-block-jj-accordion .inner .is-style-h1,
.ty .is-style-h1 > h1,
.ty .is-style-h1 > h2,
.wp-block-jj-accordion .inner .is-style-h1 > h2,
.ty .is-style-h1 > h3,
.wp-block-jj-accordion .inner .is-style-h1 > h3,
.ty .is-style-h1 > h4,
.wp-block-jj-accordion .inner .is-style-h1 > h4,
.ty .h1,
.wp-block-jj-accordion .inner .h1,
.ty h1,
.wp-block-jj-accordion .inner h1,
.typography .is-style-h1,
article .is-style-h1,
.content .is-style-h1,
.typography .is-style-h1 > h1,
.typography .is-style-h1 > h2,
article .is-style-h1 > h2,
.content .is-style-h1 > h2,
.typography .is-style-h1 > h3,
article .is-style-h1 > h3,
.content .is-style-h1 > h3,
.typography .is-style-h1 > h4,
article .is-style-h1 > h4,
.content .is-style-h1 > h4,
.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, .wp-block-jj-accordion .inner .is-style-h2,
.ty .is-style-h2 > h1,
.wp-block-jj-accordion .inner .is-style-h2 > h1,
.ty .is-style-h2 > h2,
.ty .is-style-h2 > h3,
.wp-block-jj-accordion .inner .is-style-h2 > h3,
.ty .is-style-h2 > h4,
.wp-block-jj-accordion .inner .is-style-h2 > h4,
.ty .h2,
.wp-block-jj-accordion .inner .h2,
.ty h2,
.wp-block-jj-accordion .inner h2,
.typography .is-style-h2,
article .is-style-h2,
.content .is-style-h2,
.typography .is-style-h2 > h1,
article .is-style-h2 > h1,
.content .is-style-h2 > h1,
.typography .is-style-h2 > h2,
.typography .is-style-h2 > h3,
article .is-style-h2 > h3,
.content .is-style-h2 > h3,
.typography .is-style-h2 > h4,
article .is-style-h2 > h4,
.content .is-style-h2 > h4,
.typography .h2,
article .h2,
.content .h2,
.typography h2,
article h2,
.content h2 {
  font-size: var(--fs-hl-medium);
}
.ty caption, .wp-block-jj-accordion .inner caption,
.ty .is-style-h3,
.wp-block-jj-accordion .inner .is-style-h3,
.ty .is-style-h3 > h1,
.wp-block-jj-accordion .inner .is-style-h3 > h1,
.ty .is-style-h3 > h2,
.wp-block-jj-accordion .inner .is-style-h3 > h2,
.ty .is-style-h3 > h3,
.ty .is-style-h3 > h4,
.wp-block-jj-accordion .inner .is-style-h3 > h4,
.ty .h3,
.wp-block-jj-accordion .inner .h3,
.ty h3,
.wp-block-jj-accordion .inner h3,
.typography caption,
article caption,
.content caption,
.typography .is-style-h3,
article .is-style-h3,
.content .is-style-h3,
.typography .is-style-h3 > h1,
article .is-style-h3 > h1,
.content .is-style-h3 > h1,
.typography .is-style-h3 > h2,
article .is-style-h3 > h2,
.content .is-style-h3 > h2,
.typography .is-style-h3 > h3,
.typography .is-style-h3 > h4,
article .is-style-h3 > h4,
.content .is-style-h3 > h4,
.typography .h3,
article .h3,
.content .h3,
.typography h3,
article h3,
.content h3 {
  font-size: var(--fs-hl-small);
}
.ty .is-style-h4, .wp-block-jj-accordion .inner .is-style-h4,
.ty .is-style-h4 > h1,
.wp-block-jj-accordion .inner .is-style-h4 > h1,
.ty .is-style-h4 > h2,
.wp-block-jj-accordion .inner .is-style-h4 > h2,
.ty .is-style-h4 > h3,
.wp-block-jj-accordion .inner .is-style-h4 > h3,
.ty .is-style-h4 > h4,
.ty .h4,
.wp-block-jj-accordion .inner .h4,
.ty .h5,
.wp-block-jj-accordion .inner .h5,
.ty h4,
.wp-block-jj-accordion .inner h4,
.ty h5,
.wp-block-jj-accordion .inner h5,
.typography .is-style-h4,
article .is-style-h4,
.content .is-style-h4,
.typography .is-style-h4 > h1,
article .is-style-h4 > h1,
.content .is-style-h4 > h1,
.typography .is-style-h4 > h2,
article .is-style-h4 > h2,
.content .is-style-h4 > h2,
.typography .is-style-h4 > h3,
article .is-style-h4 > h3,
.content .is-style-h4 > h3,
.typography .is-style-h4 > h4,
.typography .h4,
article .h4,
.content .h4,
.typography .h5,
article .h5,
.content .h5,
.typography h4,
article h4,
.content h4,
.typography h5,
article h5,
.content h5 {
  font-weight: normal;
  font-size: var(--fs-hl-x-small);
}
.ty h1 + *, .wp-block-jj-accordion .inner h1 + *,
.ty h2 + *,
.wp-block-jj-accordion .inner h2 + *,
.ty h3 + *,
.wp-block-jj-accordion .inner h3 + *,
.ty .coltop + h1,
.wp-block-jj-accordion .inner .coltop + h1,
.ty .coltop + h2,
.wp-block-jj-accordion .inner .coltop + h2,
.ty .coltop + h3,
.wp-block-jj-accordion .inner .coltop + h3,
.ty .coltop + h4,
.wp-block-jj-accordion .inner .coltop + h4,
.ty .coltop + h5,
.wp-block-jj-accordion .inner .coltop + h5,
.ty a[name=copytop] + h1,
.wp-block-jj-accordion .inner a[name=copytop] + h1,
.ty a[name=copytop] + h2,
.wp-block-jj-accordion .inner a[name=copytop] + h2,
.ty a[name=copytop] + h3,
.wp-block-jj-accordion .inner a[name=copytop] + h3,
.ty a[name=copytop] + h4,
.wp-block-jj-accordion .inner a[name=copytop] + h4,
.ty a[name=copytop] + h5,
.wp-block-jj-accordion .inner 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]), .wp-block-jj-accordion .inner a:not([class]),
.typography a:not([class]),
article a:not([class]),
.content a:not([class]) {
  color: var(--c-rot);
  text-decoration: underline;
}
.ty a:not([class]):hover, .wp-block-jj-accordion .inner a:not([class]):hover,
.typography a:not([class]):hover,
article a:not([class]):hover,
.content a:not([class]):hover {
  text-decoration: none;
}
.ty .wp-caption p, .wp-block-jj-accordion .inner .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%;
}
html * {
  box-sizing: border-box;
}
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

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

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

#wrapall {
  margin: 0 auto;
}

header#header {
  display: flex;
  flex-direction: column-reverse;
}
header#header .logo {
  width: 50vw;
}
@media (min-width: 1024px) {
  header#header .logo svg {
    max-width: 100%;
  }
  header#header .logo {
    max-width: calc(var(--column-width) + var(--gap));
  }
}
header#header .logo span {
  display: none;
}
@media (max-width: 1023px) {
  header#header .logo svg,
  header#header .logo img {
    width: 45vw;
    height: auto;
  }
}
header#header .logo:not(.front) svg,
header#header .logo:not(.front) img {
  width: 45vw;
  width: 45vw;
}
@media (min-width: 1024px) {
  header#header .logo:not(.front) svg,
  header#header .logo:not(.front) img {
    width: calc(0.75 * (var(--column-width) + var(--gap)));
  }
}
header#header .logo:not(.front) svg,
header#header .logo:not(.front) img {
  height: auto;
}
header#header a {
  text-decoration: none;
  color: var(--ff-copy);
}
header#header .top {
  display: flex;
}
header#header .top > div {
  display: flex;
}
header#header .top > div.left {
  padding: var(--m-vert-slim) var(--width-margin) var(--m-vert) var(--width-margin);
}
@media (min-width: 1024px) {
  header#header .top > div.left {
    min-width: 60vw;
    padding: var(--m-vert-slim) 0 var(--m-vert-slim) var(--width-margin);
  }
}
header#header .top > div.left {
  background: var(--c-fond);
  border-radius: 0 0 var(--radius) 0;
}
header#header .top > div.left nav {
  margin-top: 46px;
}
@media (min-width: 1440px) {
  header#header .top > div.left nav {
    margin-left: var(--gap-2x);
  }
}
header#header .top > div.right {
  flex-direction: column;
  align-items: stretch;
}
header#header .top > div.right .emergency {
  height: calc(var(--m-vert-slim) + 46px);
  padding: var(--gap);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
header#header .top > div.right .emergency ul {
  width: 100%;
}
header#header .top > div.right .emergency ul li {
  width: 100%;
}
header#header .top > div.right .emergency ul li a {
  display: flex !important;
  text-align: center;
  justify-content: center;
  padding: 0.8em 1em 0.6em 1em !important;
  width: 100% !important;
  background: var(--c-accent) url(../images/tooth-love.svg) no-repeat 1em center !important;
  color: white !important;
  border: none !important;
  padding-left: 3em !important;
}
header#header .top > div.right .emergency ul li a:hover {
  background-color: var(--c-accent-dark) !important;
}
header#header .top > div.right {
  padding: 0 var(--gap-2x) var(--m-vert-slim) var(--gap-2x);
}
@media (max-width: 1023px) {
  header#header nav:not(#menu-emergency) {
    display: none;
  }
}
@media (min-width: 1280px) {
  header#header nav:not(#menu-emergency) {
    font-size: var(--fs-medium);
  }
}
header#header nav:not(#menu-emergency) > ul {
  display: flex;
  justify-content: flex-end;
}
header#header nav:not(#menu-emergency) > ul > li {
  position: relative;
}
header#header nav:not(#menu-emergency) > ul > li > a {
  text-transform: uppercase;
  padding: 0 var(--gap) var(--gap);
}
@media (min-width: 1280px) {
  header#header nav:not(#menu-emergency) > ul > li > a {
    padding: 0 var(--gap) var(--gap);
  }
}
header#header nav:not(#menu-emergency) > ul > li > ul {
  white-space: nowrap;
  position: absolute;
  left: 0;
  top: calc(var(--gap) + 0.5em);
  display: none;
  z-index: 2090;
  padding: calc(var(--gap) - 0.5em);
  background: var(--c-corporate);
  border-radius: var(--radius-small);
}
header#header nav:not(#menu-emergency) > ul > li > ul a {
  color: white;
  display: block;
  padding: 0.5em;
}
@media (min-width: 1280px) {
  header#header nav:not(#menu-emergency) > ul > li > ul a {
    padding: 0.5em 1em;
  }
}
header#header nav:not(#menu-emergency) > ul > li > ul > li {
  padding: 0.2em;
}
header#header nav:not(#menu-emergency) > ul > li > ul > li + li {
  margin-top: 0.3em;
}
header#header nav:not(#menu-emergency) > ul > li > ul > li:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: calc(0.6 * var(--radius-small));
}
header#header nav:not(#menu-emergency) > ul > li > ul > li:hover > a {
  border-radius: calc(0.6 * var(--radius-small));
}
header#header nav:not(#menu-emergency) > ul > li > ul > li > ul {
  padding: 0.1em 0em;
}
header#header nav:not(#menu-emergency) > ul > li > ul > li > ul > li > a {
  font-size: var(--fs-copy);
  opacity: 0.7;
}
header#header nav:not(#menu-emergency) > ul > li > ul > li > ul > li > a:hover {
  border-radius: calc(0.36 * var(--radius-small));
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
}
header#header nav:not(#menu-emergency) > ul > li:hover > ul {
  display: block;
}
@media (min-width: 1280px) {
  header#header #mobile_menu {
    display: none;
  }
}
header#header #mobile_menu {
  position: fixed;
  background-color: white;
  z-index: 2086;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  padding: var(--gap);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4em;
  transform: translateX(100%);
  transition: transform 800ms;
  transition-delay: 400ms;
  overflow: auto;
}
header#header #mobile_menu.open {
  transition: transform 800ms;
  transform: translateX(0);
}
header#header #mobile_menu.open > div > ul {
  opacity: 1;
  transform: translateX(0);
  transition: all 800ms;
}
header#header #mobile_menu.open > div > ul:nth-child(0) {
  transition-delay: calc(0.4s + 0.4s * 0);
}
header#header #mobile_menu.open > div > ul:nth-child(1) {
  transition-delay: calc(0.4s + 0.4s * 1);
}
header#header #mobile_menu.open > div > ul:nth-child(2) {
  transition-delay: calc(0.4s + 0.4s * 2);
}
header#header #mobile_menu.open > div > ul:nth-child(3) {
  transition-delay: calc(0.4s + 0.4s * 3);
}
header#header #mobile_menu.open > div > ul:nth-child(4) {
  transition-delay: calc(0.4s + 0.4s * 4);
}
header#header #mobile_menu.open > div > ul:nth-child(5) {
  transition-delay: calc(0.4s + 0.4s * 5);
}
header#header #mobile_menu.open > div > ul:nth-child(6) {
  transition-delay: calc(0.4s + 0.4s * 6);
}
header#header #mobile_menu.open > div > ul:nth-child(7) {
  transition-delay: calc(0.4s + 0.4s * 7);
}
header#header #mobile_menu.open > div > ul:nth-child(8) {
  transition-delay: calc(0.4s + 0.4s * 8);
}
header#header #mobile_menu.open > div > ul:nth-child(9) {
  transition-delay: calc(0.4s + 0.4s * 9);
}
header#header #mobile_menu > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  line-height: 1.4;
}
header#header #mobile_menu > div > ul {
  margin-bottom: var(--gap);
  opacity: 0;
  transform: translateX(100%);
  transition: all 800ms;
}
header#header #mobile_menu > div > ul:nth-child(0) {
  transition-delay: calc(0.2s * 0);
}
header#header #mobile_menu > div > ul:nth-child(1) {
  transition-delay: calc(0.2s * 1);
}
header#header #mobile_menu > div > ul:nth-child(2) {
  transition-delay: calc(0.2s * 2);
}
header#header #mobile_menu > div > ul:nth-child(3) {
  transition-delay: calc(0.2s * 3);
}
header#header #mobile_menu > div > ul:nth-child(4) {
  transition-delay: calc(0.2s * 4);
}
header#header #mobile_menu > div > ul:nth-child(5) {
  transition-delay: calc(0.2s * 5);
}
header#header #mobile_menu > div > ul:nth-child(6) {
  transition-delay: calc(0.2s * 6);
}
header#header #mobile_menu > div > ul:nth-child(7) {
  transition-delay: calc(0.2s * 7);
}
header#header #mobile_menu > div > ul:nth-child(8) {
  transition-delay: calc(0.2s * 8);
}
header#header #mobile_menu > div > ul:nth-child(9) {
  transition-delay: calc(0.2s * 9);
}
header#header #mobile_menu > div > ul > li {
  margin: 0 0 1em;
}
header#header #mobile_menu > div > ul > li > a {
  text-transform: uppercase;
}
header#header #mobile_menu > div > ul > li > ul {
  padding: 0 0 0 0.5em;
  font-size: var(--fs-medium);
}
header#header #mobile_menu > div > ul > li > ul > li {
  margin: 0.5em 0;
}
header#header #mobile_menu > div > ul > li > ul > li > a {
  color: var(--c-corporate);
}
@media (min-width: 1280px) {
  header#header .trigger {
    display: none;
  }
}
header#header .trigger {
  cursor: pointer;
  position: fixed;
  right: var(--gap);
  top: 16vw;
}
@media (min-width: 720px) {
  header#header .trigger {
    top: 90px;
  }
}
header#header .trigger {
  z-index: 2089;
  width: 10vw;
  max-width: 50px;
  height: 4vw;
  max-height: 18px;
}
header#header .trigger > span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--c-corporate);
  position: absolute;
  left: 0;
}
header#header .trigger > span.ff1 {
  top: 0;
}
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 > .wp-block-jj-bild-text, .content > .wp-block-jj-accordion, .content > .wp-block-jj-eyebrow, .content > .wp-block-jj-icon, .content > .wp-block-file, .content > .wp-block-quote, .content > .wp-block-buttons, .content > .wp-block-buttons, .content > .wrapThis, .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: var(--width-margin);
}
@media (min-width: 1280px) {
  .content ._brlbs-switch-consent, .content > .wp-block-columns, .content > .wp-block-jj-bild-text, .content > .wp-block-jj-accordion, .content > .wp-block-jj-eyebrow, .content > .wp-block-jj-icon, .content > .wp-block-file, .content > .wp-block-quote, .content > .wp-block-buttons, .content > .wp-block-buttons, .content > .wrapThis, .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 {
    margin-left: var(--m-left);
    margin-right: var(--width-margin);
  }
}
.content > :first-child:not(.wp-block-jj-hero):not(.wp-block-jj-header) {
  margin-top: var(--gap-2x);
}
.content .wp-block-columns + .wp-block-columns {
  margin-top: 2em;
}
.content li {
  background: none;
  padding-left: 0;
}
.content div:not(.no-bg).has-background {
  max-width: 100%;
  padding: var(--gap);
}
.content div:not(.no-bg).has-background.wp-block-group {
  padding: var(--gap) 0;
}
.content div:not(.no-bg).has-background {
  border-radius: var(--radius);
}
@media (min-width: 782px) {
  .content div:not(.no-bg).has-background.wp-block-column {
    flex-grow: 0;
    flex-basis: calc(50% - var(--gap) / 2);
    max-width: calc(50% - var(--gap) / 2);
  }
}
.content div:not(.no-bg).has-background .eyebrow {
  margin: 0 !important;
  color: var(--c-corporate);
}
.content div:not(.no-bg).has-background .eyebrow + h3 {
  margin-top: 0;
}
.content div.has-background.wp-block-group {
  padding: var(--gap-2x);
}

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

/*******************************************/
/*
/*  Standard Blocks
*/
.wp-block-file {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  font-size: 1em !important;
  margin-bottom: 1em;
}
.wp-block-file a:not(.wp-block-file__button) {
  color: var(--c-copy);
  text-decoration: none;
}
.wp-block-file .wp-block-file__button {
  margin: 0 1em 0 0;
}

.wp-block-buttons {
  margin-bottom: 1em;
}

.wp-block-image:not(:first-child) {
  margin-top: var(--m-vert-slim);
}
.wp-block-image:not(:last-child) {
  margin-bottom: var(--m-vert-slim);
}
.wp-block-image figcaption {
  opacity: 0.8;
  text-align: left;
  font-size: var(--fs-small);
  line-height: 1.2;
  margin: 1em 0 0 0;
  margin: 1em 0 0 0;
}

.wp-block-jj-header {
  position: relative;
  margin-top: var(--gap-2x);
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: var(--m-vert);
}
@media (max-width: 1023px) {
  .wp-block-jj-header {
    margin-bottom: var(--gap-2x);
    padding-bottom: var(--gap-2x);
  }
  .wp-block-jj-header:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: var(--c-fond);
    border-radius: 0 0 var(--radius) 0;
  }
}
.wp-block-jj-header {
  margin-top: calc(-1 * var(--gap));
}
@media (min-width: 1024px) {
  .wp-block-jj-header {
    display: block;
    margin-top: calc(-1 * var(--gap-2x));
  }
}
.wp-block-jj-header .text {
  z-index: 1986;
  margin: var(--gap) var(--width-margin) 0;
}
@media (min-width: 1024px) {
  .wp-block-jj-header .text {
    margin: 0;
    padding-left: var(--width-margin);
    position: absolute;
    left: 0;
    bottom: var(--radius);
    width: 100%;
  }
}
.wp-block-jj-header .text h1 {
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .wp-block-jj-header .text h1:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
.wp-block-jj-header .text h1 span {
  display: block;
}
.wp-block-jj-header .text h1 span.eyebrow {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .wp-block-jj-header .text h1 span.eyebrow {
    font-size: var(--fs-large);
    font-weight: normal;
  }
}
.wp-block-jj-header .text h1 span.eyebrow {
  padding-bottom: 1em;
  color: var(--c-corporate);
}
.wp-block-jj-header .text h1 span:not([class]) {
  display: none;
}
.wp-block-jj-header .text h1 .h2 {
  margin: 0;
  font-size: var(--fs-hl-large);
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
}
.wp-block-jj-header .text .eyebrow,
.wp-block-jj-header .text .copy {
  width: 66vw;
}
@media (min-width: 1024px) {
  .wp-block-jj-header .text .eyebrow,
  .wp-block-jj-header .text .copy {
    width: calc(var(--column-width) - var(--gap-3x));
  }
}
.wp-block-jj-header .text .eyebrow,
.wp-block-jj-header .text .copy {
  line-height: 1.4;
}
.wp-block-jj-header .bild:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(93, 186, 201, 0.7) 100%);
  mix-blend-mode: screen;
}
.wp-block-jj-header .bild {
  position: relative;
  z-index: 1972;
  margin-left: var(--width-margin);
  border-radius: var(--radius) 0 0 var(--radius);
}
@media (min-width: 1024px) {
  .wp-block-jj-header .bild {
    margin-left: 30vw;
    border-radius: var(--radius) 0 0 var(--radius);
  }
}
@media (min-width: 1280px) {
  .wp-block-jj-header .bild {
    margin-left: var(--m-left);
  }
}
.wp-block-jj-header .bild img {
  display: flex;
}
.wp-block-jj-header .bild {
  overflow: hidden;
}
.wp-block-jj-header .bild__image {
  width: 100%;
  position: relative;
  padding-bottom: 45%;
}
.wp-block-jj-header .bild__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  .wp-block-jj-header .bild__image {
    padding-bottom: 32%;
  }
}

.home .wp-block-jj-header {
  position: relative;
}
.home .wp-block-jj-header .bild__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home .wp-block-jj-header .bild__image {
  padding-bottom: 72%;
}
@media (min-width: 1024px) {
  .home .wp-block-jj-header .bild__image {
    padding-bottom: 59%;
  }
}

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

.wp-block-jj-eyebrow:not(:first-child) {
  margin-top: var(--gap-2x);
}
.wp-block-jj-eyebrow span {
  display: block;
}
.wp-block-jj-eyebrow {
  font-weight: normal;
}
.wp-block-jj-eyebrow .eyebrow-line1 {
  font-size: 1rem;
  color: var(--c-corporate);
}
.wp-block-jj-eyebrow .eyebrow-line2 {
  margin: 0.5rem 0 0;
}
.wp-block-jj-eyebrow {
  line-height: 1.2;
  margin-bottom: var(--gap);
}

.wp-block-jj-bild-text:not(:first-child) {
  margin-top: var(--m-vert-slim);
}
.wp-block-jj-bild-text:not(:last-child) {
  margin-bottom: var(--m-vert-slim);
}
.wp-block-jj-bild-text {
  display: flex;
  align-items: stretch;
  gap: var(--gap);
}
@media (max-width: 1023px) {
  .wp-block-jj-bild-text {
    flex-direction: column;
  }
}
.wp-block-jj-bild-text .bild {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .wp-block-jj-bild-text .bild {
    width: 40%;
  }
  .wp-block-jj-bild-text .bild__image, .wp-block-jj-bild-text .bild__image img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.wp-block-jj-bild-text .bild {
  border-radius: var(--radius);
  overflow: hidden;
}
.wp-block-jj-bild-text .text {
  border-radius: var(--radius);
}

.wp-block-jj-icon:not(:first-child) {
  margin-top: var(--gap);
}
.wp-block-jj-icon .feature__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap);
  text-decoration: none;
  color: inherit;
}
.wp-block-jj-icon.is-position-below .feature__link {
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  align-items: flex-start;
}
.wp-block-jj-icon.is-position-next .feature__link {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.wp-block-jj-icon.is-position-next.reverse .feature__link {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.wp-block-jj-icon:not(.is-position-below):has(p) .feature__link {
  align-items: flex-start;
}
.wp-block-jj-icon .text {
  font-size: var(--fs-small);
}
.wp-block-jj-icon .text .h3 {
  margin: 0;
  font-size: var(--fs-hl-x-small);
}
.wp-block-jj-icon.is-position-next .icon {
  width: 3em;
  height: 3em;
}
.wp-block-jj-icon .icon {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--c-corporate);
  border-radius: 100%;
  color: #fff;
  overflow: hidden;
}
.wp-block-jj-icon .icon img,
.wp-block-jj-icon .icon .icon__svg {
  display: block;
}
.wp-block-jj-icon .icon img {
  max-width: 60%;
  max-height: 60%;
  width: auto;
  height: auto;
}
.wp-block-jj-icon .icon .icon__svg {
  width: 60%;
  height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wp-block-jj-icon .icon .icon__svg svg {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}
.wp-block-jj-icon .icon .icon__svg svg [fill]:not([fill=none]) {
  fill: currentColor;
}
.wp-block-jj-icon .icon .icon__svg svg [stroke]:not([stroke=none]) {
  stroke: currentColor;
}

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

.error404 form p,
.search form p,
.block-editor-block-list__block form p,
.home form p,
.post form p,
.page form p {
  margin: 0;
}
.error404 label,
.search label,
.block-editor-block-list__block label,
.home label,
.post label,
.page label {
  display: inline-block;
}
.error404 textarea,
.error404 input[type=email],
.error404 input[type=search],
.error404 input[type=text],
.search textarea,
.search input[type=email],
.search input[type=search],
.search input[type=text],
.block-editor-block-list__block textarea,
.block-editor-block-list__block input[type=email],
.block-editor-block-list__block input[type=search],
.block-editor-block-list__block input[type=text],
.home textarea,
.home input[type=email],
.home input[type=search],
.home 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: grey;
  margin: 0;
  width: 100%;
  border: none;
  font-size: 1em;
  border-radius: var(--radius-small);
}
.error404 input[type=checkbox],
.error404 input[type=radio],
.error404 input[type=submit],
.error404 input[type=button],
.error404 select,
.search input[type=checkbox],
.search input[type=radio],
.search input[type=submit],
.search input[type=button],
.search select,
.block-editor-block-list__block input[type=checkbox],
.block-editor-block-list__block input[type=radio],
.block-editor-block-list__block input[type=submit],
.block-editor-block-list__block input[type=button],
.block-editor-block-list__block select,
.home input[type=checkbox],
.home input[type=radio],
.home input[type=submit],
.home input[type=button],
.home 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;
}
.error404 .gform_wrapper,
.search .gform_wrapper,
.block-editor-block-list__block .gform_wrapper,
.home .gform_wrapper,
.post .gform_wrapper,
.page .gform_wrapper {
  margin-bottom: var(--m-vert);
}
.error404 .gform_wrapper .gform_fields,
.search .gform_wrapper .gform_fields,
.block-editor-block-list__block .gform_wrapper .gform_fields,
.home .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);
}
.error404 .gform_wrapper .gform_fields > *,
.search .gform_wrapper .gform_fields > *,
.block-editor-block-list__block .gform_wrapper .gform_fields > *,
.home .gform_wrapper .gform_fields > *,
.post .gform_wrapper .gform_fields > *,
.page .gform_wrapper .gform_fields > * {
  grid-column: span 6;
}
.error404 .gform_wrapper .gform_fields .gfield--width-half,
.search .gform_wrapper .gform_fields .gfield--width-half,
.block-editor-block-list__block .gform_wrapper .gform_fields .gfield--width-half,
.home .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;
}
.error404 .gform_wrapper .gform_fields .gfield--width-third,
.search .gform_wrapper .gform_fields .gfield--width-third,
.block-editor-block-list__block .gform_wrapper .gform_fields .gfield--width-third,
.home .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;
}
.error404 .gform_wrapper .ginput_container,
.search .gform_wrapper .ginput_container,
.block-editor-block-list__block .gform_wrapper .ginput_container,
.home .gform_wrapper .ginput_container,
.post .gform_wrapper .ginput_container,
.page .gform_wrapper .ginput_container {
  margin: 0;
}
.error404 .gform_wrapper .gfield_label,
.search .gform_wrapper .gfield_label,
.block-editor-block-list__block .gform_wrapper .gfield_label,
.home .gform_wrapper .gfield_label,
.post .gform_wrapper .gfield_label,
.page .gform_wrapper .gfield_label {
  margin: 0.5em 0;
}
.error404 .gform_wrapper .gform_fields .gfield,
.search .gform_wrapper .gform_fields .gfield,
.block-editor-block-list__block .gform_wrapper .gform_fields .gfield,
.home .gform_wrapper .gform_fields .gfield,
.post .gform_wrapper .gform_fields .gfield,
.page .gform_wrapper .gform_fields .gfield {
  margin: 0 0 1em;
}
.error404 .gform_wrapper .hidden_label label,
.search .gform_wrapper .hidden_label label,
.block-editor-block-list__block .gform_wrapper .hidden_label label,
.home .gform_wrapper .hidden_label label,
.post .gform_wrapper .hidden_label label,
.page .gform_wrapper .hidden_label label {
  display: none;
}
.error404 .gform_wrapper .hidden_label input,
.search .gform_wrapper .hidden_label input,
.block-editor-block-list__block .gform_wrapper .hidden_label input,
.home .gform_wrapper .hidden_label input,
.post .gform_wrapper .hidden_label input,
.page .gform_wrapper .hidden_label input {
  margin-top: 0;
}

.cta {
  position: fixed;
  left: var(--gap);
  right: var(--gap);
  bottom: var(--gap);
  border-radius: 35px;
}
@media (min-width: 768px) {
  .cta {
    border-radius: 35px 0 0 35px;
    left: auto;
    right: 0;
    bottom: 0;
  }
}
.cta {
  bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--c-corporate);
  color: white;
  text-decoration: none;
  padding: 0.75rem 1.5rem 0.75rem 0.8rem;
  transition: background 0.2s ease;
  z-index: 100;
}
.cta svg {
  width: 32px;
  height: 32px;
}
@media (min-width: 768px) {
  .cta svg {
    width: 50px;
    height: 50px;
  }
}
.cta svg {
  flex-shrink: 0;
}
.cta svg circle {
  fill: var(--c-corporate);
}
.cta svg path {
  stroke: white;
}
.cta p {
  margin: 0;
  font-family: var(--ff-head);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .cta p {
    flex-grow: 1;
    text-align: center;
  }
  .cta p br {
    display: none;
  }
}

.error404 .wp-block-button__link,
.error404 a.button,
.error404 header#header .top > div.right .emergency ul li a,
header#header .top > div.right .emergency ul li .error404 a,
.error404 .button,
.search .wp-block-button__link,
.search a.button,
.search header#header .top > div.right .emergency ul li a,
header#header .top > div.right .emergency ul li .search a,
.search .button,
.block-editor-block-list__block .wp-block-button__link,
.block-editor-block-list__block a.button,
.block-editor-block-list__block header#header .top > div.right .emergency ul li a,
header#header .top > div.right .emergency ul li .block-editor-block-list__block a,
.block-editor-block-list__block .button,
.home .wp-block-button__link,
.home a.button,
.home header#header .top > div.right .emergency ul li a,
header#header .top > div.right .emergency ul li .home a,
.home .button,
.post .wp-block-button__link,
.post a.button,
.post header#header .top > div.right .emergency ul li a,
header#header .top > div.right .emergency ul li .post a,
.post .button,
.page .wp-block-button__link,
.page a.button,
.page header#header .top > div.right .emergency ul li a,
header#header .top > div.right .emergency ul li .page a,
.page .button {
  display: inline-flex;
  align-items: center;
  font-family: var(--ff-head);
  font-size: 1rem;
  padding: 0.8em 1.6em 0.7em;
  background: var(--c-corporate);
  text-decoration: none;
  font-weight: bold;
  border-radius: 2em;
}
.error404 .wp-block-button__link svg,
.error404 a.button svg,
.error404 header#header .top > div.right .emergency ul li a svg,
header#header .top > div.right .emergency ul li .error404 a svg,
.error404 .button svg,
.search .wp-block-button__link svg,
.search a.button svg,
.search header#header .top > div.right .emergency ul li a svg,
header#header .top > div.right .emergency ul li .search a svg,
.search .button svg,
.block-editor-block-list__block .wp-block-button__link svg,
.block-editor-block-list__block a.button svg,
.block-editor-block-list__block header#header .top > div.right .emergency ul li a svg,
header#header .top > div.right .emergency ul li .block-editor-block-list__block a svg,
.block-editor-block-list__block .button svg,
.home .wp-block-button__link svg,
.home a.button svg,
.home header#header .top > div.right .emergency ul li a svg,
header#header .top > div.right .emergency ul li .home a svg,
.home .button svg,
.post .wp-block-button__link svg,
.post a.button svg,
.post header#header .top > div.right .emergency ul li a svg,
header#header .top > div.right .emergency ul li .post a svg,
.post .button svg,
.page .wp-block-button__link svg,
.page a.button svg,
.page header#header .top > div.right .emergency ul li a svg,
header#header .top > div.right .emergency ul li .page a svg,
.page .button svg {
  margin-right: 0.5em;
}
.error404 .wp-block-button__link:hover,
.error404 a.button:hover,
.error404 header#header .top > div.right .emergency ul li a:hover,
header#header .top > div.right .emergency ul li .error404 a:hover,
.error404 .button:hover,
.search .wp-block-button__link:hover,
.search a.button:hover,
.search header#header .top > div.right .emergency ul li a:hover,
header#header .top > div.right .emergency ul li .search a:hover,
.search .button:hover,
.block-editor-block-list__block .wp-block-button__link:hover,
.block-editor-block-list__block a.button:hover,
.block-editor-block-list__block header#header .top > div.right .emergency ul li a:hover,
header#header .top > div.right .emergency ul li .block-editor-block-list__block a:hover,
.block-editor-block-list__block .button:hover,
.home .wp-block-button__link:hover,
.home a.button:hover,
.home header#header .top > div.right .emergency ul li a:hover,
header#header .top > div.right .emergency ul li .home a:hover,
.home .button:hover,
.post .wp-block-button__link:hover,
.post a.button:hover,
.post header#header .top > div.right .emergency ul li a:hover,
header#header .top > div.right .emergency ul li .post a:hover,
.post .button:hover,
.page .wp-block-button__link:hover,
.page a.button:hover,
.page header#header .top > div.right .emergency ul li a:hover,
header#header .top > div.right .emergency ul li .page a:hover,
.page .button:hover {
  background: var(--c-copy);
}
.error404 .is-style-outline .wp-block-button__link,
.search .is-style-outline .wp-block-button__link,
.block-editor-block-list__block .is-style-outline .wp-block-button__link,
.home .is-style-outline .wp-block-button__link,
.post .is-style-outline .wp-block-button__link,
.page .is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--c-corporate);
  border: solid 2px var(--c-corporate);
}
.error404 .is-style-outline .wp-block-button__link:hover,
.search .is-style-outline .wp-block-button__link:hover,
.block-editor-block-list__block .is-style-outline .wp-block-button__link:hover,
.home .is-style-outline .wp-block-button__link:hover,
.post .is-style-outline .wp-block-button__link:hover,
.page .is-style-outline .wp-block-button__link:hover {
  border-color: var(--c-copy);
  color: var(--c-copy);
}

p:has(img:first-child + a),
p:has(img:first-child + span),
p:has(svg:first-child + a),
p:has(svg:first-child + span) {
  display: flex;
  align-items: center;
}
p:has(img:first-child + a) img,
p:has(img:first-child + a) svg,
p:has(img:first-child + span) img,
p:has(img:first-child + span) svg,
p:has(svg:first-child + a) img,
p:has(svg:first-child + a) svg,
p:has(svg:first-child + span) img,
p:has(svg:first-child + span) svg {
  margin-right: 0.5em;
}

.upload {
  position: relative;
}
.upload button {
  position: absolute;
  top: 2em;
  right: 2em;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0.5em 1em;
  border: solid 1px white;
  border-radius: 0.24em;
  cursor: pointer;
}
.upload button:hover {
  background: var(--c-copy);
}

.no-bg {
  background-color: transparent !important;
}

/*
/* 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: 1440px) {
  body.home {
    --leading-margin: min(50vw,calc(var(--column-width) + var(--gap)));
    --m-left: calc(var(--leading-margin) + var(--gap-2x) + var(--width-margin) + var(--gap)) !important;
  }
}

.persons-grid {
  margin-left: var(--m-left);
  margin-right: var(--width-margin);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-2x);
}
@media (min-width: 768px) {
  .persons-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .persons-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

#persons-grid .person-card__image {
  margin-bottom: var(--gap);
  overflow: hidden;
  border-radius: var(--radius);
}
#persons-grid .person-card__image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
#persons-grid .person-card__name {
  font-size: var(--fs-large);
  color: var(--c-corporate);
  margin: 0 0 0.25em;
}
#persons-grid .person-card__position {
  font-size: var(--fs-copy);
  margin: 0;
  color: var(--c-copy);
}
#persons-grid .person-card__email, #persons-grid .person-card__phone {
  display: block;
  font-size: var(--fs-copy);
  color: var(--c-corporate-dark);
  text-decoration: none;
  line-height: 1.6;
}
#persons-grid .person-card__email:hover, #persons-grid .person-card__phone:hover {
  text-decoration: underline;
}

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

#searchform {
  display: flex;
}
#searchform input {
  flex-grow: 1;
}
#searchform button {
  flex-shrink: 0;
}

.wp-block-buttons {
  margin: 0;
}
.wp-block-buttons:not(:first-child) {
  margin-top: var(--gap);
}
.wp-block-buttons:not(:last-child) {
  margin-bottom: var(--gap);
}

footer {
  position: relative;
  z-index: 1986;
  padding: var(--m-vert) 0;
}
footer .is-style-h4 {
  font-weight: normal !important;
  color: var(--c-corporate);
}
@media (max-width: 767px) {
  footer .wrap {
    margin: 0;
    width: 100%;
    padding-bottom: var(--m-vert);
  }
}
footer > div {
  font-size: var(--fs-copy);
}
footer > div a {
  text-decoration: none !important;
  color: var(--c-copy);
}
footer > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
@media (min-width: 1024px) {
  footer > div {
    display: grid;
    gap: var(--gap-2x);
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 138px;
  }
}
@media (min-width: 1024px) {
  footer > div > div {
    padding: var(--gap) 0;
  }
}
footer > div .communication {
  grid-column: span 4;
  display: grid;
  gap: var(--gap-2x);
}
@media (min-width: 680px) {
  footer > div .communication {
    grid-template-columns: 1fr 1fr;
  }
}
footer > div .communication .address {
  width: 100%;
  padding: var(--gap) var(--width-margin);
}
@media (min-width: 1024px) {
  footer > div .communication .address {
    padding: var(--gap);
    border-radius: var(--radius);
  }
}
footer > div .communication .address {
  background: var(--c-fond);
}
@media (max-width: 1023px) {
  footer > div .communication .contact {
    padding: 0 var(--width-margin);
  }
}
@media (min-width: 680px) and (max-width: 1023px) {
  footer > div .communication .contact {
    padding: var(--gap);
  }
}
footer > div .opening-times {
  padding: var(--gap) var(--width-margin) var(--gap-2x) var(--width-margin);
  width: 100%;
}
@media (min-width: 1024px) {
  footer > div .opening-times {
    padding: 0;
    grid-column: span 3;
  }
}
footer > div .opening-times p {
  margin: 0;
}
footer > div .opening-times table tr,
footer > div .opening-times table td {
  background: none;
  border: none;
  padding: 0.5em 0;
}
footer > div .opening-times table tr + td,
footer > div .opening-times table td + td {
  padding-left: 1em;
  white-space: nowrap;
}
footer > div > a {
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer > div > a img {
  width: 30vw;
}
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;
}

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