@charset "UTF-8";
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
@font-face { font-family: 'Oswald'; src: url("/fonts/oswald-regular-webfont.woff2") format("woff2"), url("/fonts/oswald-regular-webfont.woff") format("woff"); font-style: normal; font-weight: 400; }
@media screen, projection { html { height: 100%; -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; }
  *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
  body { max-width: 72em; min-height: 100%; margin: 0 auto; padding: 0; color: #111; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif; font-size: 100%; line-height: 1.5; font-display: swap; overscroll-behavior: none; }
  article, aside, footer, header, nav, section, figcaption, figure, main { display: block; }
  audio, video { display: inline-block; }
  h1, h2, h3 { font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif; font-weight: normal; letter-spacing: .05em; }
  h1 { margin: 0.67em 0; font-size: 2em; line-height: 1; }
  h2 { margin: 2.4em 0 0.8em 0; padding: .5em; font-size: 125%; line-height: 1; color: #fff; text-transform: uppercase; font-weight: normal; background: #f39200; }
  a { color: inherit; background-color: transparent; }
  b, strong { font-weight: bolder; }
  img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; }
  svg:not(:root) { overflow: hidden; }
  blockquote { margin-left: 0; margin-right: auto; color: #444444; font-style: italic; }
  figure { margin: 1em 0; }
  figcaption { font-style: italic; font-size: 90%; line-height: 1.6666666667; }
  hr { height: 0; margin: 1.5em 0; border: none; border-top: 1px solid; }
  /*   */
  header, footer { padding: 1.5em 1.5em; }
  header { position: relative; padding-top: 4.5em; background: no-repeat center; background-size: cover; }
  header:before { content: ''; display: block; padding-top: 19.5%; background: no-repeat left center transparent; background-size: contain; background-image: url("/assets/logo.svg"); }
  header h1 { margin: 2em 0 1em 0; font-size: 100%; text-align: center; }
  nav { margin-left: -1.5em; margin-right: -1.5em; padding-left: 1.5em; padding-right: 1.5em; color: #fff; background: #fcba00; background: rgba(252, 186, 0, 0.9); }
  #menu { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: center; align-items: center; }
  #menu a { display: block; padding: .5em 1em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .2s; }
  #menu a:hover { background: #fcba00; }
  #menu .current a { color: #ffed00; }
  main { padding: 1.5em 1.5em; }
  .content > *:first-child, aside > *:first-child { margin-top: 0; }
  .construction { display: none; margin: 3em 0; padding: 1.5em; border: 5px solid #f39200; border-radius: 7px; transform: rotate(-2deg); transform-origin: 50%; }
  .construction p { margin: 0; }
  .claims { margin: 0 0 3em; font-family: "Oswald", Impact, "Franklin Gothic Bold", sans-serif; font-weight: normal; }
  .claims ul { margin-top: 0; padding: 0; list-style: none; }
  .claims li { margin: 0 0 .5em 0; color: #f39200; font-size: 87.5%; font-size: 125%; line-height: 1.25; font-weight: normal; }
  .pubdate { margin: 0; color: #888; text-align: right; font-size: 93.75%; line-height: 1.6; }
  article { margin-bottom: 1.5em; }
  article h3 { margin: 0; }
  article h3 a[href] { display: block; text-decoration: none; border-bottom: 1px solid #999; }
  article h3 a[href]:hover { border-color: #fff; }
  .post-content { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
  .post-excerpt { -ms-flex-positive: 1; flex-grow: 1; padding-right: 1em; }
  .post-thumb { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: .25em; background: no-repeat center; background-size: cover; }
  .post-thumb a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .post-thumb[style] { width: 100px; padding-top: 100px; outline: 1px solid #999; }
  .more { margin-top: 0; }
  .back { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #999; }
  .back a { display: block; text-decoration: none; }
  .back a:before { content: '« '; }
  .vorstand { -moz-columns: 2 18em; columns: 2 18em; -moz-column-gap: 1.5em; column-gap: 1.5em; }
  .vorstand > div { page-break-inside: avoid; break-inside: avoid; margin-bottom: 1.5em; text-align: center; }
  .vorstand p { margin: 0 0 1.5em; }
  .vorstand a { text-decoration: none; }
  .js img[rel="lb"] { cursor: zoom-in; }
  .supersize { position: fixed !important; z-index: 100; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; display: -ms-flexbox !important; display: flex !important; height: 100vh !important; width: 100vw !important; margin: 0 !important; background: rgba(255, 255, 255, 0.95) !important; border: none !important; }
  .supersize img { cursor: zoom-out; width: auto !important; height: auto !important; max-width: 96% !important; max-height: 96% !important; margin: auto !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); }
  .supersize figcaption { position: absolute; left: 0; bottom: 0; width: 100%; padding: 1em; text-align: center; background: rgba(255, 255, 255, 0.8); }
  .timeline { position: relative; border-left: 12px solid #f39200; border-right: 12px solid rgba(243, 146, 0, 0.2); }
  .timeline > div { padding: 1em; }
  .timeline > div > div + div { position: relative; padding-left: 3em; }
  .timeline > div > div + div:before { content: '\2192'; color: #f39200; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
  .timeline > div:nth-child(odd) { background: rgba(238, 238, 238, 0.5); }
  .timeline h3 { margin: 0; }
  .timeline p:last-child { margin-bottom: 0; }
  .timeline:before { content: ''; position: absolute; right: -12px; bottom: -12px; border: 6px solid transparent; border-top-color: rgba(243, 146, 0, 0.2); }
  .timeline:after { content: ''; position: absolute; left: -12px; bottom: -12px; border: 6px solid transparent; border-top-color: #f39200; }
  button, input, select, textarea { font: inherit; margin: 0; padding: 0; }
  button:focus, input:focus, select:focus, textarea:focus { outline: 0; }
  input, textarea { display: block; width: 100%; padding: 8px 8px 7px; line-height: 1; background: #eee; border: 1px solid #eee; border-bottom-width: 2px; border-radius: 0; box-shadow: none; }
  input[type="text"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: none; }
  textarea { overflow: auto; resize: vertical; }
  button, input { overflow: visible; }
  button, html [type="button"], [type="submit"] { -webkit-appearance: button; }
  input[type="checkbox"] { border: 1px solid #999; }
  .btn { cursor: pointer; display: inline-block; padding: .75em 2em .75em; color: #fff; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; line-height: 1; letter-spacing: .5px; background: #f39200; border: none; border-radius: 5px; }
  .err { color: red; }
  fieldset { padding: 0; margin: 1.5em 0; border: none; }
  fieldset p { position: relative; margin: .25em 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  fieldset input { width: 100%; }
  fieldset .select_set { width: 100%; }
  fieldset label { display: block; }
  .select_set { padding: 8px 8px 7px; }
  .error { border-bottom-color: red; }
  [required] + label:after { content: ' *'; }
  .accept { margin-top: 1.5em; -ms-flex-direction: row; flex-direction: row; }
  .accept > input[type="hidden"] { position: absolute; }
  .accept > input[type="checkbox"] { -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; margin-top: .25em; margin-right: 1em; transform: scale(1.25); }
  .accept > label { -ms-flex-positive: 1; flex-grow: 1; }
  .submission { margin: 1.5em 0; text-align: right; }
  footer { text-align: center; color: #fff; color: rgba(255, 255, 255, 0.8); background-color: #2c2c2c; }
  footer > div { -moz-columns: 2 20em; columns: 2 20em; -moz-column-gap: 2em; column-gap: 2em; -moz-column-gap: 10vw; column-gap: 10vw; }
  footer > div p { page-break-inside: avoid; break-inside: avoid; margin: 0; }
  footer h3 { margin: 0 0 1em; font-size: 112.5%; color: rgba(255, 255, 255, 0.6); font-weight: normal; letter-spacing: 2px; text-transform: uppercase; }
  footer a { text-decoration: none; }
  footer > p:last-child { margin-bottom: 0; } }
@media only screen and (min-width: 42em) { body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  header { padding-top: 6em; }
  main { -ms-flex-positive: 1; flex-grow: 1; padding-bottom: 6em; }
  main > h1 { margin-bottom: 1.5em; }
  .wrapper { display: -ms-flexbox; display: flex; }
  .wrapper > * { -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .wrapper .content { width: 62%; padding-right: 1.5em; }
  .wrapper aside { width: 38%; }
  .full .wrapper .content { width: 100%; padding-right: 0; }
  .full .wrapper aside { display: none; }
  .timeline { position: relative; border-left: 12px solid #f39200; border-right: 12px solid rgba(243, 146, 0, 0.2); }
  .timeline > div { display: -ms-flexbox; display: flex; }
  .timeline > div > div { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 55%; padding: 0 1em 0 0; }
  .timeline > div > div + div { -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 1.5em; width: calc(100% - 55% - 6em - 2em); }
  .timeline > div:nth-child(odd) { background: rgba(243, 146, 0, 0.07); }
  .timeline h3 { -ms-flex: 0 0 auto; flex: 0 0 auto; width: 6em; margin-top: -.125em; }
  .timeline p, .timeline ul { margin: 0; } }
@media only screen and (min-width: 72em) { html { overflow-x: hidden; }
  header, footer, nav { position: relative; }
  header:after, footer:after, nav:after { content: ''; position: absolute; z-index: -2; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw; background: no-repeat center; }
  header:after { background-color: #ededed; }
  nav:after { z-index: -1; background: #fcba00; background: rgba(252, 186, 0, 0.9); }
  footer { padding-top: 3em; padding-bottom: 3em; }
  footer:after { background-color: #2c2c2c; } }
/* 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; }
