@import url("//hello.myfonts.net/count/37fa5c");
/* http://meyerweb.com/eric/tools/css/reset/
 v2.0 | 20110126
 License: none (public domain)
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset {
  border: none;
  padding: 0;
  margin: 0; }
/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #6c757d; }

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1440px) {
    .container {
      max-width: 1240px; } }

.container-fluid {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }
  .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-first {
    order: -1; }
  .order-last {
    order: 13; }
  .order-0 {
    order: 0; }
  .order-1 {
    order: 1; }
  .order-2 {
    order: 2; }
  .order-3 {
    order: 3; }
  .order-4 {
    order: 4; }
  .order-5 {
    order: 5; }
  .order-6 {
    order: 6; }
  .order-7 {
    order: 7; }
  .order-8 {
    order: 8; }
  .order-9 {
    order: 9; }
  .order-10 {
    order: 10; }
  .order-11 {
    order: 11; }
  .order-12 {
    order: 12; }
  .offset-1 {
    margin-left: 8.3333333333%; }
  .offset-2 {
    margin-left: 16.6666666667%; }
  .offset-3 {
    margin-left: 25%; }
  .offset-4 {
    margin-left: 33.3333333333%; }
  .offset-5 {
    margin-left: 41.6666666667%; }
  .offset-6 {
    margin-left: 50%; }
  .offset-7 {
    margin-left: 58.3333333333%; }
  .offset-8 {
    margin-left: 66.6666666667%; }
  .offset-9 {
    margin-left: 75%; }
  .offset-10 {
    margin-left: 83.3333333333%; }
  .offset-11 {
    margin-left: 91.6666666667%; }
  @media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none; }

    .col-sm-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%; }

    .col-sm-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%; }

    .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%; }

    .col-sm-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%; }

    .col-sm-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%; }

    .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%; }

    .col-sm-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%; }

    .col-sm-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%; }

    .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%; }

    .col-sm-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%; }

    .col-sm-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%; }

    .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%; }

    .order-sm-first {
      order: -1; }

    .order-sm-last {
      order: 13; }

    .order-sm-0 {
      order: 0; }

    .order-sm-1 {
      order: 1; }

    .order-sm-2 {
      order: 2; }

    .order-sm-3 {
      order: 3; }

    .order-sm-4 {
      order: 4; }

    .order-sm-5 {
      order: 5; }

    .order-sm-6 {
      order: 6; }

    .order-sm-7 {
      order: 7; }

    .order-sm-8 {
      order: 8; }

    .order-sm-9 {
      order: 9; }

    .order-sm-10 {
      order: 10; }

    .order-sm-11 {
      order: 11; }

    .order-sm-12 {
      order: 12; }

    .offset-sm-0 {
      margin-left: 0; }

    .offset-sm-1 {
      margin-left: 8.3333333333%; }

    .offset-sm-2 {
      margin-left: 16.6666666667%; }

    .offset-sm-3 {
      margin-left: 25%; }

    .offset-sm-4 {
      margin-left: 33.3333333333%; }

    .offset-sm-5 {
      margin-left: 41.6666666667%; }

    .offset-sm-6 {
      margin-left: 50%; }

    .offset-sm-7 {
      margin-left: 58.3333333333%; }

    .offset-sm-8 {
      margin-left: 66.6666666667%; }

    .offset-sm-9 {
      margin-left: 75%; }

    .offset-sm-10 {
      margin-left: 83.3333333333%; }

    .offset-sm-11 {
      margin-left: 91.6666666667%; } }
  @media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none; }

    .col-md-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%; }

    .col-md-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%; }

    .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%; }

    .col-md-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%; }

    .col-md-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%; }

    .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%; }

    .col-md-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%; }

    .col-md-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%; }

    .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%; }

    .col-md-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%; }

    .col-md-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%; }

    .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%; }

    .order-md-first {
      order: -1; }

    .order-md-last {
      order: 13; }

    .order-md-0 {
      order: 0; }

    .order-md-1 {
      order: 1; }

    .order-md-2 {
      order: 2; }

    .order-md-3 {
      order: 3; }

    .order-md-4 {
      order: 4; }

    .order-md-5 {
      order: 5; }

    .order-md-6 {
      order: 6; }

    .order-md-7 {
      order: 7; }

    .order-md-8 {
      order: 8; }

    .order-md-9 {
      order: 9; }

    .order-md-10 {
      order: 10; }

    .order-md-11 {
      order: 11; }

    .order-md-12 {
      order: 12; }

    .offset-md-0 {
      margin-left: 0; }

    .offset-md-1 {
      margin-left: 8.3333333333%; }

    .offset-md-2 {
      margin-left: 16.6666666667%; }

    .offset-md-3 {
      margin-left: 25%; }

    .offset-md-4 {
      margin-left: 33.3333333333%; }

    .offset-md-5 {
      margin-left: 41.6666666667%; }

    .offset-md-6 {
      margin-left: 50%; }

    .offset-md-7 {
      margin-left: 58.3333333333%; }

    .offset-md-8 {
      margin-left: 66.6666666667%; }

    .offset-md-9 {
      margin-left: 75%; }

    .offset-md-10 {
      margin-left: 83.3333333333%; }

    .offset-md-11 {
      margin-left: 91.6666666667%; } }
  @media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none; }

    .col-lg-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%; }

    .col-lg-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%; }

    .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%; }

    .col-lg-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%; }

    .col-lg-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%; }

    .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%; }

    .col-lg-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%; }

    .col-lg-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%; }

    .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%; }

    .col-lg-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%; }

    .col-lg-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%; }

    .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%; }

    .order-lg-first {
      order: -1; }

    .order-lg-last {
      order: 13; }

    .order-lg-0 {
      order: 0; }

    .order-lg-1 {
      order: 1; }

    .order-lg-2 {
      order: 2; }

    .order-lg-3 {
      order: 3; }

    .order-lg-4 {
      order: 4; }

    .order-lg-5 {
      order: 5; }

    .order-lg-6 {
      order: 6; }

    .order-lg-7 {
      order: 7; }

    .order-lg-8 {
      order: 8; }

    .order-lg-9 {
      order: 9; }

    .order-lg-10 {
      order: 10; }

    .order-lg-11 {
      order: 11; }

    .order-lg-12 {
      order: 12; }

    .offset-lg-0 {
      margin-left: 0; }

    .offset-lg-1 {
      margin-left: 8.3333333333%; }

    .offset-lg-2 {
      margin-left: 16.6666666667%; }

    .offset-lg-3 {
      margin-left: 25%; }

    .offset-lg-4 {
      margin-left: 33.3333333333%; }

    .offset-lg-5 {
      margin-left: 41.6666666667%; }

    .offset-lg-6 {
      margin-left: 50%; }

    .offset-lg-7 {
      margin-left: 58.3333333333%; }

    .offset-lg-8 {
      margin-left: 66.6666666667%; }

    .offset-lg-9 {
      margin-left: 75%; }

    .offset-lg-10 {
      margin-left: 83.3333333333%; }

    .offset-lg-11 {
      margin-left: 91.6666666667%; } }
  @media (min-width: 1440px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: none; }

    .col-xl-1 {
      flex: 0 0 8.3333333333%;
      max-width: 8.3333333333%; }

    .col-xl-2 {
      flex: 0 0 16.6666666667%;
      max-width: 16.6666666667%; }

    .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%; }

    .col-xl-4 {
      flex: 0 0 33.3333333333%;
      max-width: 33.3333333333%; }

    .col-xl-5 {
      flex: 0 0 41.6666666667%;
      max-width: 41.6666666667%; }

    .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%; }

    .col-xl-7 {
      flex: 0 0 58.3333333333%;
      max-width: 58.3333333333%; }

    .col-xl-8 {
      flex: 0 0 66.6666666667%;
      max-width: 66.6666666667%; }

    .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%; }

    .col-xl-10 {
      flex: 0 0 83.3333333333%;
      max-width: 83.3333333333%; }

    .col-xl-11 {
      flex: 0 0 91.6666666667%;
      max-width: 91.6666666667%; }

    .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%; }

    .order-xl-first {
      order: -1; }

    .order-xl-last {
      order: 13; }

    .order-xl-0 {
      order: 0; }

    .order-xl-1 {
      order: 1; }

    .order-xl-2 {
      order: 2; }

    .order-xl-3 {
      order: 3; }

    .order-xl-4 {
      order: 4; }

    .order-xl-5 {
      order: 5; }

    .order-xl-6 {
      order: 6; }

    .order-xl-7 {
      order: 7; }

    .order-xl-8 {
      order: 8; }

    .order-xl-9 {
      order: 9; }

    .order-xl-10 {
      order: 10; }

    .order-xl-11 {
      order: 11; }

    .order-xl-12 {
      order: 12; }

    .offset-xl-0 {
      margin-left: 0; }

    .offset-xl-1 {
      margin-left: 8.3333333333%; }

    .offset-xl-2 {
      margin-left: 16.6666666667%; }

    .offset-xl-3 {
      margin-left: 25%; }

    .offset-xl-4 {
      margin-left: 33.3333333333%; }

    .offset-xl-5 {
      margin-left: 41.6666666667%; }

    .offset-xl-6 {
      margin-left: 50%; }

    .offset-xl-7 {
      margin-left: 58.3333333333%; }

    .offset-xl-8 {
      margin-left: 66.6666666667%; }

    .offset-xl-9 {
      margin-left: 75%; }

    .offset-xl-10 {
      margin-left: 83.3333333333%; }

    .offset-xl-11 {
      margin-left: 91.6666666667%; } }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; }
  .table tbody + tbody {
    border-top: 2px solid #dee2e6; }
  .table .table {
    background-color: #fff; }

.table-sm th, .table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #dee2e6; }
  .table-bordered th, .table-bordered td {
    border: 1px solid #dee2e6; }
  .table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, .075); }
  .table-primary, .table-primary > th, .table-primary > td {
    background-color: #b8daff; }
  .table-hover .table-primary:hover {
    background-color: #9ecdff; }
    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
      background-color: #9ecdff; }
  .table-secondary, .table-secondary > th, .table-secondary > td {
    background-color: #d6d8db; }
  .table-hover .table-secondary:hover {
    background-color: #c8cccf; }
    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
      background-color: #c8cccf; }
  .table-success, .table-success > th, .table-success > td {
    background-color: #c3e6cb; }
  .table-hover .table-success:hover {
    background-color: #b1dfbb; }
    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
      background-color: #b1dfbb; }
  .table-info, .table-info > th, .table-info > td {
    background-color: #bee5eb; }
  .table-hover .table-info:hover {
    background-color: #abdde5; }
    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
      background-color: #abdde5; }
  .table-warning, .table-warning > th, .table-warning > td {
    background-color: #ffeeba; }
  .table-hover .table-warning:hover {
    background-color: #ffe7a0; }
    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
      background-color: #ffe7a0; }
  .table-danger, .table-danger > th, .table-danger > td {
    background-color: #f5c6cb; }
  .table-hover .table-danger:hover {
    background-color: #f1b1b7; }
    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
      background-color: #f1b1b7; }
  .table-light, .table-light > th, .table-light > td {
    background-color: #fdfdfe; }
  .table-hover .table-light:hover {
    background-color: #f1f1f1; }
    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
      background-color: #f1f1f1; }
  .table-dark, .table-dark > th, .table-dark > td {
    background-color: #c6c8ca; }
  .table-hover .table-dark:hover {
    background-color: #b9bbbd; }
    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
      background-color: #b9bbbd; }

.table-active, .table-active > th, .table-active > td {
  background-color: rgba(0, 0, 0, .075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, .075); }
  .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, .075); }

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e; }
  .table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6; }

.table-dark {
  color: #fff;
  background-color: #212529; }
  .table-dark th, .table-dark td, .table-dark thead th {
    border-color: #32383e; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, .05); }
  .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, .075); }

@media (max-width: 575.98px) {
        .table-responsive-sm {
          display: block;
          width: 100%;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar; }
          .table-responsive-sm > .table-bordered {
            border: 0; } }
  @media (max-width: 767.98px) {
      .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
        .table-responsive-md > .table-bordered {
          border: 0; } }
  @media (max-width: 991.98px) {
      .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
        .table-responsive-lg > .table-bordered {
          border: 0; } }
  @media (max-width: 1439.98px) {
      .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar; }
        .table-responsive-xl > .table-bordered {
          border: 0; } }
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive > .table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px); }
  select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff; }

.form-control-file, .form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control.form-control-plaintext, .input-group-sm > .input-group-prepend > .input-group-text.form-control-plaintext, .input-group-sm > .input-group-append > .input-group-text.form-control-plaintext, .input-group-sm > .input-group-prepend > .btn.form-control-plaintext, .input-group-sm > .input-group-append > .btn.form-control-plaintext, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control.form-control-plaintext, .input-group-lg > .input-group-prepend > .input-group-text.form-control-plaintext, .input-group-lg > .input-group-append > .input-group-text.form-control-plaintext, .input-group-lg > .input-group-prepend > .btn.form-control-plaintext, .input-group-lg > .input-group-append > .btn.form-control-plaintext {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px); }

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px); }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col, .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #6c757d; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, .8);
  border-radius: 0.2rem; }

.was-validated .form-control:valid, .was-validated .custom-select:valid, .form-control.is-valid, .custom-select.is-valid {
  border-color: #28a745; }
  .was-validated .form-control:valid:focus, .was-validated .custom-select:valid:focus, .form-control.is-valid:focus, .custom-select.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25); }
  .was-validated .form-control:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-feedback, .form-control.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745; }
  .was-validated .form-check-input:valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    background-color: #71dd8a; }
  .was-validated .custom-control-input:valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-tooltip {
    display: block; }
  .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    background-color: #34ce57; }
  .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, .25); }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745; }
  .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
    border-color: inherit; }
  .was-validated .custom-file-input:valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-tooltip {
    display: block; }
  .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, .25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, .8);
  border-radius: 0.2rem; }

.was-validated .form-control:invalid, .was-validated .custom-select:invalid, .form-control.is-invalid, .custom-select.is-invalid {
  border-color: #dc3545; }
  .was-validated .form-control:invalid:focus, .was-validated .custom-select:invalid:focus, .form-control.is-invalid:focus, .custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25); }
  .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545; }
  .was-validated .form-check-input:invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #efa2a9; }
  .was-validated .custom-control-input:invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block; }
  .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d; }
  .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, .25); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545; }
  .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
    border-color: inherit; }
  .was-validated .custom-file-input:invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block; }
  .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, .25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }

    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }

    .form-inline .form-control-plaintext {
      display: inline-block; }

    .form-inline .input-group {
      width: auto; }

    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }

    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }

    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }

    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }
  .fade.show {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.show {
    display: block; }

tr.collapse.show {
  display: table-row; }

tbody.collapse.show {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    flex: 0 1 auto; }
  .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
    z-index: 1; }
  .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group > .nice-select.open.btn, .btn-group-vertical > .btn:active, .btn-group-vertical > .nice-select.open.btn, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 1; }
  .btn-group .btn + .btn, .btn-group-vertical .btn + .btn, .btn-group .btn + .btn-group, .btn-group-vertical .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group-vertical .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn-group + .btn-group {
    margin-left: -1px; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after {
    margin-left: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
  .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file:focus {
    z-index: 3; }
  .input-group > .form-control + .form-control, .input-group > .custom-select + .form-control, .input-group > .custom-file + .form-control, .input-group > .form-control + .custom-select, .input-group > .custom-select + .custom-select, .input-group > .custom-file + .custom-select, .input-group > .form-control + .custom-file, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .custom-file {
    margin-left: -1px; }
  .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
  .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::before {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::before {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.input-group-prepend, .input-group-append {
  display: flex; }
  .input-group-prepend .btn, .input-group-append .btn {
    position: relative;
    z-index: 2; }
  .input-group-prepend .btn + .btn, .input-group-append .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-append .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .input-group-text + .btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem; }
  .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6; }
  .page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25); }
  .page-link:not(:disabled):not(.disabled) {
    cursor: pointer; }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }
  .page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }
  .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem; }
  .pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }
  .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem; }
  .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }
  .bg-primary {
    background-color: #007bff !important; }
  a.bg-primary:hover, button.bg-primary:hover, a.bg-primary:focus, button.bg-primary:focus {
    background-color: #0062cc !important; }
  .bg-secondary {
    background-color: #6c757d !important; }
  a.bg-secondary:hover, button.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:focus {
    background-color: #545b62 !important; }
  .bg-success {
    background-color: #28a745 !important; }
  a.bg-success:hover, button.bg-success:hover, a.bg-success:focus, button.bg-success:focus {
    background-color: #1e7e34 !important; }
  .bg-info {
    background-color: #17a2b8 !important; }
  a.bg-info:hover, button.bg-info:hover, a.bg-info:focus, button.bg-info:focus {
    background-color: #117a8b !important; }
  .bg-warning {
    background-color: #ffc107 !important; }
  a.bg-warning:hover, button.bg-warning:hover, a.bg-warning:focus, button.bg-warning:focus {
    background-color: #d39e00 !important; }
  .bg-danger {
    background-color: #dc3545 !important; }
  a.bg-danger:hover, button.bg-danger:hover, a.bg-danger:focus, button.bg-danger:focus {
    background-color: #bd2130 !important; }
  .bg-light {
    background-color: #f8f9fa !important; }
  a.bg-light:hover, button.bg-light:hover, a.bg-light:focus, button.bg-light:focus {
    background-color: #dae0e5 !important; }
  .bg-dark {
    background-color: #343a40 !important; }
  a.bg-dark:hover, button.bg-dark:hover, a.bg-dark:focus, button.bg-dark:focus {
    background-color: #1d2124 !important; }

.bg-white {
  background-color: #fff !important; }

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

.border {
  border: 1px solid #dee2e6 !important; }

.border-top {
  border-top: 1px solid #dee2e6 !important; }

.border-right {
  border-right: 1px solid #dee2e6 !important; }

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important; }

.border-left {
  border-left: 1px solid #dee2e6 !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }
  .border-primary {
    border-color: #007bff !important; }
  .border-secondary {
    border-color: #6c757d !important; }
  .border-success {
    border-color: #28a745 !important; }
  .border-info {
    border-color: #17a2b8 !important; }
  .border-warning {
    border-color: #ffc107 !important; }
  .border-danger {
    border-color: #dc3545 !important; }
  .border-light {
    border-color: #f8f9fa !important; }
  .border-dark {
    border-color: #343a40 !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }
  .d-none {
    display: none !important; }
  .d-inline {
    display: inline !important; }
  .d-inline-block {
    display: inline-block !important; }
  .d-block {
    display: block !important; }
  .d-table {
    display: table !important; }
  .d-table-row {
    display: table-row !important; }
  .d-table-cell {
    display: table-cell !important; }
  .d-flex {
    display: flex !important; }
  .d-inline-flex {
    display: inline-flex !important; }
  @media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
    .d-sm-inline {
      display: inline !important; }

    .d-sm-inline-block {
      display: inline-block !important; }

    .d-sm-block {
      display: block !important; }

    .d-sm-table {
      display: table !important; }

    .d-sm-table-row {
      display: table-row !important; }

    .d-sm-table-cell {
      display: table-cell !important; }

    .d-sm-flex {
      display: flex !important; }

    .d-sm-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
    .d-md-inline {
      display: inline !important; }

    .d-md-inline-block {
      display: inline-block !important; }

    .d-md-block {
      display: block !important; }

    .d-md-table {
      display: table !important; }

    .d-md-table-row {
      display: table-row !important; }

    .d-md-table-cell {
      display: table-cell !important; }

    .d-md-flex {
      display: flex !important; }

    .d-md-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
    .d-lg-inline {
      display: inline !important; }

    .d-lg-inline-block {
      display: inline-block !important; }

    .d-lg-block {
      display: block !important; }

    .d-lg-table {
      display: table !important; }

    .d-lg-table-row {
      display: table-row !important; }

    .d-lg-table-cell {
      display: table-cell !important; }

    .d-lg-flex {
      display: flex !important; }

    .d-lg-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 1440px) {
  .d-xl-none {
    display: none !important; }
    .d-xl-inline {
      display: inline !important; }

    .d-xl-inline-block {
      display: inline-block !important; }

    .d-xl-block {
      display: block !important; }

    .d-xl-table {
      display: table !important; }

    .d-xl-table-row {
      display: table-row !important; }

    .d-xl-table-cell {
      display: table-cell !important; }

    .d-xl-flex {
      display: flex !important; }

    .d-xl-inline-flex {
      display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }

  .d-print-inline {
    display: inline !important; }

  .d-print-inline-block {
    display: inline-block !important; }

  .d-print-block {
    display: block !important; }

  .d-print-table {
    display: table !important; }

  .d-print-table-row {
    display: table-row !important; }

  .d-print-table-cell {
    display: table-cell !important; }

  .d-print-flex {
    display: flex !important; }

  .d-print-inline-flex {
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }
  .flex-row {
    flex-direction: row !important; }
  .flex-column {
    flex-direction: column !important; }
  .flex-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-wrap {
    flex-wrap: wrap !important; }
  .flex-nowrap {
    flex-wrap: nowrap !important; }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-start {
    justify-content: flex-start !important; }
  .justify-content-end {
    justify-content: flex-end !important; }
  .justify-content-center {
    justify-content: center !important; }
  .justify-content-between {
    justify-content: space-between !important; }
  .justify-content-around {
    justify-content: space-around !important; }
  .align-items-start {
    align-items: flex-start !important; }
  .align-items-end {
    align-items: flex-end !important; }
  .align-items-center {
    align-items: center !important; }
  .align-items-baseline {
    align-items: baseline !important; }
  .align-items-stretch {
    align-items: stretch !important; }
  .align-content-start {
    align-content: flex-start !important; }
  .align-content-end {
    align-content: flex-end !important; }
  .align-content-center {
    align-content: center !important; }
  .align-content-between {
    align-content: space-between !important; }
  .align-content-around {
    align-content: space-around !important; }
  .align-content-stretch {
    align-content: stretch !important; }
  .align-self-auto {
    align-self: auto !important; }
  .align-self-start {
    align-self: flex-start !important; }
  .align-self-end {
    align-self: flex-end !important; }
  .align-self-center {
    align-self: center !important; }
  .align-self-baseline {
    align-self: baseline !important; }
  .align-self-stretch {
    align-self: stretch !important; }
  @media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
    .flex-sm-column {
      flex-direction: column !important; }

    .flex-sm-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-sm-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-sm-wrap {
      flex-wrap: wrap !important; }

    .flex-sm-nowrap {
      flex-wrap: nowrap !important; }

    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .justify-content-sm-start {
      justify-content: flex-start !important; }

    .justify-content-sm-end {
      justify-content: flex-end !important; }

    .justify-content-sm-center {
      justify-content: center !important; }

    .justify-content-sm-between {
      justify-content: space-between !important; }

    .justify-content-sm-around {
      justify-content: space-around !important; }

    .align-items-sm-start {
      align-items: flex-start !important; }

    .align-items-sm-end {
      align-items: flex-end !important; }

    .align-items-sm-center {
      align-items: center !important; }

    .align-items-sm-baseline {
      align-items: baseline !important; }

    .align-items-sm-stretch {
      align-items: stretch !important; }

    .align-content-sm-start {
      align-content: flex-start !important; }

    .align-content-sm-end {
      align-content: flex-end !important; }

    .align-content-sm-center {
      align-content: center !important; }

    .align-content-sm-between {
      align-content: space-between !important; }

    .align-content-sm-around {
      align-content: space-around !important; }

    .align-content-sm-stretch {
      align-content: stretch !important; }

    .align-self-sm-auto {
      align-self: auto !important; }

    .align-self-sm-start {
      align-self: flex-start !important; }

    .align-self-sm-end {
      align-self: flex-end !important; }

    .align-self-sm-center {
      align-self: center !important; }

    .align-self-sm-baseline {
      align-self: baseline !important; }

    .align-self-sm-stretch {
      align-self: stretch !important; } }
  @media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
    .flex-md-column {
      flex-direction: column !important; }

    .flex-md-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-md-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-md-wrap {
      flex-wrap: wrap !important; }

    .flex-md-nowrap {
      flex-wrap: nowrap !important; }

    .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .justify-content-md-start {
      justify-content: flex-start !important; }

    .justify-content-md-end {
      justify-content: flex-end !important; }

    .justify-content-md-center {
      justify-content: center !important; }

    .justify-content-md-between {
      justify-content: space-between !important; }

    .justify-content-md-around {
      justify-content: space-around !important; }

    .align-items-md-start {
      align-items: flex-start !important; }

    .align-items-md-end {
      align-items: flex-end !important; }

    .align-items-md-center {
      align-items: center !important; }

    .align-items-md-baseline {
      align-items: baseline !important; }

    .align-items-md-stretch {
      align-items: stretch !important; }

    .align-content-md-start {
      align-content: flex-start !important; }

    .align-content-md-end {
      align-content: flex-end !important; }

    .align-content-md-center {
      align-content: center !important; }

    .align-content-md-between {
      align-content: space-between !important; }

    .align-content-md-around {
      align-content: space-around !important; }

    .align-content-md-stretch {
      align-content: stretch !important; }

    .align-self-md-auto {
      align-self: auto !important; }

    .align-self-md-start {
      align-self: flex-start !important; }

    .align-self-md-end {
      align-self: flex-end !important; }

    .align-self-md-center {
      align-self: center !important; }

    .align-self-md-baseline {
      align-self: baseline !important; }

    .align-self-md-stretch {
      align-self: stretch !important; } }
  @media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
    .flex-lg-column {
      flex-direction: column !important; }

    .flex-lg-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-lg-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-lg-wrap {
      flex-wrap: wrap !important; }

    .flex-lg-nowrap {
      flex-wrap: nowrap !important; }

    .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .justify-content-lg-start {
      justify-content: flex-start !important; }

    .justify-content-lg-end {
      justify-content: flex-end !important; }

    .justify-content-lg-center {
      justify-content: center !important; }

    .justify-content-lg-between {
      justify-content: space-between !important; }

    .justify-content-lg-around {
      justify-content: space-around !important; }

    .align-items-lg-start {
      align-items: flex-start !important; }

    .align-items-lg-end {
      align-items: flex-end !important; }

    .align-items-lg-center {
      align-items: center !important; }

    .align-items-lg-baseline {
      align-items: baseline !important; }

    .align-items-lg-stretch {
      align-items: stretch !important; }

    .align-content-lg-start {
      align-content: flex-start !important; }

    .align-content-lg-end {
      align-content: flex-end !important; }

    .align-content-lg-center {
      align-content: center !important; }

    .align-content-lg-between {
      align-content: space-between !important; }

    .align-content-lg-around {
      align-content: space-around !important; }

    .align-content-lg-stretch {
      align-content: stretch !important; }

    .align-self-lg-auto {
      align-self: auto !important; }

    .align-self-lg-start {
      align-self: flex-start !important; }

    .align-self-lg-end {
      align-self: flex-end !important; }

    .align-self-lg-center {
      align-self: center !important; }

    .align-self-lg-baseline {
      align-self: baseline !important; }

    .align-self-lg-stretch {
      align-self: stretch !important; } }
  @media (min-width: 1440px) {
  .flex-xl-row {
    flex-direction: row !important; }
    .flex-xl-column {
      flex-direction: column !important; }

    .flex-xl-row-reverse {
      flex-direction: row-reverse !important; }

    .flex-xl-column-reverse {
      flex-direction: column-reverse !important; }

    .flex-xl-wrap {
      flex-wrap: wrap !important; }

    .flex-xl-nowrap {
      flex-wrap: nowrap !important; }

    .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important; }

    .justify-content-xl-start {
      justify-content: flex-start !important; }

    .justify-content-xl-end {
      justify-content: flex-end !important; }

    .justify-content-xl-center {
      justify-content: center !important; }

    .justify-content-xl-between {
      justify-content: space-between !important; }

    .justify-content-xl-around {
      justify-content: space-around !important; }

    .align-items-xl-start {
      align-items: flex-start !important; }

    .align-items-xl-end {
      align-items: flex-end !important; }

    .align-items-xl-center {
      align-items: center !important; }

    .align-items-xl-baseline {
      align-items: baseline !important; }

    .align-items-xl-stretch {
      align-items: stretch !important; }

    .align-content-xl-start {
      align-content: flex-start !important; }

    .align-content-xl-end {
      align-content: flex-end !important; }

    .align-content-xl-center {
      align-content: center !important; }

    .align-content-xl-between {
      align-content: space-between !important; }

    .align-content-xl-around {
      align-content: space-around !important; }

    .align-content-xl-stretch {
      align-content: stretch !important; }

    .align-self-xl-auto {
      align-self: auto !important; }

    .align-self-xl-start {
      align-self: flex-start !important; }

    .align-self-xl-end {
      align-self: flex-end !important; }

    .align-self-xl-center {
      align-self: center !important; }

    .align-self-xl-baseline {
      align-self: baseline !important; }

    .align-self-xl-stretch {
      align-self: stretch !important; } }
  .float-left {
    float: left !important; }
  .float-right {
    float: right !important; }
  .float-none {
    float: none !important; }
  @media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
    .float-sm-right {
      float: right !important; }

    .float-sm-none {
      float: none !important; } }
  @media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
    .float-md-right {
      float: right !important; }

    .float-md-none {
      float: none !important; } }
  @media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
    .float-lg-right {
      float: right !important; }

    .float-lg-none {
      float: none !important; } }
  @media (min-width: 1440px) {
  .float-xl-left {
    float: left !important; }
    .float-xl-right {
      float: right !important; }

    .float-xl-none {
      float: none !important; } }
  .position-static {
    position: static !important; }
  .position-relative {
    position: relative !important; }
  .position-absolute {
    position: absolute !important; }
  .position-fixed {
    position: fixed !important; }
  .position-sticky {
    position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  position: sticky;
  top: 0;
  z-index: 1020; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.sr-only-focusable:active, .nice-select.open.sr-only-focusable, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none; }
  .w-25 {
    width: 25% !important; }
  .w-50 {
    width: 50% !important; }
  .w-75 {
    width: 75% !important; }
  .w-100 {
    width: 100% !important; }
  .h-25 {
    height: 25% !important; }
  .h-50 {
    height: 50% !important; }
  .h-75 {
    height: 75% !important; }
  .h-100 {
    height: 100% !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }
  .m-0 {
    margin: 0 !important; }
  .mt-0, .my-0 {
    margin-top: 0 !important; }
  .mr-0, .mx-0 {
    margin-right: 0 !important; }
  .mb-0, .my-0 {
    margin-bottom: 0 !important; }
  .ml-0, .mx-0 {
    margin-left: 0 !important; }
  .m-1 {
    margin: 0.25rem !important; }
  .mt-1, .my-1 {
    margin-top: 0.25rem !important; }
  .mr-1, .mx-1 {
    margin-right: 0.25rem !important; }
  .mb-1, .my-1 {
    margin-bottom: 0.25rem !important; }
  .ml-1, .mx-1 {
    margin-left: 0.25rem !important; }
  .m-2 {
    margin: 0.5rem !important; }
  .mt-2, .my-2 {
    margin-top: 0.5rem !important; }
  .mr-2, .mx-2 {
    margin-right: 0.5rem !important; }
  .mb-2, .my-2 {
    margin-bottom: 0.5rem !important; }
  .ml-2, .mx-2 {
    margin-left: 0.5rem !important; }
  .m-3 {
    margin: 1rem !important; }
  .mt-3, .my-3 {
    margin-top: 1rem !important; }
  .mr-3, .mx-3 {
    margin-right: 1rem !important; }
  .mb-3, .my-3 {
    margin-bottom: 1rem !important; }
  .ml-3, .mx-3 {
    margin-left: 1rem !important; }
  .m-4 {
    margin: 1.5rem !important; }
  .mt-4, .my-4 {
    margin-top: 1.5rem !important; }
  .mr-4, .mx-4 {
    margin-right: 1.5rem !important; }
  .mb-4, .my-4 {
    margin-bottom: 1.5rem !important; }
  .ml-4, .mx-4 {
    margin-left: 1.5rem !important; }
  .m-5 {
    margin: 3rem !important; }
  .mt-5, .my-5 {
    margin-top: 3rem !important; }
  .mr-5, .mx-5 {
    margin-right: 3rem !important; }
  .mb-5, .my-5 {
    margin-bottom: 3rem !important; }
  .ml-5, .mx-5 {
    margin-left: 3rem !important; }
  .p-0 {
    padding: 0 !important; }
  .pt-0, .py-0 {
    padding-top: 0 !important; }
  .pr-0, .px-0 {
    padding-right: 0 !important; }
  .pb-0, .py-0 {
    padding-bottom: 0 !important; }
  .pl-0, .px-0 {
    padding-left: 0 !important; }
  .p-1 {
    padding: 0.25rem !important; }
  .pt-1, .py-1 {
    padding-top: 0.25rem !important; }
  .pr-1, .px-1 {
    padding-right: 0.25rem !important; }
  .pb-1, .py-1 {
    padding-bottom: 0.25rem !important; }
  .pl-1, .px-1 {
    padding-left: 0.25rem !important; }
  .p-2 {
    padding: 0.5rem !important; }
  .pt-2, .py-2 {
    padding-top: 0.5rem !important; }
  .pr-2, .px-2 {
    padding-right: 0.5rem !important; }
  .pb-2, .py-2 {
    padding-bottom: 0.5rem !important; }
  .pl-2, .px-2 {
    padding-left: 0.5rem !important; }
  .p-3 {
    padding: 1rem !important; }
  .pt-3, .py-3 {
    padding-top: 1rem !important; }
  .pr-3, .px-3 {
    padding-right: 1rem !important; }
  .pb-3, .py-3 {
    padding-bottom: 1rem !important; }
  .pl-3, .px-3 {
    padding-left: 1rem !important; }
  .p-4 {
    padding: 1.5rem !important; }
  .pt-4, .py-4 {
    padding-top: 1.5rem !important; }
  .pr-4, .px-4 {
    padding-right: 1.5rem !important; }
  .pb-4, .py-4 {
    padding-bottom: 1.5rem !important; }
  .pl-4, .px-4 {
    padding-left: 1.5rem !important; }
  .p-5 {
    padding: 3rem !important; }
  .pt-5, .py-5 {
    padding-top: 3rem !important; }
  .pr-5, .px-5 {
    padding-right: 3rem !important; }
  .pb-5, .py-5 {
    padding-bottom: 3rem !important; }
  .pl-5, .px-5 {
    padding-left: 3rem !important; }
  .m-auto {
    margin: auto !important; }
  .mt-auto, .my-auto {
    margin-top: auto !important; }
  .mr-auto, .mx-auto {
    margin-right: auto !important; }
  .mb-auto, .my-auto {
    margin-bottom: auto !important; }
  .ml-auto, .mx-auto {
    margin-left: auto !important; }
  @media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
    .mt-sm-0, .my-sm-0 {
      margin-top: 0 !important; }

    .mr-sm-0, .mx-sm-0 {
      margin-right: 0 !important; }

    .mb-sm-0, .my-sm-0 {
      margin-bottom: 0 !important; }

    .ml-sm-0, .mx-sm-0 {
      margin-left: 0 !important; }

    .m-sm-1 {
      margin: 0.25rem !important; }

    .mt-sm-1, .my-sm-1 {
      margin-top: 0.25rem !important; }

    .mr-sm-1, .mx-sm-1 {
      margin-right: 0.25rem !important; }

    .mb-sm-1, .my-sm-1 {
      margin-bottom: 0.25rem !important; }

    .ml-sm-1, .mx-sm-1 {
      margin-left: 0.25rem !important; }

    .m-sm-2 {
      margin: 0.5rem !important; }

    .mt-sm-2, .my-sm-2 {
      margin-top: 0.5rem !important; }

    .mr-sm-2, .mx-sm-2 {
      margin-right: 0.5rem !important; }

    .mb-sm-2, .my-sm-2 {
      margin-bottom: 0.5rem !important; }

    .ml-sm-2, .mx-sm-2 {
      margin-left: 0.5rem !important; }

    .m-sm-3 {
      margin: 1rem !important; }

    .mt-sm-3, .my-sm-3 {
      margin-top: 1rem !important; }

    .mr-sm-3, .mx-sm-3 {
      margin-right: 1rem !important; }

    .mb-sm-3, .my-sm-3 {
      margin-bottom: 1rem !important; }

    .ml-sm-3, .mx-sm-3 {
      margin-left: 1rem !important; }

    .m-sm-4 {
      margin: 1.5rem !important; }

    .mt-sm-4, .my-sm-4 {
      margin-top: 1.5rem !important; }

    .mr-sm-4, .mx-sm-4 {
      margin-right: 1.5rem !important; }

    .mb-sm-4, .my-sm-4 {
      margin-bottom: 1.5rem !important; }

    .ml-sm-4, .mx-sm-4 {
      margin-left: 1.5rem !important; }

    .m-sm-5 {
      margin: 3rem !important; }

    .mt-sm-5, .my-sm-5 {
      margin-top: 3rem !important; }

    .mr-sm-5, .mx-sm-5 {
      margin-right: 3rem !important; }

    .mb-sm-5, .my-sm-5 {
      margin-bottom: 3rem !important; }

    .ml-sm-5, .mx-sm-5 {
      margin-left: 3rem !important; }

    .p-sm-0 {
      padding: 0 !important; }

    .pt-sm-0, .py-sm-0 {
      padding-top: 0 !important; }

    .pr-sm-0, .px-sm-0 {
      padding-right: 0 !important; }

    .pb-sm-0, .py-sm-0 {
      padding-bottom: 0 !important; }

    .pl-sm-0, .px-sm-0 {
      padding-left: 0 !important; }

    .p-sm-1 {
      padding: 0.25rem !important; }

    .pt-sm-1, .py-sm-1 {
      padding-top: 0.25rem !important; }

    .pr-sm-1, .px-sm-1 {
      padding-right: 0.25rem !important; }

    .pb-sm-1, .py-sm-1 {
      padding-bottom: 0.25rem !important; }

    .pl-sm-1, .px-sm-1 {
      padding-left: 0.25rem !important; }

    .p-sm-2 {
      padding: 0.5rem !important; }

    .pt-sm-2, .py-sm-2 {
      padding-top: 0.5rem !important; }

    .pr-sm-2, .px-sm-2 {
      padding-right: 0.5rem !important; }

    .pb-sm-2, .py-sm-2 {
      padding-bottom: 0.5rem !important; }

    .pl-sm-2, .px-sm-2 {
      padding-left: 0.5rem !important; }

    .p-sm-3 {
      padding: 1rem !important; }

    .pt-sm-3, .py-sm-3 {
      padding-top: 1rem !important; }

    .pr-sm-3, .px-sm-3 {
      padding-right: 1rem !important; }

    .pb-sm-3, .py-sm-3 {
      padding-bottom: 1rem !important; }

    .pl-sm-3, .px-sm-3 {
      padding-left: 1rem !important; }

    .p-sm-4 {
      padding: 1.5rem !important; }

    .pt-sm-4, .py-sm-4 {
      padding-top: 1.5rem !important; }

    .pr-sm-4, .px-sm-4 {
      padding-right: 1.5rem !important; }

    .pb-sm-4, .py-sm-4 {
      padding-bottom: 1.5rem !important; }

    .pl-sm-4, .px-sm-4 {
      padding-left: 1.5rem !important; }

    .p-sm-5 {
      padding: 3rem !important; }

    .pt-sm-5, .py-sm-5 {
      padding-top: 3rem !important; }

    .pr-sm-5, .px-sm-5 {
      padding-right: 3rem !important; }

    .pb-sm-5, .py-sm-5 {
      padding-bottom: 3rem !important; }

    .pl-sm-5, .px-sm-5 {
      padding-left: 3rem !important; }

    .m-sm-auto {
      margin: auto !important; }

    .mt-sm-auto, .my-sm-auto {
      margin-top: auto !important; }

    .mr-sm-auto, .mx-sm-auto {
      margin-right: auto !important; }

    .mb-sm-auto, .my-sm-auto {
      margin-bottom: auto !important; }

    .ml-sm-auto, .mx-sm-auto {
      margin-left: auto !important; } }
  @media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
    .mt-md-0, .my-md-0 {
      margin-top: 0 !important; }

    .mr-md-0, .mx-md-0 {
      margin-right: 0 !important; }

    .mb-md-0, .my-md-0 {
      margin-bottom: 0 !important; }

    .ml-md-0, .mx-md-0 {
      margin-left: 0 !important; }

    .m-md-1 {
      margin: 0.25rem !important; }

    .mt-md-1, .my-md-1 {
      margin-top: 0.25rem !important; }

    .mr-md-1, .mx-md-1 {
      margin-right: 0.25rem !important; }

    .mb-md-1, .my-md-1 {
      margin-bottom: 0.25rem !important; }

    .ml-md-1, .mx-md-1 {
      margin-left: 0.25rem !important; }

    .m-md-2 {
      margin: 0.5rem !important; }

    .mt-md-2, .my-md-2 {
      margin-top: 0.5rem !important; }

    .mr-md-2, .mx-md-2 {
      margin-right: 0.5rem !important; }

    .mb-md-2, .my-md-2 {
      margin-bottom: 0.5rem !important; }

    .ml-md-2, .mx-md-2 {
      margin-left: 0.5rem !important; }

    .m-md-3 {
      margin: 1rem !important; }

    .mt-md-3, .my-md-3 {
      margin-top: 1rem !important; }

    .mr-md-3, .mx-md-3 {
      margin-right: 1rem !important; }

    .mb-md-3, .my-md-3 {
      margin-bottom: 1rem !important; }

    .ml-md-3, .mx-md-3 {
      margin-left: 1rem !important; }

    .m-md-4 {
      margin: 1.5rem !important; }

    .mt-md-4, .my-md-4 {
      margin-top: 1.5rem !important; }

    .mr-md-4, .mx-md-4 {
      margin-right: 1.5rem !important; }

    .mb-md-4, .my-md-4 {
      margin-bottom: 1.5rem !important; }

    .ml-md-4, .mx-md-4 {
      margin-left: 1.5rem !important; }

    .m-md-5 {
      margin: 3rem !important; }

    .mt-md-5, .my-md-5 {
      margin-top: 3rem !important; }

    .mr-md-5, .mx-md-5 {
      margin-right: 3rem !important; }

    .mb-md-5, .my-md-5 {
      margin-bottom: 3rem !important; }

    .ml-md-5, .mx-md-5 {
      margin-left: 3rem !important; }

    .p-md-0 {
      padding: 0 !important; }

    .pt-md-0, .py-md-0 {
      padding-top: 0 !important; }

    .pr-md-0, .px-md-0 {
      padding-right: 0 !important; }

    .pb-md-0, .py-md-0 {
      padding-bottom: 0 !important; }

    .pl-md-0, .px-md-0 {
      padding-left: 0 !important; }

    .p-md-1 {
      padding: 0.25rem !important; }

    .pt-md-1, .py-md-1 {
      padding-top: 0.25rem !important; }

    .pr-md-1, .px-md-1 {
      padding-right: 0.25rem !important; }

    .pb-md-1, .py-md-1 {
      padding-bottom: 0.25rem !important; }

    .pl-md-1, .px-md-1 {
      padding-left: 0.25rem !important; }

    .p-md-2 {
      padding: 0.5rem !important; }

    .pt-md-2, .py-md-2 {
      padding-top: 0.5rem !important; }

    .pr-md-2, .px-md-2 {
      padding-right: 0.5rem !important; }

    .pb-md-2, .py-md-2 {
      padding-bottom: 0.5rem !important; }

    .pl-md-2, .px-md-2 {
      padding-left: 0.5rem !important; }

    .p-md-3 {
      padding: 1rem !important; }

    .pt-md-3, .py-md-3 {
      padding-top: 1rem !important; }

    .pr-md-3, .px-md-3 {
      padding-right: 1rem !important; }

    .pb-md-3, .py-md-3 {
      padding-bottom: 1rem !important; }

    .pl-md-3, .px-md-3 {
      padding-left: 1rem !important; }

    .p-md-4 {
      padding: 1.5rem !important; }

    .pt-md-4, .py-md-4 {
      padding-top: 1.5rem !important; }

    .pr-md-4, .px-md-4 {
      padding-right: 1.5rem !important; }

    .pb-md-4, .py-md-4 {
      padding-bottom: 1.5rem !important; }

    .pl-md-4, .px-md-4 {
      padding-left: 1.5rem !important; }

    .p-md-5 {
      padding: 3rem !important; }

    .pt-md-5, .py-md-5 {
      padding-top: 3rem !important; }

    .pr-md-5, .px-md-5 {
      padding-right: 3rem !important; }

    .pb-md-5, .py-md-5 {
      padding-bottom: 3rem !important; }

    .pl-md-5, .px-md-5 {
      padding-left: 3rem !important; }

    .m-md-auto {
      margin: auto !important; }

    .mt-md-auto, .my-md-auto {
      margin-top: auto !important; }

    .mr-md-auto, .mx-md-auto {
      margin-right: auto !important; }

    .mb-md-auto, .my-md-auto {
      margin-bottom: auto !important; }

    .ml-md-auto, .mx-md-auto {
      margin-left: auto !important; } }
  @media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
    .mt-lg-0, .my-lg-0 {
      margin-top: 0 !important; }

    .mr-lg-0, .mx-lg-0 {
      margin-right: 0 !important; }

    .mb-lg-0, .my-lg-0 {
      margin-bottom: 0 !important; }

    .ml-lg-0, .mx-lg-0 {
      margin-left: 0 !important; }

    .m-lg-1 {
      margin: 0.25rem !important; }

    .mt-lg-1, .my-lg-1 {
      margin-top: 0.25rem !important; }

    .mr-lg-1, .mx-lg-1 {
      margin-right: 0.25rem !important; }

    .mb-lg-1, .my-lg-1 {
      margin-bottom: 0.25rem !important; }

    .ml-lg-1, .mx-lg-1 {
      margin-left: 0.25rem !important; }

    .m-lg-2 {
      margin: 0.5rem !important; }

    .mt-lg-2, .my-lg-2 {
      margin-top: 0.5rem !important; }

    .mr-lg-2, .mx-lg-2 {
      margin-right: 0.5rem !important; }

    .mb-lg-2, .my-lg-2 {
      margin-bottom: 0.5rem !important; }

    .ml-lg-2, .mx-lg-2 {
      margin-left: 0.5rem !important; }

    .m-lg-3 {
      margin: 1rem !important; }

    .mt-lg-3, .my-lg-3 {
      margin-top: 1rem !important; }

    .mr-lg-3, .mx-lg-3 {
      margin-right: 1rem !important; }

    .mb-lg-3, .my-lg-3 {
      margin-bottom: 1rem !important; }

    .ml-lg-3, .mx-lg-3 {
      margin-left: 1rem !important; }

    .m-lg-4 {
      margin: 1.5rem !important; }

    .mt-lg-4, .my-lg-4 {
      margin-top: 1.5rem !important; }

    .mr-lg-4, .mx-lg-4 {
      margin-right: 1.5rem !important; }

    .mb-lg-4, .my-lg-4 {
      margin-bottom: 1.5rem !important; }

    .ml-lg-4, .mx-lg-4 {
      margin-left: 1.5rem !important; }

    .m-lg-5 {
      margin: 3rem !important; }

    .mt-lg-5, .my-lg-5 {
      margin-top: 3rem !important; }

    .mr-lg-5, .mx-lg-5 {
      margin-right: 3rem !important; }

    .mb-lg-5, .my-lg-5 {
      margin-bottom: 3rem !important; }

    .ml-lg-5, .mx-lg-5 {
      margin-left: 3rem !important; }

    .p-lg-0 {
      padding: 0 !important; }

    .pt-lg-0, .py-lg-0 {
      padding-top: 0 !important; }

    .pr-lg-0, .px-lg-0 {
      padding-right: 0 !important; }

    .pb-lg-0, .py-lg-0 {
      padding-bottom: 0 !important; }

    .pl-lg-0, .px-lg-0 {
      padding-left: 0 !important; }

    .p-lg-1 {
      padding: 0.25rem !important; }

    .pt-lg-1, .py-lg-1 {
      padding-top: 0.25rem !important; }

    .pr-lg-1, .px-lg-1 {
      padding-right: 0.25rem !important; }

    .pb-lg-1, .py-lg-1 {
      padding-bottom: 0.25rem !important; }

    .pl-lg-1, .px-lg-1 {
      padding-left: 0.25rem !important; }

    .p-lg-2 {
      padding: 0.5rem !important; }

    .pt-lg-2, .py-lg-2 {
      padding-top: 0.5rem !important; }

    .pr-lg-2, .px-lg-2 {
      padding-right: 0.5rem !important; }

    .pb-lg-2, .py-lg-2 {
      padding-bottom: 0.5rem !important; }

    .pl-lg-2, .px-lg-2 {
      padding-left: 0.5rem !important; }

    .p-lg-3 {
      padding: 1rem !important; }

    .pt-lg-3, .py-lg-3 {
      padding-top: 1rem !important; }

    .pr-lg-3, .px-lg-3 {
      padding-right: 1rem !important; }

    .pb-lg-3, .py-lg-3 {
      padding-bottom: 1rem !important; }

    .pl-lg-3, .px-lg-3 {
      padding-left: 1rem !important; }

    .p-lg-4 {
      padding: 1.5rem !important; }

    .pt-lg-4, .py-lg-4 {
      padding-top: 1.5rem !important; }

    .pr-lg-4, .px-lg-4 {
      padding-right: 1.5rem !important; }

    .pb-lg-4, .py-lg-4 {
      padding-bottom: 1.5rem !important; }

    .pl-lg-4, .px-lg-4 {
      padding-left: 1.5rem !important; }

    .p-lg-5 {
      padding: 3rem !important; }

    .pt-lg-5, .py-lg-5 {
      padding-top: 3rem !important; }

    .pr-lg-5, .px-lg-5 {
      padding-right: 3rem !important; }

    .pb-lg-5, .py-lg-5 {
      padding-bottom: 3rem !important; }

    .pl-lg-5, .px-lg-5 {
      padding-left: 3rem !important; }

    .m-lg-auto {
      margin: auto !important; }

    .mt-lg-auto, .my-lg-auto {
      margin-top: auto !important; }

    .mr-lg-auto, .mx-lg-auto {
      margin-right: auto !important; }

    .mb-lg-auto, .my-lg-auto {
      margin-bottom: auto !important; }

    .ml-lg-auto, .mx-lg-auto {
      margin-left: auto !important; } }
  @media (min-width: 1440px) {
  .m-xl-0 {
    margin: 0 !important; }
    .mt-xl-0, .my-xl-0 {
      margin-top: 0 !important; }

    .mr-xl-0, .mx-xl-0 {
      margin-right: 0 !important; }

    .mb-xl-0, .my-xl-0 {
      margin-bottom: 0 !important; }

    .ml-xl-0, .mx-xl-0 {
      margin-left: 0 !important; }

    .m-xl-1 {
      margin: 0.25rem !important; }

    .mt-xl-1, .my-xl-1 {
      margin-top: 0.25rem !important; }

    .mr-xl-1, .mx-xl-1 {
      margin-right: 0.25rem !important; }

    .mb-xl-1, .my-xl-1 {
      margin-bottom: 0.25rem !important; }

    .ml-xl-1, .mx-xl-1 {
      margin-left: 0.25rem !important; }

    .m-xl-2 {
      margin: 0.5rem !important; }

    .mt-xl-2, .my-xl-2 {
      margin-top: 0.5rem !important; }

    .mr-xl-2, .mx-xl-2 {
      margin-right: 0.5rem !important; }

    .mb-xl-2, .my-xl-2 {
      margin-bottom: 0.5rem !important; }

    .ml-xl-2, .mx-xl-2 {
      margin-left: 0.5rem !important; }

    .m-xl-3 {
      margin: 1rem !important; }

    .mt-xl-3, .my-xl-3 {
      margin-top: 1rem !important; }

    .mr-xl-3, .mx-xl-3 {
      margin-right: 1rem !important; }

    .mb-xl-3, .my-xl-3 {
      margin-bottom: 1rem !important; }

    .ml-xl-3, .mx-xl-3 {
      margin-left: 1rem !important; }

    .m-xl-4 {
      margin: 1.5rem !important; }

    .mt-xl-4, .my-xl-4 {
      margin-top: 1.5rem !important; }

    .mr-xl-4, .mx-xl-4 {
      margin-right: 1.5rem !important; }

    .mb-xl-4, .my-xl-4 {
      margin-bottom: 1.5rem !important; }

    .ml-xl-4, .mx-xl-4 {
      margin-left: 1.5rem !important; }

    .m-xl-5 {
      margin: 3rem !important; }

    .mt-xl-5, .my-xl-5 {
      margin-top: 3rem !important; }

    .mr-xl-5, .mx-xl-5 {
      margin-right: 3rem !important; }

    .mb-xl-5, .my-xl-5 {
      margin-bottom: 3rem !important; }

    .ml-xl-5, .mx-xl-5 {
      margin-left: 3rem !important; }

    .p-xl-0 {
      padding: 0 !important; }

    .pt-xl-0, .py-xl-0 {
      padding-top: 0 !important; }

    .pr-xl-0, .px-xl-0 {
      padding-right: 0 !important; }

    .pb-xl-0, .py-xl-0 {
      padding-bottom: 0 !important; }

    .pl-xl-0, .px-xl-0 {
      padding-left: 0 !important; }

    .p-xl-1 {
      padding: 0.25rem !important; }

    .pt-xl-1, .py-xl-1 {
      padding-top: 0.25rem !important; }

    .pr-xl-1, .px-xl-1 {
      padding-right: 0.25rem !important; }

    .pb-xl-1, .py-xl-1 {
      padding-bottom: 0.25rem !important; }

    .pl-xl-1, .px-xl-1 {
      padding-left: 0.25rem !important; }

    .p-xl-2 {
      padding: 0.5rem !important; }

    .pt-xl-2, .py-xl-2 {
      padding-top: 0.5rem !important; }

    .pr-xl-2, .px-xl-2 {
      padding-right: 0.5rem !important; }

    .pb-xl-2, .py-xl-2 {
      padding-bottom: 0.5rem !important; }

    .pl-xl-2, .px-xl-2 {
      padding-left: 0.5rem !important; }

    .p-xl-3 {
      padding: 1rem !important; }

    .pt-xl-3, .py-xl-3 {
      padding-top: 1rem !important; }

    .pr-xl-3, .px-xl-3 {
      padding-right: 1rem !important; }

    .pb-xl-3, .py-xl-3 {
      padding-bottom: 1rem !important; }

    .pl-xl-3, .px-xl-3 {
      padding-left: 1rem !important; }

    .p-xl-4 {
      padding: 1.5rem !important; }

    .pt-xl-4, .py-xl-4 {
      padding-top: 1.5rem !important; }

    .pr-xl-4, .px-xl-4 {
      padding-right: 1.5rem !important; }

    .pb-xl-4, .py-xl-4 {
      padding-bottom: 1.5rem !important; }

    .pl-xl-4, .px-xl-4 {
      padding-left: 1.5rem !important; }

    .p-xl-5 {
      padding: 3rem !important; }

    .pt-xl-5, .py-xl-5 {
      padding-top: 3rem !important; }

    .pr-xl-5, .px-xl-5 {
      padding-right: 3rem !important; }

    .pb-xl-5, .py-xl-5 {
      padding-bottom: 3rem !important; }

    .pl-xl-5, .px-xl-5 {
      padding-left: 3rem !important; }

    .m-xl-auto {
      margin: auto !important; }

    .mt-xl-auto, .my-xl-auto {
      margin-top: auto !important; }

    .mr-xl-auto, .mx-xl-auto {
      margin-right: auto !important; }

    .mb-xl-auto, .my-xl-auto {
      margin-bottom: auto !important; }

    .ml-xl-auto, .mx-xl-auto {
      margin-left: auto !important; } }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .text-left {
    text-align: left !important; }
  .text-right {
    text-align: right !important; }
  .text-center {
    text-align: center !important; }
  @media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
    .text-sm-right {
      text-align: right !important; }

    .text-sm-center {
      text-align: center !important; } }
  @media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
    .text-md-right {
      text-align: right !important; }

    .text-md-center {
      text-align: center !important; } }
  @media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
    .text-lg-right {
      text-align: right !important; }

    .text-lg-center {
      text-align: center !important; } }
  @media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important; }
    .text-xl-right {
      text-align: right !important; }

    .text-xl-center {
      text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }
  .text-primary {
    color: #007bff !important; }
  a.text-primary:hover, a.text-primary:focus {
    color: #0062cc !important; }
  .text-secondary {
    color: #6c757d !important; }
  a.text-secondary:hover, a.text-secondary:focus {
    color: #545b62 !important; }
  .text-success {
    color: #28a745 !important; }
  a.text-success:hover, a.text-success:focus {
    color: #1e7e34 !important; }
  .text-info {
    color: #17a2b8 !important; }
  a.text-info:hover, a.text-info:focus {
    color: #117a8b !important; }
  .text-warning {
    color: #ffc107 !important; }
  a.text-warning:hover, a.text-warning:focus {
    color: #d39e00 !important; }
  .text-danger {
    color: #dc3545 !important; }
  a.text-danger:hover, a.text-danger:focus {
    color: #bd2130 !important; }
  .text-light {
    color: #f8f9fa !important; }
  a.text-light:hover, a.text-light:focus {
    color: #dae0e5 !important; }
  .text-dark {
    color: #343a40 !important; }
  a.text-dark:hover, a.text-dark:focus {
    color: #1d2124 !important; }

.text-muted {
  color: #6c757d !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }
/****************** Color Stack *******************/
/****************** Background Color Stack *******************/
/****************** Font Color Stack *******************/
/****************** Cookiebar Colors *******************/
/****************** Default margins *******************/
/****************** Font Stack *******************/
/*
 This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
 */
