@charset "UTF-8";
/** @license MyFonts Webfont Build ID 3792131, 2019-07-31T03:17:21-0400  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.  Webfont: FF Meta Web Pro Bold by FontFont URL: https://www.myfonts.com/fonts/fontfont/ff-meta/pro-bold/ Copyright: 2009 Erik Spiekermann published by FSI FontShop International GmbH Licensed pageviews: 50,000  Webfont: FF Meta Web Pro Book by FontFont URL: https://www.myfonts.com/fonts/fontfont/ff-meta/pro-book/ Copyright: 2009 Erik Spiekermann published by FSI FontShop International GmbH Licensed pageviews: 50,000  Webfont: ZoojaPro by Aerotype URL: https://www.myfonts.com/fonts/aerotype/zooja/regular-pro/ Copyright: Copyright (c) 2016 by Aerotype Corporation. All rights reserved. Licensed pageviews: 20,000   License: https://www.myfonts.com/viewlicense?type=web&buildid=3792131  © 2019 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/39dd03");
@font-face { font-family: 'FFMetaWebProBold'; src: url("/fonts/39DD03_0_0.eot"); src: url("/fonts/39DD03_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/39DD03_0_0.woff2") format("woff2"), url("/fonts/39DD03_0_0.woff") format("woff"), url("/fonts/39DD03_0_0.ttf") format("truetype"); }
@font-face { font-family: 'FFMetaWebProBook'; src: url("/fonts/39DD03_1_0.eot"); src: url("/fonts/39DD03_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/39DD03_1_0.woff2") format("woff2"), url("/fonts/39DD03_1_0.woff") format("woff"), url("/fonts/39DD03_1_0.ttf") format("truetype"); }
@font-face { font-family: 'ZoojaPro'; src: url("/fonts/39DD03_2_0.eot"); src: url("/fonts/39DD03_2_0.eot?#iefix") format("embedded-opentype"), url("/fonts/39DD03_2_0.woff2") format("woff2"), url("/fonts/39DD03_2_0.woff") format("woff"), url("/fonts/39DD03_2_0.ttf") format("truetype"); }
@media screen, projection { html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; background: #e5f4f4; }
  *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
  :root { --fill: .75rem; --carousel_h: 64vmax; --pptt_w: 56%; }
  body { max-width: 64rem; margin: 0 auto; padding: 0; color: #00468E; font-family: "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-size: 100%; line-height: 1.5; background: #fff; scroll-behavior: smooth; overscroll-behavior: none; }
  article, aside, footer, header, nav, section, figcaption, figure, main, details, summary { display: block; }
  audio, video { display: inline-block; }
  h1, h2 { font-family: "ZoojaPro", serif; font-weight: normal; }
  h1 { margin: 0 0 0.67em 0; text-align: center; font-size: 300%; font-size: calc(32px + (72 - 32) * ((100vw - 300px) / (1200 - 300))); line-height: 1; }
  h2 { margin: 1em; font-size: 150%; line-height: 1; }
  h3 { margin: 1.5em 0 0; font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; font-size: 100%; }
  h3 + * { margin-top: 0; }
  a { color: inherit; background-color: transparent; transition: color .2s; }
  b, strong { font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; }
  img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; }
  svg:not(:root) { overflow: hidden; }
  blockquote { margin: 1em auto; }
  figure { margin: 1em auto; }
  summary { cursor: pointer; list-style-image: none; outline: none; }
  summary:before { content: none !important; }
  summary::-webkit-details-marker { display: none; }
  hr { height: 0; margin: 1.5em auto; border: none; border-bottom: 1px solid #00468E; }
  button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
  button, input { overflow: visible; }
  button, select { text-transform: none; }
  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); }
  .visually_hidden { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0); padding: 0; white-space: nowrap; border: 0; }
  /*  */
  header, main, footer, #navicon { padding-left: 1em; padding-right: 1em; padding-left: var(--fill); padding-right: var(--fill); }
  main > section { margin-left: -1em; margin-right: -1em; padding-left: 1em; padding-right: 1em; margin-left: calc(var(--fill) * -1); margin-right: calc(var(--fill) * -1); padding-left: var(--fill); padding-right: var(--fill); padding-top: 44px; padding-bottom: 44px; }
  main .banner { margin-left: -1em; margin-right: -1em; padding-left: 1em; padding-right: 1em; margin-left: calc(var(--fill) * -1); margin-right: calc(var(--fill) * -1); }
  main > .banner:first-child { margin-bottom: 3em; }
  header { pointer-events: none; position: absolute; top: -999em; padding-top: 1em; padding-bottom: 1em; background: #00468E; }
  header h1 { position: relative; z-index: 1004; margin: 0; margin-left: -.25em; text-align: left; font-size: 100%; }
  header img { vertical-align: top; }
  .home header { position: static; }
  /* NAV */
  nav { position: fixed; overflow-y: auto; z-index: 1001; left: 100%; top: 0; width: 100%; height: 100vh; padding-top: 52px; padding-bottom: 52px; padding-left: 1em; padding-right: 1em; padding-left: var(--fill); padding-right: var(--fill); background: #fff; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; transform: translate3d(100%, 0, 0); transition: transform .25s; }
  nav ul { margin: auto 0; padding: 0; list-style: none; }
  nav a { display: block; padding: .5em 0 .25em; text-decoration: none; }
  #menu { font-size: 125%; }
  #menu:before { content: ''; display: block; margin-bottom: 3rem; padding-bottom: 30%; background: no-repeat left center; background-image: url("/assets/sjs.svg"); background-size: contain; }
  #menu li { border-top: 1px solid #00468E; }
  #menu li:last-child { border-bottom: 1px solid #00468E; }
  nav::-webkit-scrollbar { display: none; }
  #navicon { display: block; cursor: pointer; position: fixed; z-index: 1003; top: 0; height: 44px; width: 100%; margin: 0; padding-top: 0; padding-bottom: 0; text-align: right; background: #00468E; border: none; transition: background .2s; box-shadow: 0 0 5px #00468E; outline: none; }
  #navicon > * { pointer-events: none; }
  #navicon:before { content: ''; position: absolute; opacity: 0; top: 0; left: 1em; left: var(--fill); width: 44px; bottom: 0; background: no-repeat left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E    %3Cpath fill='%23FFF' d='M16.317 0A22.734 22.734 0 0 0 0 16.305h3.22c1.897-6.24 6.854-11.178 13.097-13.071V0zM44 16.305C41.938 8.324 35.642 2.041 27.649 0v3.234c6.266 1.889 11.221 6.816 13.127 13.071H44zM27.649 44C35.665 41.954 41.96 35.643 44 27.631h-3.224c-1.875 6.271-6.854 11.232-13.127 13.117V44zM16.317 40.749C10.041 38.864 5.1 33.903 3.22 27.631H0C2.038 35.635 8.31 41.95 16.317 44v-3.251z'/%3E%3C/svg%3E"); background-size: 56%; transition: opacity .4s; }
  .lift #navicon { background: rgba(0, 70, 142, 0.9); }
  .lift #navicon:before { opacity: 1; }
  #navicon span, #navicon span:before, #navicon span:after { height: 3px; width: 28px; background: #fff; border-radius: 1px; transition-timing-function: ease-in-out; }
  #navicon span { position: relative; display: inline-block; vertical-align: middle; transition-duration: .1s; transition-delay: 0; transition-property: background; }
  #navicon span:before, #navicon span:after { content: ''; position: absolute; left: 0; transition-duration: .1s, .1s; transition-delay: .1s, 0; }
  #navicon span:before { top: -9px; transition-property: top, transform; }
  #navicon span:after { bottom: -9px; transition-property: bottom, transform; }
  .nav-open header h1 { z-index: 0; }
  .nav-open #navicon { background: #fff; box-shadow: none; }
  .nav-open #navicon span { background-color: transparent; }
  .nav-open #navicon span:before, .nav-open #navicon span:after { background-color: #00468E; transition-delay: 0, .1s; }
  .nav-open #navicon span:before { top: 0; transform: rotate(45deg); }
  .nav-open #navicon span:after { bottom: 0; transform: rotate(-45deg); }
  .open { left: 0; transform: translate3d(0%, 0, 0); }
  .open #navicon span { background-color: transparent; }
  .open #navicon span:before, .open #navicon span:after { transition-delay: 0, .1s; }
  .open #navicon span:before { top: 0; transform: rotate(45deg); }
  .open #navicon span:after { bottom: 0; transform: rotate(-45deg); }
  .open + div { display: block; }
  .closing { pointer-events: none; left: 0%; transform: translate3d(100%, 0, 0); }
  /* */
  .gs { position: relative; margin-top: -60px; margin-left: -1em; margin-right: -1em; margin-left: calc(var(--fill) * -1); margin-right: calc(var(--fill) * -1); }
  .slider { position: relative; height: 75vmin; margin-left: -1em; margin-right: -1em; margin-left: calc(var(--fill) * -1); margin-right: calc(var(--fill) * -1); color: #fff; background: #00468E; backface-visibility: hidden; }
  .slider:before { content: ''; position: absolute; z-index: 1000; top: -1px; left: 0; right: 0; height: 8vh; background-image: linear-gradient(to bottom, #00468e 0%, rgba(0, 70, 142, 0.738) 19%, rgba(0, 70, 142, 0.541) 34%, rgba(0, 70, 142, 0.382) 47%, rgba(0, 70, 142, 0.278) 56.5%, rgba(0, 70, 142, 0.194) 65%, rgba(0, 70, 142, 0.126) 73%, rgba(0, 70, 142, 0.075) 80.2%, rgba(0, 70, 142, 0.042) 86.1%, rgba(0, 70, 142, 0.021) 91%, rgba(0, 70, 142, 0.008) 95.2%, rgba(0, 70, 142, 0.002) 98.2%, rgba(0, 70, 142, 0) 100%); transform: translate3d(0, 0, 0); }
  .slider button { z-index: 999; cursor: pointer; position: absolute; top: 0; bottom: 0; width: 22%; margin: 0; padding: 0; border: none; outline: none; background: no-repeat center transparent; background: no-repeat center rgba(0, 70, 142, 0.3); background-size: 12px; }
  .slider .prev { left: 0; background-position: 20% center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='37'%3E  %3Cpath fill='%23FFF' d='M0 18.5L12.4 0l5.3 3.6-10 14.9 10 14.8-5.3 3.5L0 18.5z'/%3E%3C/svg%3E"); }
  .slider .nxt { right: 0; background-position: 80% center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='37'%3E  %3Cpath fill='%23FFF' d='M17.7 18.5L5.3 0 0 3.6l9.9 14.9L0 33.3l5.3 3.5 12.4-18.3z'/%3E%3C/svg%3E"); }
  .home .slider { margin-top: -44px; }
  .inner { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; backface-visibility: hidden; }
  .passepartout { position: absolute; top: 0; bottom: 0; left: 22%; width: 56%; height: 100%; transform: translateZ(0); }
  .passepartout figure { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; margin: 0; backface-visibility: hidden; background: #00468E; transform: translate3d(0, 0, 0); }
  .passepartout figcaption { opacity: 0; }
  .passepartout a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center; background-size: cover; }
  .passepartout a:after { content: "Mehr über " attr(data-name); position: absolute; opacity: 1; bottom: 1em; left: 1em; max-width: 6em; transition: opacity 1s; }
  .passepartout a:hover:after { text-decoration: underline; }
  .passepartout a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
  .passepartout .r1 { transform: translate3d(100%, 0, 0); }
  .passepartout .r1 a:after { opacity: 0; }
  .passepartout .r2 { transform: translate3d(200%, 0, 0); }
  .passepartout .r2 a:after { opacity: 0; }
  .passepartout .l1 { transform: translate3d(-100%, 0, 0); }
  .passepartout .l1 a:after { opacity: 0; }
  .passepartout .l2 { transform: translate3d(-200%, 0, 0); }
  .passepartout .l2 a:after { opacity: 0; }
  .passepartout.solo a { pointer-events: none; }
  .passepartout.solo a:after { content: none; }
  .passepartout.ready figure { transition: transform .4s; }
  .r1 a:before, .r2 a:before, .l1 a:before, .l2 a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 70, 142, 0.2); }
  #heart { pointer-events: none; position: absolute; overflow: hidden; z-index: 1000; right: 22%; bottom: -1.5em; width: 76%; max-width: 420px; text-align: center; color: #fff; font-family: "ZoojaPro", serif; font-size: 200%; background: no-repeat center; background-size: contain; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='316'%3E  %3Cpath opacity='.85' fill='%23009596' d='M253 315.8c-2.9 0-4.5-2.6-5-3.9-19.7-46.7-105.6-69.2-148-101.4-16.3-12.4-26.3-31.5-28.2-51.4-2-.2-3.9-.4-5-.5h-.7c-7.7 0-10 5.3-25.2 8.4-3.9.8-8.3 6.2-10.1 8.7-1.6 2.2-3.3 4.6-5.7 5.9-.8.5-1.8.8-2.8.8-.8 0-1.5-.2-2.1-.7-2.6-2.3-.1-6.3 1-8.2 1.3-2.2 4.1-6.7 5.8-8.7 0 0-8.7 4.3-11.7 5.4-1.5.6-3.7 1.3-5.6 1.3-1.6 0-2.9-.5-3.5-2-1.7-4.4 3.8-7.2 6.8-8.9 1.4-.8 9.3-4.4 10.8-5 0 0-10.9 1.1-14.6 1.2H8.1c-3.1 0-7.7-.4-7.8-4-.1-5.3 6.9-5 10.3-5.4 1.4-.2 10.1-.6 11.5-.7-2.3-.7-11.7-3.9-13.8-5.1-2.3-1.3-4.5-3.9-3-6.7.9-1.7 2.5-2.2 4-2.2 1.1 0 2.1.2 2.8.4 2.7.6 11.5 3.5 13.5 4.1 2.4.7 5.1 1.4 7.7 1.8-1-1.5-2-3.8-2.7-5.1-2.1-3.8-5.6-9.6-1.2-13.3.6-.5 1.2-.8 1.8-.8 1.1 0 2.2.9 3 1.9 2.3 2.8 4.7 7 7.1 9.7 4.4 5.1 9.5 6.5 15.5 9.5 3.1 1.5 10.5 3.4 13.3 3.5h1.7c1.8-16.3 9.3-32.1 23.5-44.2 18.3-15.5 40.4-21.6 61.1-21.6 23.7 0 45.4 8 56.8 19.1 11.3-40.9 39.6-68.2 82.5-68.2 20.6 0 41.2 6.1 57 19.4.3-.3.7-.5.9-.7 2.2-1.9 6.8-7.9 8.3-11 2.9-6.1 6-10.3 6.3-17.1.2-3.6-.5-8.4-.5-12 0-2 .6-3.9 2.9-3.9h.2c5.7.2 6.5 7 7.3 11.2.3 1.5.9 3.9 1.1 5.7 1.8-2 3.5-4.2 4.9-6.2 1.2-1.7 6.3-9.5 8-11.6.9-1.1 2.6-3.2 4.8-3.2.5 0 1.1.1 1.7.4 2.9 1.3 2.8 4.7 1.8 7.2-.9 2.2-6.3 10.6-7.7 12.5 1.2-.8 8.2-5.8 9.5-6.6 2-1.3 5.3-3.9 8.1-3.9 1.2 0 2.4.5 3.3 1.7 2.5 3.3-2.1 6.9-4.5 8.6-2.9 2.2-12.2 8.1-12.2 8.1 1.6-.5 10-2.5 11.6-2.8 1.4-.2 3.3-.6 5.1-.6 2.5 0 4.9.7 5.7 3.3 1 3.4-3.9 5.3-6.7 6.2-3.1.9-12.6 3-12.6 3 2.5.5 7.5 2.4 9.9 3.3 2 .8 6.4 2.4 5.8 5.8-.3 1.7-2.2 2.7-3.8 3-.5.1-1 .1-1.5.1-2.2 0-4.5-.7-6.6-1.2-1.9-.5-5.6-1.4-8.9-1.4-1.7 0-3.3.2-4.5.8-14.3 7.2-19.3 4.1-25.6 9.5-.6.5-1.4 1.2-2.3 2.1 11.2 13.9 18.2 33 18.2 57.9 0 76.4-118.2 193.4-124.7 197.4-.8.9-2 1.3-3 1.3'/%3E%3C/svg%3E"); transform: translate3d(0, 0, 0); }
  #heart p { width: 75%; min-height: 5.5em; margin: 2.25em auto 1em; line-height: 1.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(1em, 0) rotate(-10deg); }
  #heart i, #heart em { display: block; font-style: normal; font-size: 150%; }
  @supports (--a: b) { .slider { height: var(--carousel_h); }
    .slider button { width: calc((100% - var(--pptt_w)) / 2); }
    .passepartout { left: calc((100% - var(--pptt_w)) / 2); width: var(--pptt_w); }
    #heart { right: calc((100% - var(--pptt_w)) / 2); } }
  .slider_thumbs { display: -ms-flexbox; display: flex; overflow-y: hidden; overflow-x: auto; margin-bottom: 3rem; margin-left: -1em; margin-right: -1em; margin-left: calc(var(--fill) * -1); margin-right: calc(var(--fill) * -1); scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: thin; }
  @supports (scrollbar-gutter: stable) { .slider_thumbs { scrollbar-gutter: stable; } }
  .slider_thumbs figure { position: relative; -ms-flex: 0 0 24%; flex: 0 0 24%; margin: 0; scroll-snap-align: center; }
  .slider_thumbs figure:before { content: ''; display: block; padding-bottom: 100%; }
  .slider_thumbs .current { display: none; pointer-events: none; }
  .slider_thumbs a { position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center; background-size: cover; }
  .slider_thumbs a:after { content: attr(data-name); position: absolute; opacity: 1; bottom: 10px; left: 10px; right: 10px; max-width: 6em; color: #fff; text-align: center; font-family: "ZoojaPro", serif; font-size: 150%; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .slider_thumbs a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
  .slider_thumbs figcaption { display: none; }
  /*  */
  main ul { list-style: none; padding-left: 2em; }
  main ul li:before { content: ' '; display: inline-block; float: left; width: 2em; margin-left: -2em; background: no-repeat left; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='2'%3E  %3Cpath fill='%237FC5C8' d='M15.3 1c-.5-.2-1-.2-1-.2-.4-.4-2.2-.5-2.5-.6C10 0 7.6 0 5.7 0H3.4C1.2 0 1.2.4.9.4.3.6 0 .8 0 1c0 .5 1 1 2 1 0 .1.8.2 1.1.2.8 0 2.2-.1 2.9-.2H7.7c3.8-.2 5.4-.1 5.4-.5.2-.2.9-.1 1.2-.4.5.1.6.1 1-.1z'/%3E%3C/svg%3E"); background-size: 50%; }
  main section { overflow: auto; }
  .banner { position: relative; overflow: auto; padding: 1.5rem 2rem 0; color: #fff; background: no-repeat center #00468E; background-size: cover; }
  .banner:before { content: ''; position: absolute; z-index: 0; top: 0; left: 0; right: 0; height: 150px; background-image: linear-gradient(to bottom, #00468e 0%, rgba(0, 70, 142, 0.738) 19%, rgba(0, 70, 142, 0.541) 34%, rgba(0, 70, 142, 0.382) 47%, rgba(0, 70, 142, 0.278) 56.5%, rgba(0, 70, 142, 0.194) 65%, rgba(0, 70, 142, 0.126) 73%, rgba(0, 70, 142, 0.075) 80.2%, rgba(0, 70, 142, 0.042) 86.1%, rgba(0, 70, 142, 0.021) 91%, rgba(0, 70, 142, 0.008) 95.2%, rgba(0, 70, 142, 0.002) 98.2%, rgba(0, 70, 142, 0) 100%); }
  .banner:after { content: ''; float: left; width: 1px; margin-left: -1px; padding-bottom: 40%; }
  .banner h1 { position: relative; z-index: 9; margin: 0; text-shadow: 0 0 20px rgba(0, 70, 142, 0.3); }
  .banner.invers { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .banner.invers:before { top: auto; bottom: 0; background-image: linear-gradient(to top, #00468e 0%, rgba(0, 70, 142, 0.738) 19%, rgba(0, 70, 142, 0.541) 34%, rgba(0, 70, 142, 0.382) 47%, rgba(0, 70, 142, 0.278) 56.5%, rgba(0, 70, 142, 0.194) 65%, rgba(0, 70, 142, 0.126) 73%, rgba(0, 70, 142, 0.075) 80.2%, rgba(0, 70, 142, 0.042) 86.1%, rgba(0, 70, 142, 0.021) 91%, rgba(0, 70, 142, 0.008) 95.2%, rgba(0, 70, 142, 0.002) 98.2%, rgba(0, 70, 142, 0) 100%); border-bottom: 3rem solid #00468E; }
  .banner.invers + * { padding-top: 0; }
  .banner.green { background-color: #009596; }
  .banner.green:before { background-image: linear-gradient(to bottom, #009596 0%, rgba(0, 149, 150, 0.738) 19%, rgba(0, 149, 150, 0.541) 34%, rgba(0, 149, 150, 0.382) 47%, rgba(0, 149, 150, 0.278) 56.5%, rgba(0, 149, 150, 0.194) 65%, rgba(0, 149, 150, 0.126) 73%, rgba(0, 149, 150, 0.075) 80.2%, rgba(0, 149, 150, 0.042) 86.1%, rgba(0, 149, 150, 0.021) 91%, rgba(0, 149, 150, 0.008) 95.2%, rgba(0, 149, 150, 0.002) 98.2%, rgba(0, 149, 150, 0) 100%); border-bottom: 3rem solid #009596; }
  .banner.invers.green:before { background-image: linear-gradient(to top, #009596 0%, rgba(0, 149, 150, 0.738) 19%, rgba(0, 149, 150, 0.541) 34%, rgba(0, 149, 150, 0.382) 47%, rgba(0, 149, 150, 0.278) 56.5%, rgba(0, 149, 150, 0.194) 65%, rgba(0, 149, 150, 0.126) 73%, rgba(0, 149, 150, 0.075) 80.2%, rgba(0, 149, 150, 0.042) 86.1%, rgba(0, 149, 150, 0.021) 91%, rgba(0, 149, 150, 0.008) 95.2%, rgba(0, 149, 150, 0.002) 98.2%, rgba(0, 149, 150, 0) 100%); border-bottom: 3rem solid #009596; }
  main > .banner:first-child { margin-top: 44px; }
  .copy { max-width: 34rem; margin-left: auto; margin-right: auto; }
  .copy blockquote { position: relative; margin: 1.5em auto; padding-left: 1.5em; padding-right: 1.5em; text-align: center; color: #009596; font-family: "ZoojaPro", serif; font-weight: normal; font-size: 225%; line-height: 1.25; letter-spacing: .05em; }
  .copy blockquote:before, .copy blockquote:after { display: block; font-size: 200%; text-align: center; line-height: .5; }
  .copy blockquote:before { content: '»'; }
  .copy blockquote:after { content: '«'; }
  .copy blockquote p { margin: 0; }
  main > .copy:only-child { margin-top: 4.5em; }
  .intro { margin: 3rem auto; font-size: 112.5%; }
  .home .intro { max-width: calc(16vw + 32rem) !important; padding-left: 8vw; padding-right: 8vw; font-size: 125%; color: #009596; text-align: center; }
  .home .intro em { font-size: 225%; font-family: "ZoojaPro", serif; font-style: normal; }
  .blue { color: #fff; background-color: #00468E; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .green { color: #fff; background-color: #009596; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  .green > * { color: #fff; }
  summary { position: relative; padding: 1rem 3rem 1rem 0; font-size: 112.5%; font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; transition: color .25s; }
  summary:after { content: ''; position: absolute; top: 1.5rem; right: 0; width: 15px; height: 7px; background: no-repeat center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7'%3E  %3Cpath fill='%2300468E' d='M7.4 4.2L1.2 0 0 1.8l7.4 5 7.5-5L13.7 0 7.4 4.2z'/%3E%3C/svg%3E"); transition: transform .2s; transform: rotate(-90deg); transform-origin: center; }
  summary:focus, summary:hover { color: #7FC5C8; }
  .special summary { color: #009596; }
  .special summary:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7'%3E  %3Cpath fill='%23009596' d='M7.4 4.2L1.2 0 0 1.8l7.4 5 7.5-5L13.7 0 7.4 4.2z'/%3E%3C/svg%3E"); }
  summary + div { max-width: 34rem; padding-top: 1rem; padding-bottom: 1rem; padding-left: 4vw; margin-left: auto; margin-right: auto; }
  summary + div h2, summary + div h3, summary + div h4, summary + div .contact:before { margin-left: -4vw; margin-bottom: 0; font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; font-size: 100%; }
  summary + div > *:first-child { margin-top: 0; }
  details { border-bottom: 1px solid rgba(0, 70, 142, 0.6); }
  details:first-of-type { border-top: 1px solid rgba(0, 70, 142, 0.6); }
  details[open] > summary:after { transform: rotate(0deg); }
  details div details:last-child { border-bottom: none; }
  /*  */
  .jobs summary:after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7'%3E  %3Cpath fill='%23FFF' d='M7.4 4.2L1.2 0 0 1.8l7.4 5 7.5-5L13.7 0 7.4 4.2z'/%3E%3C/svg%3E"); }
  .jobs details { border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
  .jobs details:first-of-type { border-top: 1px solid rgba(255, 255, 255, 0.6); }
  /*  */
  .connect { margin-top: 0; margin-bottom: 0; margin-left: -1em; margin-right: -1em; margin-left: calc(var(--fill) * -1); margin-right: calc(var(--fill) * -1); border: none; background: none; }
  .compact { position: relative; margin-top: -60px; }
  .b2g { height: 60px; background: #00468E; background-image: linear-gradient(to top, #009596 0%, rgba(0, 149, 150, 0.738) 19%, rgba(0, 149, 150, 0.541) 34%, rgba(0, 149, 150, 0.382) 47%, rgba(0, 149, 150, 0.278) 56.5%, rgba(0, 149, 150, 0.194) 65%, rgba(0, 149, 150, 0.126) 73%, rgba(0, 149, 150, 0.075) 80.2%, rgba(0, 149, 150, 0.042) 86.1%, rgba(0, 149, 150, 0.021) 91%, rgba(0, 149, 150, 0.008) 95.2%, rgba(0, 149, 150, 0.002) 98.2%, rgba(0, 149, 150, 0) 100%); }
  .g2b { height: 60px; background: #009596; background-image: linear-gradient(to top, #00468e 0%, rgba(0, 70, 142, 0.738) 19%, rgba(0, 70, 142, 0.541) 34%, rgba(0, 70, 142, 0.382) 47%, rgba(0, 70, 142, 0.278) 56.5%, rgba(0, 70, 142, 0.194) 65%, rgba(0, 70, 142, 0.126) 73%, rgba(0, 70, 142, 0.075) 80.2%, rgba(0, 70, 142, 0.042) 86.1%, rgba(0, 70, 142, 0.021) 91%, rgba(0, 70, 142, 0.008) 95.2%, rgba(0, 70, 142, 0.002) 98.2%, rgba(0, 70, 142, 0) 100%); }
  .lead { margin: 6rem 0 3rem; color: #009596; }
  .lead img { display: block; }
  .lead figcaption { font-size: 150%; }
  .lead p { margin-top: 0; }
  /*  */
  form p { margin: 1.5em 0; }
  form p > label:first-child { display: block; }
  #bewerben > h1:after { content: ''; display: inline-block; vertical-align: bottom; width: 1em; height: 1.5em; margin-left: .25em; background: no-repeat center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='89' height='105'%3E  %3Cpath fill='%2319478F' d='M45.1 12.6c1.4 0 1.7-4.6 1.7-5.6V5.3c0-1.2-.2-5.3-1.2-5.3-.2 0-.3 0-.5.2-1 .9-1.5 4.6-1.5 7.1-.1 1.7.3 4.8 1.5 5.3zM12.2 41.1c1.2-.2 2.4 0 2.7-1-1.9-1.9-3.2-1.9-5.6-1.9h-1c-7.6 0-8.3.3-8.3.7 0 2.2 10.4 2.2 12.2 2.2zm9.6 25.7c-3.1.5-10.2 9.3-10 9 .2 0 .3.5.3.7 3.1-.7 11.2-6 11.2-9.2 0-.5-.3-.7-.7-.7-.3 0-.7.2-.8.2zm-6.3-11.5c.7-.3 1-.5 1-.9s-.7-.9-1.4-1C10.2 53.4 2 58.6 2 59.2c.3.2.5.2.5.3s-.1.3-.1.5c4.1 0 10.4-2.7 13.1-4.7zm13.9-39.8c.3.2.7.5 1.2.5.2 0 .3-.2.3-.3 0-3.4-5.4-11-6.8-11-.2 0-.3.2-.3.5 0-.1 2.7 7.7 5.6 10.3zM9.7 20.7c2.6 2.9 7 5.3 10 6.8.5 0 1.2-.2 1.2-.7 0-3.2-8.8-7-8.7-7-.9-.5-3.2-1.5-2.9-1.5-.3 0-.5.2-.9.2-.1 0 .8 1.6 1.3 2.2zm61.5 5.7c2-.5 5.3-2.6 6-3.2 1.4-1.4 4.6-3.1 4.6-4.9h-.7C78 19.4 70 23.1 70 25.5c0 .5.4.9 1.2.9zm4.6 12.2c-.5.2-1.9.5-1.9 1.2 0 1.2 3.1 1.4 3.6 1.4 3.6 0 7.6-1.4 11-2-2.2-.9-4.8-1.2-7.1-1.2-2-.1-3.9.1-5.6.6zM59.5 16c4.1 0 6.3-6.1 6.6-6.6.4-.9.9-2.9 1.2-3.4-.2-.2-.2-.3-.2-.5 0-.3.2-.7.2-1-2.9 2.9-8 8-8 10.9 0 .1.2.4.2.6zm8 16.8c-4.2-14.3-20.4-15.5-21.1-15.5H45c-20.1 0-25.8 19.4-25.8 29.2 0 15.1 14.3 19.7 15.8 36.2-2.2 1.4-4.6 1.5-4.6 5.8 0 2 .9 3.2.9 5.3V95c0 2.2 2.2 4.9 4.9 5.1.7 1.4 2.9 5.3 7 5.3 2.4 0 5.1-3.1 5.4-4.1.5-1 .5-1.4.7-1.9 1.9 0 5.1-2.5 5.1-4.2 0-.8-.5-1.7-.5-2.5 0-1.5.2-3.1.2-4.9 0-4.1-2.7-4.8-2.7-8C51.3 69 68.9 59 68.9 41.3c0-2.7-.6-5.4-1.4-8.5zM43 102.9c-.9 0-2.7-1.2-2.7-2.4 2-.2 3.7 0 5.8-.3-.4.9-1.6 2.7-3.1 2.7zm7.1-8.7c-.8 2.5-6.5 2.5-9 2.9 4.1-2.4 7.5-4.1 7.6-4.1 0-.2.3-.7.3-1 0-.2-.2-.5-.7-.5-3.2 1.2-9.2 4.2-10.7 5.4-.9-.7-1.9-.5-2.6-1.4 0-1.2 0-2.9-.2-3.9 3.4-1.5 9.2-4.4 9.9-5.3.5-1 1.2-1 2.7-1 .8 0 1.4 0 2 1.2-.2 0-.3.2-.5.2-4.4 1.9-12.8 5.6-12.9 7.1-.2-.2 0 .8.5.8 3.6 0 10-5.6 13.1-6.1.2 2.1.5 4.1.5 5.7zM34.5 56.8c-1.4 0-1.9-.7-1.9-1.7 0-2.2 2.5-3.4 3.7-3.4.7 0 1.4.2 1.7.7-.9.9-1.9 2.2-1.9 3.4-.3-.3-.7-.5-1-.5-.7 0-.8.3-.8.8 0 .2 0 .5.2.7zm4.1-3.9c.2.5.3 1 .3 1.7 0 1-.5 1.9-1.2 1.9-.5 0-.7-.3-.7-.7.1-1.4.9-2.3 1.6-2.9zm-1 4.6c.7 0 2-1.2 2-2.9 0-.9-.2-1.5-.5-2.2.5-.5 1.7-.8 2.5-.8.7 0 1.4.2 1.7.7-1.5 1.4-2.2 2.7-2.2 3.7s.5 1.5 1.2 1.5c1.7 0 2.5-2 2.5-3.6 0-.5-.2-1-.3-1.5.7-.5 1.9-1 2.9-1 .7 0 1 .2 1.4.7-.8.9-1.9 1.9-2 2.9 0 1 .5 1.7 1.2 1.7 1.7 0 2.2-1.5 2.2-2.9 0-.5 0-1-.2-1.4.3-.3.9-.5 1.4-.5 1.4 0 2.5 1.2 2.5 2.4 0 1-.7 2.2-1.9 2.2.2-.2.3-.5.3-.8s-.3-.5-.5-.5c-1.2 0-7 10.7-9.4 12.4-1.7-2.5-4.6-8.2-5.4-10.2.2.1.4.1.6.1zm6.3-4.6c.2.3.3.8.3 1.2 0 1-.5 2.4-1.7 2.4-.2 0-.3-.3-.3-.5 0-1.1 1-2.5 1.7-3.1zm5.4-.2c.2.2.2.5.2 1 0 .9-.2 1.7-1 2.2-.7 0-.8-.2-.8-.5.1-1.5.9-2 1.6-2.7zm11.6.8C56.6 62 47.1 69.5 47.1 79c0 .7.2 1.4.3 2-.9 0-2.7.3-3.9.5 0-1.9.2-3.6.2-5.4-.2-1.5-.2-3.1-.2-4.8 0-4.2 5.3-6.8 8.3-14.1 1.7 0 2.7-1.7 2.7-3.2-.2-1.9-2-2.9-3.6-2.9-.5 0-1 .2-1.4.3-.5-.7-1.4-1.2-2.4-1.2-1.4 0-2.2.7-3.2 1.2-.5-.3-1.4-.9-2.2-.9-1.4 0-2.4.5-3.1 1-.7-.5-1.4-1-2.4-1-2.9 0-4.4 2.6-4.4 3.9 0 1.4.9 2.5 2.2 2.5 1.4 0 6.8 12.9 7.5 12.9 0 1.5-.3 5.1-.3 7.5.2 1.2.3 3.6.3 4.8-.3.3-.3.5-.3.8 0 1 1 2 1.9 2.2-2.7 1.4-5.4 3.1-8.5 4.1-.2-.2-.2-.5-.2-.9v-.8c0-3.7 4.2-1.4 4.2-3.9 0-11.9-16-24.1-16-35 0-16.3 11.7-26.2 22.3-26.2 11.9 0 18.9 8.8 18.9 19.2.1 4.1-1.4 8.7-2.9 11.9zM74 73.3c-1.5-1.9-5.6-8.8-8.8-8.8-1 0-1.7.5-1.7 1.5.2 0 1.2 2.2 2.2 3.1 1.9 2 7 5.4 8 5.4.2 0 .3-.2.5-.3-.1-.3-.2-.6-.2-.9zm8.5-16.9c-2.4-1.5-7-4.8-9.7-4.8-.9 0-1.5.5-1.5 1.4 0 2.9 13.4 5.8 13.4 6.1.5 0-1.5-2.2-1.7-2.4l-.5-.3z'/%3E%3C/svg%3E"); background-size: contain; }
  #bewerben #jobtitle { display: none; }
  #bewerben.application #jobtitle { display: block; }
  #bewerben.application .formintro { opacity: 0; }
  #bewerben.application .generic { display: none; }
  .msg { color: #fff; }
  .msg:not(:empty) + .formintro { display: none; }
  input[type="text"], input[type="email"], input[type="tel"], textarea, select { width: 100%; padding: .5em; color: #00468E; border: none; background: #cceaea; border-radius: 0; }
  input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { outline: 0; }
  select { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: .5em 36px .5em .5em; background: calc(100% - 4px) 50% no-repeat #cceaea; border: none; border-radius: 0; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7'%3E  %3Cpath fill='%2300468E' d='M7.4 4.2L1.2 0 0 1.8l7.4 5 7.5-5L13.7 0 7.4 4.2z'/%3E%3C/svg%3E"); background-size: 12px; }
  select:focus { color: #009596; }
  select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }
  .error { outline: 1px solid red; }
  .combobox { padding: .5em; color: #00468E; line-height: 1.15; background: #cceaea; border-radius: 0; }
  .combobox summary { padding: 0 36px 0 0; font-size: 100%; font-family: "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; }
  .combobox summary:after { top: .5em; right: calc(-.5em + 4px); background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7'%3E  %3Cpath fill='%2300468E' d='M7.4 4.2L1.2 0 0 1.8l7.4 5 7.5-5L13.7 0 7.4 4.2z'/%3E%3C/svg%3E"); transform: rotate(0deg); }
  .combobox > span { display: block; }
  .combobox > span > span { margin: .5em 0; }
  .combobox .tick label { padding-left: 1.65em; }
  .combobox .tick svg { top: -.15em; width: 1.15em; height: 1.15em; }
  .upload_section label { cursor: pointer; }
  input[type="file"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  #vita_filename { display: block; font-style: italic; }
  .tick { display: block; }
  .tick input[type="hidden"] { position: absolute; }
  .tick input[type="checkbox"] { position: absolute; clip: rect(0 0 0 0); overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
  .tick label { display: block; position: relative; padding-left: 30px; padding-left: calc(24px + .5em); }
  .tick svg { position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; margin-right: 1em; }
  .tick #checkmark { opacity: 0; transition: opacity 0.25s; }
  .tick input[type="checkbox"]:checked + svg #checkmark { opacity: 1; }
  button[type="submit"] { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: inherit; font-size: 125%; font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; text-decoration: underline; background: transparent; border: 0; outline: 0; }
  button[type="submit"]:before { content: ''; display: inline-block; width: 3em; height: 1.5em; margin-right: .5em; background: no-repeat left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127' height='53'%3E  %3Cpath fill='%2319478F' d='M126.9 20.2c0-1.1-44-20.2-46.8-20.2-1.4 0-3.2 1.1-3.2 2.5 0 4.7 19.4 14.4 20.5 16.9C65.6 17 32.3 15.1 0 14.6V31h2.7c28.1 0 58-1.1 84.2-1.1 1.4 0 2.9 0 4 .4l-1.1 1.1C85.1 36 79.7 41.4 79.7 50c.4.7.7 1.4.7 2.2 0 .4-.4.7-.4 1.1 3.6 0 5-4.7 8.3-4.7 0 1.4-1.1 2.2-1.1 3.2.4 0 1.4-.7 2.2-.7C99.9 44.6 114.3 28.8 120 27c.7 0 4.3 0 4.3-.7 0-.4-1.1-.7-1.1-1.4 2.2 0 1.4-1.8 2.9-2.2.8 0 .8-.7.8-2.5z'/%3E%3C/svg%3E"); background-size: contain; }
  button[type="submit"]:after { content: ''; display: inline-block; width: 3em; height: 2.25em; margin-left: .5em; background: no-repeat left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='41'%3E  %3Cpath fill='%2319478F' d='M58.7 3.8c-.3-1.8-.9-3.7-2-3.7-1 0-1.1.7-1.9.7C49 .8 43.1 0 37.2 0 29 0 20.5 2.1 12.5 2.1c-2.5 0-4.9-.2-7.3-.9C4.9 1 4.4.5 3.9.5 1.2.5 0 21.3 0 30.9c0 4.9.6 10.4 6 10.4 2.9 0 5.6-.8 7.5-.8 7.5-.8 15.1-1 22.6-1 6.4 0 11.8-.6 17.4-.6 4.8 0 4.9-6.2 4.9-10.2v-1.5c0-5.9.7-13.6.7-19.9 0-1.2-.1-2.4-.4-3.5zm-4.5-.7c-1.1 2.8-1.4 5.8-1.4 8.8 0 4.7.8 9.5.8 14.2 0 2.7-.2 5.3-1 7.8-10.9.7-23.6 0-34.4 1.2-3.9.5-7.1 1.2-10.6 1.2-2.4 0-3.2-2.7-3.2-6.6 0-6.8 2.4-16.9 2.4-21.1 0-.5 0-1-.1-1.3 1 .5 2.9 4.9 4.2 6.8 1.7 2.5 5.1 5.2 7.5 8 2.1 2.5 5.7 6.2 8.3 7.3.2 0 .7-.2 1.2-.2.9.2 1.6.7 2.8.7 4.4 0 5.8-1.9 8.5-5.4l.4-.5c1-1.3 2.5-2.3 3.6-4-1 0-1.5 1-2.4 1.4 0-1.1 3-2.8 4-4.9-.8.2-1.8 1.3-2.1 1.6.2-2.5 8-7.5 8-8.6 0-.2-.1-.3-.2-.5-2.9 0-15.1 15.6-19.1 16.7-.4.1-.8.1-1.2.1-4.6 0-9.1-7.2-12.2-10.5C13.9 10.3 9 4 7.6 4c-.5 0-1 .3-1.2.9-.2-.4-.5-1.4-.5-2.1 2.6.7 5.5.9 8.5.9 6.7 0 13.9-1.1 19.8-1.1 3.5 0 6.9.3 10 .3 3.2 0 6.1-.3 8.9-1.3.5 0 .8.1 1 .1.3 0 .6-.1.6-.1 0 .5-.5 1-.5 1.5z'/%3E%3C/svg%3E"); background-size: contain; }
  /* */
  .contact { margin: 2em auto; }
  .contact:before { content: 'Du möchtest mehr erfahren?'; }
  .contact figure { margin: 0; }
  .contact p:first-child { margin-top: 0; }
  .contact img { display: block; }
  .contact_wrap > div:first-child { position: relative; padding-left: 4em; }
  .contact_wrap > div:first-child:before { content: ''; display: inline-block; float: left; width: 3em; height: 3em; margin-top: 1em; background: no-repeat left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='54'%3E  %3Cpath fill='%23189496' d='M13.4 54.1c.8 0 1.6.1 2.4.1h.9c4.1 0 10.3 0 12.5-2.3 2.2-1.2 2.3-7 2.3-9.8v-4.4c.1-1.1.2-2 .2-2.9 0-2.1-.1-4.3-.1-6.7 0-2.1-.3-4.3-.3-6.4 0-1.3.3-3.3.3-4.9-.3-2.4-.5-5.2-.5-7.7 0-1 .1-1.8.1-2.7C30.9 3 29.6 0 25.7 0H20c-4.9 0-7.3.2-11.1.2h-.3C5.2.2 3.6.6 2.4 2 .4 4 .1 6.8.1 9.4c0 3.7.2 7 .2 10.6 0 3.1-.3 5.9-.3 8.5 0 1.3.2 2.7.3 4 0 2.1-.3 4.3-.3 6.4 0 9 .8 15.1 7 15.5 2 0 4.5-.3 6.4-.3zm2.6-1.7c-1.2 0-2.2.1-3.2.1-1.1 0-2.1.1-3 .1-5.5 0-7-1.2-7-9.9 0-1.9.1-4.2.2-7 0-.8-.1-1.6-.1-2.4 0-3.2.3-6.2.3-9.6 0-1.3.1-2.8.1-4.3 0-1.4-.1-2.8-.1-4.3 0-1 .1-1.9.1-3.1V9.7c0-4.1.1-6.6 4.7-7 .9-.1 1.6-.2 2.4-.2 1 0 2 .1 3 .1 2 0 7-.6 9.6-.6 5.6 0 6.2 2.1 6.2 5.8 0 1.8.2 3.8.2 5.7 0 .9-.1 1.8-.2 2.6 0 5.4.7 11.9.7 18.2 0 5.4 0 13.8-1.5 15.3-2.8 2.8-8.2 2.8-11.8 2.8H16zm2.2-7.2c3.9-.8 8.9.2 9.2-7.9.1-1.4.2-2.8.2-4.3 0-1.4-.2-2.9-.2-4.5v-.8c0-4.6-.3-9.1-.3-13.6 0-6.7-1.2-8.4-7.5-8.4-2 0-6.3.1-9.4.6-2.4.2-4.5 1.3-4.5 3.8s-.2 4.9-.2 7.1c0 .9.2 2 .2 2.8 0 .9-.2 2-.2 3 0 1.4.2 2.8.2 4.3 0 1.6-.2 3.3-.2 4.9 0 13.1 2.1 13.1 7.8 13.1 1.2 0 3.6-.1 4.9-.1zM11.4 43C7 43 8 38.3 7.4 31.9v-5.4c0-2.7.1-5.4.1-8.2 0-1.2.1-5.5.3-6.6.2-3 .2-3.4 10-3.4h4.3c2.3 0 2.7 1.7 2.7 2.4 0 2.6.5 4.8.5 7.2 0 1.6.1 3.4.1 4.9 0 1.8-.1 3.6-.1 5.2s-.1 3.1-.1 4.6c0 1 0 2 .2 3.1 0 7.4-1.2 7.4-7.2 7.4-.6 0-5.5-.1-6-.1h-.8zm6.2 8.1c1.7-.3 2-1.9 2-3 0-.2 0-.5-.1-.6-.1-.2-.1-.6-.2-.7-.4 0-.6-.4-.6-.7-.4 0-1-.4-1.4-.4-1.4 0-2.9 2.4-2.9 3.1 0 1.8 1 2.5 1.7 2.5.5 0 1 0 1.5-.2zm-1.5-1.9c0-1.5 1.1-1.7 1.8-2.6.3.2.5.8.5 1.3 0 .8-.6 1.7-1.5 1.7-.3 0-.6 0-.8-.4zM2.4 25c.1-.1.2-.2.2-.3 0 .1.1.2.1.3 0 .2-.2.3-.2.4-.1-.1-.3-.1-.3-.1 0-.1.2-.2.2-.3zm.3-7.1c0 .2-.2.3-.2.6-.1-.1-.1-.2-.1-.3 0-.2.1-.3.3-.3zm-.3 8.8c-.1-.1-.1-.3-.1-.5v-.3c.1.3.1.6.1.8zm.2-1c0-.2 0-.3.1-.4 0 .1 0 .2-.1.4zM50.2 12c-.4.1-.5.2-.6.2-.1 0-.1-.1-.1-.6-.2.3-.5.4-.9.4-.6 0-1.2-.3-1.2-.5.2-.2-1.5.4-2 .9-1.1.8-7.9 7.3-8.4 8.3-.5.2-1 .5-1 1.2.2.8.7 1.4 1.8 1.7h.5c1.5 0 2.4-1.1 2.8-1.7l5.5-4.9c1.2-1.2 3.2-3.2 3.6-5zm4.2 15.6c-.6-.1-.9-.2-.9-.3 0-.2.5-.5 1.1-.8-.8-.6-2.8-.8-4.8-.8-1.7 0-3.5.2-4.3.3-2.2.3-4.5.4-6.2.4-.2 0-.6-.1-.8-.1-.7 0-1.1.5-1.1 1 0 .7.7 1.6 1.6 1.6 1.1 0 2 .3 3.2.4h.5c1.4.1 2.8.2 4.3.2.8 0 1.6 0 2.4-.1 1.7-.3 4-.1 5-1.8zM50.5 43c-1.1-1.8-2.9-3.7-5-4.9-.5-.6-1.3-1-2-1.6-1.6-1.2-2.8-2.9-4.8-3.8-.5-.3-.9-.5-1.3-.5-.8 0-1.5.7-1.6 2.1 0 1 .8 1.3 1.2 1.8 1.8 1.8 5.4 5.3 6.6 5.3.3 0 1.6.8 2.7.8.4 0 .7-.1 1-.4 1.2.3 2 1.1 3.2 1.2z'/%3E%3C/svg%3E"); background-size: contain; margin-left: -4em; }
  .info p { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; }
  .info a { margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; }
  .info a:before { content: ''; width: 3em; height: 2.25em; margin-right: .75em; background: no-repeat left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='246' height='63'%3E  %3Cpath fill='%2300468E' d='M100.4 22.3c-13 0-27-.4-39.2-.4-4-5.8-9.4-17.6-13.7-20.9-.4.4-.7.4-1.4.4-.4 0-1.1-.4-1.8-.4-1.1 0-2.2.4-2.2 2.2 0 6.8 9 14 10.1 18.7h-4C42.1 22 37.1 3.6 31.3 3.6c-1.1 0-1.4 1.1-1.4 2.2 0 6.5 6.5 11.2 8.6 16.2-6.8 0-13-18.4-19.4-18.4-1.1 0-1.4 1.4-1.4 2.5 1.1 5 6.5 11.2 9.7 15.8C18 22 11.2 0 4.3 0 1.8 0 0 1.4 0 3.6c0 5.8 12.2 15.8 12.2 19.8-2.5 1.4-9 4.3-9 7.9 0 1.4 5.8 5.4 7.9 6.8C8.6 41 4 46.8 4 49.7c0 .4 0 1.4.7 1.4 5 0 13.3-12.2 16.6-12.2h6.1c-5 5.4-13.7 13.7-13.7 20.2 0 2.2.7 2.5 2.9 2.5 6.5 0 14.4-22.3 23.8-22.3.7 0 1.4 0 1.8.4-3.2 3.6-10.8 14-10.8 18.4 0 1.1.7 1.8 1.8 1.8 4.3 0 13-20.2 17.6-20.2h3.6c0 1.8-13.7 15.8-13.7 22 0 .7 0 1.1.7 1.1 5.4 0 11.5-13 17.6-23.4 5.8-.4 12.6-.4 19.1-.4s13 0 19.1-.4c7.9 0 15.8.4 24.1.4 28.1 0 58-1.1 84.2-1.1 1.4 0 2.9 0 4 .4l-1.1 1.1c-4.7 4.7-10.1 10.1-10.1 18.7.4.7.7 1.4.7 2.2 0 .4-.4.7-.4 1.1 3.6 0 5-4.7 8.3-4.7 0 1.4-1.1 2.2-1.1 3.2.4 0 1.4-.7 2.2-.7 10.4-6.5 24.8-22.3 30.6-24.1.7 0 4.3 0 4.3-.7 0-.4-1.1-.7-1.1-1.4 2.2 0 1.4-1.8 2.9-2.2.7 0 .7-.7.7-2.5 0-1.1-43.9-20.2-46.8-20.2-1.4 0-3.2 1.1-3.2 2.5 0 4.7 19.4 14.4 20.5 16.9-37.7-3-77.7-5.2-115.5-5.2z'/%3E%3C/svg%3E"); background-size: contain; }
  .blue .info a:before, .green .info a:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='246' height='63'%3E  %3Cpath fill='%23ffffff' d='M100.4 22.3c-13 0-27-.4-39.2-.4-4-5.8-9.4-17.6-13.7-20.9-.4.4-.7.4-1.4.4-.4 0-1.1-.4-1.8-.4-1.1 0-2.2.4-2.2 2.2 0 6.8 9 14 10.1 18.7h-4C42.1 22 37.1 3.6 31.3 3.6c-1.1 0-1.4 1.1-1.4 2.2 0 6.5 6.5 11.2 8.6 16.2-6.8 0-13-18.4-19.4-18.4-1.1 0-1.4 1.4-1.4 2.5 1.1 5 6.5 11.2 9.7 15.8C18 22 11.2 0 4.3 0 1.8 0 0 1.4 0 3.6c0 5.8 12.2 15.8 12.2 19.8-2.5 1.4-9 4.3-9 7.9 0 1.4 5.8 5.4 7.9 6.8C8.6 41 4 46.8 4 49.7c0 .4 0 1.4.7 1.4 5 0 13.3-12.2 16.6-12.2h6.1c-5 5.4-13.7 13.7-13.7 20.2 0 2.2.7 2.5 2.9 2.5 6.5 0 14.4-22.3 23.8-22.3.7 0 1.4 0 1.8.4-3.2 3.6-10.8 14-10.8 18.4 0 1.1.7 1.8 1.8 1.8 4.3 0 13-20.2 17.6-20.2h3.6c0 1.8-13.7 15.8-13.7 22 0 .7 0 1.1.7 1.1 5.4 0 11.5-13 17.6-23.4 5.8-.4 12.6-.4 19.1-.4s13 0 19.1-.4c7.9 0 15.8.4 24.1.4 28.1 0 58-1.1 84.2-1.1 1.4 0 2.9 0 4 .4l-1.1 1.1c-4.7 4.7-10.1 10.1-10.1 18.7.4.7.7 1.4.7 2.2 0 .4-.4.7-.4 1.1 3.6 0 5-4.7 8.3-4.7 0 1.4-1.1 2.2-1.1 3.2.4 0 1.4-.7 2.2-.7 10.4-6.5 24.8-22.3 30.6-24.1.7 0 4.3 0 4.3-.7 0-.4-1.1-.7-1.1-1.4 2.2 0 1.4-1.8 2.9-2.2.7 0 .7-.7.7-2.5 0-1.1-43.9-20.2-46.8-20.2-1.4 0-3.2 1.1-3.2 2.5 0 4.7 19.4 14.4 20.5 16.9-37.7-3-77.7-5.2-115.5-5.2z'/%3E%3C/svg%3E"); }
  .werden { margin: 6rem 0; }
  .werden p { margin: 0; }
  .werden a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; }
  .werden a:before { content: ''; width: 6em; height: 3em; margin-right: .75em; background: no-repeat left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127' height='53'%3E  %3Cpath fill='%2319478F' d='M126.9 20.2c0-1.1-44-20.2-46.8-20.2-1.4 0-3.2 1.1-3.2 2.5 0 4.7 19.4 14.4 20.5 16.9C65.6 17 32.3 15.1 0 14.6V31h2.7c28.1 0 58-1.1 84.2-1.1 1.4 0 2.9 0 4 .4l-1.1 1.1C85.1 36 79.7 41.4 79.7 50c.4.7.7 1.4.7 2.2 0 .4-.4.7-.4 1.1 3.6 0 5-4.7 8.3-4.7 0 1.4-1.1 2.2-1.1 3.2.4 0 1.4-.7 2.2-.7C99.9 44.6 114.3 28.8 120 27c.7 0 4.3 0 4.3-.7 0-.4-1.1-.7-1.1-1.4 2.2 0 1.4-1.8 2.9-2.2.8 0 .8-.7.8-2.5z'/%3E%3C/svg%3E"); background-size: contain; }
  .werden a:hover { color: #7FC5C8; }
  .bewerben { margin: 1.5em 0; }
  .bewerben p { margin: 0; }
  .bewerben a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: "FFMetaWebProBold", "FFMetaWebProBook", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-weight: normal; }
  .bewerben a:before { content: ''; width: 6em; height: 3em; margin-right: .75em; background: no-repeat left center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='246' height='63'%3E  %3Cpath fill='%23009596' d='M100.4 22.3c-13 0-27-.4-39.2-.4-4-5.8-9.4-17.6-13.7-20.9-.4.4-.7.4-1.4.4-.4 0-1.1-.4-1.8-.4-1.1 0-2.2.4-2.2 2.2 0 6.8 9 14 10.1 18.7h-4C42.1 22 37.1 3.6 31.3 3.6c-1.1 0-1.4 1.1-1.4 2.2 0 6.5 6.5 11.2 8.6 16.2-6.8 0-13-18.4-19.4-18.4-1.1 0-1.4 1.4-1.4 2.5 1.1 5 6.5 11.2 9.7 15.8C18 22 11.2 0 4.3 0 1.8 0 0 1.4 0 3.6c0 5.8 12.2 15.8 12.2 19.8-2.5 1.4-9 4.3-9 7.9 0 1.4 5.8 5.4 7.9 6.8C8.6 41 4 46.8 4 49.7c0 .4 0 1.4.7 1.4 5 0 13.3-12.2 16.6-12.2h6.1c-5 5.4-13.7 13.7-13.7 20.2 0 2.2.7 2.5 2.9 2.5 6.5 0 14.4-22.3 23.8-22.3.7 0 1.4 0 1.8.4-3.2 3.6-10.8 14-10.8 18.4 0 1.1.7 1.8 1.8 1.8 4.3 0 13-20.2 17.6-20.2h3.6c0 1.8-13.7 15.8-13.7 22 0 .7 0 1.1.7 1.1 5.4 0 11.5-13 17.6-23.4 5.8-.4 12.6-.4 19.1-.4s13 0 19.1-.4c7.9 0 15.8.4 24.1.4 28.1 0 58-1.1 84.2-1.1 1.4 0 2.9 0 4 .4l-1.1 1.1c-4.7 4.7-10.1 10.1-10.1 18.7.4.7.7 1.4.7 2.2 0 .4-.4.7-.4 1.1 3.6 0 5-4.7 8.3-4.7 0 1.4-1.1 2.2-1.1 3.2.4 0 1.4-.7 2.2-.7 10.4-6.5 24.8-22.3 30.6-24.1.7 0 4.3 0 4.3-.7 0-.4-1.1-.7-1.1-1.4 2.2 0 1.4-1.8 2.9-2.2.7 0 .7-.7.7-2.5 0-1.1-43.9-20.2-46.8-20.2-1.4 0-3.2 1.1-3.2 2.5 0 4.7 19.4 14.4 20.5 16.9-37.7-3-77.7-5.2-115.5-5.2z'/%3E%3C/svg%3E"); background-size: contain; }
  .bewerben a:hover { color: #7FC5C8; }
  .blue .bewerben a:before, .green .bewerben a:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='246' height='63'%3E  %3Cpath fill='%23ffffff' d='M100.4 22.3c-13 0-27-.4-39.2-.4-4-5.8-9.4-17.6-13.7-20.9-.4.4-.7.4-1.4.4-.4 0-1.1-.4-1.8-.4-1.1 0-2.2.4-2.2 2.2 0 6.8 9 14 10.1 18.7h-4C42.1 22 37.1 3.6 31.3 3.6c-1.1 0-1.4 1.1-1.4 2.2 0 6.5 6.5 11.2 8.6 16.2-6.8 0-13-18.4-19.4-18.4-1.1 0-1.4 1.4-1.4 2.5 1.1 5 6.5 11.2 9.7 15.8C18 22 11.2 0 4.3 0 1.8 0 0 1.4 0 3.6c0 5.8 12.2 15.8 12.2 19.8-2.5 1.4-9 4.3-9 7.9 0 1.4 5.8 5.4 7.9 6.8C8.6 41 4 46.8 4 49.7c0 .4 0 1.4.7 1.4 5 0 13.3-12.2 16.6-12.2h6.1c-5 5.4-13.7 13.7-13.7 20.2 0 2.2.7 2.5 2.9 2.5 6.5 0 14.4-22.3 23.8-22.3.7 0 1.4 0 1.8.4-3.2 3.6-10.8 14-10.8 18.4 0 1.1.7 1.8 1.8 1.8 4.3 0 13-20.2 17.6-20.2h3.6c0 1.8-13.7 15.8-13.7 22 0 .7 0 1.1.7 1.1 5.4 0 11.5-13 17.6-23.4 5.8-.4 12.6-.4 19.1-.4s13 0 19.1-.4c7.9 0 15.8.4 24.1.4 28.1 0 58-1.1 84.2-1.1 1.4 0 2.9 0 4 .4l-1.1 1.1c-4.7 4.7-10.1 10.1-10.1 18.7.4.7.7 1.4.7 2.2 0 .4-.4.7-.4 1.1 3.6 0 5-4.7 8.3-4.7 0 1.4-1.1 2.2-1.1 3.2.4 0 1.4-.7 2.2-.7 10.4-6.5 24.8-22.3 30.6-24.1.7 0 4.3 0 4.3-.7 0-.4-1.1-.7-1.1-1.4 2.2 0 1.4-1.8 2.9-2.2.7 0 .7-.7.7-2.5 0-1.1-43.9-20.2-46.8-20.2-1.4 0-3.2 1.1-3.2 2.5 0 4.7 19.4 14.4 20.5 16.9-37.7-3-77.7-5.2-115.5-5.2z'/%3E%3C/svg%3E"); }
  /* */
  #person { opacity: 1; margin-top: 3rem; transition: opacity .2s; }
  #person ul { margin: 1em 0; }
  #person.fade { opacity: 0; }
  /* */
  footer { margin-top: 7.5rem; margin-top: 2.25rem; padding-bottom: 2.25rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; color: #7FC5C8; font-size: 87.5%; }
  footer a { text-decoration: none; }
  footer img { display: block; }
  footer ul { margin: 0; padding: 0; list-style: none; line-height: .8; }
  footer li { display: inline-block; }
  footer li + li { margin-left: .25em; margin-left: 1.5vw; }
  footer hr { display: none; }
  #skip { position: fixed; z-index: 10; opacity: 0; bottom: 20px; right: 1rem; right: var(--fill); width: 22px; height: 22px; margin: 0; background: no-repeat center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E  %3Cpath fill='none' stroke='%2319478F' stroke-width='3.5' d='M0 1.8h21.5'/%3E  %3Cpath fill='%2319478F' d='M0 18.5l2.1 3.1 8.7-5.9 8.7 5.9 2-3.1-10.7-7.4z'/%3E%3C/svg%3E"); transition: opacity .2s; }
  .lift #skip { opacity: 1; }
  #skip a { display: block; height: 100%; }
  /* */
  /*!
   * 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: 1em 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; 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%; }
  #baguetteBox-slider { top: 1%; height: 98%; }
  .baguetteBox-button { background: rgba(0, 0, 0, 0.1); }
  .baguetteBox-button:focus, .baguetteBox-button:hover { background: rgba(0, 0, 0, 0.3); } }
@media only screen and (max-width: 36em) { :root { --pptt_w: 100%; }
  .slider { min-height: 58vw; }
  .passepartout figure { transition-duration: 0s; } }
@media only screen and (min-width: 36em) { body:before { content: '36'; }
  :root { --fill: 4vw; }
  #menu:before { height: 120px; padding-bottom: 0; }
  .slider { margin-bottom: 3rem; }
  .slider_thumbs { display: none; }
  .contact_wrap { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  .contact_wrap > * { width: 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; }
  .contact_wrap > div:first-child { padding-left: 0; }
  .copy blockquote:before, .copy blockquote:after { display: block; position: absolute; top: 50%; transform: translateY(-50%); }
  .copy blockquote:before { content: '»'; left: 0; }
  .copy blockquote:after { content: '«'; right: 0; }
  .lead figure { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .lead figcaption { -ms-flex: 0 0 33%; flex: 0 0 33%; padding-right: 1em; } }
@media only screen and (min-width: 52em) { body:before { content: '52'; }
  :root { --fill: 4vw; --carousel_h: 60vh; }
  h1 { position: relative; font-size: 520%; }
  .banner h1 { z-index: 1200; }
  .home .intro { font-size: 150%; }
  header { overflow: hidden; position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; }
  #navicon { position: absolute; top: -999em; left: -999em; }
  nav { position: relative; overflow: inherit; left: auto; height: auto; padding: 1.5rem 1.5rem .5rem; color: #7FC5C8; line-height: 1; background: #00468E; transform: none !important; }
  nav a { padding: 0; }
  nav:after { content: ''; pointer-events: none; position: absolute; z-index: 1100; left: 0; right: 0; bottom: -200px; height: 200px; transform: translate3d(0, 0, 0); background-image: linear-gradient(to bottom, #00468e 0%, rgba(0, 70, 142, 0.738) 19%, rgba(0, 70, 142, 0.541) 34%, rgba(0, 70, 142, 0.382) 47%, rgba(0, 70, 142, 0.278) 56.5%, rgba(0, 70, 142, 0.194) 65%, rgba(0, 70, 142, 0.126) 73%, rgba(0, 70, 142, 0.075) 80.2%, rgba(0, 70, 142, 0.042) 86.1%, rgba(0, 70, 142, 0.021) 91%, rgba(0, 70, 142, 0.008) 95.2%, rgba(0, 70, 142, 0.002) 98.2%, rgba(0, 70, 142, 0) 100%); }
  #menu { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; font-size: 100%; transform: none !important; }
  #menu:before { content: none; }
  #menu li { -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: auto; }
  #menu li:first-child { -ms-flex-order: 2; order: 2; -ms-flex-positive: 0; flex-grow: 0; width: 32%; margin-left: auto; margin-right: 0; }
  #menu li:first-child a { display: block; overflow: hidden; max-height: 92px; color: transparent; background: no-repeat right bottom; background-size: contain; background-image: url("/assets/sjs_invers.svg"); }
  #menu li:first-child a:before { content: ''; display: block; float: left; width: 1px; padding-bottom: 30%; }
  #menu a { font-size: 93.75%; }
  #menu .current a { color: #fff; }
  #menu a:hover { color: #fff; }
  main > *:first-child:before { content: none; }
  .banner { margin-top: 0; padding-top: 2rem; }
  main > .banner:first-child { margin-top: 0; }
  .slider { margin-top: 0; max-height: 600px; }
  .home .slider { margin-top: 0; }
  summary + div { padding-left: 0; }
  .duo { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
  .duo > * { width: calc(50% - 20px); width: calc(50% - (var(--fill) / 4)); }
  .duo > * > p:first-child { margin-top: 0; }
  footer { margin-top: 7.5rem; font-size: 100%; } }
@media only screen and (min-width: 64rem) { body:before { content: "64rem"; }
  :root { --fill: 6rem; --carousel_h: 66vh; }
  #menu a { font-size: 106.25%; }
  #heart { font-size: 250%; }
  #skip { right: calc(50vw - 32rem); } }
@media only screen and (min-width: 72em) { body:before { content: '72'; }
  :root { --fill: 8rem; }
  #person { margin-top: 6rem; }
  #skip { right: calc(50vw - 32rem - 22px - 1.5rem); bottom: 2.25rem; } }
/* IE 10+ */
@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; } */ }
body:before { position: fixed; z-index: 1000; bottom: 10px; right: 10px; padding: .5em 2em; color: #fff; background: rgba(0, 0, 0, 0.7); -webkit-font-smoothing: antialiased; }

body:before { content: none !important; }