@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: local(""), url("/fonts/montserrat-v15-latin-300.woff2") format("woff2"), url("/fonts/montserrat-v15-latin-300.woff") format("woff"); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local(""), url("/fonts/montserrat-v15-latin-regular.woff2") format("woff2"), url("/fonts/montserrat-v15-latin-regular.woff") format("woff"); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: local(""), url("/fonts/montserrat-v15-latin-700.woff2") format("woff2"), url("/fonts/montserrat-v15-latin-700.woff") format("woff"); }
@media screen, projection { :root { --fs: 93.75%; --pad: .75rem; --fill: .75rem; --max: 46em; --rad: 1.25rem; --logo_hght: 3rem; }
  html { height: 100%; overflow-x: hidden; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; scroll-behavior: smooth; background: #fff; }
  *, *::before, *::after { box-sizing: inherit; }
  body { min-height: 100%; margin: 0; padding: 0 1em; padding: 0 var(--pad); color: #0e4583; font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-size: 100%; font-size: var(--fs); font-weight: 300; line-height: 1.5; background: no-repeat #0e4583 fixed; background-image: linear-gradient(white 0em, rgba(255, 255, 255, 0.3) 9em, rgba(255, 255, 255, 0.15) 11.7em, rgba(255, 255, 255, 0.075) 13.59em, rgba(255, 255, 255, 0.037) 14.91em, rgba(255, 255, 255, 0.019) 15.84em, rgba(255, 255, 255, 0) 18em), linear-gradient(to right, #0e4583, #01758d); }
  article, aside, footer, header, nav, section, figcaption, figure, main, details, summary { display: block; }
  audio, video { display: inline-block; }
  h1 { margin: 1.333em 0 .67em 0; font-size: 200%; font-size: clamp(150%, 3vw, 300%); text-transform: uppercase; line-height: 1; letter-spacing: -.025em; }
  h1:first-child { margin-top: 0; }
  h2 { margin: 2rem 0 .5em; color: #018aa6; font-size: 150%; font-size: clamp(125%, 2.5vw, 150%); font-weight: 300; line-height: 1.25; }
  h2 h1 + h2 { margin-top: 0; }
  h2:first-child { margin-top: 0; }
  h3, h4, h5, h6 { margin: 1.5em 0 0; font-size: 100%; }
  h3 + *, h4 + *, h5 + * { margin-top: 0; }
  a { color: inherit; background-color: transparent; }
  b, strong { font-weight: bolder; }
  img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; }
  img:not([alt]) { filter: grayscale(100%); }
  svg:not(:root) { overflow: hidden; }
  video { max-width: 100%; height: auto; }
  figure { margin-left: auto; margin-right: auto; }
  figure img { vertical-align: top; }
  hr { height: 0; margin: 4.5em auto; color: inherit; border: none; border-top: 3px dotted #018aa6; }
  hr + * { margin-top: 0; }
  *:focus:not(:focus-visible) { outline: none; }
  button, input, optgroup, select, textarea { font: inherit; line-height: 1.15; margin: 0; }
  textarea { resize: vertical; }
  button, input { overflow: visible; }
  button, select { text-transform: none; }
  button { cursor: pointer; }
  button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
  button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
  button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
  fieldset { padding: 0; margin: 0; border: none; }
  button, summary { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  [hidden] { display: none; }
  .visually_hidden, .vh, .filter_sections input, .filter_section input[type="checkbox"], .section_nav span { position: absolute; clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
  .box > *:first-child, body > * > *:first-child, .words > *:first-child { margin-top: 0; }
  .box > *:last-child, body > * > *:last-child, .words > *:last-child { margin-bottom: 0; }
  /* */
  body > * { padding: 1.5em; padding: 1.5em var(--fill); }
  body > * + * { margin-top: var(--pad); }
  main { max-width: 120em; margin: 0 auto; background: #fff; border-radius: var(--rad); }
  header { position: -webkit-sticky; position: sticky; z-index: 9; top: -1px; padding: .5rem 0 1rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; line-height: 1; background: #fff; border-radius: 0 0 var(--rad) var(--rad); transform: translateZ(0); }
  header.fixed { box-shadow: 0 6px 6px -6px rgba(14, 69, 131, 0.6); }
  header h1 { position: relative; z-index: 2; height: 3rem; height: var(--logo_hght); margin: 0 0 0 var(--pad); max-width: 32%; font-size: 100%; }
  header h1 img { width: auto; height: 100%; vertical-align: bottom; }
  @supports (backdrop-filter: saturate(100%)) { header.fixed { background: rgba(255, 255, 255, 0.88); -webkit-backdrop-filter: saturate(100%) blur(10px); backdrop-filter: saturate(100%) blur(10px); } }
  @supports (-webkit-backdrop-filter: saturate(100%)) { header.fixed { background: rgba(255, 255, 255, 0.88); -webkit-backdrop-filter: saturate(100%) blur(10px); backdrop-filter: saturate(100%) blur(10px); } }
  #meta { position: relative; z-index: 2; right: var(--pad); padding: 0; list-style: none; }
  #navicon { cursor: pointer; height: 1.5em; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; background: transparent; border: none; outline: none; }
  .icn, .icn:before, .icn:after { height: 2px; width: 32px; background: #018aa6; border-radius: 2px; transition-timing-function: ease-in-out; }
  .icn { position: relative; z-index: 1; display: inline-block; vertical-align: middle; transition-duration: .1s; transition-delay: 0; transition-property: background; }
  .icn:before, .icn:after { content: ''; position: absolute; left: 0; width: 22px; transition-duration: .1s, .1s; transition-delay: .1s, 0; }
  .icn:before { top: -9px; transition-property: top, transform; }
  .icn:after { left: auto; right: 0; bottom: -9px; transition-property: bottom, transform; }
  #navicon[aria-expanded="true"] .icn { background-color: transparent; }
  #navicon[aria-expanded="true"] .icn:before, #navicon[aria-expanded="true"] .icn:after { width: 32px; transition-delay: 0, .1s; }
  #navicon[aria-expanded="true"] .icn:before { top: 0; transform: rotate(45deg); }
  #navicon[aria-expanded="true"] .icn:after { bottom: 0; transform: rotate(-45deg); }
  /* NAV */
  #meta { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; color: #018aa6; }
  #meta .lbl { position: absolute; clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
  #meta a { min-width: 32px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-weight: 400; }
  #meta a + a { margin: 0 .5em; }
  nav ul { position: relative; z-index: 1; margin: 0; padding: 0; list-style: none; }
  nav a { display: block; padding: .125em 0; text-decoration: none; }
  nav::-webkit-scrollbar { display: none; }
  #menu > ul { margin: auto; padding-bottom: 4.5em; }
  #menu > ul a { padding: .25em 0; white-space: nowrap; }
  #menu > ul > li { margin: 0 0 1em 0; }
  #menu > ul > li > a { color: #018aa6; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-weight: normal; text-transform: uppercase; }
  #menu > ul > li > a:before { content: ''; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin: 0 .5em 0 -2rem; background: no-repeat center transparent; background-size: contain; }
  #menu > ul a[href="/bereiche/"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23018aa6'%3E%3Cpath d='m29.8 3h-15.7c-.4 0-.8.3-.8.8v6.4c0 .4.3.8.8.8s.8-.3.8-.8v-5.7h14.2v18.8h-14.2v-6.8c0-.4-.3-.8-.8-.8s-.8.3-.8.8v7.6c0 .4.3.8.8.8h6.3l-2.8 2.8c-.3.3-.3.8 0 1.1s.8.3 1.1 0l2.7-2.7v2.3c0 .4.3.8.8.8s.8-.3.8-.8v-2.5l2.9 2.9c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-2.9-2.9h5.8c.4 0 .8-.3.8-.8v-20.3c0-.4-.4-.7-.8-.7'/%3E%3Cpath d='m19.2 11.9c0-.2-.1-.4-.2-.5s-.3-.2-.5-.2h-11.7c-4.5 0-5.4 2.3-5.4 4.2v5.2c0 1.5 1 2.7 2.4 3v4.7c0 .4.3.8.8.8s.8-.3.8-.8v-13c0-.4-.3-.8-.8-.8s-.8.3-.8.8v6.7c-.5-.3-.9-.8-.9-1.4v-5.2c0-1.3.4-2.7 3.9-2.7h10.7c-.3.8-1.1 1.4-2 1.4h-4.9c-.4 0-.8.3-.8.8v13.5c0 .4.3.8.8.8s.8-.3.8-.8v-12.9h4.2c2-.1 3.6-1.7 3.6-3.6'/%3E%3Cpath d='m7.6 20.5c-.4 0-.8.3-.8.8v7c0 .4.3.8.8.8s.8-.3.8-.8v-7c0-.4-.4-.8-.8-.8'/%3E%3Cpath d='m5.9 10c.6.6 1.4.9 2.2.9h.1.1c1.7.1 3.2-1.2 3.4-2.9v-.2-1.8c0-.8-.4-1.6-1-2.2-.7-.6-1.5-.9-2.3-.8h-.1c-.8-.1-1.6.2-2.2.7-.7.6-1.1 1.3-1.2 2.2v.2 1.8c.1.8.4 1.5 1 2.1m.5-4c0-.4.2-.8.6-1.1.3-.3.7-.4 1.1-.4h.4c.5 0 .9.1 1.2.4s.4.7.5 1.1v1.8c0 .4-.2.8-.6 1.1-.4.4-.8.5-1.2.5h-.2c-.5 0-.9-.2-1.2-.5s-.6-.7-.6-1.1z'/%3E%3C/g%3E%3C/svg%3E"); }
  #menu > ul a[href="/wisoak/"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.9 19.4c-2 0-3.7-.7-5.1-2.1-1.3-1.3-2.1-3.1-2.1-5 0-3.9 3.2-7.1 7.1-7.1 2 0 3.8.8 5.1 2.1s2.1 3.1 2.1 5v.1c0 3.8-3.2 7-7.1 7m.1-12.3c-1.4 0-2.7.5-3.7 1.5s-1.5 2.3-1.5 3.6c0 1.4.5 2.7 1.5 3.6 1 1 2.2 1.5 3.6 1.5 2.8 0 5.1-2.3 5.1-5 0-1.5-.5-2.7-1.5-3.7-.9-1-2.2-1.5-3.5-1.5m-12 15.7c-2.7 0-5-2.2-5.1-4.9v-.2c0-1.3.5-2.6 1.5-3.6.9-1 2.2-1.5 3.6-1.5h.1c2.8 0 5.1 2.2 5.1 5v.1c0 2.8-2.2 5-5 5.1-.1 0-.1 0-.2 0m.1-8.2c-.1 0-.1 0 0 0-.9 0-1.7.3-2.2.9-.6.6-.9 1.4-.9 2.2v.1c.1 1.7 1.4 3 3.2 3 1.7 0 3-1.4 3-3.1-.1-1.7-1.5-3.1-3.1-3.1m6.1 12.3c-1.7.1-3.1-1.4-3.1-3 0-1.7 1.4-3 3-3 1.7 0 3.1 1.4 3.1 3s-1.3 3-3 3m0-4.1c-.6 0-1.1.5-1.1 1 0 .6.5 1 1 1 .6 0 1-.5 1-1 .1-.5-.4-1-.9-1' fill='%23018aa6'/%3E%3C/svg%3E"); }
  #menu > ul a[href="/foerderung/"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23018aa6'%3E%3Cpath d='m16 5.5c-5.8 0-10.5 4.7-10.5 10.5s4.7 10.5 10.5 10.5 10.5-4.7 10.5-10.5-4.7-10.5-10.5-10.5m0 19c-4.7 0-8.5-3.8-8.5-8.5s3.8-8.5 8.5-8.5 8.5 3.8 8.5 8.5-3.8 8.5-8.5 8.5'/%3E%3Cpath d='m15.6 12.8c.4-.1.7-.2 1.1-.2.3 0 .7.1 1 .2h.2c.1 0 .2 0 .3-.1.2-.2.3-.5.1-.7-.1-.1-.2-.2-.3-.2-.2-.1-.4-.1-.7-.2-.2 0-.5 0-.7 0-1.5 0-2.8.7-3.6 1.9-.2.4-.4.8-.6 1.2h-1.2c-.1 0-.3.1-.4.2s-.2.2-.2.4c0 .3.2.5.5.5h.5.5v.1.1.1.1h-.6c-.1 0-.3.1-.4.2-.2.2-.2.5 0 .8.1.1.2.2.4.2h.8c.2.6.5 1.1.9 1.5.4.5.9.9 1.5 1.1.6.3 1.3.4 1.9.4.5 0 .9-.1 1.3-.2.1 0 .2-.1.3-.2s.1-.2.1-.3c0-.3-.2-.5-.5-.5-.1 0-.1 0-.2 0-.3.1-.7.2-1 .2-.7 0-1.4-.2-1.9-.6s-.9-.9-1.2-1.4h2.7c.1 0 .3-.1.4-.2s.2-.2.2-.4c0-.3-.2-.5-.5-.5h-3v-.1-.2-.1-.1h3.5c.1 0 .3-.1.4-.2s.2-.2.2-.4c0-.3-.2-.5-.5-.5-.5 0-1.1 0-1.6 0s-1.1 0-1.6 0c.2-.5.6-1 1-1.4.2-.2.5-.4.9-.5'/%3E%3C/g%3E%3C/svg%3E"); }
  #menu > ul a[href="/projekte/"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m26 15h-1.3c-.2-1.7-.8-3.2-1.8-4.4l.9-.9c.4-.4.4-1 0-1.4s-1-.4-1.4 0l-.9.9c-1.2-1-2.8-1.7-4.4-1.8v-1.4c0-.6-.4-1-1-1s-1 .4-1 1v1.3c-1.7.2-3.2.9-4.4 1.8l-1.1-.9c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l.9.9c-1 1.3-1.7 2.8-1.8 4.4h-1.3c-.6 0-1 .4-1 1s.4 1 1 1h1.3c.2 1.7.9 3.2 1.8 4.4l-.9.9c-.4.4-.4 1 0 1.4.2.2.5.3.7.3s.5-.1.7-.3l.9-.9c1.3 1 2.8 1.7 4.4 1.8v1.5c0 .6.4 1 1 1s1-.4 1-1v-1.3c1.7-.2 3.2-.9 4.4-1.8l.9.9c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4l-.9-.9c1-1.2 1.7-2.8 1.8-4.4h1.5c.6 0 1-.4 1-1s-.4-1.1-1-1.1m-15.4-3 2.9 2.9v.1h-4.2c.2-1.1.6-2.1 1.3-3m-1.3 5h4.2v.1l-2.9 2.9c-.7-.9-1.1-1.9-1.3-3m5.7 5.7c-1.1-.2-2.1-.6-3-1.3l2.9-2.9h.1zm0-9.2-3-2.9c.9-.6 1.9-1.1 3-1.3zm1 3.3c-.4 0-.8-.3-.8-.8s.3-.8.8-.8c.4 0 .8.3.8.8s-.4.8-.8.8m1-7.5c1.1.2 2.1.6 3 1.3l-2.9 2.9h-.1zm0 13.4v-4.2h.1l2.9 2.9c-.9.7-1.9 1.1-3 1.3m4.4-2.7-2.9-2.9v-.1h4.2c-.2 1.1-.6 2.1-1.3 3m-2.9-5 2.9-3c.6.9 1.1 1.9 1.3 3z' fill='%23018aa6'/%3E%3C/svg%3E"); }
  #menu > ul a[href^="https://blog"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23018aa6'%3E%3Cpath d='m27.4 24.5c0-.1 0-.1 0-.1s0-.1-.1-.1-.1 0-.1-.1l-2.3-1.4v-11.4c0-.2-.2-.4-.4-.4h-3.2v-4.6c.1-.2-.1-.4-.3-.4h-10c-.2 0-.4.2-.4.4v4.6h-3.2c-.2 0-.4.2-.4.4v11.4l-2.3 1.4s-.1 0-.1.1 0 .1-.1.1v.1 1.1c.1.2.3.4.5.4h22c.2 0 .4-.2.4-.4zm-16-17.7h9.3v13.5h-9.3zm-3.6 5h2.8v.5h-2.3v9.9h15.4v-9.9h-2.4v-.5h2.8v10.9h-16.3zm-.3 11.6h16.9l1.2.7h-19.3zm9.1 1.8h-1.1v-.4h1.1zm10 0h-6.6v-.4h6.6z'/%3E%3Cpath d='m19 8.1h-6.1c-.2 0-.4.2-.4.4s.2.4.4.4h6.1c.2 0 .4-.2.4-.4 0-.3-.2-.4-.4-.4'/%3E%3Cpath d='m19 9.5h-6.1c-.2 0-.4.2-.4.4s.2.4.4.4h6.1c.2 0 .4-.2.4-.4s-.2-.4-.4-.4'/%3E%3Cpath d='m19 11h-6.1c-.2 0-.4.2-.4.4s.2.4.4.4h6.1c.2 0 .4-.2.4-.4s-.2-.4-.4-.4'/%3E%3Cpath d='m19 12.5h-6.1c-.2 0-.4.2-.4.4s.2.4.4.4h6.1c.2 0 .4-.2.4-.4 0-.3-.2-.4-.4-.4'/%3E%3Cpath d='m19 13.8h-6.1c-.2 0-.4.2-.4.4s.2.4.4.4h6.1c.2 0 .4-.2.4-.4s-.2-.4-.4-.4'/%3E%3Cpath d='m19 15.3h-6.1c-.2 0-.4.2-.4.4s.2.4.4.4h6.1c.2 0 .4-.2.4-.4s-.2-.4-.4-.4'/%3E%3Cpath d='m19 16.7h-6.1c-.2 0-.4.2-.4.4s.2.4.4.4h6.1c.2 0 .4-.2.4-.4s-.2-.4-.4-.4'/%3E%3C/g%3E%3C/svg%3E"); }
  #menu > ul a[href^="https://e-learning"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23018aa6'%3E%3Cpath d='m24.5 11.2c-.1 0-.3 0-.4 0-1.6-3.1-4.7-5.2-8.2-5.3-2.6-.1-5 .8-6.9 2.5-1.7 1.5-2.7 3.6-3 5.8-1.5 0-2.8.6-3.8 1.6s-1.6 2.4-1.6 3.9c0 3 2.5 5.4 5.5 5.4h2.2c-.1-.2-.1-.5-.1-.7 0-.3.1-.7.2-1h-2.4c-2.1 0-3.8-1.7-3.8-3.8 0-2.3 2-4.1 4.4-3.7h.1.1c.1 0 .1-.1.2-.1h.1l.2-.2c0-.1.1-.2.1-.3v-.1c.1-3.1 2-5.8 4.8-7 4-1.7 8.7.2 10.4 4.2v.1c0 .1.1.1.1.2 0 0 .1.1.1.1.1.1.1.1.2.1h.2.1.1c.3 0 .5-.1.8-.1 2.9 0 5.3 2.4 5.3 5.3s-2.4 5.3-5.3 5.3h-10.4c.1.3.2.6.2.9s0 .5-.1.8h10.7c3.8 0 7-3.1 7-7-.1-3.7-3.2-6.9-7.1-6.9'/%3E%3Cpath d='m15.5 20.3c2.6 0 4.6-2.1 4.7-4.6v-.1c0-2.6-2.1-4.7-4.7-4.7h-.1c-2.6 0-4.7 2.1-4.7 4.7.1 2.6 2.2 4.7 4.8 4.7'/%3E%3Cpath d='m9.5 19.8c0-1.8-1.4-3.2-3.2-3.1-1.7 0-3.1 1.4-3.1 3.1v.1c0 1.7 1.5 3.1 3.2 3.1s3.1-1.5 3.1-3.2z'/%3E%3Cpath d='m11.1 22.9c-.9 0-1.6.7-1.6 1.6s.7 1.6 1.6 1.6c.9 0 1.6-.7 1.6-1.6-.1-.9-.8-1.6-1.6-1.6'/%3E%3C/g%3E%3C/svg%3E"); }
  #menu > ul a[href="/x/"]:before { background-image: url(""); }
  #menu > ul a[href="/faq/"]:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.4 16.6c.4-.5.9-1.1 1.6-1.8.5-.5.9-.9 1.2-1.2.2-.3.4-.7.4-1.1 0-.6-.2-1.1-.7-1.4s-1.1-.5-1.9-.5-1.4.2-2 .5-1.1.7-1.5 1.3l-2.9-1.7c.7-1 1.6-1.8 2.7-2.4s2.5-.8 4.1-.8c1.8 0 3.3.4 4.4 1.2s1.7 1.9 1.7 3.3c0 .7-.1 1.2-.3 1.7s-.5.9-.8 1.3c-.3.3-.7.7-1.2 1.2-.6.5-1 1-1.3 1.3-.3.4-.4.8-.4 1.3h-3.6c-.1-1 .1-1.7.5-2.2m-.4 7.4c-.4-.4-.7-.9-.7-1.5s.2-1.1.6-1.5 1-.6 1.7-.6 1.2.2 1.7.6c.4.4.6.9.6 1.5s-.2 1.1-.7 1.5c-.4.4-1 .6-1.6.6s-1.2-.2-1.6-.6' fill='%23018aa6'/%3E%3C/svg%3E"); }
  #menu > ul a[aria-current] { color: #018aa6; }
  #sitemap { color: #fff; }
  #sitemap > ul { display: grid; gap: 1em; grid-template-columns: repeat(auto-fill, minmax(11em, 1fr)); }
  #sitemap > ul ul { margin: .25em 0 0 0; padding-left: 1.75rem; }
  #sitemap > ul ul li { font-size: 87.5%; }
  #sitemap > ul > li > a { padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-transform: none; text-align: left; border: none; }
  #sitemap > ul > li > a:before { content: ''; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin: 0 .25rem 0 0; background: no-repeat center transparent; background-size: contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='m12 22c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10m0-19c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9'/%3E%3Cpath d='m10.7 17.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.9-3.9-3.9-3.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.6 4.6c.2.2.3.4.3.7s-.1.5-.3.7l-4.6 4.6c-.2.2-.4.3-.7.3'/%3E%3C/g%3E%3C/svg%3E"); }
  /* #cart_indicator { fill: $blue; font-family: inherit; font-weight: bold; font-size: 100% * 14 / 16; } */
  /* CONTENT */
  main { position: relative; min-height: 25vh; padding-bottom: 3em; }
  main:before { content: ''; display: block; position: absolute; top: -1.25rem; left: 0; width: 100%; height: 2.5rem; background: #fff; }
  main > h1 { max-width: 18em; }
  main p { max-width: var(--max); }
  main a { text-underline-offset: 2px; }
  main a[href^="mailto"] { color: #25C6EA; }
  section + hr  { position: relative; height: calc(var(--pad) + (var(--rad) * 2)); margin: 1.5em; margin-left: calc(var(--fill) * -1); margin-right: calc(var(--fill) * -1); background: no-repeat #0e4583 fixed; background-image: linear-gradient(white 0em, rgba(255, 255, 255, 0.3) 9em, rgba(255, 255, 255, 0.15) 11.7em, rgba(255, 255, 255, 0.075) 13.59em, rgba(255, 255, 255, 0.037) 14.91em, rgba(255, 255, 255, 0.019) 15.84em, rgba(255, 255, 255, 0) 18em), linear-gradient(to right, #0e4583, #01758d); border: none; }
  section + hr:before , section + hr:after  { content: ''; position: absolute; left: 0; right: 0; height: var(--rad); background: #fff; }
  section + hr:before  { top: 0; border-radius: 0 0 var(--rad) var(--rad); }
  section + hr:after  { bottom: 0; border-radius: var(--rad) var(--rad) 0 0; }
  #stoerer { display: none; position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.3); }
  .js #stoerer { display: -ms-flexbox; display: flex; }
  #stoerer p { margin: 1em 0 0 0; }
  #stoerer h3 { margin: 0 0 .5em; padding: 0 0 .5em; color: #fff; font-size: 150%; font-size: clamp(125%, 2.5vw, 150%); font-weight: 300; line-height: 1.25; text-transform: uppercase; border-bottom: 2px dotted #fff; }
  #stoerer button { cursor: pointer; position: absolute; top: .5em; right: .5em; padding: 0; color: inherit; background: 0; border: 0; }
  #stoerer button:before { content: ''; display: block; position: fixed; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; }
  #stoerer svg { pointer-events: none; display: block; width: 1em; height: 1em; opacity: .8; }
  @supports (backdrop-filter: saturate(100%)) { #stoerer { background: rgba(255, 255, 255, 0.3); backdrop-filter: saturate(100%) blur(1px); } }
  @supports (-webkit-backdrop-filter: saturate(100%)) { #stoerer { background: rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: saturate(100%) blur(1px); } }
  .stcontent { position: relative; z-index: 1; margin: auto; width: min(32em,80vw); max-height: 90vh; overflow-y: auto; padding: 1em 1.75em 1em 1.25em; font-size: 87.5%; color: #fff; background: rgba(1, 117, 141, 0.9); border-radius: 1em; }
  .opaque { overflow: hidden; }
  .opaque hr { margin: 1.5em 0; border: 0; }
  .cols { -moz-columns: 2 22em; columns: 2 22em; -moz-column-gap: var(--fill); column-gap: var(--fill); }
  .cols > * { margin-top: 0; }
  .cols > h1:first-child { margin-top: 1.333em; }
  .cols h1, .cols h2, .cols h3 { -moz-column-span: all; column-span: all; }
  .cols p { page-break-inside: avoid; break-inside: avoid; }
  .illustration { margin: 0 0 1em; }
  .txtimg img { vertical-align: bottom; }
  .border img { border: 1px solid; border-radius: var(--rad); }
  .bild_einhalb img { max-width: 50%; }
  .bild_zweidrittel img { max-width: 68%; }
  .block > div { margin: 1.5em 0; }
  .block p { padding-right: 1.5em; }
  .invers { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .vollbreit { position: relative; margin: 1.5em 0; padding: 1.5em 0; }
  .vollbreit:after { content: ''; position: absolute; z-index: 0; top: 0; bottom: 0; left: calc(var(--fill) * -1); right: calc(var(--fill) * -1); background-color: #fafafa; }
  .vollbreit > * { position: relative; z-index: 1; }
  .wisoak:after { background-color: #f2fbfd; }
  .transformation:after { background-color: #f6fbfa; }
  .gesundheit:after { background-color: #fffcf4; }
  .politik:after { background-color: #fdf5f6; }
  .grau:after { background-color: #fafafa; }
  .banner { overflow: hidden; margin: 3em auto; border-radius: var(--rad); }
  .banner img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
  .banner.auto { height: auto; }
  .banner.contain { height: auto; }
  .banner.contain img { -o-object-fit: contain; object-fit: contain; }
  @keyframes hid { 0% { opacity: 0; }
    100% { opacity: 1; } }
  #hero div:nth-child(2) { display: none; padding: 0 var(--fill); }
  #hero.m { opacity: 0; height: auto; animation: hid 1s ease-out forwards; }
  #hero.m div:nth-child(1) { display: none; }
  #hero.m div:nth-child(2) { display: block; }
  .submit { cursor: pointer; fill: red; }
  .pill, .slide p a:only-child, .downloads p > a:only-child, .button:only-child { display: inline-block; padding: .75em 2em; border-radius: 999px; text-align: center; text-decoration: none; }
  .slider { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; }
  .slider > * { grid-area: 1/1; }
  .slider.ready .current { opacity: 1; }
  .slider button { position: absolute; top: 25%; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-color: transparent; background-size: contain; border: none; }
  .slider .prv { left: calc((var(--fill) + var(--pad)) * -1); }
  .slider .nxt { right: calc((var(--fill) + var(--pad)) * -1); }
  .prv { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 40c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20' fill='%23fff'/%3E%3Cg fill='%231d4fa4'%3E%3Cpath d='m20 40c-11 0-20-9-20-20s9-20 20-20 20 9 20 20-9 20-20 20m0-39c-10.5 0-19 8.5-19 19s8.5 19 19 19 19-8.5 19-19-8.5-19-19-19'/%3E%3Cpath d='m18.2 26.5-5.9-5.9c-.2-.1-.3-.3-.3-.6 0-.1 0-.3.1-.4 0-.1.1-.1.1-.2 0 0 .1 0 .1-.1l5.9-5.9c.3-.3.8-.3 1.1 0s.3.8 0 1.1l-4.7 4.7h12.7c.4 0 .8.3.8.8 0 .4-.3.8-.8.8h-12.7l4.7 4.7c.3.3.3.8 0 1.1-.1.1-.3.2-.5.2-.2-.1-.4-.1-.6-.3'/%3E%3C/g%3E%3C/svg%3E"); }
  .prv:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40 20c0-.3 0-.5 0-.8-.4-10.4-8.8-18.8-19.2-19.2-.3 0-.5 0-.8 0-.2 0-.5 0-.7 0-10.7.4-19.3 9.2-19.3 20 0 11 9 20 20 20 10.8 0 19.6-8.6 20-19.3 0-.2 0-.5 0-.7' fill='%23018aa6'/%3E%3Cpath d='m27.2 19.2h-12.6l4.7-4.7c.3-.3.3-.8 0-1.1-.1-.1-.3-.2-.5-.2s-.4.1-.5.2l-5.9 5.9s-.1 0-.1.1c-.1.1-.1.1-.1.2-.2.1-.2.3-.2.4 0 .3.1.5.4.6l5.9 5.9c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-4.7-4.7h12.7c.4 0 .8-.3.8-.8s-.4-.7-.9-.7' fill='%23fff'/%3E%3C/svg%3E"); }
  .nxt { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20 0c11 0 20 9 20 20s-9 20-20 20-20-9-20-20 9-20 20-20' fill='%23fff'/%3E%3Cg fill='%231d4fa4'%3E%3Cpath d='m20 0c11 0 20 9 20 20s-9 20-20 20-20-9-20-20 9-20 20-20m0 39c10.5 0 19-8.5 19-19s-8.5-19-19-19-19 8.5-19 19 8.5 19 19 19'/%3E%3Cpath d='m21.8 13.5 5.9 5.9c.2.1.4.4.4.6 0 .1 0 .3-.1.4 0 .1-.1.1-.1.2 0 0-.1 0-.1.1l-5.9 5.9c-.3.3-.8.3-1.1 0s-.3-.8 0-1.1l4.7-4.7h-12.7c-.4 0-.8-.3-.8-.8 0-.4.3-.8.8-.8h12.7l-4.7-4.7c-.3-.3-.3-.8 0-1.1.1-.1.3-.2.5-.2.1.1.3.1.5.3'/%3E%3C/g%3E%3C/svg%3E"); }
  .nxt:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='40' viewBox='0 0 40 40' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 20.8c.4 10.4 8.8 18.8 19.2 19.2h.8.7c10.7-.4 19.3-9.2 19.3-20 0-11-9-20-20-20-10.8 0-19.6 8.6-20 19.3' fill='%23018aa6'/%3E%3Cpath d='m12.7 20.8h12.7l-4.7 4.7c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l5.9-5.9s.1 0 .1-.1c.1-.1.1-.1.1-.2.1-.1.1-.2.1-.4 0-.3-.1-.5-.4-.6l-5.9-5.9c-.1-.1-.3-.2-.5-.2s-.4.1-.5.2c-.3.3-.3.8 0 1.1l4.7 4.7h-12.6c-.4 0-.8.3-.8.7.1.4.4.8.8.8' fill='%23fff'/%3E%3C/svg%3E"); }
  .slide { background: #fff; transition: opacity .6s; }
  .slide ~ .slide { opacity: 0; }
  .slide img { width: 100%; max-height: 40vh; min-height: 16em; border-radius: var(--rad); }
  .slide h1 { margin: 0; font-size: min(max(2rem, 4vw), 4.5rem); text-transform: uppercase; }
  .slide h2 { margin: 0.5em 0 0.6666666667em; }
  .slide p a:only-child { color: #fff; background: #0e4583; }
  section .content { margin: 1.5em 0; }
  section aside { margin: 1.5em 0; }
  section + section { margin-top: 3em; }
  details + details { margin-top: 1.5em; }
  details .vollbreit { margin-top: 0; margin-bottom: 0; padding-top: 1.5em; padding-bottom: 1.5em; }
  summary { cursor: pointer; list-style: none; position: relative; padding: .5rem 4em .5rem 0; border-bottom: 1px solid #c0c0c0; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  summary h2 { margin: 0; font-size: 125%; line-height: 1.25; }
  summary:after { content: ''; display: block; position: absolute; opacity: .7; top: 50%; right: 0; width: 2em; height: 2em; background: no-repeat right center; background-size: 87%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='20' viewBox='0 0 32 20'%3E    %3Cpath fill='%23018AA6' d='M30.6 2.2c-.6-.6-1.5-.6-2.1 0L16 14.6 3.6 2.2c-.6-.6-1.6-.6-2.2 0s-.6 1.5 0 2.1l13.5 13.5c.3.3.7.4 1.1.4.4 0 .8-.1 1.1-.4L30.6 4.3c.6-.6.6-1.5 0-2.1'/%3E%3C/svg%3E"); transform: translateY(-50%); transition: transform .4s; }
  [open] summary { border-bottom-color: rgba(192, 192, 192, 0.3); }
  [open] summary:after { transform: translateY(-50%) rotate(180deg); }
  summary::-webkit-details-marker { display: none; }
  summary + div > * { margin-top: 1em; margin-bottom: 1em; }
  .downloads p { font-size: calc(var(--fs) * .875); }
  .downloads p > a:only-child { margin-bottom: 1.5em; color: #fff; background: #0e4583; }
  .button:only-child { color: #fff; background: #0e4583; }
  span.button { display: inline-block; margin-left: auto; margin-right: auto; }
  .gallery { margin: 3em auto; padding: 0; display: grid; gap: 1em; grid-template-columns: repeat(auto-fill, minmax(12em, 1fr)); list-style: none; }
  .gallery li { aspect-ratio: 3/2; overflow: hidden; }
  .gallery img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: var(--rad); }
  .slideshow { position: relative; margin: 3em auto; overflow: hidden; }
  .slideshow.ready .slider_nav { pointer-events: auto; cursor: pointer; }
  .slideshow[data-state="start"] .prv { opacity: .2 !important; cursor: default; }
  .slideshow[data-state="end"] .nxt { opacity: .2 !important; cursor: default; }
  .slides { overflow-x: auto; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
  .slides li { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; scroll-snap-align: center; }
  .slides figure { overflow: hidden; margin: 0 10%; width: 80%; border: 1px solid; border-radius: var(--rad); }
  .slides img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
  .slides::-webkit-scrollbar { display: none; }
  .slider_nav { pointer-events: none; position: absolute; z-index: 4; top: 0; bottom: 0; width: 10%; padding: 0; color: #0e4583; background-repeat: no-repeat; background-color: transparent; background-position: center; background-size: 50%; border: none; outline: none; transition: opacity .4s, transform .4s; }
  .slider_nav.prv { left: 0; }
  .slider_nav.nxt { right: 0; }
  /* Kacheln */
  .tiles { margin-left: auto; margin-right: auto; padding: 0; list-style: none; display: grid; gap: 1em; grid-template-columns: repeat(auto-fill, minmax(12em, 1fr)); }
  .tiles li { position: relative; padding: 1em; background: #fafafa; border-radius: var(--rad); }
  .tiles figure { margin: 0; }
  .tiles figure div { aspect-ratio: 1/1; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }
  .tiles figure div a:after { content: ''; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; }
  .tiles figcaption { margin-top: 1em; padding-top: 1em; border-top: 1px solid #fff; }
  .tiles figcaption > * { margin: 0; font-size: 93.75%; }
  .tiles figcaption p { max-width: none; }
  .tiles figcaption:empty { display: none; }
  .tiles .button { width: 100%; }
  .tiles a[href^="mailto"] { color: inherit; }
  .tiles.expand { grid-template-columns: repeat(auto-fit, minmax(12em, 1fr)); }
  /* FILTER */
  #filter { margin-bottom: 3em; }
  .filter_head { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-bottom: 1em; padding: 0 0 .25em 0; border-bottom: 2px dotted #018aa6; }
  .filter_head > * { -ms-flex-positive: 1; flex-grow: 1; }
  .filter_head:before { content: ''; -ms-flex-positive: 666; flex-grow: 666; -ms-flex-preferred-size: calc((38rem - 100%) * 666); flex-basis: calc((38rem - 100%) * 666); }
  .filter_head h2 { -ms-flex-order: -1; order: -1; margin: 0; text-transform: uppercase; text-align: center; }
  .filter_sections { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
  .filter_sections label { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 1em; }
  .filter_sections span { position: relative; display: inline-block; vertical-align: middle; width: 1.75em; height: 1em; margin-right: .5em; background: #e9e9eb; border-radius: 999px; transition: all .2s; }
  .filter_sections span:before { content: ''; position: absolute; z-index: 2; top: 1px; left: 1px; bottom: 1px; width: 1em; background: #fff; border-radius: 999px; transition: left .2s; }
  .filter_sections input:checked + span { background: #0e4583; }
  .filter_sections input:checked + span:before { left: calc(100% - 1em - 1px); }
  #filter_search { position: relative; margin: .5em 0; }
  #filter_search:before { content: ''; position: absolute; top: 1px; left: .5rem; width: 2.25rem; height: calc(2.25rem + 2px); background: no-repeat center transparent; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 32 32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m25.7 24.3-5.4-5.4c1.1-1.4 1.7-3.1 1.7-4.9 0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8c1.8 0 3.5-.6 4.9-1.7l5.4 5.4c.2.2.5.3.7.3.3 0 .5-.1.7-.3.4-.4.4-1 0-1.4m-17.7-10.3c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 6-6 6-6-2.7-6-6' fill='%23018aa6'/%3E%3C/svg%3E"); background-size: 100%; }
  #filter_search input { width: 100%; padding: .5rem .5rem .5rem 3rem; font-size: 125%; color: #018aa6; border: 1px solid #018aa6; border-radius: 999px; outline: none; }
  .filter_section { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: .5em; max-height: 0; overflow: hidden; transition: all .4s; backface-visibility: hidden; transform: translateZ(0); }
  .filter_section > * { opacity: 0; transition: opacity .2s; }
  .filter_section.open { padding: 1em 0; max-height: 30em; }
  .filter_section.open > * { opacity: 1; }
  .filter_section + .filter_section:before { content: ''; position: absolute; top: 0; left: 0; right: 0; border-top: 2px dotted #018aa6; }
  .filter_section label { display: inline-block; padding: 0 .5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 87.5%; border: 1px solid #018aa6; border-radius: 999px; }
  .filter_section .selected { color: #fff; background: #0e4583; border-color: #0e4583; }
  .categories { --cat_gap: .5em; --cat_cnt: 4; --cat_min: 10em; --cat_gap_cnt: calc(var(--cat_cnt) - 1); --cat_gap_total: calc(var(--cat_gap_cnt) * var(--cat_gap)); --cat_max: calc((100% - var(--cat_gap_total)) / var(--cat_cnt)); grid-gap: var(--cat_gap); margin: 1.5em 0 3em; }
  .categories ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(var(--cat_min), var(--cat_max)), 1fr)); gap: var(--cat_gap); margin: 0; padding: 0; list-style: none; }
  .categories a { display: block; padding: .25em 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; text-decoration: none; font-size: 87.5%; border: 1px solid #018aa6; border-radius: 999px; }
  .categories a:hover { color: #fff; background-color: #018aa6; }
  .submission { text-align: center; }
  .submission button { display: inline-block; padding: .75em 2em; text-align: center; text-decoration: none; color: #fff; background: #0e4583; border: 0; border-radius: 999px; }
  #filter_search_bar { margin: 1em 0; display: -ms-flexbox; display: flex; gap: 1em; }
  #filter_search_bar #filter_search { margin: 0; -ms-flex-positive: 1; flex-grow: 1; }
  #filter_search_bar p { margin: 0; }
  .course { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 1.5em 0; font-size: 87.5%; }
  .course h3 { margin: 0; font-size: 125%; line-height: 1.25; }
  .course figure { overflow: hidden; margin: 0 0 1em 0; aspect-ratio: 1/1; border: 1px solid rgba(14, 69, 131, 0.6); border-radius: var(--rad); }
  .course figure img { vertical-align: bottom; }
  .course figure:empty { background: #f7f7f7; }
  .course .course_description { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  .course .course_description p { margin: auto 0 .5em 0; padding-top: .5em; }
  .course .more { margin-top: auto; display: -ms-flexbox; display: flex; padding-top: .5em; border-top: 1px solid rgba(14, 69, 131, 0.4); }
  .course .more a { margin-left: auto; padding-right: 0; text-decoration: none; font-weight: bold; transition: padding-right .2s; }
  .course .more a:hover { padding-right: 1em; }
  .course .more a:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); }
  .logos { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
  .logos span { margin: 1em; }
  .logos img { width: auto; max-height: 4em; vertical-align: top; }
  /* SIDEBAR */
  article { position: relative; }
  .sidebar_section { font-size: 87.5%; margin: 0 0 1.7142857143em 0; }
  .sidebar_section h3 { margin: 0; font-size: 125%; line-height: 1.25; }
  .sidebar_section figure { margin: 0 1px 1em 0; }
  .sidebar_section figure img { display: block; border: 1px solid rgba(14, 69, 131, 0.6); border-radius: var(--rad); }
  .sidebar_header { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-align: end; align-items: flex-end; margin-bottom: 1em; padding-bottom: .25em; border-bottom: 2px dotted #018aa6; }
  .sidebar_header h2 { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 171.4285714286%; line-height: 1.2; text-transform: uppercase; }
  .sidebar_header .grfc { margin-right: .25em; }
  .sidebar_header svg { vertical-align: bottom; }
  .section_nav { margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style: none; }
  .section_nav ul { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style: none; }
  .section_nav li { display: inline-block; }
  .section_nav li + li { margin-left: .25em; }
  .section_nav a:before { content: ''; display: inline-block; width: .75em; height: .75em; background: #fff; border: 2px solid #018aa6; border-radius: 999px; transition: background .2s; }
  .section_nav a.current:before { background: #018aa6; }
  .section_nav button { cursor: pointer; position: absolute; bottom: 0; width: 1.5em; height: 1.5em; background: no-repeat center #fff; background-size: 40%; border: 1px solid #018aa6; border-radius: 999em; transition: opacity .4s; }
  .section_nav button, .section_nav button:hover { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='32' viewBox='0 0 20 32' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.8 30.6c.6-.6.6-1.5 0-2.1l-12.4-12.5 12.4-12.4c.6-.6.6-1.5 0-2.1s-1.5-.6-2.1 0l-13.5 13.4c-.3.3-.4.7-.4 1.1s.1.8.4 1.1l13.5 13.5c.6.6 1.5.6 2.1 0' fill='%23018aa6'/%3E%3C/svg%3E"); }
  .section_nav .prv { left: 0; transform: translate(calc(var(--fill) * -1 - 50%), 50%); }
  .section_nav .nxt { right: 0; transform: translate(calc(var(--fill) + 50%), 50%) rotate(180deg); }
  .section_slides { position: relative; width: 100%; overflow: auto; display: -ms-flexbox; display: flex; -ms-overflow-style: none; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; transform: translateZ(0); }
  .section_slides > article { scroll-snap-align: start; scroll-snap-stop: always; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; transform: translateZ(0); }
  .section_slides::-webkit-scrollbar { display: none; }
  .postmeta { display: -ms-flexbox; display: flex; }
  .permalink { margin-left: auto; margin-right: 0; text-decoration: none; font-weight: bold; transition: margin-right .2s; }
  .permalink:hover { margin-right: 1em; }
  .permalink:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  /* FOOTER */
  footer { position: -webkit-sticky; position: sticky; top: 100vh; max-width: 120em; margin: 0 auto; padding-bottom: 0; padding-left: 0; padding-right: 0; color: #fff; text-shadow: 1px 1px 2px #0e4583; background: transparent; }
  footer h2 { color: #fff; }
  footer h2 img { max-height: 4rem; }
  footer a { text-decoration: none; }
  footer hr { margin: 1.5em 0; padding: 0; border: 0; color: #fff; border-top: 3px dotted; }
  .map { margin: 1.5em 0; }
  .info ul { padding: 0; list-style: none; }
  .info li { margin: .5em 0; padding: .125em 1em; text-align: center; border: 1px solid; border-radius: 999px; }
  .info a { display: block; }
  #fin { margin: 0; padding-top: 0; padding-bottom: 1.5em; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; color: #fff; text-align: center; font-weight: 300; }
  #fin ul { margin: 0; padding: 0; list-style: none; word-spacing: 1.5em; }
  #fin li { display: inline-block; }
  /* Lightbox */
  /*!
   * baguetteBox.js
   * @author  feimosi
   * @version %%INJECT_VERSION%%
   * @url https://github.com/feimosi/baguetteBox.js
   */
  #baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); transition: opacity .5s ease; }
  #baguetteBox-overlay.visible { opacity: 1; }
  #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; padding: 2em 5vw; }
  #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; }
  #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
  #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; }
  #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
  #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; transition: left .4s ease, transform .4s ease; }
  #baguetteBox-slider.bounce-from-right { animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left { animation: bounceFromLeft .4s ease-out; }
  @keyframes bounceFromRight { 0% { margin-left: 0; }
    50% { margin-left: -30px; }
    100% { margin-left: 0; } }
  @keyframes bounceFromLeft { 0% { margin-left: 0; }
    50% { margin-left: 30px; }
    100% { margin-left: 0; } }
  .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 30px); width: 44px; height: 60px; }
  .baguetteBox-button { position: absolute; cursor: pointer; outline: none; padding: 0; margin: 0; border: 0; border-radius: 15%; background-color: #323232; background-color: rgba(50, 50, 50, 0.5); color: #ddd; font: 1.6em sans-serif; transition: background-color .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover { background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button { right: 2%; }
  .baguetteBox-button#previous-button { left: 2%; }
  .baguetteBox-button#close-button { top: 20px; right: 2%; right: calc(2% + 6px); width: 30px; height: 30px; }
  .baguetteBox-button svg { position: absolute; left: 0; top: 0; }
  /* Preloader Borrowed from http://tobiasahlin.com/spinkit/ */
  .baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }
  .baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; animation: bounce 2s infinite ease-in-out; }
  .baguetteBox-double-bounce2 { animation-delay: -1s; }
  @keyframes bounce { 0%, 100% { transform: scale(0); }
    50% { transform: scale(1); } }
  #baguetteBox-overlay { margin: 0; }
  #baguetteBox-overlay * + * { margin-top: 0; }
  #baguetteBox-overlay .full-image figcaption { bottom: -1%; padding: .5em; }
  #baguetteBox-slider { top: 1%; height: 98%; }
  .baguetteBox-button { background: rgba(0, 0, 0, 0); }
  .baguetteBox-button:focus, .baguetteBox-button:hover { background: rgba(0, 0, 0, 0.3); } }
@media only screen and (max-height: 38em) { body { background-attachment: scroll !important; } }
@media only screen and (min-width: 24em) { :root { --mq: '24'; } }
@media only screen and (min-width: 32em) { :root { --mq: '32'; --fill: 1rem; --fs: 100%; }
  .slider button { top: 40%; width: 44px; height: 44px; } }
@media only screen and (min-width: 36em) { :root { --mq: '36'; }
  .courses { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; }
  .courses > * { width: calc(50% - 0.75em); margin: 0 0 1.5em 0; }
  .courses .course_description { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } }
@media only screen and (min-width: 44em) { :root { --mq: '44'; --pad: 1.5rem; --fill: 1.5rem; }
  .section_nav button { width: 2em; height: 2em; } }
@media only screen and (min-width: 48em) { :root { --mq: '48'; }
  .slider button { top: 40%; width: 44px; height: 44px; }
  .slider .prv { left: calc((var(--fill) + 22px) * -1); }
  .slider .nxt { right: calc((var(--fill) + 22px) * -1); }
  .slide, .txtimg { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: justify; justify-content: space-between; }
  .illustration:not(:first-child) { text-align: right; }
  .txtimg .words { -ms-flex: 0 0 calc(50% - 0.75em); flex: 0 0 calc(50% - 0.75em); }
  .txtimg .illustration { -ms-flex: 0 0 calc(50% - 0.75em); flex: 0 0 calc(50% - 0.75em); }
  .invers { -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .bild_spiegeln .illustration { text-align: right; }
  .bild_spiegeln .illustration:not(:first-child) { text-align: left; }
  .bild_mittig .illustration, .bild_mittig .illustration:not(:first-child) { text-align: center; }
  .slide .words { -ms-flex: 0 0 calc(55% - 0.75em); flex: 0 0 calc(55% - 0.75em); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  .slide .words p:last-child { margin-top: auto; }
  .slide .illustration { -ms-flex: 0 0 calc(45% - 0.75em); flex: 0 0 calc(45% - 0.75em); margin: 0; padding-bottom: calc(44px + .5em); }
  #welcome .slidernav { position: absolute; bottom: 0; right: 0; }
  #welcome button { position: static; display: inline-block; vertical-align: bottom; margin-left: .5em; }
  .block { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  .block > div { -ms-flex: 0 0 auto; flex: 0 0 auto; width: calc(50% - 0.75em); }
  .vollbreit { margin: 4.5em 0; padding: 4.5em 0; }
  .golden > *:nth-child(1) { -ms-flex: 0 0 calc(62% - 0.75em); flex: 0 0 calc(62% - 0.75em); }
  .golden > *:nth-child(2) { -ms-flex: 0 0 calc(38% - 0.75em); flex: 0 0 calc(38% - 0.75em); }
  .golden.invers > *:nth-child(1) { -ms-flex: 0 0 calc(38% - 0.75em); flex: 0 0 calc(38% - 0.75em); }
  .golden.invers > *:nth-child(2) { -ms-flex: 0 0 calc(62% - 0.75em); flex: 0 0 calc(62% - 0.75em); }
  section.flexed { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  section.flexed .content { width: calc(68% - 0.75em); margin: 0; }
  section.flexed aside { width: calc(32% - 0.75em); margin: 0; }
  .section_nav button { display: none; } }
@media only screen and (max-width: 52em) { #menu { position: fixed; overflow-y: auto; z-index: 0; top: 0; right: -100%; width: 100%; height: 100vh; padding: 0 var(--fill); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; color: #0e4583; background: #fff; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; transform: translate3d(100%, 0, 0); transition: transform .25s; }
  #menu:before { content: ''; -ms-flex: 0 0 auto; flex: 0 0 auto; position: -webkit-sticky; position: sticky; z-index: 2; top: 0; width: 100%; height: 4.5em; background: rgba(255, 255, 255, 0.9); }
  #menu.open { right: 0%; transform: translate3d(0%, 0, 0); }
  #menu.closing { right: calc(0% - var(--pad)); transform: translate3d(100%, 0, 0); } }
@media only screen and (min-width: 52em) { :root { --mq: '52'; }
  header { padding: 1rem 0 2rem; }
  #meta a:first-child { -ms-flex-order: 4; order: 4; margin-top: .5em; opacity: 1; transition: opacity .2s; }
  .ready #meta a:first-child { opacity: 0; }
  #menu { top: auto; right: auto; width: auto; height: auto; margin: 0 var(--pad) 0 0; padding: 0; transform: translate3d(0, 0, 0); transition: none; overflow: visible; }
  #menu:before { content: none; }
  #menu > ul { margin: 0; padding: 0; display: -ms-flexbox; display: flex; position: relative; }
  #menu > ul > li { position: relative; margin: 0; padding: 0 1em; color: #0e4583; border-bottom: 1px solid; border-radius: 0 0 1em 1em; }
  #menu > ul > li > a { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; color: inherit; font-size: 87.5%; }
  #menu > ul > li > a:before { opacity: 0; margin: 0 auto .25em; display: block; transition: opacity .2s; }
  #menu > ul > li > a:hover:before { opacity: 1; }
  #menu > ul li:hover, #menu > ul li.active, #menu > ul li.current { color: #018aa6; }
  #menu > ul li:hover a:before, #menu > ul li.active a:before, #menu > ul li.current a:before { opacity: 1; }
  #menu > ul a { padding: 0 0 .25em 0; }
  #menu > ul > li + li { margin-left: .5em; }
  #menu > ul ul { display: none; position: absolute; left: 0; min-width: 100%; top: calc(100% + .5em); background: #fff; background: rgba(255, 255, 255, 0.95); border: 1px solid; border-radius: 1em; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.3); }
  #menu > ul ul:before { content: ''; display: block; position: absolute; top: -.5em; width: 100%; height: .5em; }
  #menu > ul ul li { padding: 0; color: #0e4583; }
  #menu > ul ul a { padding: 0.4em 1.0666666667em; font-size: 93.75%; }
  #menu > ul ul a:hover { color: #018aa6; }
  #menu > ul > li:hover ul { display: block; }
  #menu > ul > li:nth-child(3) ~ li ul { left: auto; right: 0; }
  #menu > ul span span { display: none; }
  .js #menu { opacity: 0; transition: opacity .2s; }
  .js .ready #menu { opacity: 1; }
  #menu > ul > li:nth-child(4) ~ li { display: none; }
  #navicon { height: 2em; }
  .icn, .icn:before, .icn:after { background: #fff; }
  #meta { position: fixed; right: calc(var(--pad) * -1); top: 4em; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; line-height: 1; }
  #meta a { -ms-flex-positive: 0; flex-grow: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: center; align-items: center; padding: .25em .25em .25em 1em; color: #fff; text-decoration: none; background: #018aa6; border-radius: 999px 0 0 999px; }
  #meta a + a { margin: .5em 0 0 0; }
  #meta svg { margin-left: .25em; }
  #meta .lbl { position: relative; clip: none; overflow: hidden; width: auto; height: auto; margin: auto; overflow: hidden; max-width: 0; transition: max-width .4s ease-out; }
  #meta a:hover .lbl { max-width: 12em; }
  #cart_indicator { fill: #ffc845; }
  footer { padding-left: var(--pad); padding-right: var(--pad); display: grid; grid-template-columns: 1fr 2fr; gap: 0 var(--fill); }
  footer h2 { height: 4rem; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin: 0 0 2rem 0; text-transform: uppercase; line-height: 1; letter-spacing: 1px; font-size: 150%; }
  footer hr { grid-row: 2; grid-column: 1 / span 2; }
  .map { margin: 0; }
  .info li { padding: 0; text-align: left; border: 0; }
  .info li a { padding: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-transform: none; }
  .info li a:before { content: ''; display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; width: 1.5rem; height: 1.5rem; margin: 0 .25rem 0 0; background: no-repeat center transparent; background-size: contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='m12 22c-5.5 0-10-4.5-10-10s4.5-10 10-10 10 4.5 10 10-4.5 10-10 10m0-19c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9'/%3E%3Cpath d='m10.7 17.6c-.3 0-.5-.1-.7-.3-.4-.4-.4-1 0-1.4l3.9-3.9-3.9-3.9c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l4.6 4.6c.2.2.3.4.3.7s-.1.5-.3.7l-4.6 4.6c-.2.2-.4.3-.7.3'/%3E%3C/g%3E%3C/svg%3E"); }
  #fin { grid-column: 1 / span 2; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; text-align: left; }
  #fin p { margin: 0; }
  #fin ul { margin: 0; padding: 0; list-style: none; word-spacing: 1.5em; }
  #fin li { display: inline-block; } }
@media only screen and (min-width: 56em) { :root { --mq: '56'; }
  #menu > ul > li:nth-child(4) ~ li { display: block; }
  #menu > ul > li:nth-child(5) ~ li { display: none; }
  .filter_section { grid-template-columns: repeat(3, 1fr); }
  .logos { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; } }
@media only screen and (min-width: 64em) { :root { --mq: '64'; }
  #menu .menu .active ul li { padding: .25em 1em; }
  #menu .menu span span { display: inline; }
  .section_nav button { display: inline-block; position: static; border: none; }
  .section_nav .nxt, .section_nav .prv { transform: none; }
  .section_nav .nxt { transform: rotate(180deg); }
  .section_nav[data-state="start"] .prv { cursor: default; pointer-events: none; opacity: .4; }
  .section_nav[data-state="end"] .nxt { cursor: default; pointer-events: none; opacity: .4; }
  .section_nav[data-state="single"] { opacity: 0; }
  .section_nav[data-state="single"] button { cursor: default; pointer-events: none; opacity: .4; } }
@media only screen and (min-width: 70em) { :root { --mq: '70'; --fill: 4vw; --pad: 2rem; }
  #menu > ul > li:nth-child(3) ~ li ul { left: 0; right: auto; }
  #menu > ul > li:nth-child(5) ~ li { display: block; }
  #menu > ul > li:nth-child(6) ~ li { display: none; }
  .filter_section { grid-template-columns: repeat(4, 1fr); gap: .75em; }
  .courses .course_description { -webkit-hyphens: initial; -moz-hyphens: initial; -ms-hyphens: initial; hyphens: initial; }
  footer { padding-left: var(--fill); padding-right: var(--fill); } }
@media only screen and (min-width: 80em) { :root { --mq: '80'; --logo_hght: 4rem; --fill: 5vw; --pad: 4rem; }
  section.flexed .content { width: calc(68% - 2em); }
  section.flexed aside { width: calc(32% - 2em); }
  .tiles, .gallery { grid-template-columns: repeat(auto-fill, minmax(14em, 1fr)); } }
@media only screen and (min-width: 84em) { :root { --mq: '84'; } }
@media only screen and (min-width: 90em) { :root { --mq: '90'; --fill: 6vw; }
  .courses > * { width: calc(33.33% - 1.5em); } }
@media only screen and (min-width: 120em) { :root { --mq: '120em'; }
  header h1 { margin-left: calc(50vw - 60em + var(--pad)); }
  #menu { margin-right: calc(50vw - 60em + var(--pad)); } }
@media only screen and (min-width: 128rem) { :root { --mq: 'MAX'; }
  header h1 { margin-left: calc(50vw - 60em); }
  #menu { margin-right: calc(50vw - 60em); } }
@media print { * { color: #000 !important; text-shadow: none !important; background-color: transparent !important; }
  body { margin: 1cm; font: 12pt/1.2 'Helvetica Neue',sans-serif; }
  h1 { font-size: 125%; }
  h2 { font-size: 112.5%; }
  h3, h4, h5, h6 { font-size: 100%; margin: 0; }
  h2, h3 { page-break-after: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  ul, ol { page-break-inside: avoid; }
  li { margin: 0 0 0 1em; padding: 0; }
  a, a:visited { text-decoration: underline; }
  img { max-width: 100% !important; height: auto; page-break-inside: avoid; }
  pre, blockquote { padding: 1em; border: 1px solid #999; page-break-inside: avoid; }
  hr { margin: 2em 0; border: 0; border-bottom: 1px solid #000; }
  table { page-break-inside: auto; }
  tr { page-break-inside: avoid; page-break-after: auto; }
  thead { display: table-header-group; }
  tfoot { display: table-footer-group; }
  /* #divs { display : none; } */ }
.dev body:before { content: var(--mq); position: fixed; z-index: 1000; bottom: 10px; left: 10px; padding: .5em 2em; color: #fff; background: rgba(0, 0, 0, 0.7); -webkit-font-smoothing: antialiased; }

.dev:after { content: ''; position: fixed; z-index: 100; left: 0; top: 0; bottom: 0; right: 0; box-shadow: inset 0 0 4px 6px rgba(255, 0, 0, 0.6); pointer-events: none; }