@font-face {
  font-family: "Scala Sans W04 Regular";
  src: url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/4798c956-3aeb-4216-8eb7-9ca3b04df485.eot?#iefix");
  src: url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/4798c956-3aeb-4216-8eb7-9ca3b04df485.eot?#iefix") format("eot"), url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/04089c1b-452d-42e2-a053-7c41e057aa6f.woff2") format("woff2"), url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/74b5cf8e-c54f-4dc9-baa7-1221746a1e89.woff") format("woff"), url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/1f1b4e75-4598-4030-985c-50f87eb76176.ttf") format("truetype"); }

@font-face {
  font-family: "Scala Sans W02 Italic";
  src: url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/51101813-ad99-497e-b8e0-5e3b21d377fa.eot?#iefix");
  src: url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/51101813-ad99-497e-b8e0-5e3b21d377fa.eot?#iefix") format("eot"), url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/14b00b8b-f339-4eaa-9a77-24112e0806e8.woff2") format("woff2"), url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/11333a3e-8272-4127-acbc-4053b6d74a4e.woff") format("woff"), url("/typo3conf/ext/h2template/Resources/Public/Fonts/ScalaSans/dd4b10a3-0af8-4e8c-b16b-b4361c613c47.ttf") format("truetype"); }
/**
 * @license
 * MyFonts Webfont Build ID 3668572, 2018-11-08T02:14:12-0500
 *
 * 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: WalbaumSB-Italic by Scangraphic Digital Type Collection
 * URL: https://www.myfonts.com/fonts/efscangraphic/walbaum-sb/italic/
 * Copyright: Copyright of design and/or Trademark by Scangraphic PrePress Technology GmbH or its licensors. Copyright of digital font software by Elsner+Flake Type Consulting GmbH. This font software may not be reproduced, modified, decoded, disclosed or transferred w
 * Licensed pageviews: 100,000
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3668572
 *
 * © 2018 MyFonts Inc
 */
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'WalbaumSB-Italic';
  src: url("/typo3conf/ext/h2template/Resources/Public/Fonts/Walbaum/37FA5C_0_0.eot");
  src: url("/typo3conf/ext/h2template/Resources/Public/Fonts/Walbaum/37FA5C_0_0.eot?#iefix") format('embedded-opentype'), url("/typo3conf/ext/h2template/Resources/Public/Fonts/Walbaum/37FA5C_0_0.woff2") format('woff2'), url("/typo3conf/ext/h2template/Resources/Public/Fonts/Walbaum/37FA5C_0_0.woff") format('woff'), url("/typo3conf/ext/h2template/Resources/Public/Fonts/Walbaum/37FA5C_0_0.ttf") format('truetype'); }

.teaser-small .content, .teaser-small .background-image, .news-list-view .show-all-news.mobile {
  min-height: 223px; }
  @media (min-width: 576px) {
  .teaser-small .content, .teaser-small .background-image, .news-list-view .show-all-news.mobile {
    min-height: 250px; } }
  @media (min-width: 768px) {
  .teaser-small .content, .teaser-small .background-image, .news-list-view .show-all-news.mobile {
    min-height: 262px; } }
  @media (min-width: 992px) {
  .teaser-small .content, .teaser-small .background-image, .news-list-view .show-all-news.mobile {
    min-height: 226px; } }
  @media (min-width: 1440px) {
  .teaser-small .content, .teaser-small .background-image, .news-list-view .show-all-news.mobile {
    min-height: 300px; } }
  @media (min-width: 1920px) {
  .teaser-small .content, .teaser-small .background-image, .news-list-view .show-all-news.mobile {
    min-height: 344px; } }

.teaser-small .content, .news-list-view .article .content {
  padding: 30px; }
  @media (min-width: 768px) {
  .teaser-small .content, .news-list-view .article .content {
    padding: 40px; } }
  @media (min-width: 992px) {
  .teaser-small .content, .news-list-view .article .content {
    padding: 33px 38px 35px; } }
  @media (min-width: 1440px) {
  .teaser-small .content, .news-list-view .article .content {
    padding: 50px; } }
  @media (min-width: 1920px) {
  .teaser-small .content, .news-list-view .article .content {
    padding: 65px 60px 60px; } }

.teaser-small .read-more-link, .news-list-view .article .read-more-link {
  position: absolute;
  bottom: 30px;
  left: 30px; }
  @media (min-width: 768px) {
    .teaser-small .read-more-link, .news-list-view .article .read-more-link {
      bottom: 40px;
      left: 40px; } }
  @media (min-width: 992px) {
    .teaser-small .read-more-link, .news-list-view .article .read-more-link {
      bottom: 35px;
      left: 38px; } }
  @media (min-width: 1440px) {
    .teaser-small .read-more-link, .news-list-view .article .read-more-link {
      bottom: 50px;
      left: 50px; } }
  @media (min-width: 1920px) {
    .teaser-small .read-more-link, .news-list-view .article .read-more-link {
      bottom: 60px;
      left: 60px; } }

.teaser-big .content {
  position: relative;
  padding: 30px;
  min-height: 223px; }
  @media (min-width: 768px) {
    .teaser-big .content {
      padding: 40px; } }
  @media (min-width: 992px) {
    .teaser-big .content {
      padding: 33px 38px 35px; } }
  @media (min-width: 1440px) {
    .teaser-big .content {
      padding: 50px; } }
  @media (min-width: 1920px) {
    .teaser-big .content {
      padding: 70px 60px 60px; } }
  .teaser-big .content, .teaser-big .link, .teaser-big .background-image {
    width: 100%; }
  @media (min-width: 576px) {
    .teaser-big .content, .teaser-big .link, .teaser-big .background-image {
      width: 50%; } }
  .teaser-big .background-image {
    background: #cbdbd7;
    background-size: cover;
    background-position: center; }
  .teaser-big .content, .teaser-big .background-image {
    min-height: 223px; }
  @media (min-width: 576px) {
    .teaser-big .content, .teaser-big .background-image {
      min-height: 250px; } }
  @media (min-width: 768px) {
    .teaser-big .content, .teaser-big .background-image {
      min-height: 266px; } }
  @media (min-width: 992px) {
    .teaser-big .content, .teaser-big .background-image {
      min-height: 326px; } }
  @media (min-width: 1440px) {
    .teaser-big .content, .teaser-big .background-image {
      min-height: 430px; } }
  @media (min-width: 1920px) {
    .teaser-big .content, .teaser-big .background-image {
      min-height: 493px; } }
  @media (min-width: 992px) and (max-width: 1439.98px) {
      .teaser-big .std-header .mainline {
        font-size: 38px; } }
  @media (min-width: 992px) {
      .teaser-big .std-header .subline {
        margin-bottom: 16px; } }
  @media (min-width: 1440px) {
      .teaser-big .std-header .subline {
        margin-bottom: 19px; } }
  @media (min-width: 1920px) {
      .teaser-big .std-header .subline {
        margin-bottom: 24px; } }
  .teaser-big .read-more-link {
    position: absolute;
    bottom: 30px;
    left: 30px; }
  @media (min-width: 768px) {
    .teaser-big .read-more-link {
      bottom: 40px;
      left: 40px; } }
  @media (min-width: 992px) {
    .teaser-big .read-more-link {
      bottom: 35px;
      left: 38px; } }
  @media (min-width: 1440px) {
    .teaser-big .read-more-link {
      bottom: 50px;
      left: 50px; } }
  @media (min-width: 1920px) {
    .teaser-big .read-more-link {
      bottom: 60px;
      left: 60px; } }
  @media (min-width: 576px) {
  .teaser-big {
    display: flex;
    display: -ms-flexbox; } }

.teaser-small .teaser {
  margin-bottom: 30px; }
  .teaser-small .teaser:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 576px) {
    .teaser-small .teaser {
      display: flex;
      display: -ms-flexbox; } }
  @media (min-width: 992px) {
    .teaser-small .teaser {
      flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      width: 33.333333%;
      margin: 0 calc(16px / 2); } }
  .teaser-small .content {
    position: relative; }
  @media (min-width: 1440px) {
    .teaser-small .content {
      width: 100%; } }
  @media (min-width: 576px) {
    .teaser-small .content, .teaser-small .background-image {
      width: 50%; } }
  @media (min-width: 992px) {
    .teaser-small .content, .teaser-small .background-image {
      width: 100%; } }
  .teaser-small .background-image {
    background: #cbdbd7;
    background-size: cover;
    background-position: center; }
  @media (min-width: 992px) {
      .teaser-small .std-header .mainline, .teaser-small .std-header .mainline a {
        font-size: 28px;
        line-height: 33px; } }
  @media (min-width: 1440px) {
      .teaser-small .std-header .mainline, .teaser-small .std-header .mainline a {
        font-size: 34px;
        line-height: 41px; } }
  @media (min-width: 1920px) {
      .teaser-small .std-header .subline {
        margin-bottom: 19px; } }
  @media (min-width: 992px) {
  .teaser-small {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin: 0 calc(-16px / 2); } }

