html {
    line-height:1.15;
    -webkit-text-size-adjust:100%
  }
  body {
    margin:0
  }
  main {
    display:block
  }
  h1 {
    font-size:2em;
    margin:0.67em 0
  }
  hr {
    box-sizing:content-box;
    height:0;
    overflow:visible
  }
  pre {
    font-family:monospace,monospace;
    font-size:1em
  }
  a {
    background-color:transparent
  }
  abbr[title] {
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
  }
  b,
  strong {
    font-weight:bolder
  }
  code,
  kbd,
  samp {
    font-family:monospace,monospace;
    font-size:1em
  }
  small {
    font-size:80%
  }
  sub,
  sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
  }
  sub {
    bottom:-0.25em
  }
  sup {
    top:-0.5em
  }
  img {
    border-style:none
  }
  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.35em 0.75em 0.625em
  }
  legend {
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
  }
  progress {
    vertical-align:baseline
  }
  textarea {
    overflow:auto
  }
  [type="checkbox"],
  [type="radio"] {
    box-sizing:border-box;
    padding:0
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height:auto
  }
  [type="search"] {
    -webkit-appearance:textfield;
    outline-offset:-2px
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
  }
  ::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
  }
  details {
    display:block
  }
  summary {
    display:list-item
  }
  template {
    display:none
  }
  [hidden] {
    display:none
  }
  html {
    box-sizing:border-box
  }
  *,
  *::before,
  *::after {
    box-sizing:inherit
  }
  figure {
    margin:0
  }
  * {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent
  }
  ol,
  ul,
  dl,
  table {
    margin:0 0 16px 0
  }
  p {
    margin:0
  }
  ul li ul {
    margin-bottom:0
  }
  ol li ol {
    margin-bottom:0
  }
  .content-section {
    padding:30px 0
  }
  @media (min-width:576px) {
    .content-section {
      padding:60px 0
    }
  }
  .container,
  .small-container,
  .medium-container,
  .x-large-container {
    max-width:1140px;
    padding:0 16px;
    margin-left:auto;
    margin-right:auto
  }
  .small-container {
    max-width:768px
  }
  .medium-container {
    max-width:992px
  }
  .x-large-container {
    max-width:99%
  }
  .full-container {
    max-width:100%;
    padding:0 1rem
  }
  .sidebar__wrapper {
    left:-5000px;
    position:fixed;
    background:#fff;
    top:110px;
    width:100%;
    height:calc(100vh - 110px);
    z-index:1
  }
  .sidebar__wrapper.is_open {
    left:0
  }
  .filter__list {
    position:relative;
    height:100%;
    overflow:hidden;
    background-color:#fff;
    display:none
  }
  @media (min-width:768px) {
    .sidebar__wrapper {
      position:fixed;
      top:132px;
      height:calc(100vh - 132px);
      z-index:9000;
      width:20%;
      border-right:2px solid #00f
    }
    .w-10 {
      width:10%
    }
    .w-15 {
      width:15%
    }
    .w-20 {
      width:20%
    }
    .w-25 {
      width:25%
    }
    .w-27 {
      width:27%
    }
    .has-sidebar-20 {
      margin-left:20%
    }
    .has-sidebar-25 {
      margin-left:25%
    }
    .content__wrapper {
      height:calc(100vh - 160px)
    }
    .filter__wrapper {
      height:30px
    }
  }
  .bg-audio {
    background:#0000e2;
    color:#fff
  }
  .bg-video {
    background:#0000ce;
    color:#fff
  }
  .bg-text {
    background:#00b;
    color:#fff
  }
  .bg-bilder {
    background:#0000a7;
    color:#fff
  }
  .bg-white {
    background:#fff;
    color:#555
  }
  .bg-primary,
  .bg-1 {
    background:#00f;
    color:#fff
  }
  .bg-primary-responsive {
    background:#fff
  }
  @media (min-width:768px) {
    .bg-primary-responsive {
      background:#00f!important;
      color:#fff
    }
    .bg-primary-responsive a,
    .bg-primary-responsive a:hover,
    .bg-primary-responsive a::before {
      color:#fff
    }
  }
  .bg-secondary,
  .bg-2 {
    background:#0000e2!important;
    color:#fff
  }
  .bg-three,
  .bg-3 {
    background:#0000ce!important;
    color:#fff
  }
  .bg-four,
  .bg-4 {
    background:#00b!important;
    color:#fff
  }
  .bg-five,
  .bg-5 {
    background:#0000a7!important;
    color:#fff
  }
  .bg-six,
  .bg-6 {
    background:#000094!important;
    color:#fff
  }
  .bg-seven,
  .bg-7 {
    background:#000080!important;
    color:#fff
  }
  .bg-eight,
  .bg-8 {
    background:#00006c!important;
    color:#fff
  }
  .bg-nine,
  .bg-9 {
    background:#000059!important;
    color:#fff
  }
  .bg-ten,
  .bg-10 {
    background:#000045!important;
    color:#fff
  }
  .bg-eleven,
  .bg-11 {
    background:#000032!important;
    color:#fff
  }
  .bg-tewelve,
  .bg-12 {
    background:#00001e!important;
    color:#fff
  }
  .c-one {
    color:#00f
  }
  .c-two {
    color:#0000e2
  }
  .c-three {
    color:#0000ce
  }
  .c-four {
    color:#00b
  }
  .c-five {
    color:#0000a7
  }
  .c-six {
    color:#000094
  }
  .c-seven {
    color:#000080
  }
  .c-eight {
    color:#00006c
  }
  .c-nine {
    color:#000059
  }
  .c-ten {
    color:#000045
  }
  .c-eleven {
    color:#000032
  }
  .c-twelve {
    color:#00001e
  }
  .c-red {
    color:#f03
  }
  .row-animation {
    max-height:300px;
    overflow:hidden;
    transition:all 0.1s ease-in-out;
    cursor:pointer
  }
  @media (min-width:768px) {
    .row-animation {
      max-height:200px
    }
  }
  .row-animation:hover {
    transition-delay:0.1s;
    filter:brightness(120%)
  }
  .article__tag {
    position:absolute;
    padding:10px;
    top:120px;
    transition:all 0.5s ease-in-out;
    transition-delay:0.3s
  }
  @font-face {
    font-family:"Clarendon BT W04 Condensed";
    src:url(/site/templates/fonts/clarendon/1493474/3742ebba-7db2-4838-a86a-c35ede83de04.woff2) format("woff2"),
    url(/site/templates/fonts/clarendon/1493474/f822c432-c2e6-4aae-87d9-5631d9745c71.woff) format("woff")
  }
  @font-face {
    font-family:"Clarendon BT W04 Roman";
    src:url(/site/templates/fonts/clarendon/1493480/7d2369a7-7280-4e90-82e6-2d3a356105dc.woff2) format("woff2"),
    url(/site/templates/fonts/clarendon/1493480/8c58a69d-a5fb-4521-8103-8667e85f4415.woff) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:100;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-BETA.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-BETA.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:100;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-Thin-BETA.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-Thin-BETA.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:100;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-ThinItalic-BETA.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-ThinItalic-BETA.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:200;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-ExtraLight-BETA.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-ExtraLight-BETA.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:200;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-ExtraLightItalic-BETA.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-ExtraLightItalic-BETA.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:300;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-Light-BETA.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-Light-BETA.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:300;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-LightItalic-BETA.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-LightItalic-BETA.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-Regular.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-Regular.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:400;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-Italic.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-Italic.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:500;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-Medium.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-Medium.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:500;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-MediumItalic.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-MediumItalic.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-SemiBold.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-SemiBold.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:600;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-SemiBoldItalic.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-SemiBoldItalic.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:700;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-Bold.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-Bold.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:700;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-BoldItalic.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-BoldItalic.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:800;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-ExtraBold.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-ExtraBold.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:800;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-ExtraBoldItalic.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-ExtraBoldItalic.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-Black.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-Black.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter';
    font-style:italic;
    font-weight:900;
    font-display:swap;
    src:url(/site/templates/fonts/Inter-BlackItalic.woff2?v=3.11) format("woff2"),
    url(/site/templates/fonts/Inter-BlackItalic.woff?v=3.11) format("woff")
  }
  @font-face {
    font-family:'Inter var';
    font-weight:100 900;
    font-display:swap;
    font-style:normal;
    font-named-instance:'Regular';
    src:url(/site/templates/fonts/Inter-roman.var.woff2?v=3.11) format("woff2")
  }
  @font-face {
    font-family:'Inter var';
    font-weight:100 900;
    font-display:swap;
    font-style:italic;
    font-named-instance:'Italic';
    src:url(/site/templates/fonts/Inter-italic.var.woff2?v=3.11) format("woff2")
  }
  .carousel {
    background:none
  }
  .carousel-cell {
    width:50%;
    max-height:400px;
    margin-right:10px;
    background:none
  }
  .carousel-cell-image {
    display:block;
    max-height:100%;
    margin:0 auto;
    max-width:100%;
    opacity:0;
    -webkit-transition:opacity 0.4s;
    transition:opacity 0.4s
  }
  .carousel-cell-image.flickity-lazyloaded,
  .carousel-cell-image.flickity-lazyerror {
    opacity:1
  }
  .flickity-page-dots {
    bottom:-50px!important;
    margin-bottom:50px
  }
  .flickity-page-dots .dot {
    width:12px;
    height:12px;
    opacity:1;
    background:transparent;
    border:2px solid #333
  }
  .flickity-page-dots .dot.is-selected {
    background:#fff
  }
  .caption {
    margin:0;
    padding:10px;
    text-align:center;
    margin-bottom:50px
  }
  @media screen and (min-width:768px) {
    .carousel img {
      height:400px
    }
  }
  html {
    font:normal normal 500 22px/24px 'Inter var',-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:22px
  }
  body {
    hyphens:auto;
    overflow-x:hidden;
    font-size:18px;
    color:#333;
    letter-spacing:-0.004em;
    font-weight:400;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    font-kerning:normal;
    -webkit-font-kerning:normal;
    -ms-font-kerning:normal;
    -moz-font-kerning:normal;
    -o-font-kerning:normal;
    font-variant-ligatures:contextual common-ligatures;
    -webkit-font-variant-ligatures:contextual common-ligatures;
    -ms-font-variant-ligatures:contextual common-ligatures;
    -moz-font-variant-ligatures:contextual common-ligatures;
    -o-font-variant-ligatures:contextual common-ligatures;
    font-feature-settings:'kern' 1,'liga' 1,'calt' 1
  }
  @media (min-width:768px) {
    body {
      font-size:22px;
      line-height:30px
    }
  }
  .content {
    font-family:"Inter",sans-serif;
    min-height:calc(70vh)
  }
  @supports (font-variation-settings:normal) {
    body {
      font-family:'Inter var',system-ui,sans-serif
    }
    body.chrome-win {
      font-family:Inter,system-ui,sans-serif
    }
  }
  em,
  i,
  .italic {
    font-style:oblique
  }
  a {
    color:#00f;
    text-decoration:none
  }
  a:hover,
  a:active {
    color:#000;
    border-bottom:1px solid
  }
  .jumbo__text a {
    color:#fff!important
  }
  p a::before {
    content:"↠ ";
    color:#00f
  }
  p.white-text a::before {
    content:"↠ ";
    color:#fff
  }
  .jumbo__text a {
    color:#fff!important
  }
  .jumbo__text a::before {
    color:#fff!important;
    content:"↠ "
  }
  p a[href*="//"]:not([href*="lothringer13.com"])::before {
    content:""
  }
  .underline {
    text-decoration:underline
  }
  .grotesk {
    font-family:'inter','Helvetica','Arial',sans-serif
  }
  .serif-con {
    font-family:"Clarendon BT W04 Condensed","Times",serif,'inter';
    font-feature-settings:normal;
    font-size:24px;
    letter-spacing:0.5px
  }
  .serif-reg {
    font-family:"Clarendon BT W04 Roman","Times",serif,'inter'
  }
  .serif-small {
    font-size:20px;
    line-height:20px;
    letter-spacing:1px
  }
  @media (min-width:768px) {
    .serif-con {
      font-size:25px
    }
    .serif-medium {
      font-size:25px;
      letter-spacing:0.5px
    }
    .serif-large {
      font-size:40px;
      line-height:40px
    }
    .serif-xlarge {
      font-size:6vh;
      line-height:50px
    }
  }
  .grotesk-small,
  .grotesk-small p {
    font-size:16px;
    line-height:20px
  }
  .grotesk-medium {
    font-size:22px
  }
  .grotesk-large {
    font-size:40px;
    line-height:40px
  }
  .font-thin {
    font-weight:300
  }
  .hightlight-text {
    color:#00f
  }
  .darken-text {
    color:#00001e
  }
  .white-text,
  .white-text p {
    color:#fff!important
  }
  @media (min-width:992px) {
    .text-col-two {
      column-count:2;
      column-gap:30px;
      -webkit-hyphens:auto;
      -webkit-hyphenate-limit-chars:auto 3;
      -webkit-hyphenate-limit-lines:4;
      -ms-hyphens:auto;
      -ms-hyphenate-limit-chars:auto 3;
      -ms-hyphenate-limit-lines:4
    }
  }
  .text-col-three p {
    column-count:3
  }
  .teaser {
    font-weight:normal;
    font-size:45px!important;
    line-height:48px!important;
    margin-top:0px!important
  }
  .body-text,
  .body-text p {
    font-size:20px;
    line-height:27px
  }
  @media (min-width:768px) {
    .body-text,
    .body-text p {
      font-size:22px;
      line-height:30px
    }
  }
  p {
    margin-top:16px
  }
  p.hidden-item,
  div.hidden-item,
  div.hidden-item p,
  .hidden-item p,
  p.hidden-item:first-child,
  p:first-child {
    margin-top:0!important
  }
  .meta-toggle-item {
    display:none
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    margin:0;
    font-weight:500;
    line-height:30px
  }
  h1 {
    font-size:18px
  }
  h2 {
    font-size:18px
  }
  h3 {
    font-size:18px
  }
  h4 {
    font-size:18px
  }
  h5 {
    font-size:18px
  }
  .h4-meta {
    font-size:16px;
    margin:0;
    font-size:small
  }
  @media (min-width:576px) {
    h1 {
      font-size:22px;
      letter-spacing:-0.04em
    }
    h2 {
      font-size:22px;
      font-weight:400;
      letter-spacing:-0.03em
    }
    h3 {
      font-size:22px;
      font-weight:400;
      letter-spacing:-0.018em
    }
    h4 {
      font-size:22px
    }
    h5 {
      font-size:22px
    }
  }
  .flex-row {
    display:flex;
    flex-direction:column-reverse;
    flex-wrap:wrap
  }
  .no-reverse {
    flex-direction:column
  }
  .flex-small,
  .flex-large {
    flex-basis:100%;
    margin-bottom:0.5rem
  }
  @media (min-width:576px) {
    .flex-small {
      flex:1;
      margin-bottom:0
    }
  }
  @media (min-width:992px) {
    .flex-large {
      flex:1;
      margin-bottom:0
    }
    .flex-row {
      flex-direction:row
    }
    .flex-one {
      width:10%
    }
    .flex-one-half {
      width:15%
    }
    .flex-two {
      width:20%
    }
    .flex-three {
      width:30%
    }
    .flex-three-half {
      width:32%
    }
    .flex-four {
      width:40%
    }
    .flex-four-half {
      width:45%
    }
    .flex-five {
      width:50%
    }
    .flex-six {
      width:60%
    }
    .flex-seven {
      width:70%
    }
    .flex-eight {
      width:80%
    }
    .flex-nine {
      width:90%
    }
    .flex-ten {
      width:100%
    }
  }
  .ts-grid-container {
    display:grid;
    margin-left:0;
    margin-right:0;
    grid-column-gap:8px;
    grid-row-gap:8px;
    margin-bottom:8px;
    grid-template-columns:repeat(1,1fr);
    margin-top:20px
  }
  .grid--one {
    margin-top:0;
    padding-top:8px
  }
  .grid--two {
    margin-top:0;
    padding-top:4px
  }
  .grid--three {
    margin-top:0;
    padding-top:8px
  }
  .grid--item-media {
    background-color:white;
    padding:8px 0 0 8px
  }
  @media (min-width:768px) {
    .ts-grid-container {
      margin-left:0;
      margin-right:0;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-column-gap:8px;
      grid-row-gap:8px;
      margin-bottom:8px;
      margin-top:20px
    }
    .no-gap {
      grid-column-gap:0
    }
    .no-row-gap {
      grid-row-gap:0
    }
    .grid--balance-two {
      grid-column-gap:4px
    }
    .grid-md--one {
      margin-top:0;
      grid-template-columns:repeat(1,1fr);
      padding-top:8px
    }
    .grid-md--two {
      margin-top:0;
      grid-template-columns:repeat(2,2fr);
      padding-top:4px
    }
    .grid-md--three {
      margin-top:0;
      grid-template-columns:1fr 1fr 1fr;
      padding-top:8px
    }
    .grid-md--four {
      margin-top:0;
      grid-template-columns:1fr 1fr 1fr 1fr;
      padding-top:8px
    }
    .grid-md--three-one {
      margin-top:0;
      grid-template-columns:3fr 1fr 1fr;
      padding-top:4px
    }
    .grid-md--two-one {
      margin-top:0;
      grid-template-columns:2fr 1fr;
      padding-top:4px
    }
    .grid-md--one-two {
      margin-top:0;
      grid-template-columns:1fr 2fr;
      padding-top:4px
    }
    .grid--one-three {
      margin-top:0;
      grid-template-columns:25% 80%;
      padding-top:4px
    }
    .grid-md--one-four {
      margin-top:0;
      grid-template-columns:1fr 4fr;
      padding-top:4px
    }
    .grid-md--one-five {
      margin-top:0;
      grid-template-columns:1fr 5fr;
      padding-top:4px
    }
    .grid-md--raster {
      margin-top:20px;
      grid-template-columns:1fr 1fr 1fr 1fr;
      padding-top:4px
    }
  }
  @media (min-width:992px) {
    .ts-grid-container {
      margin-left:0;
      margin-right:0;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      grid-column-gap:8px;
      grid-row-gap:8px;
      margin-bottom:8px
    }
    .no-gap {
      grid-column-gap:0
    }
    .no-row-gap {
      grid-row-gap:0
    }
    .grid--balance-two {
      grid-column-gap:4px
    }
    .grid-lg--one {
      margin-top:0;
      grid-template-columns:repeat(1,1fr);
      padding-top:8px
    }
    .grid-lg--two {
      margin-top:0;
      grid-template-columns:repeat(2,2fr);
      padding-top:4px
    }
    .grid-lg--three {
      margin-top:0;
      grid-template-columns:1fr 1fr 1fr;
      padding-top:8px
    }
    .grid-lg--four {
      margin-top:0;
      grid-template-columns:1fr 1fr 1fr 1fr;
      padding-top:8px
    }
    .grid-lg--five {
      margin-top:0;
      grid-template-columns:1fr 1fr 1fr 1fr 1fr;
      padding-top:8px
    }
    .grid-lg--three-one {
      margin-top:0;
      grid-template-columns:3fr 1fr 1fr;
      padding-top:4px
    }
    .grid-lg--two-one {
      margin-top:0;
      grid-template-columns:2fr 1fr;
      padding-top:4px
    }
    .grid-lg--one-two {
      margin-top:0;
      grid-template-columns:1fr 2fr;
      padding-top:4px
    }
    .grid-lg--one-three {
      margin-top:0;
      grid-template-columns:25% 80%;
      padding-top:4px
    }
    .grid-lg--one-four {
      margin-top:0;
      grid-template-columns:1fr 4fr;
      padding-top:4px
    }
    .grid-lg--one-five {
      margin-top:0;
      grid-template-columns:1fr 5fr;
      padding-top:4px
    }
    .grid-lg--raster {
      margin-top:20px;
      grid-template-columns:1fr 1fr 1fr 1fr;
      padding-top:4px
    }
  }
  @media (min-width:992px) {
    .border-left {
      border-left:2px solid #000fff
    }
    .border-right {
      border-right:2px solid #000fff
    }
    .border-right-thin {
      border-right:1px solid #00f
    }
    .border-left-thin {
      border-left:1px solid #00f
    }
    .border-right-bold {
      border-right:3px solid #00f
    }
    .border-left-bold {
      border-left:3px solid #00f
    }
    .border-top-color-responsive {
      border-top:1px dotted #ccc
    }
  }
  .border-top {
    border-top:2px solid #000fff
  }
  .border-top-thin {
    border-top:1px solid #00f
  }
  .border-top-thin-dotted {
    border-top:1px dotted #00f
  }
  .border-bottom-thin {
    border-bottom:1px solid #00f
  }
  .border-bottom-thin-blue {
    border-bottom:1px dotted #00f
  }
  .border-top-bold {
    border-top:3px solid #00f
  }
  .border-bottom-bold {
    border-bottom:3px solid #00f
  }
  .border-top-color {
    border-top:2px solid #eee
  }
  .border-top-color-bold {
    border-top:3px solid #00f
  }
  .border-top-light {
    border-top:1px solid #ccc
  }
  .border-bottom {
    border-bottom:2px solid #000fff
  }
  .no-border-top {
    border-top:none!important
  }
  .no-border-left {
    border-left:none!important
  }
  .no-border-right {
    border-right:none!important
  }
  .no-border-bottom {
    border-bottom:none!important
  }
  .no-padding-top {
    padding-top:0!important
  }
  .no-padding-right {
    padding-right:0
  }
  .no-padding-bottom {
    padding-bottom:0!important
  }
  .no-padding-left {
    padding-left:0
  }
  .no-padding {
    padding:0
  }
  .padding-top-xsmall {
    padding-top:4px
  }
  .padding-right-xsmall {
    padding-right:4px
  }
  .padding-bottom-xsmall {
    padding-bottom:4px
  }
  .padding-left-xsmall {
    padding-left:4px!important
  }
  .padding-xsmall {
    padding:4px
  }
  .padding-top-small {
    padding-top:8px
  }
  .padding-right-small {
    padding-right:8px
  }
  .padding-bottom-small {
    padding-bottom:8px
  }
  .padding-left-small {
    padding-left:8px
  }
  .padding-small {
    padding:8px
  }
  .padding-top {
    padding-top:16px
  }
  .padding-right {
    padding-right:16px
  }
  .padding-bottom {
    padding-bottom:16px
  }
  .padding-left {
    padding-left:16px!important
  }
  .padding {
    padding:16px
  }
  .padding-top-medium {
    padding-top:24px
  }
  .padding-right-medium {
    padding-right:24px
  }
  .padding-bottom-medium {
    padding-bottom:24px
  }
  .padding-left-medium {
    padding-left:24px!important
  }
  .padding-medium {
    padding:24px
  }
  .padding-top-large {
    padding-top:24px
  }
  .padding-right-large {
    padding-right:24px
  }
  .padding-bottom-large {
    padding-bottom:24px
  }
  .padding-left-large {
    padding-left:24px
  }
  .padding-large {
    padding:24px
  }
  .no-margin-top {
    margin-top:0
  }
  .no-margin-right {
    margin-right:0
  }
  .no-margin-bottom {
    margin-bottom:0!important
  }
  .no-margin-left {
    margin-left:0
  }
  .no-margin {
    margin:0
  }
  .margin-top-small {
    margin-top:8px
  }
  .margin-right-small {
    margin-right:8px
  }
  .margin-bottom-small {
    margin-bottom:8px
  }
  .margin-left-small {
    margin-left:8px
  }
  .margin-top {
    margin-top:16px
  }
  .margin-right {
    margin-right:16px
  }
  .margin-bottom {
    margin-bottom:16px
  }
  .margin-left {
    margin-left:16px
  }
  .margin-top-large {
    margin-top:32px
  }
  .margin-right-large {
    margin-right:32px
  }
  .margin-bottom-large {
    margin-bottom:32px
  }
  .margin-left-large {
    margin-left:32px
  }
  .push-down {
    margin-top:60px!important
  }
  @media (min-width:768px) {
    .no-padding-top-md {
      padding-top:0!important
    }
    .no-padding-right-md {
      padding-right:0!important
    }
    .no-padding-bottom-md {
      padding-bottom:0!important
    }
    .no-padding-left-md {
      padding-left:0!important
    }
    .no-padding-md {
      padding:0!important
    }
    .no-margin-top-md {
      margin-top:0!important
    }
    .no-margin-right-md {
      margin-right:0!important
    }
    .no-margin-bottom-md {
      margin-bottom:0!important
    }
    .no-margin-left-md {
      margin-left:0!important
    }
    .no-margin-md {
      margin:0!important
    }
    .padding-top-small-md {
      padding-top:8px
    }
    .padding-right-small-md {
      padding-right:8px
    }
    .padding-bottom-small-md {
      padding-bottom:8px
    }
    .padding-left-small-md {
      padding-left:8px!important
    }
    .padding-small-md {
      padding:8px
    }
    .padding-top-large-md {
      padding-top:32px
    }
    .padding-right-large-md {
      padding-right:32px
    }
    .padding-bottom-large-md {
      padding-bottom:32px
    }
    .padding-left-large-md {
      padding-left:32px
    }
    .padding-large-md {
      padding:32px
    }
    .padding-top-large {
      padding-top:32px
    }
    .padding-right-large {
      padding-right:32px
    }
    .padding-bottom-large {
      padding-bottom:32px
    }
    .padding-left-large {
      padding-left:32px
    }
    .padding-large {
      padding:32px
    }
  }
  .margin-left-ballance-grid {
    margin-left:4px
  }
  .hamburger {
    transform:scale(0.7)
  }
  .hamburger-inner,
  .hamburger-inner:after,
  .hamburger-inner:before {
    background-color:#fff;
    outline:0
  }
  button.hamburger.hamburger--squeeze {
    border:none;
    background:none;
    padding-top:8px
  }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner:after,
  .hamburger.is-active .hamburger-inner:before {
    background-color:#fff;
    outline:0
  }
  .logo {
    color:#fff;
    position:absolute
  }
  .menu-button {
    color:#fff;
    cursor:pointer;
    font-size:2rem;
    position:fixed;
    right:0
  }
  .open-menu {
    color:#fff;
    cursor:pointer;
    font-size:1rem;
    padding:1rem;
    position:absolute;
    right:0;
    top:0;
    transition:transform 250ms ease
  }
  .rotate {
    transform:rotate(135deg)
  }
  .overflow {
    margin-top:50px;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#00f;
    box-shadow:0 8px 16px 0 rgba(0,0,0,0.3)
  }
  #mobile-nav {
    background-color:#00f;
    position:absolute;
    width:100%;
    z-index:3;
    top:0;
    border-bottom:2px solid #fff;
    height:50px
  }
  #mobile-nav ul {
    display:none;
    margin:0 1rem;
    padding:0;
    position:relative
  }
  #mobile-nav ul.sub {
    border-top:1px solid white;
    border-bottom:1px solid white
  }
  #mobile-nav ul.sub li {
    padding-left:0
  }
  #mobile-nav ul:first-child {
    background-color:transparent
  }
  #mobile-nav ul li {
    border-top:1px solid rgba(255,255,255,.075);
    list-style:none;
    margin-bottom:0;
    position:relative
  }
  #mobile-nav ul li a {
    color:#fff;
    display:inline-block;
    font-size:1rem;
    padding:1rem 0;
    text-decoration:none;
    width:100%;
    border:none
  }
  #mobile-nav ul.sub li a {
    padding:0.5rem 0;
    padding-left:0
  }
  #mobile-nav ul ul {
    margin:0
  }
  #mobile-nav ul ul li {
    border-top:none;
    padding-left:1rem
  }
  .openingHourse__wrapper {
    height:32px
  }
  .openingHourse__wrapper,
  .openingHourse__wrapper a {
    color:#fff
  }
  .openingHourse__title {
    color:#00f;
    line-height:20px;
    cursor:wait
  }
  .openingHourse__title.roomTimeRange {
    color:red
  }
  .roomTimeRange {
    display:none
  }
  .opening_times_wrapper {
    height:32px
  }
  .clearfix::before,
  .clearfix::after {
    content:" ";
    display:block
  }
  .clearfix:after {
    clear:both
  }
  .text-left {
    text-align:left
  }
  .lower {
    text-transform:lowercase
  }
  .text-right {
    text-align:left
  }
  @media (min-width:768px) {
    .text-right {
      text-align:right
    }
  }
  .text-center {
    text-align:center
  }
  .text-justify {
    text-align:justify
  }
  .block {
    display:block
  }
  .inline-block {
    display:inline-block
  }
  .inline {
    display:inline
  }
  .relative {
    position:relative
  }
  .absolute {
    position:absolute
  }
  .vertical-center {
    display:flex;
    align-items:center;
    justify-content:center
  }
  .responsive-image {
    max-width:100%;
    height:auto
  }
  .show {
    display:block!important
  }
  .hide {
    display:none
  }
  .invisible {
    visibility:hidden
  }
  .float-left {
    float:left
  }
  .float-right {
    float:right
  }
  .screen-reader-text {
    clip:rect(1px,1px,1px,1px);
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden
  }
  .height_auto {
    max-height:1800px!important;
    transition:max-height 0.4s ease-out
  }
  .js_toggle_project:hover {
    transition:max-height 1s ease-out;
    max-height:400px;
    overflow:hidden;
    transition-delay:0.4s
  }
  .js_toggle_project {
    cursor:pointer;
    transition:max-height 1s ease-out;
    max-height:150px;
    overflow:hidden
  }
  .opening_times {
    height:70px
  }
  .jumbo {
    width:100%;
    height:calc(90vh - 140px);
    background-color:blue;
    color:white;
    padding:0;
    overflow:hidden;
    display:grid;
    grid-auto-rows:1fr
  }
  .jumbo__item {
    overflow:hidden;
    color:#333;
    position:relative;
    border-bottom:2px solid #fff
  }
  .jumbo__title {
    color:#fff;
    font-size:6vh;
    line-height:6vh;
    padding-top:1vh
  }
  .jumbo__itemWrapper {
    position:absolute;
    bottom:0;
    right:0;
    top:0;
    min-width:30%;
    overflow:hidden
  }
  .jumbo__tag {
    display:inline-block;
    background:white;
    vertical-align:bottom;
    height:30px;
    padding:0 10px;
    font-size:20px;
    line-height:30px
  }
  .jumbo__imageWrapper {
    height:100%;
    overflow:hidden;
    background:none;
    cursor:pointer
  }
  .jumbo__itemWrapper::before {
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:bottom
  }
  .jumbo__imageWrapper img {
    height:100%;
    transform:translateY(calc(100% - 70px));
    transition:0.2s all;
    opacity:0.7
  }
  .jumbo__imageWrapper:hover img {
    transform:translateY(0%);
    opacity:1;
    transition-delay:0.4s
  }
  .button,
  a.button,
  button,
  [type=submit],
  [type=reset],
  [type=button] {
    -webkit-appearance:none;
    display:inline-block;
    border:1px solid #00f;
    border-radius:4px;
    background:#00f;
    color:#fff;
    font-weight:600;
    font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size:1rem;
    text-transform:none;
    padding:0.75rem 1.25rem;
    margin:0 0 0.5rem 0;
    vertical-align:middle;
    text-align:center;
    cursor:pointer;
    text-decoration:none;
    line-height:1
  }
  .button:hover,
  a.button:hover,
  button:hover,
  [type=submit]:hover,
  [type=reset]:hover,
  [type=button]:hover {
    border:1px solid #00c;
    background:#00c;
    color:#fff;
    text-decoration:none
  }
  .button:focus,
  a.button:focus,
  button:focus,
  [type=submit]:focus,
  [type=reset]:focus,
  [type=button]:focus,
  .button:active,
  a.button:active,
  button:active,
  [type=submit]:active,
  [type=reset]:active,
  [type=button]:active {
    color:#fff;
    text-decoration:none
  }
  .button::-moz-focus-inner,
  a.button::-moz-focus-inner,
  button::-moz-focus-inner,
  [type=submit]::-moz-focus-inner,
  [type=reset]::-moz-focus-inner,
  [type=button]::-moz-focus-inner {
    border:0;
    padding:0
  }
  .accent-button,
  a.accent-button {
    color:#fff;
    border:1px solid #0000e2;
    background:#0000e2
  }
  .accent-button:hover,
  a.accent-button:hover,
  .accent-button:focus,
  a.accent-button:focus,
  .accent-button:active,
  a.accent-button:active {
    color:#fff;
    border:1px solid #0000af;
    background:#0000af
  }
  .muted-button,
  a.muted-button {
    background:transparent;
    border:1px solid #cdcdcd;
    color:#4e4e4e
  }
  .muted-button:hover,
  a.muted-button:hover,
  .muted-button:focus,
  a.muted-button:focus,
  .muted-button:active,
  a.muted-button:active {
    color:#4e4e4e;
    border:1px solid #818181;
    background:transparent
  }
  .round-button,
  a.round-button {
    border-radius:40px
  }
  .square-button,
  a.square-button {
    border-radius:0
  }
  .full-button,
  a.full-button {
    display:block;
    width:100%
  }
  .filter-bar__button {
    cursor:pointer;
    position:absolute;
    bottom:0
  }
  .filter-bar__button:hover {
    border-bottom:4px solid #00f
  }
  .filter-bar__button.is_active {
    background:#00c
  }
  [type=color],
  [type=date],
  [type=datetime],
  [type=datetime-local],
  [type=email],
  [type=month],
  [type=number],
  [type=password],
  [type=search],
  [type=tel],
  [type=text],
  [type=url],
  [type=week],
  [type=time],
  select,
  textarea {
    display:block;
    border:1px solid #000fff;
    border-radius:4px;
    padding:0.75rem;
    outline:none;
    background:transparent;
    margin-bottom:0.5rem;
    font-size:1rem;
    width:100%;
    max-width:100%;
    line-height:1
  }
  [type=color]:hover,
  [type=date]:hover,
  [type=datetime]:hover,
  [type=datetime-local]:hover,
  [type=email]:hover,
  [type=month]:hover,
  [type=number]:hover,
  [type=password]:hover,
  [type=search]:hover,
  [type=tel]:hover,
  [type=text]:hover,
  [type=url]:hover,
  [type=week]:hover,
  [type=time]:hover,
  select:hover,
  textarea:hover {
    border:none
  }
  [type=color]:focus,
  [type=date]:focus,
  [type=datetime]:focus,
  [type=datetime-local]:focus,
  [type=email]:focus,
  [type=month]:focus,
  [type=number]:focus,
  [type=password]:focus,
  [type=search]:focus,
  [type=tel]:focus,
  [type=text]:focus,
  [type=url]:focus,
  [type=week]:focus,
  [type=time]:focus,
  select:focus,
  textarea:focus,
  [type=color]:active,
  [type=date]:active,
  [type=datetime]:active,
  [type=datetime-local]:active,
  [type=email]:active,
  [type=month]:active,
  [type=number]:active,
  [type=password]:active,
  [type=search]:active,
  [type=tel]:active,
  [type=text]:active,
  [type=url]:active,
  [type=week]:active,
  [type=time]:active,
  select:active,
  textarea:active {
    border:none;
    box-shadow:none
  }
  textarea {
    overflow:auto;
    height:auto
  }
  fieldset {
    border:1px solid #000fff;
    border-radius:4px;
    padding:16px;
    margin:16px 0
  }
  legend {
    padding:0 0.5rem;
    font-weight:600
  }
  select {
    color:#333;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) right center no-repeat;
    line-height:1
  }
  select::-ms-expand {
    display:none
  }
  [type=range] {
    width:100%
  }
  label {
    font-weight:600;
    max-width:100%;
    display:block;
    margin:1rem 0 0.5rem
  }
  @media (min-width:576px) {
    .split-form label {
      text-align:right;
      padding:0 0.5rem;
      margin-bottom:1rem
    }
  }
  .pretty .state label:before {
    border-color:#00f!important
  }
  .pretty input:checked~.state.p-primary label:after,
  .pretty.p-toggle .state.p-primary label:after {
    background-color:#00f!important
  }
  input.has-error,
  input:hover.has-error,
  input:focus.has-error,
  input:active.has-error,
  select.has-error,
  select:hover.has-error,
  select:focus.has-error,
  select:active.has-error,
  textarea.has-error,
  textarea:hover.has-error,
  textarea:focus.has-error,
  textarea:active.has-error {
    border:1px solid #d33c40;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #f4cecf
  }
  input.is-success,
  input:hover.is-success,
  input:focus.is-success,
  input:active.is-success,
  select.is-success,
  select:hover.is-success,
  select:focus.is-success,
  select:active.is-success,
  textarea.is-success,
  textarea:hover.is-success,
  textarea:focus.is-success,
  textarea:active.is-success {
    border:1px solid #29de7d;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1),0 0 6px #97efc0
  }
  ::-webkit-input-placeholder,
  ::-moz-placeholder,
  :-moz-placeholder,
  :-ms-input-placeholder {
    color:#9a9a9a
  }
  .dropdown-check-list {
    display:inline-block;
    position:absolute
  }
  .dropdown-check-list .anchor {
    position:relative;
    cursor:pointer;
    display:inline-block;
    padding:5px 50px 5px 10px;
    border:2px solid #00f;
    border-bottom:none
  }
  .dropdown-check-list .anchor:after {
    position:absolute;
    content:"";
    border-left:2px solid black;
    border-top:2px solid black;
    padding:5px;
    right:10px;
    top:20%;
    -moz-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    -o-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    transform:rotate(-135deg)
  }
  .dropdown-check-list .anchor:active:after {
    right:8px;
    top:21%
  }
  .dropdown-check-list ul.items {
    padding:10px;
    display:none;
    margin:0;
    border:2px solid #00f;
    background:#fff;
    color:#00f;
    border-top:none;
    max-height:80vh;
    overflow-y:auto;
    position:absolute;
    width:100%
  }
  .dropdown-check-list input[type="checkbox"] {
    margin-right:10px
  }
  .dropdown-check-list ul.items li {
    list-style:none;
    border-top:2px solid #00f;
    padding:5px 0
  }
  .search__wrapper {
    transition:all ease 0.5s;
    height:32px
  }
  .w-30 {
    width:30%
  }
  .search__input {
    border:none;
    color:#fff;
    font-size:24px;
    height:33px
  }
  .search__input::placeholder {
    color:#fff
  }
  img:not([src]):not([srcset]) {
    visibility:hidden
  }
  img[data-sizes="auto"] {
    display:block;
    width:100%
  }
  .flickity-enabled.is-draggable .flickity-viewport {
    cursor:pointer
  }
  .carousel {
    background:#00f
  }
  .caption,
  .copyright,
  .show-full {
    background:#00f;
    margin:0;
    padding:10px;
    text-align:center;
    color:#fff
  }
  .caption {
    padding-bottom:0
  }
  .copyright {
    padding-top:0;
    padding-bottom:20px
  }
  .show-full {
    padding-bottom:0
  }
  .flickity-page-dots {
    bottom:-60px;
    display:none
  }
  .flickity-prev-next-button {
    padding:0
  }
  .flickity-prev-next-button:hover {
    color:#00f!important
  }
  .references__wrapper .c-one,
  .references__wrapper a {
    color:#fff!important
  }
  .carousel-cell {
    width:auto;
    height:400px;
    background:#222;
    display:flex;
    align-items:center;
    justify-content:center
  }
  .carousel.is-fullscreen {
    z-index:12000!important;
    padding-bottom:0
  }
  .flickity-enabled.is-fullscreen {
    padding-bottom:0px!important
  }
  .carousel.is-fullscreen .carousel-cell {
    height:100%;
    max-height:100%;
    margin-right:0px!important;
    width:100%
  }
  .carousel-cell img {
    display:block;
    max-height:100%;
    width:auto
  }
  .carousel-cell-image {
    max-height:100%;
    max-width:none
  }
  .carousel.is-fullscreen.carousel img {
    height:90%
  }
  .flickity-fullscreen-button {
    right:10px;
    top:-40px!important;
    padding:12px;
    display:none!important
  }
  .carousel.is-fullscreen .flickity-fullscreen-button {
    top:10px!important;
    display:block!important
  }
  button.flickity-prev-next-button.next,
  button.flickity-prev-next-button.previous {
    background:white;
    color:black;
    border:none
  }
  button.flickity-button.flickity-fullscreen-button.flickity-fullscreen-button-exit {
    background:white;
    color:black
  }
  @media screen and (max-width:768px) {
    .carousel.is-fullscreen .carousel.is-fullscreen.carousel img,
    .carousel.is-fullscreen.carousel img {
      height:auto!important
    }
    .carousel.is-fullscreen .carousel-cell img {
      width:80%!important
    }
  }
  table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    max-width:100%
  }
  thead th {
    border-bottom:2px solid #000fff
  }
  tfoot th {
    border-top:2px solid #000fff
  }
  td {
    border-bottom:1px solid #000fff
  }
  th,
  td {
    text-align:left;
    padding:0.5rem
  }
  caption {
    padding:16px 0;
    caption-side:bottom;
    color:#ababab
  }
  .striped-table tbody tr:nth-child(odd) {
    background-color:#f8f8f8
  }
  .contain-table {
    overflow-x:auto
  }
  @media (min-width:576px) {
    .contain-table {
      width:100%
    }
  }
  @media screen and (max-width:576px) {
    table,
    tr,
    td {
      padding:0;
      border:2px solid #000fff
    }
    table {
      border:none
    }
    thead {
      display:none
    }
    tr {
      float:left;
      width:100%;
      margin-bottom:16px
    }
    td {
      float:left;
      width:100%;
      padding:16px
    }
    td::before {
      content:attr(data-label);
      word-wrap:break-word;
      background:#eee ee;
      border-right:2px solid black;
      width:20%;
      float:left;
      padding:1em;
      font-weight:bold;
      margin:-1em 1em -1em -1em
    }
  }
  .list__row:hover {
    background:#00f;
    color:#fff!important;
    transition:background-color 600ms linear
  }
  .list__row:hover a {
    color:#fff!important
  }
  .list__row:hover div,
  .list__row:hover div span.hightlight-text,
  .list__row:hover .hightlight-text,
  .list__row:hover .c-one {
    color:#fff!important
  }
  @media (min-width:768px) {
    .table {
      display:table;
      width:100%
    }
    .table-row {
      display:table-row
    }
    .table-row:hover {
      background:#00f;
      color:white
    }
    .table-row:hover a {
      color:white
    }
    .table-cell {
      display:table-cell
    }
  }
  .header__logo {
    float:left;
    padding:10px 0 10px 0;
    margin-right:40px;
    font-size:16px;
    box-sizing:border-box;
    color:#00f
  }
  .header__logo-title {
    font-size:25px;
    line-height:43px;
    margin-bottom:3px;
    display:block
  }
  .header__logo-subtitle {
    line-height:16px
  }
  .header__logo-title-small {
    font-size:30px
  }
  .menu__outer_wrapper {
    position:fixed;
    top:0;
    width:100%;
    z-index:8000
  }
  .menu__wrapper {
    background:#fff;
    min-height:100px;
    width:100%;
    display:flex
  }
  .small-menu-height {
    height:50px;
    transition:all 100ms linear
  }
  .menu__mainlink {
    cursor:pointer;
    border:none;
    color:#00001e;
    padding:10px;
    padding-top:17px;
    padding-left:0;
    padding-right:0;
    display:inline-block;
    box-sizing:border-box;
    text-decoration:none!important
  }
  .menu__mainlink:hover {
    color:#00f;
    border-bottom:none
  }
  .menu__active {
    color:#00f
  }
  .home-link {
    color:#00f
  }
  .home-link:hover {
    color:#00f;
    text-decoration:none!important
  }
  .dropdown {
    float:left;
    overflow:hidden
  }
  .dropdown-content {
    position:absolute;
    background-color:#fff;
    z-index:11;
    -webkit-transition:opacity 250ms ease;
    transition:opacity 250ms ease;
    opacity:0;
    top:-99em;
    padding-bottom:16px
  }
  .sub_menu_is_open {
    opacity:1;
    top:48px
  }
  .menu__sublink {
    font-size:24px;
    padding:0;
    padding-top:2px;
    padding-left:16px;
    padding-right:16px;
    text-decoration:none!important;
    display:block;
    color:#00001e
  }
  .menu__sublink:hover {
    color:#00f;
    text-decoration:none;
    border-bottom:none
  }
  .filter__bar {
    height:32px;
    width:100%;
    color:#00001e;
    background:#fff;
    position:fixed;
    box-sizing:border-box;
    top:48px;
    border-bottom:1px solid #00f;
    z-index:1;
    height:32px;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    overflow:hidden
  }
  .header__longname {
    display:none
  }
  @media (min-width:768px) {
    .filter__bar {
      position:relative;
      top:0
    }
    .menu__mainlink {
      font-size:24px
    }
  }
  @media only screen and (min-width:1000px) {
    .header__longname {
      display:inline-block!important
    }
    .header__logo {
      width:250px
    }
    .menu__wrapper {
      padding-right:40px
    }
  }
  @media (min-width:576px) {
    .hide_on_desktop {
      display:none!important
    }
  }
  @media (max-width:576px) {
    .hide_on_mobile {
      display:none!important
    }
    main.content {
      margin-top:50px;
      min-height:auto
    }
  }
  @keyframes movefadeIn {
    0% {
      opacity:0;
      transform:translateY(3vh)
    }
    25% {
      opacity:0.25
    }
    80% {
      opacity:0.8;
      transform:translateY(0%)
    }
    100% {
      opacity:1;
      transform:translateY(0%)
    }
  }
  @keyframes fadeIn {
    0% {
      opacity:0
    }
    100% {
      opacity:1
    }
  }
  .blur {
    filter:blur(1px)
  }
  .pointer {
    cursor:pointer
  }
  .shadow {
    -webkit-box-shadow:0 4px 10px 0 rgba(0,0,255,0.38);
    -moz-box-shadow:0 4px 10px 0 rgba(0,0,255,0.38);
    box-shadow:0 4px 10px 0 rgba(0,0,255,0.38)
  }
  .shadow-top {
    -moz-box-shadow:inset 0 -10px 10px -10px #00001e;
    -webkit-box-shadow:inset 0 -10px 10px -10px #00001e;
    box-shadow:inset 0 -10px 10px -10px #00001e
  }
  .shadow-top-blue {
    -moz-box-shadow:inset 0 -10px 10px -10px #00f;
    -webkit-box-shadow:inset 0 -10px 10px -10px #00f;
    box-shadow:inset 0 -10px 10px -10px #00f
  }
  .content {
    margin-top:132px
  }
  .project__image_before {
    display:inline-block;
    content:'';
    height:100%;
    vertical-align:bottom
  }
  .project__image {
    display:inline-block;
    transform:translateY(7px)
  }
  .programm_image__wrapper {
    width:96%;
    height:94%;
    margin-top:2%;
    background-repeat:no-repeat;
    background-size:cover
  }
  @media (min-width:768px) {
    .body-blue-color-desktop {
      background:#00f
    }
    .body-red-color-desktop {
      background:#fc5a8d
    }
    .fundus__wrapper .fundus__item {
      border-right:1px solid #00f
    }
    .full-height {
      min-height:calc(100vh - 160px)
    }
    .meta-headline {
      max-width:80%
    }
  }
  #index {
    position:fixed;
    top:18px;
    right:0;
    padding:10px;
    color:#fff;
    z-index:9999
  }
  .footer {
    height:auto;
    background:#fff
  }
  .video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:0;
    height:0;
    overflow:hidden
  }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
  }
  #overlay {
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(0,0,255,0.8);
    z-index:11000
  }
  #popup {
    max-width:1200px;
    width:80%;
    max-height:300px;
    height:80%;
    position:relative;
    background:#fff;
    margin:20px auto;
    top:10%
  }
  #close {
    position:absolute;
    top:20px;
    right:40px;
    cursor:pointer;
    color:#000
  }
  .preview__text {
    max-width:80%;
    margin-top:0.2rem
  }
  .preview__text a {
    color:white!important
  }
  .preview__text a:hover {
    color:rgba(255,255,255,0.8)
  }
  .preview__text a::before {
    content:""
  }
  .title_link:hover {
    border:none!important
  }
  .image__wrapper {
    max-height:141px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:all 0.3s ease-out
  }
  .carousel:hover {
    background-color:rgba(0,0,255,0.75)
  }
  .image__wrapper-fullheight {
    max-height:800px!important;
    transition:max-height 0.25s ease-in
  }
  .card {
    #border-bottom:1px solid #00f;
    #border-right:2px solid #00f
  }
  .card__title {
    margin:0!important;
    padding-top:0;
    font-family:inter,sans-serif;
    font-size:16px
  }
  .card__eventtype {
    margin:0;
    font-size:16px;
    color:#00f;
    font-family:inter,sans-serif;
    font-weight:300
  }
  .card__body {
    color:#333
  }
  .card__imglink {
    position:relative;
    padding-top:0;
    height:220;
    overflow:hidden;
    display:block
  }
  .card__imglink-large {
    position:relative;
    padding-top:0;
    height:440;
    overflow:hidden;
    display:block
  }
  .card__img {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    object-fit:cover
  }
  .card__readmore {
    display:block;
    color:#333;
    border-top:1px solid #333;
    width:100%;
    position:absolute;
    bottom:0;
    font-family:inter;
    font-size:small
  }
  .card__readmore:hover {
    text-decoration:none;
    color:#00f
  }
  @media (min-width:768px) {
    .calendar__navigation {
      display:flex
    }
    .calendar__row {
      display:flex
    }
    .calendar__date {
      width:10%
    }
    .calendar-title-type {
      float:left;
      width:100%
    }
    .calendar__names {
      display:inline-block;
      width:24%;
      vertical-align:top
    }
    .calendar__title {
      display:inline-block;
      width:24%;
      vertical-align:top
    }
    .calendar__type {
      display:inline-block;
      width:24%;
      vertical-align:top
    }
    .calendar__space {
      display:inline-block;
      width:24%;
      vertical-align:top
    }
  }
  .badge {
    padding-right:0.6em;
    padding-left:0.6em;
    display:inline-block;
    padding:0.25em 0.4em;
    border-radius:5px;
    font-size:50%;
    font-weight:700;
    letter-spacing:1px;
    margin-top:-4px;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
  }
  .badge-dark {
    color:#fff;
    background-color:#00001e;
    border:1px solid #00001e
  }
  .badge-blue {
    color:#fff;
    background-color:#00f;
    border:1px solid #00f
  }
  .badge-light {
    color:#333;
    background-color:#ffeea8;
    border:1px solid #ffeea8
  }
  .badge-blank {
    color:#00f;
    background-color:#fff;
    border:1px solid #00f
  }
  .badge-white-outline {
    color:#fff;
    background-color:none;
    border:1px solid #fff
  }
  .vimeo-full-width {
    padding:56.25% 0 0 0;
    position:relative
  }
  .vimeo-full-width iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
  }
  .video__headline {
    position:absolute;
    top:0
  }
  .filter__item {
    background:#00f;
    color:#fff;
    cursor:pointer;
    display:block;
    transition:0.1s ease-in-out
  }
  .gesteckt {
    transform:translateY(6px)
  }
  .filter__link:hover,
  .filter__link:focus {
    color:#fff
  }
  a.filter__link:hover {
    background:#d33c40!important;
    border:none!important
  }
  .no_parent__row {
    height:30px
  }
  .scroll-indicator {
    position:fixed;
    right:8px;
    top:0;
    bottom:50px;
    width:1px;
    z-index:11000
  }
  .indicator {
    top:0;
    right:0;
    position:absolute;
    width:max-content;
    height:50px;
    background:#00f;
    z-index:11000;
    text-align:center
  }
  .indicator span {
    position:absolute;
    padding-right:10px;
    transform:translate(-100%,50%)
  }
  .index__wrapper {
    margin-top:160px
  }
  .index__item-activ {
    color:blue
  }
  #index {
    position:fixed;
    z-index:2;
    top:0;
    right:0;
    padding:10px;
    background:#00f;
    color:#fff;
    font-family:ClarendonBT-Heavy
  }
  .parent__row {
    max-height:58px;
    overflow:hidden;
    transition:all 0.25s ease-out
  }
  .no_parent__row {
    height:58px;
    overflow:hidden
  }
  .no_parent__row:hover {
    background-color:rgba(225,225,225,0.1);
    transition:all 0.2s ease-out;
    transition-delay:0.25s
  }
  .parent__row:hover {
    transition:max-height 0.2s ease-out;
    transition:all 0.2s ease-out;
    overflow:hidden;
    transition-delay:0.25s
  }
  .program__image {
    max-height:300px;
    margin-top:8px
  }
  @media (min-width:768px) {
    .parent__row-large {
      max-height:57px;
      overflow:hidden;
      transition:all 0.2s ease-out;
      cursor:pointer;
      justify-content:flex-end
    }
    .height_auto {
      max-height:600px!important
    }
    .height_auto_large {
      height:auto;
      max-height:inherit!important
    }
    .parent__row-large:hover {
      transition:max-height 0.3s ease-out;
      max-height:600px;
      background-color:rgba(225,225,225,0.1);
      transition:all 0.2s ease-out;
      overflow:hidden;
      transition-delay:0.6s
    }
    .parent__row-large:hover .white-text {
      transition-delay:0.6s
    }
    .img-shadow {
      width:100%;
      height:56px;
      top:0
    }
    .parent__row-large:hover .img-shadow {
      transition-delay:0.6s;
      bottom:0;
      height:100%;
      margin-top:2px
    }
    .program__image {
      max-height:600px;
      margin-top:none
    }
  }
  .pretty * {
    box-sizing:border-box
  }
  .pretty input:not([type=checkbox]):not([type=radio]) {
    display:none
  }
  .pretty {
    position:relative;
    display:inline-block;
    margin-right:1em;
    white-space:nowrap;
    line-height:1
  }
  .pretty input {
    position:absolute;
    left:0;
    top:0;
    min-width:1em;
    width:100%;
    height:100%;
    z-index:2;
    opacity:0;
    margin:0;
    padding:0;
    cursor:pointer
  }
  .pretty .state label {
    position:initial;
    display:inline-block;
    font-weight:400;
    margin:0;
    text-indent:1.5em;
    min-width:calc(1em + 2px)
  }
  .pretty .state label:after,
  .pretty .state label:before {
    content:'';
    width:calc(1em + 2px);
    height:calc(1em + 2px);
    display:block;
    box-sizing:border-box;
    border-radius:0;
    border:1px solid transparent;
    z-index:0;
    position:absolute;
    left:0;
    top:calc((0% - (100% - 1em)) - 8%);
    background-color:transparent
  }
  .pretty .state label:before {
    border-color:#bdc3c7
  }
  .pretty .state.p-is-hover,
  .pretty .state.p-is-indeterminate {
    display:none
  }
  @-webkit-keyframes zoom {
    0% {
      opacity:0;
      -webkit-transform:scale(0);
      transform:scale(0)
    }
  }
  @keyframes zoom {
    0% {
      opacity:0;
      -webkit-transform:scale(0);
      transform:scale(0)
    }
  }
  @-webkit-keyframes tada {
    0% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      opacity:0;
      -webkit-transform:scale(7);
      transform:scale(7)
    }
    38% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:1;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    55% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      -webkit-transform:scale(1.5);
      transform:scale(1.5)
    }
    72% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    81% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      -webkit-transform:scale(1.24);
      transform:scale(1.24)
    }
    89% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    95% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      -webkit-transform:scale(1.04);
      transform:scale(1.04)
    }
    100% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
  }
  @keyframes tada {
    0% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      opacity:0;
      -webkit-transform:scale(7);
      transform:scale(7)
    }
    38% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      opacity:1;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    55% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      -webkit-transform:scale(1.5);
      transform:scale(1.5)
    }
    72% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    81% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      -webkit-transform:scale(1.24);
      transform:scale(1.24)
    }
    89% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
    95% {
      -webkit-animation-timing-function:ease-in;
      animation-timing-function:ease-in;
      -webkit-transform:scale(1.04);
      transform:scale(1.04)
    }
    100% {
      -webkit-animation-timing-function:ease-out;
      animation-timing-function:ease-out;
      -webkit-transform:scale(1);
      transform:scale(1)
    }
  }
  @-webkit-keyframes jelly {
    0% {
      -webkit-transform:scale3d(1,1,1);
      transform:scale3d(1,1,1)
    }
    30% {
      -webkit-transform:scale3d(.75,1.25,1);
      transform:scale3d(.75,1.25,1)
    }
    40% {
      -webkit-transform:scale3d(1.25,.75,1);
      transform:scale3d(1.25,.75,1)
    }
    50% {
      -webkit-transform:scale3d(.85,1.15,1);
      transform:scale3d(.85,1.15,1)
    }
    65% {
      -webkit-transform:scale3d(1.05,.95,1);
      transform:scale3d(1.05,.95,1)
    }
    75% {
      -webkit-transform:scale3d(.95,1.05,1);
      transform:scale3d(.95,1.05,1)
    }
    100% {
      -webkit-transform:scale3d(1,1,1);
      transform:scale3d(1,1,1)
    }
  }
  @keyframes jelly {
    0% {
      -webkit-transform:scale3d(1,1,1);
      transform:scale3d(1,1,1)
    }
    30% {
      -webkit-transform:scale3d(.75,1.25,1);
      transform:scale3d(.75,1.25,1)
    }
    40% {
      -webkit-transform:scale3d(1.25,.75,1);
      transform:scale3d(1.25,.75,1)
    }
    50% {
      -webkit-transform:scale3d(.85,1.15,1);
      transform:scale3d(.85,1.15,1)
    }
    65% {
      -webkit-transform:scale3d(1.05,.95,1);
      transform:scale3d(1.05,.95,1)
    }
    75% {
      -webkit-transform:scale3d(.95,1.05,1);
      transform:scale3d(.95,1.05,1)
    }
    100% {
      -webkit-transform:scale3d(1,1,1);
      transform:scale3d(1,1,1)
    }
  }
  @-webkit-keyframes rotate {
    0% {
      opacity:0;
      -webkit-transform:translateZ(-200px) rotate(-45deg);
      transform:translateZ(-200px) rotate(-45deg)
    }
    100% {
      opacity:1;
      -webkit-transform:translateZ(0) rotate(0);
      transform:translateZ(0) rotate(0)
    }
  }
  @keyframes rotate {
    0% {
      opacity:0;
      -webkit-transform:translateZ(-200px) rotate(-45deg);
      transform:translateZ(-200px) rotate(-45deg)
    }
    100% {
      opacity:1;
      -webkit-transform:translateZ(0) rotate(0);
      transform:translateZ(0) rotate(0)
    }
  }
  @-webkit-keyframes pulse {
    0% {
      box-shadow:0 0 0 0 #bdc3c7
    }
    100% {
      box-shadow:0 0 0 1.5em rgba(189,195,199,0)
    }
  }
  @keyframes pulse {
    0% {
      box-shadow:0 0 0 0 #bdc3c7
    }
    100% {
      box-shadow:0 0 0 1.5em rgba(189,195,199,0)
    }
  }
  .pretty.p-default.p-fill .state label:after {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
  }
  .pretty.p-default .state label:after {
    -webkit-transform:scale(.6);
    -ms-transform:scale(.6);
    transform:scale(.6)
  }
  .pretty.p-default input:checked~.state label:after {
    background-color:#bdc3c7!important
  }
  .pretty.p-default.p-thick .state label:after,
  .pretty.p-default.p-thick .state label:before {
    border-width:calc(1em / 7)
  }
  .pretty.p-default.p-thick .state label:after {
    -webkit-transform:scale(.4)!important;
    -ms-transform:scale(.4)!important;
    transform:scale(.4)!important
  }
  .pretty.p-icon .state .icon {
    position:absolute;
    font-size:1em;
    width:calc(1em + 2px);
    height:calc(1em + 2px);
    left:0;
    z-index:1;
    text-align:center;
    line-height:normal;
    top:calc((0% - (100% - 1em)) - 8%);
    border:1px solid transparent;
    opacity:0
  }
  .pretty.p-icon .state .icon:before {
    margin:0;
    width:100%;
    height:100%;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:1
  }
  .pretty.p-icon input:checked~.state .icon {
    opacity:1
  }
  .pretty.p-icon input:checked~.state label:before {
    border-color:#5a656b
  }
  .pretty.p-svg .state .svg {
    position:absolute;
    font-size:1em;
    width:calc(1em + 2px);
    height:calc(1em + 2px);
    left:0;
    z-index:1;
    text-align:center;
    line-height:normal;
    top:calc((0% - (100% - 1em)) - 8%);
    border:1px solid transparent;
    opacity:0
  }
  .pretty.p-svg .state svg {
    margin:0;
    width:100%;
    height:100%;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:1
  }
  .pretty.p-svg input:checked~.state .svg {
    opacity:1
  }
  .pretty.p-image .state img {
    opacity:0;
    position:absolute;
    width:calc(1em + 2px);
    height:calc(1em + 2px);
    top:0;
    top:calc((0% - (100% - 1em)) - 8%);
    left:0;
    z-index:0;
    text-align:center;
    line-height:normal;
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8)
  }
  .pretty.p-image input:checked~.state img {
    opacity:1
  }
  .pretty.p-switch input {
    min-width:2em
  }
  .pretty.p-switch .state {
    position:relative
  }
  .pretty.p-switch .state:before {
    content:'';
    border:1px solid #bdc3c7;
    border-radius:60px;
    width:2em;
    box-sizing:unset;
    height:calc(1em + 2px);
    position:absolute;
    top:0;
    top:calc((0% - (100% - 1em)) - 16%);
    z-index:0;
    transition:all .5s ease
  }
  .pretty.p-switch .state label {
    text-indent:2.5em
  }
  .pretty.p-switch .state label:after,
  .pretty.p-switch .state label:before {
    transition:all .5s ease;
    border-radius:100%;
    left:0;
    border-color:transparent;
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8)
  }
  .pretty.p-switch .state label:after {
    background-color:#bdc3c7!important
  }
  .pretty.p-switch input:checked~.state:before {
    border-color:#5a656b
  }
  .pretty.p-switch input:checked~.state label:before {
    opacity:0
  }
  .pretty.p-switch input:checked~.state label:after {
    background-color:#5a656b!important;
    left:1em
  }
  .pretty.p-switch.p-fill input:checked~.state:before {
    border-color:#5a656b;
    background-color:#5a656b!important
  }
  .pretty.p-switch.p-fill input:checked~.state label:before {
    opacity:0
  }
  .pretty.p-switch.p-fill input:checked~.state label:after {
    background-color:#fff!important;
    left:1em
  }
  .pretty.p-switch.p-slim .state:before {
    height:.1em;
    background:#bdc3c7!important;
    top:calc(50% - .1em)
  }
  .pretty.p-switch.p-slim input:checked~.state:before {
    border-color:#5a656b;
    background-color:#5a656b!important
  }
  .pretty.p-has-hover input:hover~.state:not(.p-is-hover) {
    display:none
  }
  .pretty.p-has-hover input:hover~.state.p-is-hover {
    display:block
  }
  .pretty.p-has-hover input:hover~.state.p-is-hover .icon {
    display:block
  }
  .pretty.p-has-focus input:focus~.state label:before {
    box-shadow:0 0 3px 0 #bdc3c7
  }
  .pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate) {
    display:none
  }
  .pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate {
    display:block
  }
  .pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon {
    display:block;
    opacity:1
  }
  .pretty.p-toggle .state.p-on {
    opacity:0;
    display:none
  }
  .pretty.p-toggle .state .icon,
  .pretty.p-toggle .state .svg,
  .pretty.p-toggle .state img,
  .pretty.p-toggle .state.p-off {
    opacity:1;
    display:inherit
  }
  .pretty.p-toggle .state.p-off .icon {
    color:#bdc3c7
  }
  .pretty.p-toggle input:checked~.state.p-on {
    opacity:1;
    display:inherit
  }
  .pretty.p-toggle input:checked~.state.p-off {
    opacity:0;
    display:none
  }
  .pretty.p-plain input:checked~.state label:before,
  .pretty.p-plain.p-toggle .state label:before {
    content:none
  }
  .pretty.p-plain.p-plain .icon {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
  }
  .pretty.p-round .state label:after,
  .pretty.p-round .state label:before {
    border-radius:100%
  }
  .pretty.p-round.p-icon .state .icon {
    border-radius:100%;
    overflow:hidden
  }
  .pretty.p-round.p-icon .state .icon:before {
    -webkit-transform:scale(.8);
    -ms-transform:scale(.8);
    transform:scale(.8)
  }
  .pretty.p-curve .state label:after,
  .pretty.p-curve .state label:before {
    border-radius:20%
  }
  .pretty.p-smooth .icon,
  .pretty.p-smooth .svg,
  .pretty.p-smooth label:after,
  .pretty.p-smooth label:before {
    transition:all .5s ease
  }
  .pretty.p-smooth input:checked+.state label:after {
    transition:all .3s ease
  }
  .pretty.p-smooth input:checked+.state .icon,
  .pretty.p-smooth input:checked+.state .svg,
  .pretty.p-smooth input:checked+.state img {
    -webkit-animation:zoom .2s ease;
    animation:zoom .2s ease
  }
  .pretty.p-smooth.p-default input:checked+.state label:after {
    -webkit-animation:zoom .2s ease;
    animation:zoom .2s ease
  }
  .pretty.p-smooth.p-plain input:checked+.state label:before {
    content:'';
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    transition:all .5s ease
  }
  .pretty.p-tada:not(.p-default) input:checked+.state .icon,
  .pretty.p-tada:not(.p-default) input:checked+.state .svg,
  .pretty.p-tada:not(.p-default) input:checked+.state img,
  .pretty.p-tada:not(.p-default) input:checked+.state label:after,
  .pretty.p-tada:not(.p-default) input:checked+.state label:before {
    -webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
    animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;
    opacity:1
  }
  .pretty.p-jelly:not(.p-default) input:checked+.state .icon,
  .pretty.p-jelly:not(.p-default) input:checked+.state .svg,
  .pretty.p-jelly:not(.p-default) input:checked+.state img,
  .pretty.p-jelly:not(.p-default) input:checked+.state label:after,
  .pretty.p-jelly:not(.p-default) input:checked+.state label:before {
    -webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);
    animation:jelly .7s cubic-bezier(.25,.46,.45,.94);
    opacity:1
  }
  .pretty.p-jelly:not(.p-default) input:checked+.state label:before {
    border-color:transparent
  }
  .pretty.p-rotate:not(.p-default) input:checked~.state .icon,
  .pretty.p-rotate:not(.p-default) input:checked~.state .svg,
  .pretty.p-rotate:not(.p-default) input:checked~.state img,
  .pretty.p-rotate:not(.p-default) input:checked~.state label:after,
  .pretty.p-rotate:not(.p-default) input:checked~.state label:before {
    -webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);
    animation:rotate .7s cubic-bezier(.25,.46,.45,.94);
    opacity:1
  }
  .pretty.p-rotate:not(.p-default) input:checked~.state label:before {
    border-color:transparent
  }
  .pretty.p-pulse:not(.p-switch) input:checked~.state label:before {
    -webkit-animation:pulse 1s;
    animation:pulse 1s
  }
  .pretty input[disabled] {
    cursor:not-allowed;
    display:none
  }
  .pretty input[disabled]~* {
    opacity:.5
  }
  .pretty.p-locked input {
    display:none;
    cursor:not-allowed
  }
  .pretty input:checked~.state.p-primary label:after,
  .pretty.p-toggle .state.p-primary label:after {
    background-color:#00f!important
  }
  .pretty input:checked~.state.p-primary .icon,
  .pretty input:checked~.state.p-primary .svg,
  .pretty.p-toggle .state.p-primary .icon,
  .pretty.p-toggle .state.p-primary .svg {
    color:#fff;
    stroke:#fff
  }
  .pretty input:checked~.state.p-primary-o label:before,
  .pretty.p-toggle .state.p-primary-o label:before {
    border-color:#00f
  }
  .pretty input:checked~.state.p-primary-o label:after,
  .pretty.p-toggle .state.p-primary-o label:after {
    background-color:transparent
  }
  .pretty input:checked~.state.p-primary-o .icon,
  .pretty input:checked~.state.p-primary-o .svg,
  .pretty input:checked~.state.p-primary-o svg,
  .pretty.p-toggle .state.p-primary-o .icon,
  .pretty.p-toggle .state.p-primary-o .svg,
  .pretty.p-toggle .state.p-primary-o svg {
    color:#00f;
    stroke:#00f
  }
  .pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after {
    background-color:#00f!important
  }
  .pretty.p-switch input:checked~.state.p-primary:before {
    border-color:#00f
  }
  .pretty.p-switch.p-fill input:checked~.state.p-primary:before {
    background-color:#00f!important
  }
  .pretty.p-switch.p-slim input:checked~.state.p-primary:before {
    border-color:#245682;
    background-color:#245682!important
  }
  .pretty input:checked~.state.p-info label:after,
  .pretty.p-toggle .state.p-info label:after {
    background-color:#5bc0de!important
  }
  .pretty input:checked~.state.p-info .icon,
  .pretty input:checked~.state.p-info .svg,
  .pretty.p-toggle .state.p-info .icon,
  .pretty.p-toggle .state.p-info .svg {
    color:#fff;
    stroke:#fff
  }
  .pretty input:checked~.state.p-info-o label:before,
  .pretty.p-toggle .state.p-info-o label:before {
    border-color:#5bc0de
  }
  .pretty input:checked~.state.p-info-o label:after,
  .pretty.p-toggle .state.p-info-o label:after {
    background-color:transparent
  }
  .pretty input:checked~.state.p-info-o .icon,
  .pretty input:checked~.state.p-info-o .svg,
  .pretty input:checked~.state.p-info-o svg,
  .pretty.p-toggle .state.p-info-o .icon,
  .pretty.p-toggle .state.p-info-o .svg,
  .pretty.p-toggle .state.p-info-o svg {
    color:#5bc0de;
    stroke:#5bc0de
  }
  .pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after {
    background-color:#5bc0de!important
  }
  .pretty.p-switch input:checked~.state.p-info:before {
    border-color:#5bc0de
  }
  .pretty.p-switch.p-fill input:checked~.state.p-info:before {
    background-color:#5bc0de!important
  }
  .pretty.p-switch.p-slim input:checked~.state.p-info:before {
    border-color:#2390b0;
    background-color:#2390b0!important
  }
  .pretty input:checked~.state.p-success label:after,
  .pretty.p-toggle .state.p-success label:after {
    background-color:#5cb85c!important
  }
  .pretty input:checked~.state.p-success .icon,
  .pretty input:checked~.state.p-success .svg,
  .pretty.p-toggle .state.p-success .icon,
  .pretty.p-toggle .state.p-success .svg {
    color:#fff;
    stroke:#fff
  }
  .pretty input:checked~.state.p-success-o label:before,
  .pretty.p-toggle .state.p-success-o label:before {
    border-color:#5cb85c
  }
  .pretty input:checked~.state.p-success-o label:after,
  .pretty.p-toggle .state.p-success-o label:after {
    background-color:transparent
  }
  .pretty input:checked~.state.p-success-o .icon,
  .pretty input:checked~.state.p-success-o .svg,
  .pretty input:checked~.state.p-success-o svg,
  .pretty.p-toggle .state.p-success-o .icon,
  .pretty.p-toggle .state.p-success-o .svg,
  .pretty.p-toggle .state.p-success-o svg {
    color:#5cb85c;
    stroke:#5cb85c
  }
  .pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after {
    background-color:#5cb85c!important
  }
  .pretty.p-switch input:checked~.state.p-success:before {
    border-color:#5cb85c
  }
  .pretty.p-switch.p-fill input:checked~.state.p-success:before {
    background-color:#5cb85c!important
  }
  .pretty.p-switch.p-slim input:checked~.state.p-success:before {
    border-color:#357935;
    background-color:#357935!important
  }
  .pretty input:checked~.state.p-warning label:after,
  .pretty.p-toggle .state.p-warning label:after {
    background-color:#f0ad4e!important
  }
  .pretty input:checked~.state.p-warning .icon,
  .pretty input:checked~.state.p-warning .svg,
  .pretty.p-toggle .state.p-warning .icon,
  .pretty.p-toggle .state.p-warning .svg {
    color:#fff;
    stroke:#fff
  }
  .pretty input:checked~.state.p-warning-o label:before,
  .pretty.p-toggle .state.p-warning-o label:before {
    border-color:#f0ad4e
  }
  .pretty input:checked~.state.p-warning-o label:after,
  .pretty.p-toggle .state.p-warning-o label:after {
    background-color:transparent
  }
  .pretty input:checked~.state.p-warning-o .icon,
  .pretty input:checked~.state.p-warning-o .svg,
  .pretty input:checked~.state.p-warning-o svg,
  .pretty.p-toggle .state.p-warning-o .icon,
  .pretty.p-toggle .state.p-warning-o .svg,
  .pretty.p-toggle .state.p-warning-o svg {
    color:#f0ad4e;
    stroke:#f0ad4e
  }
  .pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after {
    background-color:#f0ad4e!important
  }
  .pretty.p-switch input:checked~.state.p-warning:before {
    border-color:#f0ad4e
  }
  .pretty.p-switch.p-fill input:checked~.state.p-warning:before {
    background-color:#f0ad4e!important
  }
  .pretty.p-switch.p-slim input:checked~.state.p-warning:before {
    border-color:#c77c11;
    background-color:#c77c11!important
  }
  .pretty input:checked~.state.p-danger label:after,
  .pretty.p-toggle .state.p-danger label:after {
    background-color:#d9534f!important
  }
  .pretty input:checked~.state.p-danger .icon,
  .pretty input:checked~.state.p-danger .svg,
  .pretty.p-toggle .state.p-danger .icon,
  .pretty.p-toggle .state.p-danger .svg {
    color:#fff;
    stroke:#fff
  }
  .pretty input:checked~.state.p-danger-o label:before,
  .pretty.p-toggle .state.p-danger-o label:before {
    border-color:#d9534f
  }
  .pretty input:checked~.state.p-danger-o label:after,
  .pretty.p-toggle .state.p-danger-o label:after {
    background-color:transparent
  }
  .pretty input:checked~.state.p-danger-o .icon,
  .pretty input:checked~.state.p-danger-o .svg,
  .pretty input:checked~.state.p-danger-o svg,
  .pretty.p-toggle .state.p-danger-o .icon,
  .pretty.p-toggle .state.p-danger-o .svg,
  .pretty.p-toggle .state.p-danger-o svg {
    color:#d9534f;
    stroke:#d9534f
  }
  .pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after {
    background-color:#d9534f!important
  }
  .pretty.p-switch input:checked~.state.p-danger:before {
    border-color:#d9534f
  }
  .pretty.p-switch.p-fill input:checked~.state.p-danger:before {
    background-color:#d9534f!important
  }
  .pretty.p-switch.p-slim input:checked~.state.p-danger:before {
    border-color:#a02622;
    background-color:#a02622!important
  }
  .pretty.p-bigger .icon,
  .pretty.p-bigger .img,
  .pretty.p-bigger .svg,
  .pretty.p-bigger label:after,
  .pretty.p-bigger label:before {
    font-size:1.2em!important;
    top:calc((0% - (100% - 1em)) - 35%)!important
  }
  .pretty.p-bigger label {
    text-indent:1.7em
  }
  @media print {
    .pretty .state .icon,
    .pretty .state label:after,
    .pretty .state label:before,
    .pretty .state:before {
      color-adjust:exact;
      -webkit-print-color-adjust:exact;
      print-color-adjust:exact
    }
  }
  .pagination {
    padding:0
  }
  .pagination a {
    border:none;
    padding:20px;
    font-size:24px
  }
  .pagination .current {
    background-color:blue;
    color:#fff
  }
  .pretty.p-default .state label:after {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
  }
  .pretty.p-default.p-thick .state label:after {
    -webkit-transform:scale(1)!important;
    -ms-transform:scale(1)!important;
    transform:scale(1)!important
  }
  .pretty input:checked~.state.p-primary label:after,
  .pretty.p-toggle .state.p-primary label:after {
    background-color:red!important
  }
  .pretty .state label:after,
  .pretty .state label:before {
    content:'';
    width:calc(.6em + 2px);
    height:calc(0.6em + 2px);
    display:block;
    box-sizing:border-box;
    border-radius:0;
    border:1px solid transparent;
    z-index:0;
    position:absolute;
    left:0;
    top:calc((0% - (100% - 1.31em)) - 8%);
    background-color:transparent
  }
  .pretty .state label:after,
  .pretty .state label:before {
    background-color:#00F!important
  }
  .pretty .state label {
    text-indent:36px
  }