.news-list-view .article .read-more-link a {
  color: #87aaa2;
  transition: all 0.3s ease;
  text-decoration: none; }
  .news-list-view .article .read-more-link a:hover {
    color: #87aaa2; }

.teaser-big, .teaser-small .teaser {
  position: relative; }
  .teaser-big > a.link, .teaser-small .teaser > a.link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .teaser-big .read-more-link, .teaser-small .teaser .read-more-link {
    color: #87aaa2;
    transition: all 0.3s ease; }
  .teaser-big:hover .read-more-link, .teaser-small .teaser:hover .read-more-link {
    color: #87aaa2; }

@media (min-width: 992px) {
    .employees {
      margin-left: 80px;
      margin-right: 80px; } }
  @media (min-width: 1440px) {
  .employees {
    max-width: 875px; } }
  @media (min-width: 1920px) {
  .employees {
    max-width: 944px;
    margin-left: 120px; } }

.employee {
  background: #fff;
  padding: 60px 38px 26px;
  color: #305e4f;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
  .employee {
    margin-bottom: 16px;
    padding: 60px; } }
  .employee .image {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: 50px; }
  @media (min-width: 768px) {
    .employee .image {
      margin-bottom: 0; } }
  .employee .image-circle {
    border-radius: 50%;
    width: 146px;
    height: 146px;
    overflow: hidden; }
  @media (min-width: 768px) {
    .employee .image-circle {
      width: 154px;
      height: 154px; } }
  @media (min-width: 992px) {
    .employee .image-circle {
      width: 180px;
      height: 180px; } }
  @media (min-width: 1440px) {
    .employee .image-circle {
      width: 200px;
      height: 200px; } }
  @media (min-width: 1920px) {
    .employee .image-circle {
      width: 224px;
      height: 224px; } }
  .employee .image-circle img {
    width: 100%;
    height: auto; }
  .employee .headline {
    font-family: WalbaumSB-Italic;
    font-size: 25px;
    margin-bottom: 15px; }
  @media (min-width: 1440px) {
    .employee .headline {
      font-size: 34px; } }
  .employee .jobtitle {
    font-size: 18px; }
  @media (min-width: 1440px) {
    .employee .jobtitle {
      font-size: 24px; } }
  .employee .name-and-jobtitle {
    margin-bottom: 34px; }
  @media (min-width: 768px) {
    .employee .content {
      display: flex;
      display: -ms-flexbox;
      flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      justify-content: space-between;
      -ms-flex-pack: justify; } }

  .employee .description, .employee .contact {
    line-height: 19px; }
  @media (min-width: 1440px) {
    .employee .description, .employee .contact {
      line-height: 28px; } }
  .employee .description {
    margin-bottom: 20px; }
  .employee a {
    color: #87aaa2;
    text-decoration: none; }
  .employee a:hover {
    color: #305e4f; }
  .employee .read-more-link {
    margin-top: 20px; }
  .employee .read-more-link a {
    color: #87aaa2; }
  .employee .read-more-link a:hover {
    color: #87aaa2; }

.quote {
  color: #305e4f; }
  @media (min-width: 768px) {
  .quote {
    max-width: 600px;
    margin-right: auto;
    margin-left: auto; } }
  @media (min-width: 992px) {
  .quote {
    max-width: 701px;
    margin-left: 80px; } }
  @media (min-width: 1440px) {
  .quote {
    max-width: 745px; } }
  @media (min-width: 1920px) {
  .quote {
    max-width: 824px;
    margin-left: 120px; } }
  .quote .icon {
    color: #87aaa2;
    margin-bottom: 20px; }
  .quote .icon i {
    font-size: 50px; }
  .quote .text {
    font-family: WalbaumSB-Italic;
    font-size: 25px;
    line-height: 32px; }
  @media (min-width: 1440px) {
    .quote .text {
      font-size: 34px;
      line-height: 41px; } }
  .quote .author {
    margin-top: 25px;
    font-size: 18px;
    line-height: 22px; }
  @media (min-width: 1440px) {
    .quote .author {
      font-size: 24px;
      line-height: 29px;
      margin-top: 32px; } }
/* SLICK SLIDER */
.image-slider .slick-dots {
  height: 20px;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  padding: 0;
  margin: 10px 0 0;
  list-style: none; }
  .image-slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  .image-slider .slick-dots li button {
    position: relative;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    background: transparent;
    border: 0;
    outline: none; }
  .image-slider .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    display: block;
    background: #87aaa2;
    border-radius: 10px; }
  .image-slider .slick-dots li button:hover:before {
    background: #305e4f; }
  .image-slider .slick-dots li.slick-active button:before {
    background: #305e4f; }
  @media (min-width: 992px) {
  .image-slider {
    position: relative; }
    .image-slider .slick-arrow {
      padding-top: 35px;
      cursor: pointer; }
      .image-slider .slick-arrow i {
        color: #87aaa2;
        font-size: 18px; }

    .image-slider .slick-disabled i {
      color: #cbdbd7;
      cursor: not-allowed; }

    .image-slider .slick-prev i, .image-slider .slick-next i {
      position: absolute;
      bottom: calc(50% - 10px); }

    .image-slider .slick-prev i {
      left: -40px; }

    .image-slider .slick-next i {
      right: -40px; } }
  @media (min-width: 1440px) {
  .image-slider .slick-prev i {
    left: -60px; }
    .image-slider .slick-next i {
      right: -60px; } }
  .image-slider .thumbnails {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    position: relative; }
  .image-slider .thumbnails .slick-list {
    display: none; }
  @media (min-width: 992px) {
      .image-slider .thumbnails .slick-list {
        display: block; } }
  @media (min-width: 992px) {
    .image-slider .thumbnails .slick-slide {
      opacity: 0.5; }
      .image-slider .thumbnails .slick-slide.slick-current {
        opacity: 1;
        cursor: initial; }
      .image-slider .thumbnails .slick-slide:hover {
        opacity: 1;
        cursor: pointer; } }
  .image-slider .description {
    color: #87aaa2;
    font-size: 18px;
    line-height: 22px;
    margin-top: 18px; }
  .image-slider .image-wrap img {
    width: 100%;
    height: auto; }
  .image-slider .thumbnail-wrap {
    padding: 8px; }
  .image-slider .thumbnail-wrap img {
    width: 100%;
    height: auto; }
  @media (min-width: 992px) {
  .image-slider {
    padding: 0 159px; } }
  @media (min-width: 1440px) {
  .image-slider {
    padding: 0;
    margin-left: 210px;
    max-width: 614px; } }
  @media (min-width: 1920px) {
  .image-slider {
    max-width: 708px;
    margin-left: 240px;
    padding: 0; } }
/* VIDEO */
.video .responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden; }
  .video .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media (min-width: 576px) {
      .frame.frame-type-textpic {
        margin-right: auto;
        margin-left: auto; } }
  .frame.frame-type-textpic .ce-above .ce-gallery {
    display: flex;
    display: -ms-flexbox;
    margin-bottom: 16px; }
  .frame.frame-type-textpic .ce-above.ce-left .ce-gallery {
    justify-content: flex-start;
    -ms-flex-pack: flex-start; }
  .frame.frame-type-textpic .ce-above.ce-center .ce-gallery {
    justify-content: center;
    -ms-flex-pack: center; }
  .frame.frame-type-textpic .ce-above.ce-right .ce-gallery {
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }
  .frame.frame-type-textpic .ce-below .ce-gallery {
    display: flex;
    display: -ms-flexbox;
    margin-top: 16px; }
  .frame.frame-type-textpic .ce-below.ce-left .ce-gallery {
    justify-content: flex-start;
    -ms-flex-pack: flex-start; }
  .frame.frame-type-textpic .ce-below.ce-center .ce-gallery {
    justify-content: center;
    -ms-flex-pack: center; }
  .frame.frame-type-textpic .ce-below.ce-right .ce-gallery {
    justify-content: flex-end;
    -ms-flex-pack: flex-end; }
  .frame.frame-type-textpic .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery {
    float: left;
    margin: 6px 16px 16px 0; }
    @media (min-width: 992px) {
          .frame.frame-type-textpic .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery {
            margin: 10px 32px 32px 0; } }
    .frame.frame-type-textpic .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery img {
      max-width: 150px;
      height: auto; }
  .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap .ce-gallery {
    margin-bottom: 20px; }
  .frame.frame-type-textpic .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
    float: right;
    margin: 6px 0 25px 25px; }
    @media (min-width: 992px) {
          .frame.frame-type-textpic .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery {
            margin: 10px 0 32px 32px; } }
    .frame.frame-type-textpic .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery img {
      max-width: 150px;
      height: auto; }
  .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap .ce-gallery {
    margin-bottom: 20px; }
  @media (min-width: 768px) {
      .frame.frame-type-textpic .ce-intext {
        margin-left: auto;
        margin-right: auto; }
        .frame.frame-type-textpic .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery img, .frame.frame-type-textpic .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery img {
          max-width: 200px; }
        .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap {
          display: flex;
          display: -ms-flexbox; }
          .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap .ce-gallery {
            width: 33.333333%;
            padding-right: 15px; }
            .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap .ce-gallery img {
              width: 100%;
              height: auto; }
          .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap .ce-bodytext {
            padding-left: 15px;
            width: 66.666666%; }
        .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap {
          display: flex;
          display: -ms-flexbox;
          flex-direction: row-reverse;
          -webkit-flex-direction: row-reverse;
          -ms-flex-direction: row-reverse; }
          .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap .ce-gallery {
            width: 33.333333%;
            padding-left: 15px; }
            .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap .ce-gallery img {
              width: 100%;
              height: auto; }
          .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap .ce-bodytext {
            padding-right: 15px;
            width: 66.666666%; } }
  @media (min-width: 992px) {
      .frame.frame-type-textpic .ce-intext.ce-left:not(.ce-nowrap) .ce-gallery img, .frame.frame-type-textpic .ce-intext.ce-right:not(.ce-nowrap) .ce-gallery img {
        max-width: none; }
        .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap .ce-gallery {
          width: auto; }
          .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap .ce-gallery img {
            width: auto; }
          .frame.frame-type-textpic .ce-intext.ce-left.ce-nowrap .ce-bodytext {
            width: auto; }
        .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap .ce-gallery {
          width: auto; }
          .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap .ce-gallery img {
            width: auto; }
          .frame.frame-type-textpic .ce-intext.ce-right.ce-nowrap .ce-bodytext {
            width: auto; } }
  .frame.frame-type-textmedia .ce-textpic.ce-below .ce-bodytext {
    margin-bottom: 20px; }
  .frame.frame-type-textmedia .ce-textpic.ce-above .ce-gallery {
    margin-bottom: 20px; }
/* CATEGORY TEASER */
@media (min-width: 768px) {
    .category-teaser {
      display: flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      margin: -8px; } }
  @media (min-width: 992px) {
  .category-teaser {
    margin: -9px; } }
  .category-teaser .teaser {
    position: relative;
    width: 100%;
    background: #fff;
    margin-bottom: 10px;
    min-height: 223px; }
  @media (min-width: 768px) {
    .category-teaser .teaser {
      margin: 8px;
      width: calc(50% - 16px);
      min-height: 262px; } }
  @media (min-width: 992px) {
    .category-teaser .teaser {
      margin: 9px;
      width: calc(33.333333% - 18px);
      min-height: 280px; } }
  @media (min-width: 1440px) {
    .category-teaser .teaser {
      min-height: 300px; } }
  @media (min-width: 1920px) {
    .category-teaser .teaser {
      min-height: 344px; } }
  .category-teaser .teaser a {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }
  .category-teaser .teaser:hover {
    background: #305e4f; }
  .category-teaser .teaser:hover .headline {
    color: #fff; }
  .category-teaser .teaser:hover i {
    color: #87aaa2; }
  .category-teaser .headline {
    color: #305e4f;
    font-family: WalbaumSB-Italic;
    font-size: 24px;
    line-height: 29px;
    text-align: center; }
  @media (min-width: 768px) {
    .category-teaser .headline {
      font-size: 34px;
      line-height: 41px; } }
  .category-teaser i {
    color: #edf3f1;
    font-size: 96px; }
  @media (min-width: 768px) {
    .category-teaser i {
      font-size: 111px; } }

  @media (min-width: 1920px) {
    .category-teaser i {
      font-size: 130px; } }
  .category-teaser .icon, .category-teaser .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center; }
  .category-teaser .inner {
    padding: 37px;
    z-index: 2; }
  .category-teaser .icon {
    z-index: 1; }

@media (min-width: 1440px) {
    .frame-type-mask-highlight-button {
      max-width: 824px !important; } }
  @media (min-width: 1920px) {
  .frame-type-mask-highlight-button {
    max-width: 944px !important; } }

.highlight-button-wrap {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center; }

.highlight-button {
  background: #305e4f;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  overflow: hidden;
  transition: border 0.3s;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
  color: #fff; }
  .highlight-button:hover {
    background: #87aaa2;
    border-width: 12px; }
  .highlight-button a {
    width: 145px;
    height: 145px;
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center; }
  @media (min-width: 1920px) {
    .highlight-button a {
      font-size: 24px;
      line-height: 29px; } }

#straight-lines .line, #overlapping-lines .line {
  height: 10px;
  margin-bottom: 4px; }
  #straight-lines .line:last-of-type, #overlapping-lines .line:last-of-type {
    margin-bottom: 0; }
  #straight-lines .line.green, #overlapping-lines .line.green {
    background: #305e4f; }
  #straight-lines .line.orange, #overlapping-lines .line.orange {
    background: #e1622a; }
  #straight-lines .line.blue, #overlapping-lines .line.blue {
    background: #007fb6; }
  #straight-lines .line.yellow, #overlapping-lines .line.yellow {
    background: #f1ba23; }
  @media (min-width: 768px) {
  #straight-lines .line, #overlapping-lines .line {
    height: 12px;
    margin-bottom: 7px; } }
  @media (min-width: 1440px) {
  #straight-lines .line, #overlapping-lines .line {
    height: 15px;
    margin-bottom: 9px; } }
  @media (min-width: 1920px) {
  #straight-lines .line, #overlapping-lines .line {
    height: 17px;
    margin-bottom: 10px; } }

#straight-lines {
  position: absolute;
  top: calc(50% - ((10px * 4) - (4px * 3) / 2));
  z-index: 1;
  width: 100%; }
  #straight-lines .line {
    position: relative;
    width: 100%; }
  #straight-lines .line a {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    color: transparent; }
  @media (min-width: 992px) {
  #straight-lines {
    width: 50%; } }
  @media (min-width: 1440px) {
  #straight-lines {
    top: calc(50% - ((15px * 4) - (9px * 3) / 2)); } }
  @media (min-width: 1920px) {
  #straight-lines {
    top: calc(50% - ((17px * 4) - (10px * 3) / 2)); } }

#curving-lines {
  display: none; }
  @media (min-width: 992px) {
  #curving-lines {
    display: block;
    position: absolute;
    z-index: 1;
    left: calc(100% - 159px);
    top: calc(50% - 74px); }
    #curving-lines .lines {
      height: 109px;
      width: 100%; }
      #curving-lines .lines img {
        height: 100%;
        width: auto; } }
  @media (min-width: 1440px) {
  #curving-lines {
    top: calc(50% - 97px);
    left: calc(100% - 210px); }
    #curving-lines .lines {
      height: 138px; } }
  @media (min-width: 1920px) {
  #curving-lines {
    top: calc(50% - 110px);
    left: calc(100% - 240px);
    height: 155px; }
    #curving-lines .lines {
      height: 155px; } }

  @media screen and (-ms-high-contrast: active) and (min-width: 992px), (-ms-high-contrast: none) and (min-width: 992px) {
      #curving-lines {
        left: calc(100% - 159px + 10px); } }
  @media screen and (-ms-high-contrast: active) and (min-width: 1440px), (-ms-high-contrast: none) and (min-width: 1440px) {
      #curving-lines {
        left: calc(100% - 210px + 10px); } }
  @media screen and (-ms-high-contrast: active) and (min-width: 1440px), (-ms-high-contrast: none) and (min-width: 1440px) {
      #curving-lines {
        left: calc(100% - 240px + 10px); } }

#overlapping-lines.green .line.green, #overlapping-lines.orange .line.orange, #overlapping-lines.blue .line.blue, #overlapping-lines.yellow .line.yellow {
  visibility: visible;
  opacity: 1; }

#overlapping-lines {
  position: absolute;
  top: calc(50% - ((10px * 4) - (4px * 3) / 2));
  z-index: 3; }
  #overlapping-lines .line {
    width: 67px;
    visibility: hidden;
    opacity: 0; }
  @media (min-width: 768px) {
  #overlapping-lines .line {
    width: 106px; } }
  @media (min-width: 992px) {
  #overlapping-lines {
    left: 159px; } }
  @media (min-width: 1440px) {
  #overlapping-lines {
    top: calc(50% - ((15px * 4) - (9px * 3) / 2));
    left: 210px; }
    #overlapping-lines .line {
      width: 90px; } }
  @media (min-width: 1920px) {
  #overlapping-lines {
    top: calc(50% - ((17px * 4) - (10px * 3) / 2));
    left: 240px; }
    #overlapping-lines .line {
      width: 104px; } }

#cookie-bar {
  background: #305e4f;
  height: auto;
  line-height: 24px;
  text-align: center;
  padding: 8px 0; }

#cookie-bar.fixed {
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  width: 100%; }

#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto; }

#cookie-bar p {
  margin: 0 10px;
  color: #cbdbd7; }

#cookie-bar a {
  color: #305e4f;
  display: block;
  border-radius: 3px;
  text-decoration: none;
  padding: 6px;
  margin: 10px auto;
  max-width: 300px; }

#cookie-bar .cb-enable {
  background: #edf3f1; }

#cookie-bar .cb-enable:hover {
  background: #87aaa2; }

#cookie-bar .cb-policy {
  background: #edf3f1; }

#cookie-bar .cb-policy:hover {
  background: #87aaa2; }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.news-list-view {
  position: relative; }
  .news-list-view .page-navigation {
    margin-top: 14px;
    width: 100%; }
  .news-list-view .page-navigation:first-of-type {
    margin-top: 0;
    margin-bottom: 30px; }
  .news-list-view .page-navigation p {
    color: #87aaa2;
    font-size: 18px; }
  @media (min-width: 1920px) {
      .news-list-view .page-navigation p {
        font-size: 20px; } }
  .news-list-view .f3-widget-paginator {
    font-size: 18px; }
  @media (min-width: 1920px) {
    .news-list-view .f3-widget-paginator {
      font-size: 20px; } }
  .news-list-view .f3-widget-paginator li a {
    color: #87aaa2;
    text-decoration: none; }
  .news-list-view .f3-widget-paginator li a:hover {
    color: #305e4f; }
  .news-list-view .f3-widget-paginator li.current {
    color: #305e4f; }
  .news-list-view .articles {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
  @media (min-width: 576px) {
    .news-list-view .articles {
      margin: 0 calc(-16px / 2) -16px; } }
  @media (min-width: 992px) {
    .news-list-view .articles {
      margin: 0 calc(-16px / 2) 0; } }
  .news-list-view .article {
    width: 100%;
    position: relative;
    padding: 18px;
    background: #87aaa2; }
  .news-list-view .article > a {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%; }
  @media (min-width: 768px) {
    .news-list-view .article {
      width: calc(50% - 16px);
      margin: 0 8px 16px; } }
  @media (min-width: 992px) {
    .news-list-view .article {
      width: calc(33.33333% - 16px);
      margin-bottom: 0; } }
  .news-list-view .article .std-header .subline:not(.date) {
    order: 3;
    margin-top: 10px;
    line-height: 21px; }
  @media (min-width: 768px) {
        .news-list-view .article .std-header .subline:not(.date) {
          font-size: 18px; } }
  .news-list-view .article .std-header a {
    text-decoration: none;
    color: #305e4f; }
  .news-list-view .article .content {
    background: #fff;
    min-height: 300px; }
  @media (min-width: 1440px) {
      .news-list-view .article .content {
        min-height: 350px; } }
  .news-list-view .article .std-header .mainline, .news-list-view .article .std-header .mainline a {
    line-height: 30px; }
  @media (min-width: 768px) {
        .news-list-view .article .std-header .mainline, .news-list-view .article .std-header .mainline a {
          font-size: 24px;
          line-height: 28px; } }
  .news-list-view .article .background-image, .news-list-view .article .no-image {
    background-size: cover;
    background-position: center;
    min-height: 223px; }
  @media (min-width: 576px) {
      .news-list-view .article .background-image, .news-list-view .article .no-image {
        min-height: 300px; } }
  @media (min-width: 992px) {
      .news-list-view .article .background-image, .news-list-view .article .no-image {
        min-height: 226px; } }
  @media (min-width: 1440px) {
      .news-list-view .article .background-image, .news-list-view .article .no-image {
        min-height: 300px; } }
  @media (min-width: 1920px) {
      .news-list-view .article .background-image, .news-list-view .article .no-image {
        min-height: 344px; } }
  .news-list-view .article .background-image a, .news-list-view .article .no-image a {
    display: block;
    width: 100%;
    height: 100%; }
  .news-list-view .article .no-image {
    background: #cbdbd7; }
  .news-list-view .article .no-image i {
    font-size: 50px;
    color: #305e4f; }
  .news-list-view .show-all-news a {
    font-size: 18px;
    color: #87aaa2;
    text-decoration: none; }
  .news-list-view .show-all-news a:hover {
    color: #87aaa2; }
  @media (min-width: 992px) {
      .news-list-view .show-all-news a {
        font-size: 20px; } }
  .news-list-view .show-all-news i {
    margin-left: 7px;
    font-size: 7px; }
  .news-list-view .show-all-news.mobile {
    min-height: auto;
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center; }
  @media (min-width: 576px) {
      .news-list-view .show-all-news.mobile {
        width: calc(50% - 16px);
        margin: 0 8px 16px; } }
  @media (min-width: 992px) {
      .news-list-view .show-all-news.mobile {
        width: calc(33.33333% - 16px); } }
  .news-list-view .show-all-news.desktop {
    position: absolute;
    right: 0;
    top: -37px; }
  .news-list-view.loading .article {
    margin-bottom: 16px; }
  .news-list-view.loading .article.hidden {
    display: none; }
  .news-list-view.loading #load-more-news {
    margin-top: 10px;
    cursor: pointer;
    color: #87aaa2; }
  .news-list-view.loading #load-more-news i {
    font-size: 7px;
    margin-left: 7px; }

@media (min-width: 992px) {
        .news-single .article .article-inner {
          max-width: 701px;
          margin-left: 80px;
          margin-bottom: 45px; } }
  @media (min-width: 1440px) {
      .news-single .article .article-inner {
        max-width: 745px; } }
  @media (min-width: 1920px) {
      .news-single .article .article-inner {
        max-width: 824px;
        margin-left: 120px; } }
  .news-single .article .news-img-wrap {
    width: 100%;
    margin: 0 0 30px;
    background: transparent;
    float: none;
    padding: 0; }
  @media (min-width: 576px) {
      .news-single .article .news-img-wrap {
        float: left;
        margin-right: 32px;
        width: 296px; } }
  @media (min-width: 1440px) {
      .news-single .article .news-img-wrap {
        margin-right: 64px; } }
  .news-single .article .news-img-wrap img {
    width: 100%;
    height: auto; }
  .news-single .article .news-img-wrap a {
    padding: 0;
    border: none;
    background: none; }
  .news-single .article p.news-img-caption {
    margin-top: 25px;
    margin-bottom: 0 !important;
    color: #87aaa2;
    line-height: 24px;
    font-size: 18px; }
  .news-single .article .text {
    margin-bottom: -20px; }
  .news-single .article .text p {
    line-height: 24px;
    margin-bottom: 20px; }
  .news-single .article .std-header {
    margin-bottom: 30px; }
  @media (min-width: 1440px) {
      .news-single .article .std-header {
        margin-bottom: 60px; } }
  @media (min-width: 992px) {
        .news-single .article .std-header .mainline {
          font-size: 28px;
          line-height: 33px; } }
  @media (min-width: 1920px) {
        .news-single .article .std-header .mainline {
          font-size: 34px;
          line-height: 41px; } }
  @media (min-width: 1440px) {
        .news-single .article .std-header .subline {
          font-size: 24px;
          line-height: 29px;
          margin-bottom: 23px; } }
  .news-single .article .news-backlink-wrap a {
    text-decoration: none;
    color: #87aaa2; }
  @media (min-width: 1920px) {
        .news-single .article .news-backlink-wrap a {
          font-size: 18px; } }
  .news-single .article .news-backlink-wrap a i {
    font-size: 7px;
    margin-right: 7px; }
  .news-single .article .news-backlink-wrap a:hover {
    color: #87aaa2; }
  .news-single .pager {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding-top: 50px; }
  @media (min-width: 992px) {
    .news-single .pager {
      padding-top: 60px; } }
  .news-single .pager a {
    color: #305e4f;
    align-items: center;
    -ms-flex-align: center; }
  .news-single .pager a:hover {
    color: #cbdbd7; }
  .news-single .pager i {
    font-size: 10px; }
  .news-single .pager i.im-angle-left {
    margin-right: 7px; }
  .news-single .pager i.im-angle-right {
    margin-left: 7px; }

.de .news-list-view .article .std-header .mainline, .de .news-list-view .article .std-header .mainline a {
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto; }

.frame.frame-type-form_formframework {
  background: #fff;
  padding: 35px; }
  @media (min-width: 1920px) {
  .frame.frame-type-form_formframework {
    font-size: 18px; } }
  .frame.frame-type-form_formframework h2 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 30px;
    color: #305e4f; }
  @media (min-width: 1440px) {
    .frame.frame-type-form_formframework h2 {
      font-size: 24px;
      line-height: 28px; } }
  .frame.frame-type-form_formframework p {
    line-height: 24px; }
  .frame.frame-type-form_formframework .btn-group {
    width: 100%; }
  @media (min-width: 576px) {
    .frame.frame-type-form_formframework .btn-group {
      width: auto; } }
  @media (min-width: 768px) {
    .frame.frame-type-form_formframework .btn-group {
      width: calc(50% - 10px); } }
  .frame.frame-type-form_formframework .btn-group .submit {
    width: 100%; }
  .frame.frame-type-form_formframework .btn-group .submit button {
    cursor: pointer;
    width: 100%;
    background: #305e4f;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 16px 38px;
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px; }
  @media (min-width: 1920px) {
        .frame.frame-type-form_formframework .btn-group .submit button {
          font-size: 18px; } }
  @media (min-width: 992px) {
        .frame.frame-type-form_formframework .btn-group .submit button {
          padding: 21px;
          min-width: 100%; } }
  .frame.frame-type-form_formframework .inputs-list .form-check {
    margin-bottom: 10px; }
  @media (min-width: 768px) {
      .frame.frame-type-form_formframework .inputs-list .form-check {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .frame.frame-type-form_formframework .row {
      margin-bottom: 32px; } }
  .frame.frame-type-form_formframework .row > div {
    margin-bottom: 40px; }
  .frame.frame-type-form_formframework label {
    color: #87aaa2;
    margin-bottom: 5px;
    display: inline-block; }
  .frame.frame-type-form_formframework label span.required {
    margin-left: 3px; }
  .frame.frame-type-form_formframework .inputs-list label {
    color: #305e4f;
    margin-bottom: 0; }
  .frame.frame-type-form_formframework input[type="text"] {
    padding-left: 0;
    color: #305e4f;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #87aaa2; }
  .frame.frame-type-form_formframework input[type="radio"] {
    margin-top: 0; }
  .frame.frame-type-form_formframework select {
    border-color: #87aaa2; }
  .frame.frame-type-form_formframework .checkbox-agb .form-check {
    padding-left: 0; }
  .frame.frame-type-form_formframework .checkbox-agb .form-check label {
    color: #305e4f;
    line-height: 24px;
    text-indent: -18px;
    margin-left: 18px; }
  .frame.frame-type-form_formframework .checkbox-agb .form-check a {
    color: #305e4f; }
  .frame.frame-type-form_formframework .checkbox-agb .form-check a:hover {
    text-decoration: underline; }
  @media (min-width: 768px) {
  .frame.frame-type-form_formframework {
    padding: 60px; }
    .frame.frame-type-form_formframework #bestellformular-radiobutton-1 .form-group {
      display: flex;
      display: -ms-flexbox; }
      .frame.frame-type-form_formframework #bestellformular-radiobutton-1 .form-group .form-check {
        width: 50%; } }
  @media (min-width: 992px) {
  .frame.frame-type-form_formframework {
    margin-left: 80px;
    margin-right: 80px; } }
  @media (min-width: 1440px) {
  .frame.frame-type-form_formframework {
    padding: 120px;
    max-width: 875px; } }
  @media (min-width: 1920px) {
  .frame.frame-type-form_formframework {
    max-width: 944px;
    margin-left: 120px; } }

#aufnahmeantrags-Formular .actions {
  margin-top: 60px; }

#aufnahmeantrags-Formular-radiobutton-1 .form-group .form-check {
  margin-bottom: 10px; }

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 0.25rem;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: calc(2.25rem + 2px);
  line-height: calc(2.25rem + 2px) - 2;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0);
    max-height: 300px;
    overflow-y: scroll; }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
  .nice-select.disabled:after {
    border-color: #ccc; }
  .nice-select.wide {
    width: 100%; }
  .nice-select.wide .list {
    left: 0 !important;
    right: 0 !important; }
  .nice-select.right {
    float: right; }
  .nice-select.right .list {
    left: auto;
    right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
  .nice-select.small:after {
    height: 4px;
    width: 4px; }
  .nice-select.small .option {
    line-height: 34px;
    min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(- calc(2.25rem + 2px) / 2);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
  .nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: calc(2.25rem + 2px) - 2;
    list-style: none;
    min-height: calc(2.25rem + 2px) - 2;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s; }
  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f6f6f6; }
  .nice-select .option.selected {
    font-weight: bold; }
  .nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }
  .no-csspointerevents .nice-select.open .list {
    display: block; }
/* CUSTOM */
.nice-select {
  border: none;
  border-bottom: 1px solid #87aaa2;
  border-radius: 0;
  padding-left: 0;
  color: #305e4f;
  box-shadow: none; }
  .nice-select:hover {
    border-color: #87aaa2; }
  .nice-select:after {
    top: 35%;
    width: 11px;
    height: 11px;
    border-bottom: 3px solid #87aaa2;
    border-right: 3px solid #87aaa2; }
  .nice-select .option {
    color: #305e4f;
    padding: 10px; }
  .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #edf3f1; }
  .nice-select .list {
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    border: none;
    border-top: 1px solid #87aaa2; }

@media (min-width: 992px) {
    div.tx-indexedsearch-browsebox, .tx-indexedsearch-res {
      padding: 0 159px; } }
  @media (min-width: 1440px) {
  div.tx-indexedsearch-browsebox, .tx-indexedsearch-res {
    padding: 0;
    margin-left: 210px;
    max-width: 614px; } }
  @media (min-width: 1920px) {
  div.tx-indexedsearch-browsebox, .tx-indexedsearch-res {
    margin-left: 240px;
    max-width: 708px; } }

.tx-indexedsearch-form {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  @media (min-width: 768px) {
  .tx-indexedsearch-form {
    align-items: flex-end;
    -ms-flex-align: flex-end; } }
  .tx-indexedsearch-form label {
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 5px;
    color: #305e4f; }
  @media (min-width: 768px) {
    .tx-indexedsearch-form label {
      margin-bottom: 0;
      display: flex;
      display: -ms-flexbox;
      align-items: center;
      -ms-flex-align: center; } }
  .tx-indexedsearch-form input[type="text"] {
    border-bottom: 1px solid #305e4f;
    margin-bottom: 20px;
    display: inline-block;
    background: transparent;
    flex: 1;
    padding-bottom: 5px;
    color: #305e4f; }
  @media (min-width: 768px) {
    .tx-indexedsearch-form input[type="text"] {
      margin-right: 20px;
      margin-bottom: 0;
      padding-bottom: 10px; } }
  .tx-indexedsearch-form .tx-indexedsearch-search-submit {
    width: 100%;
    height: 50px; }
  @media (min-width: 768px) {
    .tx-indexedsearch-form .tx-indexedsearch-search-submit {
      width: 64px;
      height: 64px; } }
  .tx-indexedsearch-form button[type="submit"] {
    display: block;
    width: 100%;
    height: 100%;
    background: #305e4f;
    color: #fff;
    border: none;
    cursor: pointer; }
  .tx-indexedsearch-form button[type="submit"] i {
    font-size: 18px; }
  @media (min-width: 768px) {
    .tx-indexedsearch-form button[type="submit"] {
      padding: 0; } }

.tx-indexedsearch-browsebox {
  margin-bottom: 20px; }

.tx-indexedsearch-res {
  margin-bottom: 40px; }
  .tx-indexedsearch-res .tx-indexedsearch-title, .tx-indexedsearch-res .tx-indexedsearch-title a {
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #87aaa2;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px; }
  @media (min-width: 1440px) {
    .tx-indexedsearch-res .tx-indexedsearch-title, .tx-indexedsearch-res .tx-indexedsearch-title a {
      font-size: 24px;
      line-height: 28px; } }
  .tx-indexedsearch-res a {
    display: inline-block;
    text-decoration: none; }
  .tx-indexedsearch-res a:hover {
    color: #87aaa2; }
  .tx-indexedsearch-res strong {
    color: #87aaa2;
    font-weight: normal; }
  .tx-indexedsearch-res p {
    line-height: 24px; }

.tx-indexedsearch-search-and-rules {
  background: #fff;
  padding: 50px 35px;
  margin-bottom: 30px; }
  @media (min-width: 768px) and (max-width: 991.98px) {
  .tx-indexedsearch-search-and-rules {
    padding: 75px; } }
  @media (min-width: 992px) {
  .tx-indexedsearch-search-and-rules {
    padding: 100px;
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 63px; } }
  @media (min-width: 1440px) {
  .tx-indexedsearch-search-and-rules {
    max-width: 875px;
    padding: 120px; } }
  @media (min-width: 1920px) {
  .tx-indexedsearch-search-and-rules {
    max-width: 944px;
    margin-left: 120px; } }

div.tx-indexedsearch-browsebox {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
  div.tx-indexedsearch-browsebox {
    margin-bottom: 63px; } }

ul.tx-indexedsearch-browsebox {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin: 30px -5px 0; }
  ul.tx-indexedsearch-browsebox li {
    height: 50px;
    background: #cbdbd7;
    min-width: calc(7.69% - 10px);
    font-size: 20px;
    color: #305e4f;
    margin: 0 5px 10px; }
  @media (max-width: 767.98px) {
    ul.tx-indexedsearch-browsebox li {
      width: calc(16.6666% - 10px); } }
  ul.tx-indexedsearch-browsebox li a {
    width: 100%;
    height: 100%;
    text-decoration: none; }
  ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage {
    background: #305e4f; }
  ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
    color: #fff; }
  ul.tx-indexedsearch-browsebox li:hover {
    background: #305e4f; }
  ul.tx-indexedsearch-browsebox li, ul.tx-indexedsearch-browsebox li a {
    color: #87aaa2; }
  ul.tx-indexedsearch-browsebox li:hover, ul.tx-indexedsearch-browsebox li a:hover {
    color: #fff; }

.tx-indexedsearch-res a {
  color: #305e4f; }

#mm-mobile-menu {
  background-color: #edf3f1; }
  #mm-mobile-menu .item i.im {
    display: none; }

.mm-menu {
  color: #305e4f; }
  .mm-menu .mm-listview li:after {
    border-bottom: none; }

.mm-close {
  top: 60px;
  padding-left: 32px !important; }
  .mm-close:before {
    right: 12px; }
  .mm-close:before, .mm-close:after {
    width: 9px;
    height: 9px;
    border-width: 3px; }

.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
  border-color: #305e4f; }

.mm-navbar {
  border-bottom: none; }

.mm-navbar .mm-hasbtns {
  padding: 75px 40px 0; }

.mm-hasnavbar-top-1 .mm-panels {
  top: 130px; }

.mm-listview {
  font-size: 16px;
  line-height: 20px; }

.mm-listview > li, .mm-listview > li .mm-next {
  border-color: transparent; }

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
  border-color: #305e4f; }

.tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input {
  padding-bottom: 7px;
  border-bottom: 1px solid #87aaa2;
  margin-bottom: 25px;
  position: relative; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #87aaa2;
    opacity: 1;
    /* Firefox */ }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #87aaa2; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #87aaa2; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input .powermail_input {
    background: transparent;
    flex: 1;
    color: #fff; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input.icon .powermail_label {
    display: none; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input .powermail_field {
    display: flex;
    display: -ms-flexbox; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input button[type="submit"] {
    outline: none;
    background: transparent;
    border: none;
    padding: 0 5px;
    margin: 0; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input button[type="submit"] i {
    font-size: 16px;
    color: #fff; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input button[type="submit"]:hover {
    cursor: pointer; }
    .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input button[type="submit"]:hover i {
      color: #87aaa2; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input button[type="submit"] .loader {
    cursor: not-allowed;
    display: none;
    width: 18px;
    height: 18px; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input button[type="submit"] .loader:after {
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    margin: 1px;
    border-radius: 50%;
    border: 3px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: loader 1.2s linear infinite; }

@keyframes loader {
          0% {
            transform: rotate(0deg); }
          100% {
            transform: rotate(360deg); } }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_input .parsley-errors-list.filled {
    position: absolute;
    bottom: calc(100% + 5px);
    right: 0;
    font-size: 11px;
    color: #fff; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_checkbox label {
    color: #87aaa2; }
  .tx-powermail .powermail_form_1 .powermail_fieldwrap_type_text {
    color: #87aaa2; }
  .tx-powermail .powermail_fieldwrap_type_agb label {
    cursor: pointer; }
  .tx-powermail .powermail_fieldwrap_type_agb label i {
    color: #87aaa2;
    font-size: 18px; }
  .tx-powermail .powermail_fieldwrap_type_agb label i.im-square-o {
    padding-bottom: 4px; }
    @media (min-width: 1920px) {
        .tx-powermail .powermail_fieldwrap_type_agb label i.im-square-o {
          padding-bottom: 3px; } }
  .tx-powermail .powermail_fieldwrap_type_agb .label-text {
    margin-top: 10px;
    display: block;
    color: #87aaa2; }
  .tx-powermail .powermail_fieldwrap_type_agb .label-text a {
    color: #cbdbd7;
    display: inline; }
  .tx-powermail .powermail_fieldwrap_type_agb .label-text a:hover {
    color: #87aaa2; }
  .tx-powermail .powermail_fieldwrap_type_agb input {
    position: absolute;
    left: -9999px; }
  .tx-powermail .powermail_fieldwrap_type_agb input:not(:checked) + label i.im-square-o {
    display: block; }
  .tx-powermail .powermail_fieldwrap_type_agb input:not(:checked) + label i.im-check-square {
    display: none; }
  .tx-powermail .powermail_fieldwrap_type_agb input:checked + label i.im-square-o {
    display: none; }
  .tx-powermail .powermail_fieldwrap_type_agb input:checked + label label i.im-check-square {
    display: block; }
  .tx-powermail .powermail_fieldwrap_type_agb .parsley-errors-list.filled {
    font-size: 11px;
    color: #fff; }
  .tx-powermail .powermail_create p {
    color: #87aaa2; }

.dpnglossary.pagination {
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .dpnglossary.pagination {
      margin: 0 80px 84px; } }
  @media (min-width: 1440px) {
    .dpnglossary.pagination {
      max-width: 875px;
      margin-bottom: 140px; } }
  @media (min-width: 1920px) {
    .dpnglossary.pagination {
      max-width: 944px;
      margin-left: 120px; } }
  .dpnglossary.pagination ul {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%; }
  .dpnglossary.pagination ul li {
    height: 50px;
    min-width: calc(7.69% - 10px);
    margin: 0 5px 10px;
    font-size: 20px;
    color: #305e4f; }
  .dpnglossary.pagination ul li.empty {
    color: #87aaa2;
    background: transparent;
    cursor: not-allowed; }
  .dpnglossary.pagination ul li.current {
    background: #305e4f;
    color: #fff; }
  .dpnglossary.pagination ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center;
    background: #cbdbd7;
    color: #305e4f;
    text-decoration: none; }
  .dpnglossary.pagination ul li:hover a {
    background: #305e4f;
    color: #fff; }
  @media (max-width: 767.98px) {
        .dpnglossary.pagination ul li {
          width: calc(16.6666% - 10px); } }
  @media (min-width: 992px) {
        .dpnglossary.pagination ul li {
          height: 64px; } }
  .dpnglossary.list dt {
    margin-left: 30px;
    text-indent: -30px; }
  .dpnglossary.list a {
    color: #87aaa2;
    text-decoration: none;
    line-height: 24px; }
  .dpnglossary.list a:hover {
    color: #87aaa2; }
  .dpnglossary.list a:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 1px;
    background: #87aaa2;
    position: relative;
    bottom: 5px;
    margin-right: 15px; }
  @media (min-width: 992px) {
    .dpnglossary.list {
      margin: 0 159px; } }
  @media (min-width: 1440px) {
    .dpnglossary.list {
      margin-left: 210px;
      max-width: 614px; } }
  @media (min-width: 1920px) {
    .dpnglossary.list {
      max-width: 708px;
      margin-left: 240px; } }
  .dpnglossary.details {
    margin-bottom: 40px; }
  @media (min-width: 992px) {
    .dpnglossary.details {
      max-width: 701px;
      margin-left: 80px; } }
  @media (min-width: 1440px) {
    .dpnglossary.details {
      max-width: 745px; } }
  @media (min-width: 1920px) {
    .dpnglossary.details {
      max-width: 824px;
      margin-left: 120px; } }
  .dpnglossary.details .headline {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
    color: #305e4f; }
  @media (min-width: 1440px) {
      .dpnglossary.details .headline {
        font-size: 24px;
        line-height: 28px; } }
  .dpnglossary.details .text-with-image {
    overflow: auto;
    padding-bottom: 1px; }
  .dpnglossary.details .text p {
    line-height: 24px; }
  @media (min-width: 1920px) {
        .dpnglossary.details .text p {
          line-height: 28px; } }
  .dpnglossary.details .text p a {
    color: #305e4f; }
    .dpnglossary.details .text p a:hover {
      color: #87aaa2; }
  @media (min-width: 576px) {
        .dpnglossary.details .text p {
          margin-top: -3px; } }
  .dpnglossary.details .image {
    margin-bottom: 30px; }
  .dpnglossary.details .image .caption {
    margin-top: 25px;
    color: #87aaa2;
    font-size: 18px;
    line-height: 22px; }
  @media (min-width: 576px) {
      .dpnglossary.details .image {
        float: left;
        max-width: 296px;
        margin-right: 32px; } }
  @media (min-width: 1440px) {
      .dpnglossary.details .image {
        margin-right: 64px; } }
  .dpnglossary.details img {
    width: 100%;
    height: auto; }

.accordion .headline {
  color: #305e4f;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px; }
  @media (min-width: 1440px) {
    .accordion .headline {
      font-size: 24px;
      line-height: 28px; } }
  .accordion .item:last-of-type {
    border-bottom: 1px solid #87aaa2; }
  .accordion .item.only-text .accordion-body .text {
    margin-bottom: -20px; }
  .accordion .item.text-with-image .accordion-body .image {
    margin-bottom: 20px; }
  @media (min-width: 768px) {
        .accordion .item.text-with-image .accordion-body {
          display: flex;
          display: -ms-flexbox;
          justify-content: space-between;
          -ms-flex-pack: justify; }
          .accordion .item.text-with-image .accordion-body .image {
            width: 180px;
            margin-right: 20px; }
          .accordion .item.text-with-image .accordion-body img {
            width: 100%;
            height: auto; }
          .accordion .item.text-with-image .accordion-body .text {
            flex: 1;
            margin-bottom: -20px; } }
  @media (min-width: 992px) {
        .accordion .item.text-with-image .accordion-body .image {
          width: 160px; } }
  .accordion .accordion-header i {
    transform: rotate(-90deg);
    transition: 0.5s transform;
    font-size: 14px; }
  .accordion .accordion-header button {
    background: transparent;
    border: none;
    border-radius: 0;
    width: 100%;
    cursor: pointer;
    text-align: left;
    outline: none;
    margin: 0; }
  .accordion .accordion-header button span {
    margin-right: 10px; }
  .accordion .accordion-header button, .accordion .accordion-header a {
    border: 1px solid #87aaa2;
    border-bottom: none;
    padding: 13px 16px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 24px;
    color: #305e4f;
    text-decoration: none; }
  .accordion .accordion-header:hover button, .accordion .accordion-header:hover a {
    background: #87aaa2;
    color: #cbdbd7; }
  .accordion .accordion-header.collapsed {
    background: transparent; }
  .accordion .accordion-header.collapsed i {
    transform: rotate(90deg); }
  .accordion .accordion-body {
    border: 1px solid #87aaa2;
    border-bottom: none;
    padding: 16px; }
  .accordion .accordion-body h1, .accordion .accordion-body h2, .accordion .accordion-body h3, .accordion .accordion-body h4, .accordion .accordion-body h5, .accordion .accordion-body h6 {
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    line-height: 24px;
    color: #305e4f;
    margin-bottom: 16px; }
  @media (min-width: 768px) {
    .accordion .accordion-body {
      padding: 20px; } }

.tx-cart {
  color: #305e4f; }
  .tx-cart p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px; }
  .tx-cart p a {
    color: #305e4f; }
  .tx-cart ul {
    padding: 0; }
  .tx-cart h5 {
    color: #305e4f; }
  .tx-cart h5.form-title {
    background: none;
    font-size: 18px;
    line-height: 28px; }
  .tx-cart form#form-order .form-title .num, .tx-cart form#form-cart .form-title .num {
    background: #305e4f;
    width: 32px;
    height: 32px;
    font-size: 1em;
    line-height: 28px; }
  .tx-cart .typo3-messages .alert {
    margin-bottom: 30px;
    padding: 20px;
    display: inline-flex; }
  .tx-cart .typo3-messages .alert p {
    color: #fff; }
  .tx-cart .typo3-messages .alert p:last-of-type {
    margin-bottom: 0; }
  .tx-cart .typo3-messages .alert.alert-warning, .tx-cart .typo3-messages .alert.alert-danger {
    background: #e1622a; }
  .tx-cart .typo3-messages .alert.alert-success {
    background: #305e4f; }

@media (min-width: 1440px) {
    #tx_cart_productlist {
      display: flex;
      display: -ms-flexbox;
      flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap; } }
  #tx_cart_productlist .product-categories, #tx_cart_productlist .filter {
    margin-bottom: 30px; }
  #tx_cart_productlist .product-categories .headline, #tx_cart_productlist .filter .headline {
    margin-bottom: 22px; }
  #tx_cart_productlist #reset-filter-btn {
    background: #305e4f;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    cursor: pointer; }
  #tx_cart_productlist #reset-filter-btn i {
    font-size: 16px;
    margin-right: 7px; }
  @media (min-width: 768px) and (max-width: 1439.98px) {
    #tx_cart_productlist #reset-filter-btn {
      width: 200px;
      display: inline-flex; } }
  #tx_cart_productlist .sidebar {
    padding: 33px 38px;
    background: #fff;
    margin-bottom: 10px; }
  @media (min-width: 768px) {
    #tx_cart_productlist .sidebar {
      margin: 0 -10px 10px;
      margin-bottom: 16px; } }
  @media (min-width: 1440px) {
    #tx_cart_productlist .sidebar {
      margin: 0;
      width: 25%;
      padding-top: 107px;
      padding-left: 68px; } }
  @media (min-width: 1920px) {
    #tx_cart_productlist .sidebar {
      flex: 1;
      padding-top: 107px; } }
  #tx_cart_productlist .product-list {
    background: #fff; }
  @media (min-width: 768px) {
    #tx_cart_productlist .product-list {
      margin: 0 -10px; } }
  @media (min-width: 1440px) {
    #tx_cart_productlist .product-list {
      width: 75%;
      margin: 0; } }
  @media (min-width: 1920px) {
    #tx_cart_productlist .product-list {
      width: 1132px; } }
  #tx_cart_productlist .product-list a {
    color: #305e4f;
    text-decoration: none;
    line-height: 24px; }
  #tx_cart_productlist .product-list a:hover {
    text-decoration: underline; }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list a {
        font-size: 18px;
        line-height: 24px; } }
  @media (min-width: 1920px) {
      #tx_cart_productlist .product-list a {
        font-size: 24px;
        line-height: 29px; } }
  #tx_cart_productlist .product-list .products {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%; }
  @media (min-width: 768px) {
      #tx_cart_productlist .product-list .products {
        justify-content: stretch;
        -ms-flex-pack: stretch;
        padding: 43px 46px; } }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list .products {
        padding: 0; } }
  @media (min-width: 1440px) {
      #tx_cart_productlist .product-list .products {
        padding-top: 61px; } }
  #tx_cart_productlist .product-list .product {
    padding: 36px 29px 0 38px;
    width: 100%; }
  @media (min-width: 768px) {
      #tx_cart_productlist .product-list .product {
        padding: 0;
        width: 50%;
        border-bottom: 1px solid #edf3f1;
        margin-bottom: 41px; }
        #tx_cart_productlist .product-list .product.odd .inner {
          border-right: 1px solid #edf3f1; }
          #tx_cart_productlist .product-list .product.odd .content {
            padding-right: 50px;
            flex: 1; }
        #tx_cart_productlist .product-list .product.even .image {
          padding-left: 50px; } }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list .product {
        width: 33.33333%;
        border-bottom: none;
        border-right: 1px solid #edf3f1;
        padding: 0 46px;
        margin-top: 46px; }
        #tx_cart_productlist .product-list .product.odd .inner {
          border-right: none; }
          #tx_cart_productlist .product-list .product.odd .content {
            padding-right: 0; }
        #tx_cart_productlist .product-list .product.even .image {
          padding-left: 0; }
        #tx_cart_productlist .product-list .product.no-border-right {
          border-right: none !important; } }
  @media (min-width: 1920px) {
      #tx_cart_productlist .product-list .product {
        padding: 0 90px 0 45px; } }
  #tx_cart_productlist .product-list .inner {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    width: 100%;
    border-bottom: 1px solid #edf3f1;
    padding-bottom: 36px; }
  @media (min-width: 768px) {
      #tx_cart_productlist .product-list .inner {
        border-bottom: none;
        margin-bottom: 41px;
        padding-bottom: 0; } }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list .inner {
        display: flex;
        display: -ms-flexbox;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        margin-bottom: 0; } }
  #tx_cart_productlist .product-list .image {
    margin-bottom: 35px; }
  #tx_cart_productlist .product-list .image a {
    text-decoration: none; }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list .image {
        height: 146px; }
        #tx_cart_productlist .product-list .image a {
          height: 100%;
          display: inline-block; } }
  #tx_cart_productlist .product-list img {
    width: 90px;
    height: auto;
    display: block; }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list img {
        width: auto;
        height: 100%; } }
  #tx_cart_productlist .product-list .no-image {
    width: 90px;
    height: 127px;
    background: #edf3f1;
    color: #87aaa2;
    padding: 30px 10px; }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list .no-image {
        height: 100%;
        width: 105px;
        font-size: 18px; } }
  #tx_cart_productlist .product-list .content {
    margin-left: 26px; }
  @media (min-width: 992px) {
      #tx_cart_productlist .product-list .content {
        margin-left: 0; } }
  #tx_cart_productlist .product-list .author {
    color: #305e4f;
    line-height: 24px;
    margin-bottom: 10px; }
  @media (min-width: 1920px) {
      #tx_cart_productlist .product-list .author {
        line-height: 29px;
        margin-bottom: 18px; } }
  #tx_cart_productlist .product-list .title {
    margin-bottom: 26px; }
  #tx_cart_productlist .product-list .subline {
    display: none; }
  @media (min-width: 1920px) {
      #tx_cart_productlist .product-list .subline {
        display: block;
        margin-top: 16px;
        line-height: 24px; } }
  #tx_cart_productlist .product-list .publishing-company {
    display: none; }
  @media (min-width: 1920px) {
      #tx_cart_productlist .product-list .publishing-company {
        display: block;
        margin-bottom: 54px; } }
  @media (min-width: 1920px) {
      #tx_cart_productlist .product-list .price {
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 15px; } }

.de #tx_cart_productlist .product-list .title {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -ms-word-break: break-word;
  word-break: break-word; }

#product-filter-dialects label, #product-filter-series label {
  color: #305e4f;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  -ms-flex-align: flex-start;
  line-height: 24px; }
  #product-filter-dialects label:hover, #product-filter-series label:hover {
    cursor: pointer; }
  #product-filter-dialects label:hover span, #product-filter-series label:hover span {
    color: #87aaa2; }
  #product-filter-dialects label i, #product-filter-series label i {
    font-size: 16px;
    position: relative;
    bottom: -5px; }
  #product-filter-dialects label span, #product-filter-series label span {
    margin-left: 11px;
    display: inline-block; }
  #product-filter-dialects input, #product-filter-series input {
    position: absolute;
    left: -9999px; }
  #product-filter-dialects input:not(:checked) + label i.im-square-o, #product-filter-series input:not(:checked) + label i.im-square-o {
    display: inline-block; }
  #product-filter-dialects input:not(:checked) + label i.im-check-square, #product-filter-series input:not(:checked) + label i.im-check-square {
    display: none; }
  #product-filter-dialects input:checked + label i.im-square-o, #product-filter-series input:checked + label i.im-square-o {
    display: none; }
  #product-filter-dialects input:checked + label label i.im-check-square, #product-filter-series input:checked + label label i.im-check-square {
    display: inline-block; }

#product-category-menu {
  padding: 0; }
  #product-category-menu a {
    color: #305e4f;
    text-decoration: none;
    line-height: 24px; }
  #product-category-menu a:hover {
    color: #87aaa2; }
  #product-category-menu li.current a {
    font-weight: bold; }

.de #tx_cart_productdetails {
  hyphens: auto;
  -moz-hyphens: auto; }

#tx_cart_productdetails {
  background-color: #fff;
  padding: 33px 38px; }
  @media (min-width: 768px) {
  #tx_cart_productdetails {
    padding: 37px 45px; } }
  @media (min-width: 992px) {
  #tx_cart_productdetails {
    padding: 60px; } }
  @media (min-width: 1440px) {
  #tx_cart_productdetails {
    padding: 97px 121px; } }
  #tx_cart_productdetails .head {
    margin-bottom: 44px; }
  @media (min-width: 768px) {
    #tx_cart_productdetails .head {
      margin-bottom: 49px; } }
  #tx_cart_productdetails .author {
    color: #305e4f;
    line-height: 24px;
    margin-bottom: 18px; }
  @media (min-width: 768px) {
    #tx_cart_productdetails .author {
      font-size: 20px;
      line-height: 23px;
      margin-bottom: 25px; } }
  #tx_cart_productdetails .title {
    font-family: WalbaumSB-Italic;
    color: #305e4f;
    font-size: 27px;
    line-height: 31px; }
  @media (min-width: 768px) {
    #tx_cart_productdetails .title {
      font-size: 34px;
      line-height: 41px; } }
  #tx_cart_productdetails .subtitle {
    margin-top: 10px;
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    margin-top: 22px;
    line-height: 24px;
    color: #305e4f; }
  @media (min-width: 1920px) {
    #tx_cart_productdetails .subtitle {
      font-size: 18px; } }
  @media (min-width: 768px) {
    #tx_cart_productdetails .subtitle {
      font-size: 20px;
      line-height: 23px; } }
  #tx_cart_productdetails .price {
    font-size: 19px;
    line-height: 22px;
    margin-top: 12px;
    color: #305e4f;
    font-weight: bold; }
  @media (min-width: 768px) {
    #tx_cart_productdetails .price {
      margin-top: 23px;
      font-size: 20px;
      line-height: 23px; } }
  #tx_cart_productdetails .images {
    max-width: 230px;
    margin-bottom: 40px; }
  #tx_cart_productdetails .thumbnails {
    display: flex;
    display: -ms-flexbox;
    margin: -5px;
    margin-top: 10px; }
  #tx_cart_productdetails .thumbnails .thumbnail {
    padding: 5px; }
  #tx_cart_productdetails .thumbnails .thumbnail img {
    width: 100%;
    height: auto;
    display: block; }
  #tx_cart_productdetails .more-info {
    margin-bottom: -30px;
    color: #305e4f; }
  #tx_cart_productdetails .more-info > div {
    margin-bottom: 30px; }
  #tx_cart_productdetails .content .left {
    margin-bottom: 70px; }
  @media (min-width: 768px) {
    #tx_cart_productdetails .content .left {
      margin-bottom: 0;
      display: flex;
      display: -ms-flexbox;
      flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap; }
      #tx_cart_productdetails .content .left .images {
        margin-right: 35px; }
      #tx_cart_productdetails .content .right {
        display: flex;
        display: -ms-flexbox;
        flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse; } }
  @media (min-width: 992px) {
    #tx_cart_productdetails .content {
      display: flex;
      display: -ms-flexbox;
      flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap; }
      #tx_cart_productdetails .content .left {
        width: 350px;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column; }
        #tx_cart_productdetails .content .left .images {
          margin-right: 65px;
          max-width: 295px;
          margin-bottom: 25px; }
      #tx_cart_productdetails .content .right {
        flex: 1;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column; } }
  #tx_cart_productdetails img {
    width: 100%;
    height: auto; }
  #tx_cart_productdetails .description {
    margin-bottom: -30px; }
  @media (min-width: 768px) {
    #tx_cart_productdetails .description {
      margin-bottom: 35px; } }
  @media (min-width: 1440px) {
    #tx_cart_productdetails .description {
      max-width: 581px; } }
  #tx_cart_productdetails .description p {
    line-height: 24px;
    margin-bottom: 30px; }
  @media (min-width: 768px) {
    #tx_cart_productdetails .cart_form {
      margin-bottom: 0; } }

.cart_form {
  margin-bottom: 53px; }
  .cart_form #add-product-form {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-end;
    -ms-flex-align: flex-end; }
  .cart_form #add-product-form label {
    display: flex;
    display: -ms-flexbox;
    align-self: flex-end;
    color: #305e4f;
    margin-bottom: 30px; }
  .cart_form #add-product-form #cart-quantity {
    border: none;
    border-bottom: 1px solid #305e4f;
    border-radius: 0;
    width: 104px;
    color: #305e4f;
    text-align: right;
    margin-bottom: 66px; }
  .cart_form #add-product-form input[type="submit"] {
    width: 100%;
    background: #305e4f;
    border: none;
    padding: 16px;
    color: #fff;
    cursor: pointer; }
  .cart_form #add-product-form input[type="submit"]:hover {
    background: #87aaa2; }
  @media (min-width: 768px) {
      .cart_form #add-product-form input[type="submit"] {
        max-width: 250px; } }
  @media (min-width: 1440px) {
      .cart_form #add-product-form input[type="submit"] {
        max-width: 344px; } }
  @media (min-width: 992px) {
    .cart_form #add-product-form {
      align-items: flex-start;
      -ms-flex-align: flex-start;
      margin-bottom: 83px; }
      .cart_form #add-product-form label {
        align-self: flex-start; } }
  @media (min-width: 1440px) {
    .cart_form #add-product-form {
      margin-bottom: 62px; } }

#tx_cart_show_cart {
  background: #fff;
  padding: 33px 28px; }
  @media (min-width: 768px) {
  #tx_cart_show_cart {
    padding: 37px 0; } }
  @media (min-width: 992px) {
  #tx_cart_show_cart {
    padding: 60px 0; } }
  @media (min-width: 1440px) {
  #tx_cart_show_cart {
    padding: 97px 0; } }
  #tx_cart_show_cart #form-cart {
    margin-bottom: -10px; }
  #tx_cart_show_cart .update-cart, #tx_cart_show_cart .clear-cart {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center; }
  #tx_cart_show_cart .cart-btns .btn {
    background: #305e4f;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    border: none;
    padding: 16px 0;
    width: 100%;
    color: #fff;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: pointer; }
  #tx_cart_show_cart .cart-btns .btn:hover {
    background: #87aaa2; }
  #tx_cart_show_cart #buy-now-btn {
    cursor: pointer; }
  #tx_cart_show_cart #buy-now-btn:hover {
    background: #87aaa2; }

#checkout-product-table {
  border-collapse: collapse;
  margin: 0;
  margin-bottom: 37px;
  padding: 0;
  width: 100%;
  table-layout: fixed; }
  #checkout-product-table i {
    font-size: 18px;
    color: #87aaa2; }
  #checkout-product-table input[type="text"] {
    border: none;
    border-bottom: 1px solid #305e4f;
    border-radius: 0;
    text-align: right;
    padding: 0 0 10px; }
  #checkout-product-table .product-name, #checkout-product-table p {
    color: #305e4f;
    line-height: 24px; }
  #checkout-product-table thead {
    color: #305e4f; }
  #checkout-product-table th {
    border: none; }
  #checkout-product-table th.first {
    border-bottom: none; }
  #checkout-product-table tbody tr {
    margin-bottom: 30px; }
  #checkout-product-table tbody tr:last-of-type {
    border-bottom: none;
    margin-bottom: 0; }
  #checkout-product-table tbody tr td {
    border-top: none; }
  @media (min-width: 768px) {
  #checkout-product-table {
    font-size: 18px;
    line-height: 28px; }
    #checkout-product-table p {
      line-height: 28px; }

    #checkout-product-table th {
      padding-top: 0 !important;
      vertical-align: top; }

    #checkout-product-table td.last, #checkout-product-table th.last {
      padding: 0.75rem 0 0;
      width: 11.11%; }

    #checkout-product-table th, #checkout-product-table td {
      padding-right: 0 !important;
      padding-left: 0 !important; }

    #checkout-product-table .product-title {
      width: 33.33%; }

    #checkout-product-table .product-price, #checkout-product-table .product-quantity {
      width: 16.5%; }

    #checkout-product-table .product-quantity input {
      width: 64px;
      float: right;
      font-size: 18px; }

    #checkout-product-table .product-subtotal {
      width: 22.22%; } }
  @media (min-width: 1440px) {
  #checkout-product-table .product-quantity input {
    width: 104px; } }
  @media (max-width: 767.98px) {
  #checkout-product-table {
    border: 0; }
    #checkout-product-table tbody tr {
      border-bottom: 1px solid lightgray; }

    #checkout-product-table td:first-of-type {
      display: flex;
      display: -ms-flexbox;
      flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      align-items: flex-start;
      -ms-flex-align: flex-start; }
      #checkout-product-table td:first-of-type p {
        text-align: left; }
      #checkout-product-table td.product-quantity {
        display: flex;
        display: -ms-flexbox;
        justify-content: space-between;
        -ms-flex-pack: justify;
        align-items: flex-end;
        -ms-flex-align: flex-end; }
      #checkout-product-table td.product-quantity input {
        width: 104px; }
      #checkout-product-table td:last-of-type {
        padding-bottom: 36px; }

    #checkout-product-table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }

    #checkout-product-table tr {
      display: block; }

    #checkout-product-table td {
      display: block;
      text-align: right; }
      #checkout-product-table td:before {
        content: attr(data-label);
        float: left;
        color: #305e4f; }

    #checkout-product-table .product-name {
      text-align: left;
      margin-top: 12px; } }

#form-order {
  margin-top: 53px; }
  #form-order h5 {
    padding: 0 0 23px; }
  @media (min-width: 768px) {
  #form-order {
    margin-top: 90px; } }
  @media (min-width: 1440px) {
  #form-order {
    margin-top: 100px; } }
  #form-order input.btn {
    width: 100%;
    height: 64px;
    background: #305e4f;
    color: white;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center; }

#billing-address label, #shipping-address label {
  color: #305e4f; }
  #billing-address input, #shipping-address input {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #305e4f;
    padding: 0.375rem 0; }
  #billing-address .input-box, #shipping-address .input-box {
    margin-top: 22px;
    margin-bottom: 65px; }
  @media (min-width: 768px) {
    #billing-address .input-box, #shipping-address .input-box {
      margin-bottom: 50px; } }

#form-order .nice-select {
  font-size: 16px; }
  #form-order .control {
    margin-bottom: 53px; }

#checkout-review {
  margin-top: 65px; }
  @media (min-width: 992px) {
  #checkout-review {
    margin-top: 0; } }
  #checkout-review textarea {
    border: 1px solid #305e4f;
    border-radius: 0;
    margin-top: 10px;
    margin-bottom: 38px;
    min-height: 133px; }
  @media (min-width: 768px) {
    #checkout-review textarea {
      margin-bottom: 50px; } }
  @media (min-width: 992px) {
    #checkout-review textarea {
      margin-bottom: 60px; } }
  #checkout-review label {
    color: #305e4f; }
  #checkout-review .acceptTerms {
    margin-bottom: 30px; }
  #checkout-review .acceptTerms a {
    color: #305e4f;
    text-decoration: none; }
  #checkout-review .acceptTerms label {
    color: #305e4f; }
  #checkout-review .acceptTerms label:hover {
    cursor: pointer; }
  #checkout-review .acceptTerms .checkbox-icon {
    display: block;
    margin-bottom: 10px; }
  #checkout-review .acceptTerms input {
    position: absolute;
    left: -9999px; }
  #checkout-review .acceptTerms i {
    font-size: 16px; }
  #checkout-review .acceptTerms i.im-square-o {
    padding-bottom: 1px; }
  @media (min-width: 1920px) {
        #checkout-review .acceptTerms i.im-square-o {
          padding-bottom: 2px; } }
  #checkout-review .acceptTerms input:not(:checked) + label i.im-square-o {
    display: block; }
  #checkout-review .acceptTerms input:not(:checked) + label i.im-check-square {
    display: none; }
  #checkout-review .acceptTerms input:checked + label i.im-square-o {
    display: none; }
  #checkout-review .acceptTerms input:checked + label label i.im-check-square {
    display: block; }

#shipping-method a {
  color: #305e4f;
  text-decoration: none; }

#payment-method {
  margin-top: 65px; }
  #payment-method .setPayment {
    color: #305e4f;
    text-decoration: none; }
  #payment-method .setPayment:hover {
    text-decoration: underline; }
  #payment-method .sp-methods dt:nth-of-type(n+2) {
    margin-top: 20px; }

#checkout-review-table {
  margin-bottom: 35px; }
  #checkout-review-table tr {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column; }

#dialect-filter-control, #series-filter-control {
  cursor: pointer; }
  #dialect-filter-control span, #series-filter-control span {
    line-height: 24px;
    color: #305e4f;
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start;
    -ms-flex-align: flex-start; }
  #dialect-filter-control i, #series-filter-control i {
    position: relative;
    bottom: -5px;
    font-size: 16px;
    margin-right: 11px; }

#tx_cart_productslider {
  padding: 46px 37px;
  background: #fff; }
  @media (min-width: 768px) {
  #tx_cart_productslider {
    padding: 37px 46px; } }
  @media (min-width: 1440px) {
  #tx_cart_productslider {
    padding: 60px; } }
  #tx_cart_productslider > .headline {
    color: #305e4f;
    text-align: center;
    margin-bottom: 12px; }
  @media (min-width: 768px) {
    #tx_cart_productslider > .headline {
      font-size: 20px; } }
  @media (min-width: 992px) {
    #tx_cart_productslider > .headline {
      text-align: left;
      margin-bottom: 61px; } }
  @media (min-width: 1440px) {
    #tx_cart_productslider > .headline {
      font-size: 24px;
      line-height: 29px; } }

#product-slider {
  margin: 0 auto; }
  @media (min-width: 768px) {
  #product-slider {
    position: relative; }
    #product-slider:before {
      content: '';
      width: 1px;
      height: 100%;
      background: #fff;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 1; } }
  #product-slider .product {
    outline: none; }
  #product-slider .product .inner {
    height: inherit; }
  @media (min-width: 768px) {
      #product-slider .product .inner {
        min-height: 407px;
        padding: 0 30px;
        border-right: 1px solid #edf3f1; } }
  @media (min-width: 1440px) {
      #product-slider .product .inner {
        padding: 0 40px 0 56px; } }
  #product-slider .product .image {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: 31px; }
  @media (min-width: 768px) {
      #product-slider .product .image {
        margin-bottom: 47px; } }
  @media (min-width: 992px) {
      #product-slider .product .image {
        margin-bottom: 44px; } }
  #product-slider .product .image img {
    width: 104px;
    height: auto; }
  #product-slider .product .image .no-image {
    width: 104px;
    height: 139px;
    background: #edf3f1; }
  #product-slider .product .image a {
    color: #305e4f;
    text-decoration: none; }
  @media (min-width: 992px) {
      #product-slider .product .image {
        justify-content: flex-start;
        -ms-flex-pack: flex-start; } }
  #product-slider .product .content {
    text-align: center; }
  @media (min-width: 992px) {
      #product-slider .product .content {
        text-align: left; } }
  #product-slider .product .content .author {
    color: #305e4f;
    line-height: 24px;
    margin-bottom: 10px; }
  #product-slider .product .content .title .headline {
    font-size: 19px;
    line-height: 22px; }
    @media (min-width: 768px) {
        #product-slider .product .content .title .headline {
          font-size: 20px;
          line-height: 23px; } }
    @media (min-width: 1440px) {
        #product-slider .product .content .title .headline {
          font-size: 24px;
          line-height: 29px; } }
    #product-slider .product .content .title .headline a {
      outline: none;
      color: #305e4f;
      text-decoration: none; }
  #product-slider .product .content .subline {
    margin-top: 17px;
    font-size: 16px;
    line-height: 24px; }
  @media (min-width: 768px) {
        #product-slider .product .content .subline {
          margin-bottom: 22px; } }
  @media (min-width: 1440px) {
        #product-slider .product .content .subline {
          font-size: 18px;
          line-height: 22px; } }
  #product-slider .product .content .publishing-company {
    margin-top: 30px; }
  #product-slider .product .content .price {
    margin-top: 30px;
    font-size: 19px;
    line-height: 22px; }
  @media (min-width: 768px) {
        #product-slider .product .content .price {
          font-size: 20px;
          line-height: 23px; } }
  @media (min-width: 1440px) {
        #product-slider .product .content .price {
          font-size: 24px;
          line-height: 29px; } }
  #product-slider .slick-arrow {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 9px); }
  #product-slider .slick-arrow.slick-prev {
    left: -16px; }
  #product-slider .slick-arrow.slick-next {
    right: -16px; }
  #product-slider .slick-arrow i {
    color: #305e4f;
    font-size: 20px; }
  #product-slider .slick-arrow.slick-disabled {
    cursor: not-allowed; }
  #product-slider .slick-arrow.slick-disabled i {
    color: #cbdbd7; }

#product-slider-dots {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
  #product-slider-dots {
    position: absolute;
    right: 0;
    top: -83px; } }
  #product-slider-dots .slick-dots {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap; }
  #product-slider-dots .slick-dots li {
    margin: 4px; }
  #product-slider-dots .slick-dots li.slick-active button:before {
    border-color: #305e4f;
    background: #305e4f; }
  #product-slider-dots button {
    box-sizing: border-box;
    position: relative;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  #product-slider-dots button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    content: '';
    border: 1px solid #cbdbd7;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

#product-search-form {
  margin-bottom: 30px; }
  #product-search-form .headline {
    margin-bottom: 22px; }
  #product-search-form input {
    color: #305e4f;
    border-bottom: 1px solid #e5f2f8;
    padding: 10px;
    width: 100%;
    max-width: 230px;
    font-size: 16px;
    margin-bottom: 15px; }
  #product-search-form button[type=submit] {
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    border: none;
    background: #305e4f;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    cursor: pointer; }
  #product-search-form button[type=submit] i {
    font-size: 16px;
    margin-right: 7px; }
  @media (min-width: 768px) and (max-width: 1439.98px) {
    #product-search-form button[type=submit] {
      width: 200px;
      display: inline-flex; } }

#panorama {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #000;
  color: #fff; }
  #panorama a, #panorama a:hover, #panorama a:active, #panorama a.nice-select.open, #panorama a:visited {
    color: white;
    text-decoration: none; }

#pano {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

#titleBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  height: 40px;
  text-align: center; }

.mobile #titleBar {
  height: 50px;
  right: 50px; }
/* If there is a fullscreen button the title bar must make space for it */
#panorama.fullscreen-enabled #titleBar {
  right: 80px; }

#panorama.fullscreen-enabled.mobile #titleBar {
  right: 100px; }
/* If there are multiple scenes the title bar must make space for the scene list toggle */
#panorama.multiple-scenes #titleBar {
  left: 40px; }

#panorama.multiple-scenes.mobile #titleBar {
  left: 50px; }

#titleBar .sceneName {
  width: 100%;
  height: 100%;
  line-height: 30px;
  padding: 5px;
  background-color: #3a4454;
  background-color: rgba(58, 68, 84, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.mobile #titleBar .sceneName {
  line-height: 40px; }

#fullscreenToggle {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 5px;
  background-color: #677383;
  background-color: rgba(103, 115, 131, 0.8); }

.mobile #fullscreenToggle {
  width: 50px;
  height: 50px; }

#panorama.fullscreen-enabled #fullscreenToggle {
  display: block; }

#fullscreenToggle .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px; }

.mobile #fullscreenToggle .icon {
  top: 10px;
  right: 10px; }

#fullscreenToggle .icon.on {
  display: none; }

#fullscreenToggle .icon.off {
  display: block; }

#fullscreenToggle.enabled .icon.on {
  display: block; }

#fullscreenToggle.enabled .icon.off {
  display: none; }

#autorotateToggle {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 5px;
  background-color: #677383;
  background-color: rgba(103, 115, 131, 0.8); }

.mobile #autorotateToggle {
  width: 50px;
  height: 50px; }
/* If there is a fullscreen button, autorotate must placed a bit to the left */
#panorama.fullscreen-enabled #autorotateToggle {
  right: 40px; }

#panorama.fullscreen-enabled.mobile #autorotateToggle {
  right: 50px; }

#autorotateToggle .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px; }

.mobile #autorotateToggle .icon {
  top: 10px;
  right: 10px; }

#autorotateToggle .icon.on {
  display: none; }

#autorotateToggle .icon.off {
  display: block; }

#autorotateToggle.enabled .icon.on {
  display: block; }

#autorotateToggle.enabled .icon.off {
  display: none; }

#sceneListToggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  padding: 5px;
  background-color: #677383;
  background-color: rgba(103, 115, 131, 0.8); }

.mobile #sceneListToggle {
  width: 50px;
  height: 50px; }

#sceneListToggle .text {
  position: absolute;
  top: 5px;
  left: 15px;
  width: 100%;
  line-height: 30px; }

#sceneListToggle .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px; }

.mobile #sceneListToggle .icon {
  top: 10px;
  right: 10px; }

#sceneListToggle .icon.on {
  display: none; }

#sceneListToggle .icon.off {
  display: block; }

#sceneListToggle.enabled .icon.on {
  display: block; }

#sceneListToggle.enabled .icon.off {
  display: none; }

#sceneList {
  position: absolute;
  top: 0;
  left: -220px;
  padding-top: 40px;
  width: 220px;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: 0;
  -webkit-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out; }

.mobile #sceneList {
  padding-top: 50px; }

#sceneList .scenes {
  width: 100%;
  background-color: #3a4454;
  background-color: rgba(58, 68, 84, 0.8); }

.mobile #sceneList {
  width: 100%;
  height: 100%;
  left: -100%; }

.mobile #sceneList.enabled {
  margin-left: 100%; }

.mobile #sceneList .scenes {
  height: 100%; }

#sceneList.enabled {
  margin-left: 220px; }

#sceneList .scene {
  display: block;
  width: 100%;
  height: 30px; }

.mobile #sceneList .scene {
  height: 40px; }

#sceneList .scene .text {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.mobile #sceneList .scene .text {
  line-height: 40px; }

.no-touch #sceneList .scene:hover {
  background-color: #677383;
  background-color: rgba(103, 115, 131, 0.8); }

#sceneList .scene.current {
  background-color: #677383;
  background-color: rgba(103, 115, 131, 0.8); }
/* Hide scene list when only a single scene exists */
#panorama.single-scene #sceneList, #panorama.single-scene #sceneListToggle {
  display: none; }
/* Link hotspot */
.link-hotspot {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  opacity: 0.9;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.no-touch .link-hotspot:hover {
  opacity: 1; }

.mobile .link-hotspot {
  width: 70px;
  height: 70px; }

.link-hotspot-icon {
  width: 100%;
  height: 100%;
  cursor: pointer; }

.link-hotspot-tooltip {
  position: absolute;
  left: 100%;
  top: 14px;
  /* ( 60 - (16 + 2*8) ) / 2 */
  margin-left: 3px;
  font-size: 16px;
  max-width: 300px;
  padding: 8px 10px;
  border-radius: 5px;
  background-color: #3a4454;
  background-color: rgba(58, 68, 84, 0.8);
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  -ms-transform: translateX(-8px);
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
  -webkit-transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s;
  transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, opacity 0.3s; }

.mobile .link-hotspot {
  top: 19px;
  /* ( 70 - (16 + 2*8) ) / 2 */ }

.no-touch .link-hotspot:hover .link-hotspot-tooltip {
  opacity: 1;
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0); }
/* Prevent tooltip from triggering */
.link-hotspot-tooltip {
  pointer-events: none; }

.no-touch .link-hotspot:hover .link-hotspot-tooltip {
  pointer-events: all; }
/* Fallback mode without pointer-events (IE8-10) */
.tooltip-fallback .link-hotspot-tooltip {
  display: none; }

.no-touch .tooltip-fallback .link-hotspot:hover .link-hotspot-tooltip {
  display: block; }
/* Info hotspot */
.info-hotspot {
  line-height: 1.2em;
  opacity: 1;
  -webkit-transition: opacity 0.2s 0.2s;
  transition: opacity 0.2s 0.2s; }
  .info-hotspot .info-hotspot-header {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background-color: #305e4f;
    cursor: pointer;
    -webkit-transition: width 0.3s ease-in-out 0.5s, border-radius 0.3s ease-in-out 0.5s;
    transition: width 0.3s ease-in-out 0.5s, border-radius 0.3s ease-in-out 0.5s;
    color: #fff; }
  .info-hotspot .info-hotspot-header p {
    color: #fff; }
  .info-hotspot .info-hotspot-close-wrapper {
    position: absolute;
    left: 260px;
    top: 0;
    height: 40px;
    width: 40px;
    border-top-right-radius: 5px;
    background-color: #305e4f;
    visibility: hidden;
    -ms-transform: perspective(200px) rotateY(90deg);
    -webkit-transform: perspective(200px) rotateY(90deg);
    transform: perspective(200px) rotateY(90deg);
    -ms-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0;
    -webkit-transition: -ms-transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s, transform 0.3s 0.3s, visibility 0s 0.6s;
    transition: -ms-transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s, transform 0.3s 0.3s, visibility 0s 0.6s; }
  .info-hotspot .info-hotspot-text {
    color: #305e4f;
    position: absolute;
    width: 300px;
    height: auto;
    max-height: 200px;
    top: 40px;
    left: 0;
    padding: 10px;
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow-y: auto;
    visibility: hidden;
    /* rotate(90deg) causes transition flicker on Firefox 58 */
    -ms-transform: perspective(200px) rotateX(-89.999deg);
    -webkit-transform: perspective(200px) rotateX(-89.999deg);
    transform: perspective(200px) rotateX(-89.999deg);
    -ms-transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    -webkit-transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, visibility 0s 0.3s;
    transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, visibility 0s 0.3s;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  .info-hotspot .info-hotspot-text p {
    color: #305e4f; }

.no-touch .info-hotspot:hover {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  z-index: 1; }

.info-hotspot.visible {
  z-index: 1; }

.mobile .info-hotspot .info-hotspot-header {
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.desktop.no-touch .info-hotspot .info-hotspot-header:hover {
  width: 260px;
  border-radius: 5px;
  -webkit-transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out; }

.desktop .info-hotspot.visible .info-hotspot-header, .desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover {
  width: 260px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, border-radius 0.3s ease-in-out; }

.info-hotspot .info-hotspot-icon-wrapper {
  width: 40px;
  height: 40px; }

.mobile .info-hotspot .info-hotspot-icon-wrapper {
  width: 50px;
  height: 50px; }

.info-hotspot .info-hotspot-icon {
  width: 90%;
  height: 90%;
  margin: 5%; }

.info-hotspot .info-hotspot-title-wrapper {
  position: absolute;
  left: 40px;
  top: 0;
  width: 0;
  height: 40px;
  padding: 0;
  overflow: hidden;
  -webkit-transition: width 0s 0.4s, padding 0s 0.4s;
  transition: width 0s 0.4s, padding 0s 0.4s; }

.desktop .info-hotspot.visible .info-hotspot-title-wrapper, .desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper {
  width: 220px;
  padding: 0 5px;
  -webkit-transition: width 0s 0.4s, padding 0s 0.4s;
  transition: width 0s 0.4s, padding 0s 0.4s; }

.info-hotspot .info-hotspot-title-wrapper:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.info-hotspot .info-hotspot-title {
  display: inline-block;
  vertical-align: middle;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.desktop .info-hotspot.visible .info-hotspot-close-wrapper {
  visibility: visible;
  -ms-transform: perspective(200px) rotateY(0deg);
  -webkit-transform: perspective(200px) rotateY(0deg);
  transform: perspective(200px) rotateY(0deg);
  -webkit-transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, visibility 0s 0s;
  transition: -ms-transform 0.3s, -webkit-transform 0.3s, transform 0.3s, visibility 0s 0s; }

.info-hotspot .info-hotspot-close-icon {
  width: 70%;
  height: 70%;
  margin: 15%; }

.desktop .info-hotspot.visible .info-hotspot-text {
  visibility: visible;
  -ms-transform: perspective(200px) rotateX(0deg);
  -webkit-transform: perspective(200px) rotateX(0deg);
  transform: perspective(200px) rotateX(0deg);
  -webkit-transition: -ms-transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s, transform 0.3s 0.3s, visibility 0s 0s;
  transition: -ms-transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s, transform 0.3s 0.3s, visibility 0s 0s; }
/* Info hotspot modal */
.desktop .info-hotspot-modal {
  display: none; }

.info-hotspot-modal {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 11000 !important;
  background-color: rgba(0, 0, 0, .5);
  line-height: 1.2em;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out 0.5s, visibility 0s 0.7s;
  transition: opacity 0.2s ease-in-out 0.5s, visibility 0s 0.7s; }
  .info-hotspot-modal.visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0s 0s;
    transition: opacity 0.2s ease-in-out, visibility 0s 0s; }
  .info-hotspot-modal.visible .info-hotspot-header {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out 0.2s;
    transition: opacity 0.3s ease-in-out 0.2s; }
  .info-hotspot-modal .info-hotspot-header {
    position: absolute;
    top: 60px;
    left: 10px;
    right: 10px;
    width: auto;
    height: 50px;
    background-color: #305e4f;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out 0.2s;
    transition: opacity 0.3s ease-in-out 0.2s; }
  .info-hotspot-modal .info-hotspot-title-wrapper {
    position: absolute;
    top: 0;
    left: 50px;
    right: 50px;
    width: auto;
    height: 50px;
    padding: 0 10px; }
  .info-hotspot-modal .info-hotspot-icon-wrapper {
    width: 50px;
    height: 50px; }
  .info-hotspot-modal .info-hotspot-icon {
    width: 90%;
    height: 90%;
    margin: 5%; }
  .info-hotspot-modal .info-hotspot-title {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text; }
  .info-hotspot-modal .info-hotspot-title p {
    color: #fff; }
  .info-hotspot-modal .info-hotspot-close-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-color: #305e4f;
    cursor: pointer; }
  .info-hotspot-modal .info-hotspot-text {
    position: absolute;
    top: 110px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
    background-color: #fff;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text; }

.info-hotspot-modal .info-hotspot-title-wrapper:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.info-hotspot-modal .info-hotspot-close-icon {
  width: 70%;
  height: 70%;
  margin: 15%; }

.info-hotspot-modal.visible .info-hotspot-text {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out 0.4s;
  transition: opacity 0.3s ease-in-out 0.4s; }
/* View control buttons */
.viewControlButton {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 40px;
  height: 40px;
  padding: 5px;
  background-color: #677383;
  background-color: rgba(103, 115, 131, 0.8); }

#panorama.view-control-buttons .viewControlButton {
  display: block; }
/* Hide controls when width is too small */
@media (max-width: 600px) {
  #panorama.view-control-buttons .viewControlButton {
    display: none; } }

.viewControlButton .icon {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px; }
/* Center is at margin-left: -20px */
.viewControlButton-1 {
  margin-left: -145px; }

.viewControlButton-2 {
  margin-left: -95px; }

.viewControlButton-3 {
  margin-left: -45px; }

.viewControlButton-4 {
  margin-left: 5px; }

.viewControlButton-5 {
  margin-left: 55px; }

.viewControlButton-6 {
  margin-left: 105px; }

#panorama {
  height: 500px; }
  @media (min-width: 992px) {
  #panorama {
    height: 700px; } }

.pageWrap {
  overflow: hidden; }

::selection {
  background: #87aaa2; }

::-moz-selection {
  background: #87aaa2; }

body {
  font-family: Scala Sans W04 Regular;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  background: #fff; }
  @media (min-width: 1920px) {
  body {
    font-size: 18px; } }
  body p, body ul, body ol {
    color: #305e4f; }
  body p span.underline, body ul span.underline, body ol span.underline {
    text-decoration: underline; }
  body p i, body ul i, body ol i, body p em, body ul em, body ol em {
    font-family: Scala Sans W02 Italic;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  body p b, body ul b, body ol b, body p strong, body ul strong, body ol strong {
    font-weight: bold; }
  body a.downloadlink:before {
    font-family: 'iconmonstr-iconic-font';
    content: '\e039';
    margin-right: 7px;
    font-size: 13px; }

@media (min-width: 1440px) {
    .container {
      padding: 0 !important; } }
  @media (min-width: 1920px) {
  .container {
    max-width: 1428px; } }

.news-list-view .article .no-image, .news-list-view.loading #load-more-news, ul.tx-indexedsearch-browsebox li a, .dpnglossary.pagination ul li.empty, .dpnglossary.pagination ul li.current, #tx_cart_productlist .product-list .no-image, #product-slider .product .image .no-image, #site-switch a, #link-to-search a, #nav-btn, #nav-btn-desktop, #select-language .item a, #opening-hours, #webshop-link, #main-nav .main-menu li.sub .open-sub-menu-btn .icon, #main-nav .main-sub-menu li.sub .open-sub-menu-btn .icon, #header-text .donate .circle, #footer-logos .logos .image, #scroll-to-top .inner-circle {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center; }

#link-to-search, #link-to-search a, #nav-btn, #nav-btn-desktop, #select-language .active, #select-language .item a {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px; }
  @media (min-width: 768px) {
  #link-to-search, #link-to-search a, #nav-btn, #nav-btn-desktop, #select-language .active, #select-language .item a {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px; } }

.theme-background-color-1 {
  background-color: #305e4f; }

.theme-background-color-2 {
  background-color: #edf3f1; }

.theme-text-color-dark {
  color: #87aaa2; }

.theme-text-color-light {
  color: #cbdbd7; }

.default-box {
  background-color: #fff; }

header.header-nav {
  display: flex;
  display: -ms-flexbox;
  position: relative;
  z-index: 20;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
  header.header-nav {
    padding: 0;
    margin-bottom: 38px; } }
  @media (min-width: 992px) {
  header.header-nav {
    height: 102px;
    margin-bottom: 0;
    padding: 0 calc(20px / 2); } }
  @media (min-width: 1440px) {
  header.header-nav {
    height: 113px; } }
  @media (min-width: 1920px) {
  header.header-nav {
    padding: 0;
    height: 136px; } }

.main {
  width: 100%; }

.image.no-image {
  width: 100%; }

#logo-wrap {
  height: 110px;
  width: 59px; }
  #logo-wrap img#logo {
    width: 100%;
    height: auto; }
  @media (min-width: 768px) {
  #logo-wrap {
    height: 144px;
    width: 77px; } }
  @media (min-width: 992px) {
  #logo-wrap {
    height: 195px;
    width: calc(104px + 55px);
    padding-right: 55px; } }
  @media (min-width: 1440px) {
  #logo-wrap {
    height: 223px;
    width: calc(119px + 91px);
    padding-right: 91px; } }
  @media (min-width: 1920px) {
  #logo-wrap {
    height: 266px;
    width: calc(142px + 98px);
    padding-right: 98px; } }

.nav-wrap {
  margin-left: 20px;
  flex: 1;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  @media (min-width: 768px) {
  .nav-wrap {
    margin-left: 42px; } }
  @media (min-width: 992px) {
  .nav-wrap {
    margin-left: 0;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    position: relative;
    height: calc(64px + 16px); } }

#site-switch-select {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  z-index: 10; }
  #site-switch-select .green {
    background: #305e4f; }
  #site-switch-select .orange {
    background: #e1622a; }
  #site-switch-select .blue {
    background: #007fb6; }
  #site-switch-select .yellow {
    background: #f1ba23; }
  #site-switch-select .active {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    -ms-flex-align: center;
    color: #fff;
    padding: 14px 14px 17px 14px; }
  #site-switch-select .active i {
    font-size: 20px; }
  #site-switch-select .dropdown {
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100% + 10px);
    display: none; }
  #site-switch-select .item a {
    display: block;
    padding: 14px 14px 17px 14px;
    text-decoration: none;
    color: #fff; }

#site-switch {
  width: 100%;
  margin-bottom: 16px; }
  #site-switch ul {
    width: 100%;
    display: flex;
    display: -ms-flexbox; }
  #site-switch ul li {
    height: 52px;
    flex: 1;
    transition: height 0.3s; }
  #site-switch ul li.active {
    height: 64px; }
  #site-switch ul li.green {
    background: #305e4f; }
  #site-switch ul li.orange {
    background: #e1622a; }
  #site-switch ul li.blue {
    background: #007fb6; }
  #site-switch ul li.yellow {
    background: #f1ba23; }
  #site-switch ul li:hover:not(.active) {
    height: 64px; }
  #site-switch a {
    width: 100%;
    height: 100%;
    color: #fff;
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    text-decoration: none;
    padding: 10px; }
  @media (min-width: 1920px) {
    #site-switch a {
      font-size: 18px; } }
  @media (min-width: 992px) {
  #site-switch {
    margin-right: 16px;
    margin-bottom: 0;
    flex: 1; } }

#link-to-search {
  margin-right: 10px; }
  #link-to-search a {
    background: #edf3f1;
    text-decoration: none; }
  #link-to-search a i {
    color: #305e4f;
    font-size: 20px; }
  @media (min-width: 768px) {
  #link-to-search {
    margin-right: 16px; } }

#nav-btn, #nav-btn-desktop {
  background: #edf3f1;
  cursor: pointer; }
  #nav-btn i, #nav-btn-desktop i {
    padding-top: 3px;
    color: #305e4f;
    font-size: 18px; }

#select-language {
  background: #edf3f1;
  width: 50px;
  position: relative;
  z-index: 1; }
  #select-language .active {
    cursor: pointer;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding: 0 8px 0 9px; }
  #select-language .active i {
    position: relative;
    top: 3px;
    font-size: 6px;
    color: #305e4f; }
  #select-language .dropdown {
    background: #edf3f1;
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    display: none; }
  #select-language .item {
    position: relative; }
  #select-language .item a {
    width: 100%; }
  #select-language .label {
    position: absolute;
    right: 100%;
    top: 0;
    background: #edf3f1;
    height: 100%;
    align-items: center;
    -ms-flex-align: center;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    display: flex;
    display: -ms-flexbox;
    padding-left: 20px;
    color: #305e4f;
    width: 80px;
    text-transform: capitalize; }
  @media (min-width: 768px) {
  #select-language {
    width: 64px; }
    #select-language .active {
      padding: 0 15px 0 17px; }

    #select-language .dropdown {
      top: calc(100% + 16px); } }

#opening-hours {
  flex: 1; }
  #opening-hours .inner {
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #305e4f; }
  @media (min-width: 1920px) {
    #opening-hours .inner {
      font-size: 18px; } }
  #opening-hours i {
    font-size: 15px;
    margin-bottom: 5px; }
  #opening-hours .text {
    display: none; }
  #opening-hours .openinghour-time {
    line-height: 20px;
    max-width: 80px; }
  @media (min-width: 1920px) {
    #opening-hours .openinghour-time {
      max-width: 90px; } }
  @media (min-width: 768px) {
  #opening-hours .inner {
    display: flex;
    display: -ms-flexbox; }
    #opening-hours i {
      margin-right: 10px; }

    #opening-hours .text {
      display: block;
      line-height: 20px; }

    #opening-hours .weekday {
      margin-right: 4px; } }
  @media (min-width: 992px) {
  #opening-hours {
    position: absolute;
    top: 100%;
    align-items: flex-end;
    -ms-flex-align: flex-end; }
    #opening-hours .inner {
      flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column; } }

#webshop-link {
  flex: 1; }
  #webshop-link a {
    display: flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    text-decoration: none; }
  #webshop-link i {
    font-size: 15px;
    color: #305e4f; }
  #webshop-link span {
    color: #305e4f;
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px; }
  @media (min-width: 992px) {
  #webshop-link {
    position: absolute;
    top: 100%;
    align-items: flex-end;
    -ms-flex-align: flex-end; }
    #webshop-link .inner {
      flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column; }

    #webshop-link span {
      display: block; } }

.main-nav-wrap {
  width: 50px;
  margin-right: 10px; }
  @media (min-width: 768px) {
  .main-nav-wrap {
    width: 64px;
    margin-right: 16px; } }

#main-nav {
  display: none;
  position: absolute;
  left: 0;
  background: #edf3f1;
  width: calc(100% - (64px * 2) - (16px * 2));
  top: 100%; }
  #main-nav .main-menu li, #main-nav .main-sub-menu li {
    height: 51px;
    display: flex;
    display: -ms-flexbox; }
  #main-nav .main-menu li:hover, #main-nav .main-sub-menu li:hover {
    background: #87aaa2; }
  #main-nav .main-menu li:hover .open-sub-menu-btn, #main-nav .main-sub-menu li:hover .open-sub-menu-btn {
    background: #87aaa2; }
  #main-nav .main-menu li.sub .open-sub-menu-btn, #main-nav .main-sub-menu li.sub .open-sub-menu-btn {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    cursor: pointer;
    width: 100%; }
    #main-nav .main-menu li.sub .open-sub-menu-btn .title, #main-nav .main-sub-menu li.sub .open-sub-menu-btn .title {
      flex: 1;
      padding-left: 21px; }
    #main-nav .main-menu li.sub .open-sub-menu-btn .icon, #main-nav .main-sub-menu li.sub .open-sub-menu-btn .icon {
      width: 51px; }
    #main-nav .main-menu li.sub .open-sub-menu-btn i, #main-nav .main-sub-menu li.sub .open-sub-menu-btn i {
      font-size: 8px;
      color: #305e4f; }
    #main-nav .main-menu li.sub .open-sub-menu-btn:hover i, #main-nav .main-sub-menu li.sub .open-sub-menu-btn:hover i {
      color: #fff; }
  #main-nav .main-menu .go-back-to-main-menu, #main-nav .main-sub-menu .go-back-to-main-menu {
    cursor: pointer;
    height: 51px;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 21px;
    color: #305e4f;
    font-size: 16px; }
  @media (min-width: 1920px) {
      #main-nav .main-menu .go-back-to-main-menu, #main-nav .main-sub-menu .go-back-to-main-menu {
        font-size: 18px; } }
  #main-nav .main-menu .go-back-to-main-menu i, #main-nav .main-sub-menu .go-back-to-main-menu i {
    margin-right: 10px;
    font-size: 8px; }
  #main-nav .main-menu .go-back-to-main-menu:hover, #main-nav .main-sub-menu .go-back-to-main-menu:hover {
    background: #87aaa2; }
  #main-nav .main-menu .go-back-to-main-menu span, #main-nav .main-sub-menu .go-back-to-main-menu span {
    margin-left: 7px; }
  #main-nav a {
    cursor: pointer;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    padding: 0 21px;
    height: 100%;
    flex: 1;
    text-decoration: none;
    color: #305e4f;
    font-size: 16px; }
  @media (min-width: 1920px) {
    #main-nav a {
      font-size: 18px; } }
  #main-nav a i {
    font-size: 6px; }
  #main-nav .main-sub-menu {
    display: none; }

#mobile-menu {
  display: none; }

@media (min-width: 992px) {
    #quick-info {
      position: relative;
      padding-left: 16px;
      width: calc(104px + 55px);
      align-items: flex-end;
      -ms-flex-align: flex-end;
      height: 102px; } }
  @media (min-width: 1440px) {
  #quick-info {
    width: calc(119px + 91px);
    height: 113px; } }
  @media (min-width: 1920px) {
  #quick-info {
    width: calc(142px + 98px);
    height: 136px; } }

#header-image-wrap .lines-and-header-image {
  position: relative; }
  #header-image-wrap .lines-and-header-image:after {
    content: '';
    display: block;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #edf3f1; }
  @media (min-width: 768px) {
  #header-image-wrap .lines-and-header-image:after {
    height: 120px; } }
  @media (min-width: 992px) {
  #header-image-wrap .lines-and-header-image:after {
    height: 106px; } }
  @media (min-width: 1440px) {
  #header-image-wrap .lines-and-header-image:after {
    height: 140px; } }
  @media (min-width: 1920px) {
  #header-image-wrap .lines-and-header-image:after {
    height: 160px; } }

.header-image {
  position: relative;
  z-index: 2;
  overflow: hidden;
  pointer-events: none; }
  .header-image img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
    pointer-events: visible; }
  @media (min-width: 768px) {
  .header-image .container {
    padding: 0; } }
  @media (min-width: 992px) {
  .header-image .container {
    position: relative;
    padding: 0 calc(20px / 2); }
    .header-image .image {
      position: relative;
      padding: 0 159px; } }
  @media (min-width: 1440px) {
  .header-image .image {
    padding: 0 210px; } }
  @media (min-width: 1920px) {
  .header-image .container {
    padding: 0; }
  .header-image .image {
    padding: 0 240px; } }

#header-text {
  background: #edf3f1; }
  @media (min-width: 576px) {
    #header-text .container {
      position: relative; } }
  @media (min-width: 768px) {
    #header-text .container {
      padding: 0; } }
  @media (min-width: 992px) {
    #header-text .container {
      padding: 0 calc(20px / 2); } }
  @media (min-width: 1920px) {
    #header-text .container {
      padding: 0; } }
  #header-text .text {
    position: relative;
    top: -50px;
    min-height: 50px;
    z-index: 2;
    padding: 23px 0 0 0;
    width: 75%;
    background: #edf3f1;
    padding-right: 20px; }
  @media (min-width: 768px) {
    #header-text .text {
      top: -120px;
      min-height: 120px;
      padding: 48px 48px 0 0; } }
  @media (min-width: 992px) {
    #header-text .text {
      width: 66.2%;
      top: -106px;
      min-height: 106px;
      padding: 46px 46px 0 0; } }
  @media (min-width: 1440px) {
    #header-text .text {
      width: 70.2%;
      top: -140px;
      min-height: 140px;
      padding: 62px 62px 0 0; } }
  @media (min-width: 1920px) {
    #header-text .text {
      width: 72%;
      top: -160px;
      min-height: 160px;
      padding: 72px 72px 0 0; } }
  #header-text .std-header .subline {
    margin-bottom: 14px;
    padding-right: 110px;
    line-height: 22px; }
  @media (min-width: 768px) {
      #header-text .std-header .subline {
        margin-bottom: 18px;
        padding: 0; } }
  @media (min-width: 992px) {
      #header-text .std-header .subline {
        margin-bottom: 15px; } }
  @media (min-width: 1440px) {
      #header-text .std-header .subline {
        margin-bottom: 14px; } }
  #header-text .std-header:after {
    content: '';
    display: block;
    width: 144px;
    height: 10px;
    background: #305e4f;
    margin-top: 14px;
    order: 3; }
  @media (min-width: 768px) {
      #header-text .std-header:after {
        width: 224px;
        height: 12px;
        margin-top: 20px; } }
  @media (min-width: 1440px) {
      #header-text .std-header:after {
        width: 300px;
        height: 15px;
        margin-top: 14px; } }
  @media (min-width: 1920px) {
      #header-text .std-header:after {
        width: 344px;
        height: 17px;
        margin-top: 21px; } }
  #header-text .donate {
    padding-bottom: 17px;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative;
    top: -9px; }
  #header-text .donate a {
    text-decoration: none;
    color: #305e4f;
    line-height: 20px; }
  #header-text .donate .circle {
    height: 133px;
    width: 133px;
    border: 2px solid #87aaa2;
    border-radius: 50%;
    padding: 25px;
    text-align: center;
    transition: border 0.3s; }
  @media (min-width: 768px) {
    #header-text .donate {
      position: absolute;
      z-index: 2;
      top: -29px;
      right: 108px;
      padding-bottom: 0; }
      #header-text .donate:hover .circle {
        border: 12px solid #87aaa2; } }
  @media (min-width: 992px) {
    #header-text .donate {
      top: -135px;
      right: 55px; } }
  @media (min-width: 1440px) {
    #header-text .donate {
      top: -158px;
      right: 105px; } }
  @media (min-width: 1920px) {
    #header-text .donate {
      height: 155px;
      width: 155px;
      top: -181px;
      right: 115px; }
      #header-text .donate .circle {
        height: 155px;
        width: 155px; } }

#donate-btn {
  margin-left: 10px;
  flex: 1;
  font-size: 16px;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
  padding: 10px;
  border: 1px solid #305e4f; }
  #donate-btn a {
    color: #305e4f;
    text-decoration: none; }
  #donate-btn i {
    color: #305e4f;
    padding-right: 7px;
    font-size: 17px;
    position: relative;
    top: 2px; }

.std-header {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }
  .std-header a {
    text-decoration: none; }
  .std-header .mainline, .std-header .mainline a {
    line-height: 31px;
    order: 2;
    color: #305e4f;
    font-family: WalbaumSB-Italic;
    font-size: 27px; }
  @media (min-width: 768px) {
    .std-header .mainline, .std-header .mainline a {
      font-size: 37px;
      line-height: 41px; } }
  @media (min-width: 992px) {
    .std-header .mainline, .std-header .mainline a {
      line-height: 41px; } }
  @media (min-width: 1440px) {
    .std-header .mainline, .std-header .mainline a {
      font-size: 50px;
      line-height: 56px; } }
  @media (min-width: 1920px) {
    .std-header .mainline, .std-header .mainline a {
      font-size: 57px;
      line-height: 62px; } }
  .std-header .subline {
    color: #305e4f;
    line-height: 18px;
    font-size: 18px;
    order: 1;
    margin-bottom: 11px; }
  @media (min-width: 768px) {
    .std-header .subline {
      font-size: 20px;
      line-height: 20px; } }
  @media (min-width: 992px) {
    .std-header .subline {
      font-size: 18px;
      line-height: 18px; } }
  @media (min-width: 1440px) {
    .std-header .subline {
      font-size: 20px;
      line-height: 20px; } }
  @media (min-width: 1920px) {
    .std-header .subline {
      font-size: 24px;
      line-height: 24px; } }

#leader p {
  font-size: 18px;
  line-height: 24px; }
  @media (min-width: 1440px) {
    #leader p {
      font-size: 24px;
      line-height: 32px; } }
  @media (min-width: 1920px) {
    #leader p {
      font-size: 24px;
      line-height: 32px; } }
  #leader .frame.frame-type-text {
    padding: 0;
    margin-bottom: 0; }
  #leader .frame.frame-type-text a {
    color: #87aaa2;
    text-decoration: none; }
  #leader .frame.frame-type-text a:hover {
    text-decoration: underline; }
  #leader .frame.frame-type-text a.orange:hover {
    color: #e1622a; }
  #leader .frame.frame-type-text a.blue:hover {
    color: #007fb6; }
  #leader .frame.frame-type-text a.yellow:hover {
    color: #f1ba23; }
  @media (min-width: 992px) {
  #leader {
    max-width: 624px; } }
  @media (min-width: 1440px) {
  #leader {
    font-size: 34px;
    line-height: 41px;
    max-width: 824px; } }
  @media (min-width: 1920px) {
  #leader {
    max-width: 944px; } }

#anchor {
  padding-top: 18px; }
  #anchor a {
    font-size: 18px;
    color: #87aaa2;
    text-decoration: none; }
  #anchor a i {
    margin-left: 7px;
    font-size: 11px; }
  @media (min-width: 768px) {
  #anchor {
    padding-top: 12px; } }
  @media (min-width: 1440px) {
  #anchor a {
    font-size: 20px; }
    #anchor a i {
      font-size: 12px; } }
  @media (min-width: 1920px) {
  #anchor a {
    font-size: 24px; }
    #anchor a i {
      font-size: 13px; } }

section.main {
  padding-bottom: 65px; }
  @media (min-width: 768px) {
  section.main {
    padding-bottom: 84px; } }
  @media (min-width: 1440px) {
  section.main {
    padding-bottom: 96px; } }
  @media (min-width: 1920px) {
  section.main {
    padding-bottom: 120px; } }
  section.main.homepage > .container:not(#leader) {
    margin-top: 60px; }
  @media (min-width: 1920px) {
      section.main.homepage > .container:not(#leader) {
        margin-top: 90px; } }
  section.main > .container > .frame, section.main > .container > .teaser-small, section.main > .container > .quote, section.main > .container > .image-slider, section.main > .container > .teaser-big, section.main > .container > .accordion, section.main > .container > .video, section.main > .container > #panorama, section.main > .container > .category-teaser {
    margin-bottom: 65px; }
  section.main > .container > .frame:last-of-type, section.main > .container > .teaser-small:last-of-type, section.main > .container > .quote:last-of-type, section.main > .container > .image-slider:last-of-type, section.main > .container > .teaser-big:last-of-type, section.main > .container > .accordion:last-of-type, section.main > .container > .video:last-of-type, section.main > .container > #panorama:last-of-type, section.main > .container > .category-teaser:last-of-type {
    margin-bottom: 0; }
  @media (min-width: 768px) {
      section.main > .container > .frame, section.main > .container > .teaser-small, section.main > .container > .quote, section.main > .container > .image-slider, section.main > .container > .teaser-big, section.main > .container > .accordion, section.main > .container > .video, section.main > .container > #panorama, section.main > .container > .category-teaser {
        margin-bottom: 84px; } }
  @media (min-width: 1440px) {
      section.main > .container > .frame, section.main > .container > .teaser-small, section.main > .container > .quote, section.main > .container > .image-slider, section.main > .container > .teaser-big, section.main > .container > .accordion, section.main > .container > .video, section.main > .container > #panorama, section.main > .container > .category-teaser {
        margin-bottom: 96px; } }
  @media (min-width: 1920px) {
    section.main > .container {
      padding: 0; } }

.de > .container > .frame, .de > .container > .teaser-small, .de > .container > .quote, .de > .container > .image-slider, .de > .container > .teaser-big, .de > .container > .accordion, .de > .container > .video, .de > .container > #panorama, .de > .container > .category-teaser {
  hyphens: manual;
  -moz-hyphens: manual;
  -webkit-hyphens: manual;
  -ms-hyphens: manual; }

footer {
  background-color: #305e4f;
  width: 100%;
  padding: 68px 0;
  color: #cbdbd7;
  line-height: 21px; }
  footer .container {
    position: relative; }
  @media (min-width: 768px) {
  footer {
    padding: 84px 0; } }
  @media (min-width: 1440px) {
  footer {
    padding: 96px 0; } }
  @media (min-width: 1920px) {
  footer {
    padding: 120px 0; } }
  footer .headline {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 35px; }
  @media (min-width: 992px) {
    footer .headline {
      margin-bottom: 40px; } }
  @media (min-width: 1440px) {
    footer .headline {
      margin-bottom: 47px;
      font-size: 20px; } }
  @media (min-width: 1920px) {
    footer .headline {
      margin-bottom: 50px; } }
  footer a {
    color: #fff;
    text-decoration: none; }
  footer a.tel {
    color: #cbdbd7; }
  footer #map {
    margin-bottom: 40px; }
  footer #map a {
    width: 100%; }
  footer #map img {
    display: block; }
  @media (min-width: 768px) {
    footer #map {
      margin-bottom: 0; } }
  footer #contact-info > .row > div {
    margin-bottom: 65px; }
  footer #contact-info > .row:last-of-type > div {
    margin-bottom: 0; }
  footer address > div {
    margin-top: 25px; }
  footer address a:hover {
    color: #87aaa2; }
  footer .social-media {
    margin-top: 25px;
    display: flex;
    display: -ms-flexbox; }
  footer .social-media a {
    margin-right: 15px; }
  footer .social-media a:hover {
    color: #cbdbd7; }
  footer table {
    width: 100%;
    margin-bottom: 8px;
    position: relative;
    top: -8px; }
  footer table tr {
    border-bottom: 1px solid #87aaa2; }
  footer table td {
    padding: 17px 0 15px; }

#footer-logos p.title {
  color: #cbdbd7; }
  #footer-logos .logos {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 -10px; }
  @media (min-width: 576px) and (max-width: 767.98px) {
    #footer-logos .logos {
      flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap; } }
  @media (min-width: 992px) {
    #footer-logos .logos {
      flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      -webkit-flex-wrap: nowrap; } }
  #footer-logos .logos .image {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px; }
  @media (min-width: 576px) and (max-width: 767.98px) {
      #footer-logos .logos .image {
        flex: 1; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
      #footer-logos .logos .image {
        width: 50%; } }
  @media (min-width: 992px) {
      #footer-logos .logos .image {
        flex: 1; } }
  #footer-logos .logos img {
    width: 100%;
    height: auto;
    display: block; }

#meta-nav {
  margin-top: 20px; }
  #meta-nav a:hover {
    color: #87aaa2; }
  @media (min-width: 768px) {
  #meta-nav {
    margin-top: 30px; } }
  @media (min-width: 992px) {
  #meta-nav {
    margin-top: 40px; } }
  @media (min-width: 1440px) {
  #meta-nav {
    margin-top: 50px; } }
  #meta-nav ul {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
  #meta-nav ul li {
    margin-right: 15px;
    margin-bottom: 10px; }

.custom-checkbox {
  margin-bottom: 25px; }
  .custom-checkbox label {
    position: relative;
    font-size: 14px;
    display: block;
    width: 16px;
    height: 16px; }
  .custom-checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #87aaa2; }
  .custom-checkbox label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff; }
  .custom-checkbox input {
    position: absolute;
    left: -9999px; }
  .custom-checkbox input:not(:checked) + label:after {
    opacity: 0; }
  .custom-checkbox input:checked + label:after {
    opacity: 1; }

.accordion .accordion-body p, section.main > .container:not(#leader) > .frame.frame-type-text p, section.main > .container:not(#leader) > .frame.frame-type-textpic p, section.main > .container:not(#leader) > .frame.frame-type-textmedia p {
  margin-bottom: 20px;
  line-height: 24px; }
  .accordion .accordion-body p a, section.main > .container:not(#leader) > .frame.frame-type-text p a, section.main > .container:not(#leader) > .frame.frame-type-textpic p a, section.main > .container:not(#leader) > .frame.frame-type-textmedia p a {
    color: #87aaa2;
    text-decoration: none; }
  .accordion .accordion-body p a:hover, section.main > .container:not(#leader) > .frame.frame-type-text p a:hover, section.main > .container:not(#leader) > .frame.frame-type-textpic p a:hover, section.main > .container:not(#leader) > .frame.frame-type-textmedia p a:hover {
    text-decoration: underline; }
  .accordion .accordion-body p a.orange:hover, section.main > .container:not(#leader) > .frame.frame-type-text p a.orange:hover, section.main > .container:not(#leader) > .frame.frame-type-textpic p a.orange:hover, section.main > .container:not(#leader) > .frame.frame-type-textmedia p a.orange:hover {
    color: #e1622a; }
  .accordion .accordion-body p a.blue:hover, section.main > .container:not(#leader) > .frame.frame-type-text p a.blue:hover, section.main > .container:not(#leader) > .frame.frame-type-textpic p a.blue:hover, section.main > .container:not(#leader) > .frame.frame-type-textmedia p a.blue:hover {
    color: #007fb6; }
  .accordion .accordion-body p a.yellow:hover, section.main > .container:not(#leader) > .frame.frame-type-text p a.yellow:hover, section.main > .container:not(#leader) > .frame.frame-type-textpic p a.yellow:hover, section.main > .container:not(#leader) > .frame.frame-type-textmedia p a.yellow:hover {
    color: #f1ba23; }
  @media (min-width: 1920px) {
    .accordion .accordion-body p, section.main > .container:not(#leader) > .frame.frame-type-text p, section.main > .container:not(#leader) > .frame.frame-type-textpic p, section.main > .container:not(#leader) > .frame.frame-type-textmedia p {
      line-height: 28px; } }

.accordion .accordion-body ul, section.main > .container:not(#leader) > .frame.frame-type-text ul, section.main > .container:not(#leader) > .frame.frame-type-textpic ul, section.main > .container:not(#leader) > .frame.frame-type-textmedia ul, .accordion .accordion-body ol, section.main > .container:not(#leader) > .frame.frame-type-text ol, section.main > .container:not(#leader) > .frame.frame-type-textpic ol, section.main > .container:not(#leader) > .frame.frame-type-textmedia ol {
  margin-bottom: 20px;
  font-family: Scala Sans W04 Regular;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: #305e4f;
  line-height: 24px; }
  @media (min-width: 1920px) {
    .accordion .accordion-body ul, section.main > .container:not(#leader) > .frame.frame-type-text ul, section.main > .container:not(#leader) > .frame.frame-type-textpic ul, section.main > .container:not(#leader) > .frame.frame-type-textmedia ul, .accordion .accordion-body ol, section.main > .container:not(#leader) > .frame.frame-type-text ol, section.main > .container:not(#leader) > .frame.frame-type-textpic ol, section.main > .container:not(#leader) > .frame.frame-type-textmedia ol {
      font-size: 18px; } }
  .accordion .accordion-body ul ul, section.main > .container:not(#leader) > .frame.frame-type-text ul ul, section.main > .container:not(#leader) > .frame.frame-type-textpic ul ul, section.main > .container:not(#leader) > .frame.frame-type-textmedia ul ul, .accordion .accordion-body ol ul, section.main > .container:not(#leader) > .frame.frame-type-text ol ul, section.main > .container:not(#leader) > .frame.frame-type-textpic ol ul, section.main > .container:not(#leader) > .frame.frame-type-textmedia ol ul, .accordion .accordion-body ul ol, section.main > .container:not(#leader) > .frame.frame-type-text ul ol, section.main > .container:not(#leader) > .frame.frame-type-textpic ul ol, section.main > .container:not(#leader) > .frame.frame-type-textmedia ul ol, .accordion .accordion-body ol ol, section.main > .container:not(#leader) > .frame.frame-type-text ol ol, section.main > .container:not(#leader) > .frame.frame-type-textpic ol ol, section.main > .container:not(#leader) > .frame.frame-type-textmedia ol ol {
    padding-left: 20px;
    margin-bottom: 10px; }
  .accordion .accordion-body ul li, section.main > .container:not(#leader) > .frame.frame-type-text ul li, section.main > .container:not(#leader) > .frame.frame-type-textpic ul li, section.main > .container:not(#leader) > .frame.frame-type-textmedia ul li {
    margin-left: 30px;
    text-indent: -19px; }
  .accordion .accordion-body ul li:before, section.main > .container:not(#leader) > .frame.frame-type-text ul li:before, section.main > .container:not(#leader) > .frame.frame-type-textpic ul li:before, section.main > .container:not(#leader) > .frame.frame-type-textmedia ul li:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #87aaa2;
    position: relative;
    bottom: 5px;
    margin-right: 15px; }

@media (min-width: 992px) {
    .video, .frame-type-mask-highlight-button, .accordion, section.main > .container:not(#leader) > .frame.frame-type-text, section.main > .container:not(#leader) > .frame.frame-type-textpic, section.main > .container:not(#leader) > .frame.frame-type-textmedia {
      padding: 0 159px; } }
  @media (min-width: 1440px) {
  .video, .frame-type-mask-highlight-button, .accordion, section.main > .container:not(#leader) > .frame.frame-type-text, section.main > .container:not(#leader) > .frame.frame-type-textpic, section.main > .container:not(#leader) > .frame.frame-type-textmedia {
    padding: 0;
    margin-left: 210px;
    max-width: 614px; } }
  @media (min-width: 1920px) {
  .video, .frame-type-mask-highlight-button, .accordion, section.main > .container:not(#leader) > .frame.frame-type-text, section.main > .container:not(#leader) > .frame.frame-type-textpic, section.main > .container:not(#leader) > .frame.frame-type-textmedia {
    max-width: 708px;
    margin-left: 240px;
    padding: 0; } }

section.main > .container:not(#leader) {
  /* FRAME END */ }
  section.main > .container:not(#leader) > .frame.frame-type-text *:last-of-type, section.main > .container:not(#leader) > .frame.frame-type-textpic *:last-of-type, section.main > .container:not(#leader) > .frame.frame-type-textmedia *:last-of-type {
    margin-bottom: 0; }
  section.main > .container:not(#leader) > .frame.frame-type-text :first-child, section.main > .container:not(#leader) > .frame.frame-type-textpic :first-child, section.main > .container:not(#leader) > .frame.frame-type-textmedia :first-child {
    margin-top: 0 !important; }
  section.main > .container:not(#leader) > .frame.frame-type-text .std-header, section.main > .container:not(#leader) > .frame.frame-type-textpic .std-header, section.main > .container:not(#leader) > .frame.frame-type-textmedia .std-header {
    margin-bottom: 20px; }
    section.main > .container:not(#leader) > .frame.frame-type-text .std-header .mainline.single, section.main > .container:not(#leader) > .frame.frame-type-textpic .std-header .mainline.single, section.main > .container:not(#leader) > .frame.frame-type-textmedia .std-header .mainline.single {
      font-family: Scala Sans W04 Regular;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #305e4f;
      font-size: 18px;
      line-height: 24px; }
      @media (min-width: 1440px) {
          section.main > .container:not(#leader) > .frame.frame-type-text .std-header .mainline.single, section.main > .container:not(#leader) > .frame.frame-type-textpic .std-header .mainline.single, section.main > .container:not(#leader) > .frame.frame-type-textmedia .std-header .mainline.single {
            font-size: 24px;
            line-height: 28px; } }
  section.main > .container:not(#leader) > .frame.frame-type-text h1, section.main > .container:not(#leader) > .frame.frame-type-textpic h1, section.main > .container:not(#leader) > .frame.frame-type-textmedia h1, section.main > .container:not(#leader) > .frame.frame-type-text h2, section.main > .container:not(#leader) > .frame.frame-type-textpic h2, section.main > .container:not(#leader) > .frame.frame-type-textmedia h2, section.main > .container:not(#leader) > .frame.frame-type-text h3, section.main > .container:not(#leader) > .frame.frame-type-textpic h3, section.main > .container:not(#leader) > .frame.frame-type-textmedia h3, section.main > .container:not(#leader) > .frame.frame-type-text h4, section.main > .container:not(#leader) > .frame.frame-type-textpic h4, section.main > .container:not(#leader) > .frame.frame-type-textmedia h4, section.main > .container:not(#leader) > .frame.frame-type-text h5, section.main > .container:not(#leader) > .frame.frame-type-textpic h5, section.main > .container:not(#leader) > .frame.frame-type-textmedia h5, section.main > .container:not(#leader) > .frame.frame-type-text h6, section.main > .container:not(#leader) > .frame.frame-type-textpic h6, section.main > .container:not(#leader) > .frame.frame-type-textmedia h6 {
    font-family: Scala Sans W04 Regular;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #305e4f;
    font-size: 18px;
    line-height: 24px; }
    @media (min-width: 1440px) {
        section.main > .container:not(#leader) > .frame.frame-type-text h1, section.main > .container:not(#leader) > .frame.frame-type-textpic h1, section.main > .container:not(#leader) > .frame.frame-type-textmedia h1, section.main > .container:not(#leader) > .frame.frame-type-text h2, section.main > .container:not(#leader) > .frame.frame-type-textpic h2, section.main > .container:not(#leader) > .frame.frame-type-textmedia h2, section.main > .container:not(#leader) > .frame.frame-type-text h3, section.main > .container:not(#leader) > .frame.frame-type-textpic h3, section.main > .container:not(#leader) > .frame.frame-type-textmedia h3, section.main > .container:not(#leader) > .frame.frame-type-text h4, section.main > .container:not(#leader) > .frame.frame-type-textpic h4, section.main > .container:not(#leader) > .frame.frame-type-textmedia h4, section.main > .container:not(#leader) > .frame.frame-type-text h5, section.main > .container:not(#leader) > .frame.frame-type-textpic h5, section.main > .container:not(#leader) > .frame.frame-type-textmedia h5, section.main > .container:not(#leader) > .frame.frame-type-text h6, section.main > .container:not(#leader) > .frame.frame-type-textpic h6, section.main > .container:not(#leader) > .frame.frame-type-textmedia h6 {
          font-size: 24px;
          line-height: 28px; } }
    section.main > .container:not(#leader) > .frame.frame-type-text h1:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textpic h1:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textmedia h1:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-text h2:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textpic h2:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textmedia h2:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-text h3:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textpic h3:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textmedia h3:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-text h4:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textpic h4:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textmedia h4:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-text h5:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textpic h5:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textmedia h5:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-text h6:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textpic h6:not(.mainline), section.main > .container:not(#leader) > .frame.frame-type-textmedia h6:not(.mainline) {
      margin-top: 40px;
      margin-bottom: 10px; }
  section.main > .container:not(#leader) > .frame.frame-type-text table, section.main > .container:not(#leader) > .frame.frame-type-textpic table, section.main > .container:not(#leader) > .frame.frame-type-textmedia table, section.main > .container:not(#leader) > .frame.frame-type-text table.contenttable, section.main > .container:not(#leader) > .frame.frame-type-textpic table.contenttable, section.main > .container:not(#leader) > .frame.frame-type-textmedia table.contenttable {
    width: 100%;
    color: #305e4f;
    margin-bottom: 20px; }
    section.main > .container:not(#leader) > .frame.frame-type-text table tbody tr, section.main > .container:not(#leader) > .frame.frame-type-textpic table tbody tr, section.main > .container:not(#leader) > .frame.frame-type-textmedia table tbody tr, section.main > .container:not(#leader) > .frame.frame-type-text table.contenttable tbody tr, section.main > .container:not(#leader) > .frame.frame-type-textpic table.contenttable tbody tr, section.main > .container:not(#leader) > .frame.frame-type-textmedia table.contenttable tbody tr {
      border-bottom: 1px solid #87aaa2; }
      section.main > .container:not(#leader) > .frame.frame-type-text table tbody tr td, section.main > .container:not(#leader) > .frame.frame-type-textpic table tbody tr td, section.main > .container:not(#leader) > .frame.frame-type-textmedia table tbody tr td, section.main > .container:not(#leader) > .frame.frame-type-text table.contenttable tbody tr td, section.main > .container:not(#leader) > .frame.frame-type-textpic table.contenttable tbody tr td, section.main > .container:not(#leader) > .frame.frame-type-textmedia table.contenttable tbody tr td {
        padding: 15px 25px 15px 0; }
        section.main > .container:not(#leader) > .frame.frame-type-text table tbody tr td:first-of-type, section.main > .container:not(#leader) > .frame.frame-type-textpic table tbody tr td:first-of-type, section.main > .container:not(#leader) > .frame.frame-type-textmedia table tbody tr td:first-of-type, section.main > .container:not(#leader) > .frame.frame-type-text table.contenttable tbody tr td:first-of-type, section.main > .container:not(#leader) > .frame.frame-type-textpic table.contenttable tbody tr td:first-of-type, section.main > .container:not(#leader) > .frame.frame-type-textmedia table.contenttable tbody tr td:first-of-type {
          color: #87aaa2; }

#scroll-to-top {
  position: absolute;
  bottom: calc(100% + 35px);
  right: 10px;
  cursor: pointer; }
  #scroll-to-top .inner-circle {
    width: 69px;
    height: 69px;
    background: #fff;
    border-radius: 50%; }
  #scroll-to-top .inner-circle i {
    color: #87aaa2;
    font-size: 19px; }
  @media (min-width: 768px) {
  #scroll-to-top {
    bottom: calc(100% + 48px); } }
  @media (min-width: 992px) {
  #scroll-to-top {
    bottom: calc(100% + 50px); } }
  @media (min-width: 1440px) {
  #scroll-to-top {
    bottom: calc(100% + 60px);
    right: 0; } }
  @media (min-width: 1920px) {
  #scroll-to-top {
    bottom: calc(100% + 85px); } }

#opening-hours-short table tr:first-of-type td, #opening-hours-short table.contenttable tr:first-of-type td {
  padding-top: 0; }

#back-link {
  cursor: pointer; }
  #back-link i {
    font-size: 7px;
    color: #305e4f;
    margin-right: 7px; }
  #back-link a {
    font-size: 18px;
    line-height: 22px;
    color: #305e4f;
    text-decoration: none; }
  #back-link:hover i, #back-link:hover a {
    color: #87aaa2; }