@charset "UTF-8";
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
  List of CSS3 Sass Mixins File to be @imported and @included as you need
  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files
  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties
------------------------------------------------------------- */
/* For browser detection
     ========================================================================= */
/**
 * These values will not show up in content, but can be queried by JavaScript to know which breakpoint is active.
 */
body:before {
  content: "small";
  display: none;
  visibility: hidden; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body:before {
    content: "medium"; } }

@media only screen and (min-width: 1025px) {
  body:before {
    content: "large"; } }

@font-face {
  font-family: 'DINPro';
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
  src: url("../../../bin/ethz/fonts/regular.woff2") format("woff2"), url("../../../bin/ethz/fonts/regular.woff") format("woff"); }

@font-face {
  font-family: 'DINPro';
  font-weight: bold;
  font-style: normal;
  font-display: fallback;
  src: url("../../../bin/ethz/fonts/medium.woff2") format("woff2"), url("../../../bin/ethz/fonts/medium.woff") format("woff"); }

/* spacing values (relative) */
/* spacing values (fixed) */
/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/
/* spacing values (relative) */
/* spacing values (fixed) */
/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Headings
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Lists
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| Typography helpers
|--------------------------------------------------------------------------
*/
.typography-default, .polycourse, .textimage {
  line-height: 1.5; }
  .typography-default h2, .polycourse h2, .textimage h2 {
    font-size: 1.6em; }
  .typography-default h3, .polycourse h3, .textimage h3 {
    font-size: 1.25em; }
  .typography-default h4, .polycourse h4, .textimage h4 {
    font-weight: bold; }
  .typography-default a, .polycourse a, .textimage a {
    color: #1269B0;
    text-decoration: none; }
  .typography-default h2, .polycourse h2, .textimage h2, .typography-default h3, .polycourse h3, .textimage h3, .typography-default h4, .polycourse h4, .textimage h4 {
    margin-top: 1.25em;
    margin-bottom: 0.5em; }
  .typography-default p, .polycourse p, .textimage p {
    margin-bottom: 1em; }
  .typography-default ul > li, .polycourse ul > li, .textimage ul > li {
    list-style: none;
    padding-left: 1.1em;
    margin-bottom: 0.25em;
    margin-left: 0; }
    .typography-default ul > li::before, .polycourse ul > li::before, .textimage ul > li::before {
      content: '–';
      display: block;
      float: left;
      margin-left: -1.1em;
      width: 1.1em; }
  .typography-default ol, .polycourse ol, .textimage ol {
    list-style: none;
    counter-reset: itemNumber;
    margin-bottom: 0.25em;
    margin-left: 0; }
    .typography-default ol > li, .polycourse ol > li, .textimage ol > li {
      counter-increment: itemNumber;
      padding-left: 1.5em; }
      .typography-default ol > li::before, .polycourse ol > li::before, .textimage ol > li::before {
        content: counter(itemNumber) ". ";
        float: left;
        margin-left: -1.5em; }
    .typography-default ol ol > li::before, .polycourse ol ol > li::before, .textimage ol ol > li::before {
      content: counter(itemNumber, lower-alpha) "."; }
  .typography-default ul:first-child, .polycourse ul:first-child, .textimage ul:first-child,
  .typography-default ol:first-child,
  .polycourse ol:first-child,
  .textimage ol:first-child,
  .typography-default p:first-child,
  .polycourse p:first-child,
  .textimage p:first-child {
    margin-top: 0.75em; }
  .typography-default ul, .polycourse ul, .textimage ul, .typography-default ol, .polycourse ol, .textimage ol {
    margin-bottom: 0.75em;
    overflow: hidden; }
    .typography-default ul ul, .polycourse ul ul, .textimage ul ul,
    .typography-default ul ol,
    .polycourse ul ol,
    .textimage ul ol,
    .typography-default ol ul,
    .polycourse ol ul,
    .textimage ol ul,
    .typography-default ol ol,
    .polycourse ol ol,
    .textimage ol ol {
      margin-top: 0.25em; }

.jobs a,
.scriptnode a,
.jsondisplay a,
.personinfo a {
  color: #1269B0;
  text-decoration: none; }

/* adds negative margins to make an item reach the edge of the container */
/* styling common to all col's */
/* col is a special case, with variable width depending on items in the container */
/* Offsetting
   ============================================= */
/* Alignment -- Horizontal
   ============================================= */
/* items will be on the left */
/* items will be on the horizontal center */
/* items will be on the right */
/* Alignment -- Vertical
   ============================================= */
/* items will be aligned by their top edges */
/* items will be vertically aligned by their middle points */
/* items will be aligned by their bottom edges */
/* Distribution
   ============================================= */
/* Order
   ============================================= */
/* Responsive Classes
   ============================================= */
.container-lg {
  max-width: 64.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }

.container-md {
  max-width: 64.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: 60rem; }

.container-sm {
  max-width: 64.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: 50rem; }

.container-xs {
  max-width: 64.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: 40rem; }

.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.col {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-grow: 1;
  flex-basis: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.col-2 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%; }

.col-3 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.col-5 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.col-6 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.col-8 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.col-9 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.col-11 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%; }

.col-12 {
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
  flex-basis: 100%;
  max-width: 100%; }

@media only screen and (min-width: 320px) {
  .col-xs {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-grow: 1;
    flex-basis: auto;
    max-width: 100%; } }

@media only screen and (min-width: 320px) {
  .col-xs-1 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-2 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; } }

@media only screen and (min-width: 320px) {
  .col-xs-3 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 320px) {
  .col-xs-4 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-5 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; } }

@media only screen and (min-width: 320px) {
  .col-xs-6 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 320px) {
  .col-xs-7 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-8 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; } }

@media only screen and (min-width: 320px) {
  .col-xs-9 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 320px) {
  .col-xs-10 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-11 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; } }

@media only screen and (min-width: 320px) {
  .col-xs-12 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 480px) {
  .col-sm {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-grow: 1;
    flex-basis: auto;
    max-width: 100%; } }

@media only screen and (min-width: 480px) {
  .col-sm-1 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-2 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-3 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 480px) {
  .col-sm-4 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-5 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-6 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 480px) {
  .col-sm-7 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-8 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-9 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 480px) {
  .col-sm-10 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-11 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-12 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 768px) {
  .col-md {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-grow: 1;
    flex-basis: auto;
    max-width: 100%; } }

@media only screen and (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-2 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-3 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-5 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 768px) {
  .col-md-7 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-8 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-9 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 768px) {
  .col-md-10 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-11 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-12 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1025px) {
  .col-lg {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-grow: 1;
    flex-basis: auto;
    max-width: 100%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-1 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-2 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-3 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-4 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-5 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-6 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-7 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-8 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-9 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-10 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-11 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-12 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1280px) {
  .col-xl {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-grow: 1;
    flex-basis: auto;
    max-width: 100%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-1 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-2 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-3 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-4 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-5 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-6 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-7 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-8 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-9 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-10 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-11 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-12 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-grow: 1;
    flex-basis: auto;
    max-width: 100%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-1 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-2 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-3 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-4 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-5 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-6 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-7 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-8 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-9 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-10 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-11 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-12 {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-0 {
    margin-left: 0; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-1 {
    margin-left: 8.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-2 {
    margin-left: 16.66666667%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-3 {
    margin-left: 25%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-4 {
    margin-left: 33.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-5 {
    margin-left: 41.66666667%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-6 {
    margin-left: 50%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-7 {
    margin-left: 58.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-8 {
    margin-left: 66.66666667%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-9 {
    margin-left: 75%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-10 {
    margin-left: 83.33333333%; } }

@media only screen and (min-width: 320px) {
  .col-xs-offset-11 {
    margin-left: 91.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-0 {
    margin-left: 0; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-1 {
    margin-left: 8.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-2 {
    margin-left: 16.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-3 {
    margin-left: 25%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-4 {
    margin-left: 33.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-5 {
    margin-left: 41.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-6 {
    margin-left: 50%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-7 {
    margin-left: 58.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-8 {
    margin-left: 66.66666667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-9 {
    margin-left: 75%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-10 {
    margin-left: 83.33333333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-offset-11 {
    margin-left: 91.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-0 {
    margin-left: 0; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-1 {
    margin-left: 8.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-2 {
    margin-left: 16.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-3 {
    margin-left: 25%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-4 {
    margin-left: 33.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-5 {
    margin-left: 41.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-6 {
    margin-left: 50%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-7 {
    margin-left: 58.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-8 {
    margin-left: 66.66666667%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-9 {
    margin-left: 75%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-10 {
    margin-left: 83.33333333%; } }

@media only screen and (min-width: 768px) {
  .col-md-offset-11 {
    margin-left: 91.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-0 {
    margin-left: 0; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-1 {
    margin-left: 8.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-2 {
    margin-left: 16.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-3 {
    margin-left: 25%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-4 {
    margin-left: 33.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-5 {
    margin-left: 41.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-6 {
    margin-left: 50%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-7 {
    margin-left: 58.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-8 {
    margin-left: 66.66666667%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-9 {
    margin-left: 75%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-10 {
    margin-left: 83.33333333%; } }

@media only screen and (min-width: 1025px) {
  .col-lg-offset-11 {
    margin-left: 91.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-0 {
    margin-left: 0; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-1 {
    margin-left: 8.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-2 {
    margin-left: 16.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-3 {
    margin-left: 25%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-4 {
    margin-left: 33.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-5 {
    margin-left: 41.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-6 {
    margin-left: 50%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-7 {
    margin-left: 58.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-8 {
    margin-left: 66.66666667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-9 {
    margin-left: 75%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-10 {
    margin-left: 83.33333333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-offset-11 {
    margin-left: 91.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-0 {
    margin-left: 0; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-1 {
    margin-left: 8.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-2 {
    margin-left: 16.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-3 {
    margin-left: 25%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-4 {
    margin-left: 33.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-5 {
    margin-left: 41.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-6 {
    margin-left: 50%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-7 {
    margin-left: 58.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-8 {
    margin-left: 66.66666667%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-9 {
    margin-left: 75%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-10 {
    margin-left: 83.33333333%; } }

@media only screen and (min-width: 1366px) {
  .col-xxl-offset-11 {
    margin-left: 91.66666667%; } }

.row.reverse, .row-reverse {
  flex-direction: row-reverse; }

.col.reverse, .col-reverse {
  flex-direction: column-reverse; }

.row.start, .row-start {
  justify-content: flex-start;
  text-align: start; }

.row.center, .row-center {
  justify-content: center; }

.row.end, .row-end {
  justify-content: flex-end;
  text-align: end; }

.row.top, .row-top {
  align-items: flex-start; }

.row.middle, .row-middle {
  align-items: center; }

.row.bottom, .row-bottom {
  align-items: flex-end; }

.col.first, .col-first {
  order: -1; }

.col.last, .col-last {
  order: 1; }

/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }

* {
  box-sizing: border-box; }

html,
body {
  height: 100%;
  text-rendering: optimizeLegibility; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

b,
strong {
  font-weight: bold; }

img {
  color: transparent;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

ol,
ul {
  list-style: none; }

li {
  display: list-item; }

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

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left; }

q {
  quotes: none; }

q:before,
q:after {
  content: "";
  content: none; }

sub,
sup,
small {
  font-size: 75%; }

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  overflow: hidden; }

.screenreader, nav#nav h1.screenreader, nav#nav ul > li.active em, nav#nav .nav-sub ul li.active em, nav#contentNav ul.level0 li.cur em,
a#mainContent,
a#navTopRoot {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  display: inline; }

@media screen and (max-width: 767px) {
  sup,
  sub,
  small {
    font-size: 0.8em; } }

@media screen and (min-width: 1025px) {
  .visible-only-desktop {
    display: block; }
  .visible-only-tablet {
    display: none; }
  .visible-only-phone {
    display: none; }
  .visible-only-mobile {
    display: none; }
  .hidden-desktop {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .visible-only-desktop {
    display: none; }
  .visible-only-tablet {
    display: block; }
  .visible-only-phone {
    display: none; }
  .visible-only-mobile {
    display: block; }
  .hidden-tablet {
    display: none; }
  .hidden-mobile {
    display: none; } }

@media screen and (max-width: 767px) {
  .visible-only-desktop {
    display: none; }
  .visible-only-tablet {
    display: none; }
  .visible-only-phone {
    display: block; }
  .visible-only-mobile {
    display: block; }
  .hidden-phone {
    display: none; }
  .hidden-mobile {
    display: none; } }

.hide {
  display: none !important; }

.hidden {
  visibility: none; }

.visual-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 0.0625rem;
  width: 0.0625rem;
  margin: -0.0625rem;
  padding: 0;
  border: 0; }

.visually-hidden {
  position: absolute !important;
  height: 0.0625rem;
  width: 0.0625rem;
  overflow: hidden;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem); }

.screenreader, nav#nav h1.screenreader, nav#nav ul > li.active em, nav#nav .nav-sub ul li.active em, nav#contentNav ul.level0 li.cur em {
  position: absolute;
  left: -999em;
  width: 1em;
  overflow: hidden; }

.left {
  float: left; }

.right {
  float: right; }

.no-spacing-bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.no-border {
  border: none !important; }

.print {
  display: none; }

.bold {
  font-weight: bold; }

.embeddable-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }

.embeddable-wrapper object,
.embeddable-wrapper embed,
.embeddable-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0; }

@media screen and (min-width: 1025px) {
  .mobile-only {
    display: none; } }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html,
body {
  overflow-x: hidden !important;
  overflow-y: auto !important; }

body {
  font-family: "DINPro", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  height: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  line-height: 1.17; }
  h1 b,
  h2 b,
  h3 b,
  h4 b,
  h5 b,
  h6 b {
    font-weight: inherit; }

.items + h2 {
  padding-top: 0; }

h5 {
  padding: 0;
  font-weight: bold;
  font-size: 0.875rem; }

h6 {
  padding: 0;
  color: #6F6F6F;
  font-weight: bold;
  font-size: 0.75rem; }

p.lead {
  font-size: 1.25em; }

h1 + p {
  padding-bottom: 1.25rem; }

td p + ul,
td p + ol {
  margin-top: 0; }

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer; }
  a.tel {
    color: #1269B0;
    text-decoration: none; }
  a.email {
    margin-right: 1rem; }

.contextinfo.section .vcard ul.contactlist li a.email {
  margin-right: 1rem; }

span.icon {
  background-repeat: no-repeat;
  background-size: 0.9em;
  display: inline-block;
  font-size: 0.8em;
  height: 0.9em;
  width: 0.9em;
  margin: 0 0 0 0.5em;
  background-image: url("img/icons/svg/arrow-link.svg"); }
  span.icon.extern {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/extern.svg"); }
  span.icon.download {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/download.svg"); }
  span.icon.secure {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/secure.svg"); }
  span.icon.back {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/arrow-link-left.svg");
    margin-left: 0;
    margin-right: 0.5em; }
  span.icon.plus {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/plus.svg"); }
  span.icon.minus {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/minus.svg"); }
  span.icon.fax {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/fax.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.tel {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/tel.svg");
    position: relative;
    top: 0.125rem;
    background-size: 0.8125rem; }
  span.icon.mail, span.icon.email {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/email.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.vcard {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/v-card.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.id {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/id.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.web {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/web.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.error {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/error.svg"); }
  span.icon.warning {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/warning.svg"); }
  span.icon.search {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/icon-search.svg"); }
  span.icon.down {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/caret-down.svg"); }
  span.icon.arrow-link-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/arrow-link-white.svg"); }
  span.icon.extern-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/extern-white.svg"); }
  span.icon.download-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/download-white.svg"); }
  span.icon.secure-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/secure-white.svg"); }
  span.icon.back-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/arrow-link-left-white.svg"); }
  span.icon.plus-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/plus-white.svg"); }
  span.icon.minus-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/minus-white.svg"); }
  span.icon.fax-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/fax-white.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.tel-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/tel-white.svg");
    position: relative;
    top: 0.125rem;
    background-size: 0.8125rem; }
  span.icon.mail-white, span.icon.email-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/email-white.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.vcard-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/v-card-white.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.id-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/id-white.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.web-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/web-white.svg");
    position: relative;
    top: 0.125rem; }
  span.icon.search-white {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/search.svg"); }
  span.icon.secure-black {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/secure-black.svg"); }
  span.icon.prefix {
    padding-right: 1.1rem;
    margin: 0; }

span.icons:before {
  position: relative;
  top: 0.125rem;
  background-position: 0 0;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-color: transparent;
  content: '';
  display: inline-block;
  width: 0.8125rem;
  height: 0.8125rem;
  padding-right: 0.3125rem; }

span.icons img {
  display: none !important; }

span.icons.tel:before {
  background-image: url("img/icons/svg/tel.svg"); }

span.icons.fax:before {
  background-image: url("img/icons/svg/fax.svg"); }

span.icons.mail:before,
span.icons.email:before {
  background-image: url("img/icons/svg/email.svg"); }

span.icons.vcard:before {
  background-image: url("img/icons/svg/v-card.svg"); }

span.icons.web:before {
  background-image: url("img/icons/svg/web.svg"); }

span.icons.id:before {
  background-image: url("img/icons/svg/id.svg"); }

a:hover {
  border-bottom: solid 1px #1269B0; }

section#content figure a:hover {
  border-bottom: none; }

.hidden {
  display: inline;
  left: -62.5rem;
  overflow: hidden;
  width: 0;
  position: absolute;
  top: -62.5rem;
  height: 0; }

.first-element {
  margin-top: 1.5rem; }

.spacing-top {
  margin-top: 1.5rem; }

.spacing-bottom {
  margin-bottom: 1.5rem; }

button.rightcolbutton,
.button.rightcolbutton {
  margin-top: 0 !important; }

.button::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.button {
  padding: 0.4em 1em 0.35em 1em; }
  .button span.icon {
    border-bottom: none; }
  .button:hover {
    border-bottom: none; }

button {
  display: block;
  padding: 0.1em 1em 0 1em; }

q {
  quotes: '"' '"'; }

q:before {
  content: open-quote; }

q:after {
  content: close-quote; }

.button,
button {
  font-family: "DINPro", Helvetica, Arial, sans-serif !important;
  cursor: pointer;
  background-color: #1269B0;
  border: 0;
  color: white;
  margin-left: 0;
  font-weight: normal;
  font-size: 1em;
  line-height: 2; }
  .button.first-child,
  button.first-child {
    margin-top: 0.5em !important; }
  .button span.icon,
  button span.icon {
    background-repeat: no-repeat;
    background-size: 0.9em;
    display: inline-block;
    font-size: 0.8em;
    height: 0.9em;
    width: 0.9em;
    margin: 0 0 0 0.5em;
    background-image: url("img/icons/svg/arrow-link-white.svg"); }
    .button span.icon.extern,
    button span.icon.extern {
      background-repeat: no-repeat;
      background-size: 0.9em;
      display: inline-block;
      font-size: 0.8em;
      height: 0.9em;
      width: 0.9em;
      margin: 0 0 0 0.5em;
      background-image: url("img/icons/svg/extern-white.svg"); }
    .button span.icon.download,
    button span.icon.download {
      background-repeat: no-repeat;
      background-size: 0.9em;
      display: inline-block;
      font-size: 0.8em;
      height: 0.9em;
      width: 0.9em;
      margin: 0 0 0 0.5em;
      background-image: url("img/icons/svg/download-white.svg"); }
    .button span.icon.secure,
    button span.icon.secure {
      background-repeat: no-repeat;
      background-size: 0.9em;
      display: inline-block;
      font-size: 0.8em;
      height: 0.9em;
      width: 0.9em;
      margin: 0 0 0 0.5em;
      background-image: url("img/icons/svg/secure-white.svg"); }
    .button span.icon.back,
    button span.icon.back {
      background-repeat: no-repeat;
      background-size: 0.9em;
      display: inline-block;
      font-size: 0.8em;
      height: 0.9em;
      width: 0.9em;
      margin: 0 0 0 0.5em;
      background-image: url("img/icons/svg/arrow-link-left-white.svg"); }
    .button span.icon.plus,
    button span.icon.plus {
      background-repeat: no-repeat;
      background-size: 0.9em;
      display: inline-block;
      font-size: 0.8em;
      height: 0.9em;
      width: 0.9em;
      margin: 0 0 0 0.5em;
      background-image: url("img/icons/svg/plus-white.svg"); }
    .button span.icon.minus,
    button span.icon.minus {
      background-repeat: no-repeat;
      background-size: 0.9em;
      display: inline-block;
      font-size: 0.8em;
      height: 0.9em;
      width: 0.9em;
      margin: 0 0 0 0.5em;
      background-image: url("img/icons/svg/minus-white.svg"); }

a.add,
a.remove {
  display: block;
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 50% 50%;
  width: 1.2em;
  height: 1.2rem; }
  a.add:hover,
  a.remove:hover {
    border-bottom: none; }

a.add {
  background-image: url(img/icons/svg/add.svg); }
  a.add:hover {
    background-image: url(img/icons/svg/add-hover.svg); }

a.remove {
  background-image: url(img/icons/svg/remove.svg); }
  a.remove:hover {
    background-image: url(img/icons/svg/remove-hover.svg); }

div.note {
  padding: 0 0 0.625rem 0; }
  div.note p {
    font-size: 0.75rem;
    line-height: 1.5; }

div.rawhtml ul > li {
  list-style: none;
  padding-left: 1.1em;
  margin-bottom: 0.25em;
  margin-left: 0; }
  div.rawhtml ul > li::before {
    content: '–';
    display: block;
    float: left;
    margin-left: -1.1em;
    width: 1.1em; }

div.rawhtml ul {
  padding-bottom: 1.125rem; }
  div.rawhtml ul ul {
    padding-bottom: 0; }
  div.rawhtml ul li {
    margin-top: 0.625rem; }
    div.rawhtml ul li:first-child, div.rawhtml ul li.first-child {
      margin-top: 0; }

div.rawhtml div.text_image ul {
  list-style-position: inside;
  margin-left: 0; }

div.rawhtml ol {
  list-style: decimal outside none;
  margin-left: 1.25rem;
  padding-bottom: 1.125rem; }
  div.rawhtml ol ol {
    padding-bottom: 0;
    margin-bottom: 0; }
  div.rawhtml ol li {
    margin-top: 0.625rem; }
    div.rawhtml ol li:first-child, div.rawhtml ol li.first-child {
      margin-top: 0; }
    div.rawhtml ol li ol {
      list-style-type: none;
      counter-reset: itemnr;
      margin-left: 0; }
      div.rawhtml ol li ol li {
        position: relative;
        padding-left: 1.25rem; }
      div.rawhtml ol li ol li:before {
        content: counter(itemnr, lower-alpha) ".";
        position: absolute;
        left: 0;
        top: 0;
        counter-increment: itemnr; }

div.rawhtml div.text_image ol {
  list-style: decimal inside none;
  margin-left: 0; }

div.text_image figure.grid_2_5 {
  margin-right: 0.625rem;
  width: 14.1875rem;
  max-width: 100%; }

blockquote {
  color: #6F6F6F;
  font-style: italic;
  margin-bottom: 1.5rem;
  text-align: center;
  margin-top: 0.1875rem;
  font-size: 1.1875rem;
  line-height: 1.1578947368; }
  blockquote cite {
    color: #000000;
    display: block;
    padding-top: 0.25rem;
    text-align: center;
    font-style: normal;
    font-size: 0.75rem;
    line-height: 1.6666666667; }

aside div.infobox {
  padding: 0; }
  aside div.infobox p {
    padding: 0.3125rem 0 0.625rem 0; }

aside ul.socialMedia {
  height: 2rem; }
  aside ul.socialMedia li {
    float: left;
    margin-right: 0.625rem; }
    aside ul.socialMedia li a {
      display: block;
      height: 2rem;
      width: 2rem; }
      aside ul.socialMedia li a span.icon {
        display: block;
        background-image: none;
        padding-left: 0; }
        aside ul.socialMedia li a span.icon.hover {
          display: none; }
      aside ul.socialMedia li a:hover span.icon {
        display: none; }
        aside ul.socialMedia li a:hover span.icon.hover {
          display: block; }

html.touch section#content a.more,
html.touch section#content a.linkitem.icon {
  border-bottom-color: transparent; }

.linkedarea:hover {
  background-color: #f3f5f5;
  cursor: pointer; }

div.error {
  background: url("img/eth_website_form_elements_validation_false.png") no-repeat scroll #fff;
  background-position: right;
  border: 1px solid #e61212 !important;
  text-indent: 0.5rem;
  min-height: 1.5rem;
  width: 100%;
  font-weight: bold;
  color: #e61212;
  margin-bottom: 0.5rem;
  line-height: 2;
  font-size: 0.75rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

div.loginInfoLogo a:hover {
  text-decoration: underline; }

.custom-ext-el-mask-transparent .ext-el-mask {
  background: none !important; }

.figureInContactBox {
  margin-bottom: 0.625rem;
  float: left;
  margin-right: 1rem; }
  .figureInContactBox img {
    width: 8.125rem; }
    @media only screen and (max-width: 1024px) {
      .figureInContactBox img {
        width: 10.125rem; } }

.figureInContactBox + div {
  overflow: hidden;
  display: inline-block; }

.x-fieldset.x-panel-collapsed .ext-el-mask {
  background: none !important; }

.contextinfo.section .vcard ul.contactlist li a,
.contextinfo.section .vcard ul.contactlist li span.icons {
  line-height: 1.1875rem;
  margin-right: 0; }

article.inline,
aside.inline,
details.inline,
figcaption.inline,
figure.inline,
footer.inline,
header.inline,
hgroup.inline,
menu.inline,
nav.inline,
section.inline {
  display: inline-block; }

a:focus,
button:focus,
input:focus,
.focus {
  overflow: hidden;
  outline-color: #ffea00;
  outline-offset: 0;
  outline-style: solid;
  outline-width: 2px; }

a.accesskey {
  color: #fff; }

.linklist .contentSubContainer {
  padding: 0; }

.reference .contentSubContainer {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }

span.please-configure {
  color: #cccccc;
  font-size: 1rem;
  font-weight: bold;
  top: 20%;
  z-index: 8003; }

#controllBar {
  width: 60rem;
  display: none; }

div.ui-widget-overlay {
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3); }

.no-border {
  border: none !important; }

div.actionConfirm {
  padding: 1.25rem 0.9375rem 1.25rem 0.9375rem !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  background-color: #f6f6f6; }
  div.actionConfirm h2 {
    padding-top: 0; }
  div.actionConfirm p:last-child,
  div.actionConfirm ul:last-child,
  div.actionConfirm ol:last-child {
    padding-bottom: 0; }

xmp {
  display: block;
  margin-bottom: 1rem; }

div#focusHelperRight,
div#focusHelperLeft,
div#focusHelperTop,
div#focusHelperBottom {
  position: absolute;
  left: -999em;
  background-color: #ffea00;
  z-index: 9999999; }

div#focusHelperRight,
div#focusHelperLeft {
  width: 0.125rem; }

div#focusHelperTop,
div#focusHelperBottom {
  height: 0.125rem; }

@media only screen and (max-width: 767px) {
  #researchPowerTip {
    display: none !important; } }

@media screen and (min-width: 1280px) and (max-width: 1365px) {
  span.icons:before {
    background-size: 14px 14px; } }

@media screen and (min-width: 1366px) and (max-width: 1599px) {
  span.icons:before {
    background-size: 15px 15px; } }

@media screen and (min-width: 1600px) {
  span.icons:before {
    background-size: 16px 16px; } }

@media screen and (max-width: 1024px) {
  div.rawhtml ul li {
    font-size: 1rem;
    line-height: 1.5; }
  a.button {
    display: inline-block;
    padding: 0em 1em 0em 1em; }
  div.textimage div.items figure a span.detail {
    display: block !important; }
  div.fullwidthimage figure figcaption > span,
  div.textimage figure figcaption > span,
  div.textimage figure figcaption > div {
    font-size: 0.875rem;
    line-height: 1.15;
    font-weight: normal; }
  div.rawhtml ul {
    padding-bottom: 1.25rem; }
    div.rawhtml ul li {
      margin-top: 0.625rem; }
  a:hover {
    border-bottom: none !important; }
  span.icons:before {
    top: 0; }
  blockquote {
    line-height: 1.3 !important;
    font-size: 1.8125rem; }
    blockquote cite {
      font-size: 0.9375rem; }
    blockquote small {
      line-height: 1.3 !important;
      font-size: 1.8125rem; }
  div#focusHelperRight,
  div#focusHelperLeft,
  div#focusHelperTop,
  div#focusHelperBottom {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    left: 6249.9375rem !important;
    top: 6249.9375rem !important; } }

.basecomponent.twocolumn .basecomponent.contactbox figure {
  float: none; }

@media screen and (min-width: 1024px) {
  /* Put the image above the contact information */
  .basecomponent.contextinfo .basecomponent.contactbox figure {
    float: none; } }

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.625rem; } }

nav#nav a {
  font-size: 0.875rem;
  line-height: 1.1428571429; }
  nav#nav a:hover {
    border-bottom: 0; }

nav#nav .subOverview {
  box-sizing: content-box;
  line-height: 1.17; }

nav#nav ul {
  position: absolute; }

nav#nav .nav-sub ul {
  position: relative; }
  nav#nav .nav-sub ul li {
    float: none;
    margin-left: 0; }

nav#nav .nav-sub a {
  font-size: 0.75rem;
  line-height: 1.1666666667; }

nav#nav ul > li.active div.zIndex a div.linkContainer div.borderBox {
  border-left: none !important;
  border-right: none !important; }

nav#nav ul > li.active div.zIndex a div.linkContainer span.navText {
  color: #1f407a; }

nav#contentNav ul.level0 {
  margin-right: 0.625rem;
  border-bottom: 1px solid #d8d8d8; }
  nav#contentNav ul.level0 li.cur > ul,
  nav#contentNav ul.level0 li.par > ul {
    display: block; }
  nav#contentNav ul.level0 li ul {
    display: none; }
  nav#contentNav ul.level0 li {
    border-top: 1px solid #d8d8d8; }
    nav#contentNav ul.level0 li a {
      display: block;
      color: #222;
      padding: 0.3125rem 0.75rem;
      text-decoration: none;
      font-size: 0.875rem;
      line-height: 1.4285714286; }
    nav#contentNav ul.level0 li a.active {
      font-weight: bold; }
    nav#contentNav ul.level0 li a:hover {
      background-color: #f6f7f8;
      border: 0;
      font-weight: bold; }
    nav#contentNav ul.level0 li.par > a {
      font-weight: bold; }
    nav#contentNav ul.level0 li.cur > a {
      background-color: #f6f7f8;
      font-weight: bold; }
    nav#contentNav ul.level0 li ul li a {
      padding-left: 1.5rem; }
    nav#contentNav ul.level0 li ul li ul li a {
      padding-left: 2.25rem; }
    nav#contentNav ul.level0 li ul li ul li ul li a {
      padding-left: 3rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li a {
      padding-left: 3.75rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li a {
      padding-left: 4.5rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li a {
      padding-left: 5.25rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 6rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 6.75rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 7.5rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 8.25rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 9rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 9.75rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 10.5rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 11.25rem; }
    nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
      padding-left: 12rem; }

nav#nav {
  position: relative; }

div#services {
  float: right; }

div.services-placeholder {
  height: 0.0625rem; }

div.services-button {
  margin-right: 0.625rem; }
  div.services-button:after {
    content: '';
    display: table;
    clear: both; }

div.services-button a {
  float: left;
  width: 100%; }

div.services-container {
  padding: 0.3125rem 0.5rem;
  float: left;
  line-height: 1.4; }
  div.services-container:after {
    content: '';
    display: table;
    clear: both; }

div.services-border {
  height: auto;
  padding: 0; }

div.services-maxwidth {
  box-sizing: border-box;
  max-width: none;
  float: left;
  width: auto;
  text-align: right;
  padding-right: 0.375rem; }

div.services-button:hover div.services-border {
  border-left-color: transparent !important; }

div.services-button:hover {
  background: #fff;
  box-shadow: 0 0 0.4375rem 0 #222; }

span.services-arrow {
  background-image: url(img/icons/svg/arrow-link-white.svg); }

div.services-button:hover span.services-arrow {
  background-image: url(img/icons/svg/arrow-link.svg); }

body nav#nav div.services-button:hover a {
  color: #1269B0; }

.navigation .nav-elements {
  width: 100%;
  overflow: hidden; }
  .navigation .nav-elements .nav-prev,
  .navigation .nav-elements .nav-next {
    float: left;
    padding-right: 0.8125rem;
    line-height: 1.02; }
  .navigation .nav-elements .nav-all {
    float: right;
    line-height: 0.8571428571; }
  .navigation .nav-elements ul.paging {
    margin: 0;
    padding-bottom: 0; }
    .navigation .nav-elements ul.paging li {
      float: left;
      padding-right: 0.6875rem;
      font-size: 0.75rem;
      line-height: 1.3333333333;
      color: #d8d8d8;
      font-weight: bold;
      padding-bottom: 0.0625rem;
      list-style-image: none;
      display: inline-block; }
      .navigation .nav-elements ul.paging li a {
        color: #1269B0; }
        .navigation .nav-elements ul.paging li a.active {
          border-bottom: 1px solid #1269B0; }
      .navigation .nav-elements ul.paging li.hidden {
        display: none; }
      .navigation .nav-elements ul.paging li:last-child {
        padding-right: 0.8125rem; }

.navigation.abc_list, .navigation.year_list {
  padding-top: 0.1875rem; }

.navigation.abc_list {
  padding-bottom: 0.375rem;
  margin-bottom: 1.25rem; }
  .navigation.abc_list .nav-elements ul.paging li {
    padding-right: 0.4375rem; }

.navigation.year_list {
  padding-bottom: 1.25rem; }
  .navigation.year_list .nav-elements ul.paging li {
    padding-right: 0.875rem; }
    .navigation.year_list .nav-elements ul.paging li a {
      line-height: 1.125rem; }

.navigation .articleBox {
  padding-bottom: 0.9375rem; }
  .navigation .articleBox article:first-child {
    border-top: 1px solid #d8d8d8;
    margin-top: 0.9375rem; }
  .navigation .articleBox article {
    border-bottom: 1px solid #d8d8d8;
    padding: 0.625rem 0; }
    .navigation .articleBox article p {
      padding-bottom: 0; }
    .navigation .articleBox article .info {
      margin-bottom: 0; }
      .navigation .articleBox article .info figure {
        margin-right: 0.625rem; }

.navigation .publicationBox article p {
  font-size: 0.875rem;
  line-height: 1.4285714286; }

.navigation .publicationBox article a {
  font-size: 0.875rem;
  line-height: 1.4285714286; }

.navigation .publicationBox article figure a {
  line-height: 4.7142857143; }

@media screen and (min-width: 1025px) {
  #services-tablet {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  nav#contentNav {
    width: 25%; } }

@media screen and (max-width: 1024px) {
  .navigation .nav-elements {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
    .navigation .nav-elements .articleBox article {
      padding: 1rem 0; }
    .navigation .nav-elements .nav-prev {
      padding-right: 0;
      margin-right: 0.75rem; }
    .navigation .nav-elements .nav-next {
      margin-left: 0.75rem;
      padding-right: 0; }
    .navigation .nav-elements ul.paging li {
      padding-right: 0.6875rem;
      padding-left: 0.6875rem; }
  #services {
    display: none; }
  #services-tablet {
    margin-top: 1rem; }
  #services-tablet > div.services-button > a > div > div > div.services-maxwidth > span {
    font-size: 0.875rem; }
  div.services-button {
    margin-right: 0; }
    div.services-button div.services-container {
      padding-left: 0.3125rem;
      padding-right: 0.3125rem; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  nav#contentNav {
    width: calc(33.33% - 0.75rem);
    padding-left: 0;
    box-sizing: border-box; }
    nav#contentNav ul.level0 {
      margin-right: 0;
      margin-bottom: 3rem; }
      nav#contentNav ul.level0 li a {
        font-size: 0.875rem;
        line-height: 1.5;
        padding-left: 1.5rem;
        padding-right: 0.5625rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem; }
      nav#contentNav ul.level0 li ul li a {
        padding-left: 2.0625rem; }
      nav#contentNav ul.level0 li ul li ul li a {
        padding-left: 2.625rem; }
      nav#contentNav ul.level0 li ul li ul li ul li a {
        padding-left: 3.1875rem; }
      nav#contentNav ul.level0 li ul li ul li ul li ul li a {
        padding-left: 3.75rem; }
      nav#contentNav ul.level0 li ul li ul li ul li ul li ul li a {
        padding-left: 4.3125rem; }
      nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li a {
        padding-left: 4.875rem; }
  nav#nav ul > li.active div.zIndex:hover a div.linkContainer,
  nav#nav ul > li.active div.zIndex.focus a div.linkContainer {
    height: auto; } }

@media screen and (max-width: 767px) {
  .li_row {
    width: 100%; }
  .navigation .nav-elements .paging {
    display: none; }
  .navigation .nav-elements .nav-all {
    margin-top: 0.5rem;
    clear: both; }
  .nav-next {
    float: right;
    padding-right: 0; }
  .navigation .nav-elements .nav-next,
  .navigation .nav-elements .nav-all {
    float: right; }
  .navigation .nav-elements .nav-all a span.icon {
    padding-left: 0.75rem; } }

@media screen and (max-width: 980px) {
  .navigation .nav-elements .nav-all {
    margin-top: 0.5rem;
    clear: both; } }

/* all scrollarea elements */
.scrollarea,
.srollarea * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* scrollarea with scrollcase */
.scrollarea.scrollbar {
  padding-top: 0;
  padding-bottom: 0; }

/* scrollarea-main */
.scrollarea .scrollarea-main {
  overflow: hidden;
  margin: 0;
  padding: 0; }

/* scroll-window*/
.scrollarea .scrollarea-scroll-window {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  padding: 0; }

/* scroll-content*/
.scrollarea .scrollarea-content {
  display: inline-block;
  float: left;
  margin: 0;
  min-width: 100%; }

.scrollarea:after,
.scrollarea .scrollarea-main:after,
.scrollarea .scrollarea-scroll-window:after,
.scrollarea .scrollarea-content:after {
  content: "";
  display: table;
  clear: both; }

/* shadows */
.scrollarea .scroll-shadow {
  display: none;
  position: absolute;
  z-index: 100; }

.scrollarea.scrollbar .scroll-shadow {
  display: block; }

.scrollarea.scrollbar .scroll-shadow-left,
.scrollarea.scrollbar .scroll-shadow-right {
  display: block;
  opacity: 0.3;
  width: 1.5rem;
  transition: width 0.15s;
  -moz-transition: width 0.15s;
  -webkit-transition: width 0.15s; }

.scrollarea.scrollbar .scroll-shadow-left {
  background: transparent;
  background: -webkit-linear-gradient(left, #666666, transparent);
  background: -o-linear-gradient(right, #666666, transparent);
  background: -moz-linear-gradient(right, #666666, transparent);
  background: linear-gradient(to right, #666666, transparent); }

.scrollarea.scrollbar .scroll-shadow-right {
  background: transparent;
  background: -webkit-linear-gradient(left, transparent, #666666);
  background: -o-linear-gradient(right, transparent, #666666);
  background: -moz-linear-gradient(right, transparent, #666666);
  background: linear-gradient(to right, transparent, #666666);
  display: block; }

.scrollarea.scrollbar.scroll-min .scroll-shadow-left {
  width: 0; }

.scrollarea.scrollbar.scroll-min .scroll-shadow-right {
  width: 1.5rem; }

.scrollarea.scrollbar.scroll-max .scroll-shadow-left {
  width: 1.5rem; }

.scrollarea.scrollbar.scroll-max .scroll-shadow-right {
  width: 0; }

/* fixed caption */
.scrollarea .fixed-caption {
  display: none; }

.scrollarea.scrollbar .fixed-caption {
  display: block;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 1.3rem; }

.scrollarea.scrollbar.fixed-caption-enabled .fixed-caption.hidden {
  position: absolute;
  top: -624.9375rem;
  left: -624.9375rem; }

/* swipe-hand icon */
.scrollarea .swipe-hand {
  display: none; }

.scrollarea.scrollbar .swipe-hand {
  display: block;
  width: 100%;
  height: 1.625rem;
  margin-bottom: 0.375rem; }

.scrollarea.scrollbar .swipe-hand:before {
  content: "";
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 4.5rem;
  height: 1.625rem;
  background-image: url(img/icons/svg/icon-swipe-hand.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%; }

/* custom scrollbar */
.scrollarea .custom-scrollbar {
  display: none; }

.scrollarea.custom-scrollbar-enabled .custom-scrollbar {
  display: block;
  height: 1rem;
  background-color: #ffffff;
  margin: 0; }

.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar,
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar-inner,
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider,
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider-inner {
  position: relative;
  display: block; }

.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar {
  position: relative;
  height: 1rem; }

.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar-inner {
  position: absolute;
  height: 0.375rem;
  width: 100%;
  background-color: #f1f1f1;
  margin: 0.3125rem 0; }

.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider {
  /*top: 0 !important;*/
  height: 1rem;
  background-color: #ffffff;
  padding: 0.3125rem 0; }

.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider-inner {
  position: relative;
  height: 0.375rem;
  background-color: #1d5f9f;
  width: 100%; }

@media screen and (min-width: 1025px) {
  .scrollarea.scrollbar .scroll-shadow-left,
  .scrollarea.scrollbar .scroll-shadow-right {
    display: none; } }

@media screen and (max-width: 1024px) {
  body.search .table-matrix .scrollarea.scrollbar {
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .scrollarea.scrollbar .scrollarea-main {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  .scrollarea.scrollbar .scrollarea-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

/*! Anzeixer v2.0 | MIT License | github.com/zeixcom/Anzeixer */
/* All screen sizes */
@media screen {
  body:after {
    content: "l";
    /* assume 1024px width for browsers not supporting media queries */
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: #eee;
    padding: 0.4em;
    display: none; }
  body.dev:after {
    /*
	visibility: visible;
	bottom: 0;
	*/
    display: block; } }

/**
 * Rotate Anzeixer label in portrait orientation
 */
@media screen and (orientation: portrait) {
  body.dev:after {
    -webkit-transform: rotate(-90deg) translateY(100%);
    -webkit-transform-origin: bottom left;
    transform: rotate(-90deg) translateY(100%);
    transform-origin: bottom left; } }

/**
 * Extra small
 */
@media screen and (max-width: 479px) {
  body:after {
    content: "xs";
    background: #aad2ae; } }

@media screen and (max-width: 479px) and (orientation: portrait) {
  body:after {
    content: "xs portrait"; } }

@media screen and (max-width: 479px) and (orientation: landscape) {
  body:after {
    content: "xs landscape"; } }

/**
 * Small
 */
@media screen and (min-width: 480px) and (max-width: 767px) {
  body:after {
    content: "s";
    background: #cbdd9e; } }

@media screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {
  body:after {
    content: "s portrait"; } }

@media screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
  body:after {
    content: "s landscape"; } }

/**
 * Medium
 */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  body:after {
    content: "m";
    background: #ffe6a0; } }

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  body:after {
    content: "m portrait"; } }

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  body:after {
    content: "m landscape"; } }

/**
 * Large
 */
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  body:after {
    content: "l";
    background: #ffc499; } }

@media screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: portrait) {
  body:after {
    content: "l portrait"; } }

@media screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) {
  body:after {
    content: "l landscape"; } }

/**
 * Extra large
 */
@media screen and (min-width: 1280px) {
  body:after {
    content: "xl";
    background: #ffa49d; } }

@media screen and (min-width: 1280px) and (orientation: portrait) {
  body:after {
    content: "xl portrait"; } }

@media screen and (min-width: 1280px) and (orientation: landscape) {
  body:after {
    content: "xl landscape"; } }

.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  border-radius: 0.3125rem;
  position: absolute;
  width: 19.6875rem;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0.0625rem 0 0 #e6e6e6, -0.0625rem 0 0 #e6e6e6, 0 0.0625rem 0 #e6e6e6, 0 -0.0625rem 0 #e6e6e6, 0 0.1875rem 0.8125rem rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 40rem; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 0.125rem; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 0.125rem); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.hasWeeks {
  width: auto; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 2.5rem;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 1.375rem; }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 1.375rem; }

.flatpickr-calendar:before {
  border-width: 0.3125rem;
  margin: 0 -0.3125rem; }

.flatpickr-calendar:after {
  border-width: 0.25rem;
  margin: 0 -0.25rem; }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 1.75rem;
  line-height: 1.5rem;
  text-align: center;
  position: relative;
  user-select: none;
  overflow: hidden; }

.flatpickr-prev-month,
.flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 1.75rem;
  line-height: 0.0625rem;
  padding: 0.625rem calc(3.57% - 0.09375rem); }

.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative; }

.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 0.875rem; }

.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 0.875rem;
  padding: 0 0.25rem 0 0.125rem;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-bottom: 0.25rem solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-top: 0.25rem solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  top: 0.3125rem;
  display: inline-block;
  text-align: center;
  transform: translate(0, 0); }

.flatpickr-current-month.slideLeft {
  transform: translate(-100%, 0);
  animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideLeftNew {
  transform: translate(100%, 0);
  animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRight {
  transform: translate(100%, 0);
  animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRightNew {
  transform: translate(0, 0);
  animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.4375rem;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 19.6875rem;
  display: flex;
  align-items: center;
  height: 1.75rem; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  background: transparent;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
  margin: 0; }

.dayContainer,
.flatpickr-weeks {
  padding: 0.0625rem 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  width: 19.6875rem; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 19.6875rem;
  min-width: 19.6875rem;
  max-width: 19.6875rem;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around;
  transform: translate(0, 0);
  opacity: 1; }

.flatpickr-calendar.animate .dayContainer.slideLeft {
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  transform: translate(-100%, 0); }

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideRight {
  animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate(100%, 0); }

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 9.375rem;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6; }

.flatpickr-day.today {
  border-color: #959ea9; }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff; }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 3.125rem 0 0 3.125rem; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 3.125rem 3.125rem 0; }

.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  box-shadow: -0.625rem 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 3.125rem; }

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -0.3125rem 0 0 #e6e6e6, 0.3125rem 0 0 #e6e6e6; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.rangeMode .flatpickr-day {
  margin-top: 0.0625rem; }

.flatpickr-weekwrapper {
  display: inline-block;
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0.0625rem 0.75rem 0 0.75rem;
  box-shadow: 0.0625rem 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%; }

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none; }

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 2.5rem;
  max-height: 2.5rem;
  box-sizing: border-box;
  overflow: hidden;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 2.5rem;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 0.875rem;
  position: relative;
  box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  user-select: none; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0; }

@media all and (-ms-high-contrast: none) {
  .flatpickr-month {
    padding: 0; }
  .flatpickr-month svg {
    top: 0 !important; } }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -1.25rem, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@-moz-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -1.25rem, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@-ms-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -1.25rem, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@-o-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -1.25rem, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -1.25rem, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes slideLeft {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(-100%, 0); } }

@-moz-keyframes slideLeft {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(-100%, 0); } }

@-ms-keyframes slideLeft {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(-100%, 0); } }

@-o-keyframes slideLeft {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(-100%, 0); } }

@keyframes slideLeft {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(-100%, 0); } }

@-webkit-keyframes slideLeftNew {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }

@-moz-keyframes slideLeftNew {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }

@-ms-keyframes slideLeftNew {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }

@-o-keyframes slideLeftNew {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }

@keyframes slideLeftNew {
  from {
    transform: translate(100%, 0); }
  to {
    transform: translate(0, 0); } }

@-webkit-keyframes slideRight {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(100%, 0); } }

@-moz-keyframes slideRight {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(100%, 0); } }

@-ms-keyframes slideRight {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(100%, 0); } }

@-o-keyframes slideRight {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(100%, 0); } }

@keyframes slideRight {
  from {
    transform: translate(0, 0); }
  to {
    transform: translate(100%, 0); } }

@-webkit-keyframes slideRightNew {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0, 0); } }

@-moz-keyframes slideRightNew {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0, 0); } }

@-ms-keyframes slideRightNew {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0, 0); } }

@-o-keyframes slideRightNew {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0, 0); } }

@keyframes slideRightNew {
  from {
    transform: translate(-100%, 0); }
  to {
    transform: translate(0, 0); } }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animate_opacity,
.pswp__bg,
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__caption::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

.pswp__caption::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c1c1c1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

.pswp .pswp__button {
  opacity: 1; }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  background-color: white;
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1rem;
  margin-top: -0.5rem;
  color: #ccc; }

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button--arrow--left:before {
  content: "";
  display: block;
  background-image: url(img/icons/svg/slider-pfeil-links.svg);
  background-repeat: no-repeat;
  width: 2.2rem;
  height: 2.2rem; }

.pswp__button--arrow--right:before {
  content: "";
  display: block;
  background-image: url(img/icons/svg/slider-pfeil-rechts.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem; }

.pswp__button--close:before {
  content: "";
  display: block;
  background-image: url(img/icons/svg/slider-X.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-size: contain; }

.pswp--supports-fs .pswp__button--fs:before {
  content: "";
  display: block;
  background-image: url(img/icons/svg/fullscreen.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-size: 100%; }

.pswp--fs .pswp__button--fs:before {
  content: "";
  display: block;
  background-image: url(img/icons/svg/fullscreen_close.svg);
  background-repeat: no-repeat;
  width: 2.2rem;
  height: 2.2rem; }

.pswp__button--zoom {
  display: block; }

.pswp--zoom-allowed .pswp__button--zoom:before {
  content: "";
  display: block;
  background-image: url(img/icons/svg/zoom-plus.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem; }

.pswp--zoomed-in .pswp__button--zoom:before {
  content: "";
  display: block;
  background-image: url(img/icons/svg/zoom-minus.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 2rem;
  height: 2rem; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -3.125rem;
  width: 4.375rem;
  height: 6.25rem;
  position: absolute; }

.pswp__button--arrow--left {
  left: 2rem; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  height: 2.625rem;
  width: 2.625rem;
  top: 50%;
  margin-top: -1.3125rem;
  position: absolute; }

/*

	Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 2.75rem;
  font-size: 0.8125rem;
  line-height: 2.75rem;
  color: #fff;
  opacity: 0.75;
  padding: 0 0.625rem; }

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 2.75rem;
  max-height: 25%;
  overflow-y: auto;
  color: white;
  background-color: rgba(76, 76, 76, 0.8); }
  @media screen and (max-width: 1024px) {
    .pswp__caption {
      max-height: 40%; } }

.pswp__caption small {
  font-size: 0.6875rem;
  color: #bbb; }

.pswp__caption__center,
.pswp__caption__center * {
  text-align: left;
  max-width: 40rem;
  margin: 0 auto;
  font-size: 0.875rem;
  padding: 0.625rem;
  line-height: 1.25;
  color: #fff; }
  @media screen and (max-width: 1024px) {
    .pswp__caption__center,
    .pswp__caption__center * {
      font-size: 1rem;
      max-width: 95vw; } }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 2.75rem;
  height: 2.75rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.375rem;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.75rem; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(img/photoswipe/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 0.875rem;
  height: 0.875rem;
  position: absolute;
  left: 0.9375rem;
  top: 0.9375rem;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 0.4375rem;
  height: 0.875rem;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@-moz-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@-ms-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@-o-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 2.75rem;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.8); }

.pswp__ui--fit .pswp__caption {
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1; }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

div#recommendModal {
  padding: 0 0 1.875rem 0;
  width: 29.0625rem; }
  div#recommendModal .mfp-close {
    left: calc(29.0625rem - 2.75rem); }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 0.5rem;
  box-sizing: border-box; }

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 0.5rem;
  right: 0.5rem;
  z-index: 1044; }

.mfp-preloader a {
  color: #ccc; }

.mfp-preloader a:hover {
  color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  position: relative;
  top: 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
  position: relative;
  left: calc(75% - 2.75rem);
  text-decoration: none;
  text-align: center;
  padding: 0 0 1.125rem 0.625rem; }

.mfp-close:before {
  content: "";
  position: absolute;
  display: block;
  background-image: url(img/icons/svg/slider-X.svg);
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -0.375rem;
  text-align: right;
  padding-right: 0.375rem;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 0.75rem;
  line-height: 1.125rem;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -3.4375rem;
  padding: 0;
  width: 5.625rem;
  height: 6.875rem;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -3.375rem; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 2.1875rem;
  margin-left: 2.1875rem;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 0.5rem; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 1.9375rem; }

.mfp-arrow-left:before {
  margin-left: 1.5625rem;
  border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 2.4375rem; }

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 56.25rem; }

.mfp-iframe-holder .mfp-close {
  top: -2.5rem; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 2.5rem 0 2.5rem;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2.5rem;
  bottom: 2.5rem;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 0.75rem;
  line-height: 0.875rem; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -2.25rem;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 1.125rem;
  color: #f3f3f3;
  padding-right: 2.25rem; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 0.3125rem; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 0.1875rem 0.3125rem;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 0.3125rem;
    top: 0.1875rem; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 2.1875rem;
    height: 2.1875rem;
    line-height: 2.1875rem;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 0.375rem;
    padding-right: 0.375rem; } }

@media screen and (max-width: 1024px) {
  .mfp-close {
    left: calc(100% - 2.75rem); }
  div#recommendModal {
    position: relative;
    width: 66%;
    left: 50%;
    transform: translateX(-50%); }
    div#recommendModal .mfp-close {
      left: calc(100% - 2.75rem); }
    div#recommendModal h5 {
      padding-top: 0;
      font-size: 1.25rem;
      padding-right: 2rem; } }

@media screen and (max-width: 767px) {
  div#recommendModal {
    width: 100%; } }

.mfp-content #recommendModal.smallForm {
  margin: 0 auto; }

.popup-modal-dismiss {
  float: right; }

/******************************
*
*  RoyalSlider Default Skin
*
*    1. Arrows
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
*
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: #eaecee;
  color: #fff; }

.rsHidden {
  opacity: 1;
  visibility: visible; }

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  height: 100%;
  width: 50%;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21; }

.rsDefault.rsVer .rsArrow {
  width: 100%;
  height: 2.75rem; }

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0; }

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  left: 0; }

.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 0; }

.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 0; }

.rsDefault .rsArrowIcn {
  display: block;
  position: absolute;
  background-image: url(img/icons/svg/chevron-right.svg);
  background-repeat: no-repeat;
  background-position: 55% 50%;
  background-color: #fff;
  background-size: 0.8em;
  top: 45%;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.25);
  cursor: pointer; }

.rsDefault .rsArrowIcn:hover {
  opacity: 1; }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  transform: rotate(180deg);
  left: 1rem; }

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  right: 1rem; }

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: 0;
  filter: alpha(opacity=0); }

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 35;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  line-height: 0.5rem;
  overflow: hidden; }

.rsDefault .rsBullet {
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  padding: 0.375rem 0.3125rem 0.375rem; }

.rsDefault .rsBullet span {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #777;
  background: rgba(255, 255, 255, 0.5); }

.rsDefault .rsBullet.rsNavSelected span {
  background-color: #fff; }

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  height: 72px; }

.rsDefault .rsThumbsVer {
  width: 6rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%; }

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 100%; }

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
  width: 96px;
  height: 72px;
  position: relative; }

.rsDefault .rsThumb img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.rsDefault .rsThumb.rsNavSelected {
  background-color: transparent;
  border-bottom: 4px solid #1269B0; }

.rsDefault .rsThumb.rsNavSelected img {
  opacity: 1; }

.rsDefault .rsTmb {
  display: block; }

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  line-height: 1.25rem;
  color: #fff; }

.rsDefault .rsTmb span {
  color: #ddd;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  line-height: 1.125rem; }

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 1.25rem;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background-color: transparent; }

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 1.25rem; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0; }

.rsDefault .rsThumbsArrowIcn {
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  position: absolute;
  cursor: pointer;
  background-image: url(img/icons/svg/chevron-right.svg);
  background-repeat: no-repeat;
  background-position: 55% 50%;
  background-color: #fff;
  background-size: 0.5em;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.25); }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  transform: rotate(180deg);
  margin-top: -0.75rem;
  margin-left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  margin-top: -0.75rem;
  margin-left: -1.625rem; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -12.75rem -2rem; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -12.75rem -3rem; }

.rsDefault .rsThumbsArrowDisabled {
  display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 767px) {
  .rsDefault .rsThumb {
    width: 3.6875rem;
    height: 2.75rem; }
  .rsDefault .rsThumbsHor {
    height: 2.75rem; }
  .rsDefault .rsThumbsVer {
    width: 3.6875rem; } }

/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 0.75rem;
  position: relative; }

.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 0.3125rem 0.8125rem 0.375rem;
  min-width: 4.5rem;
  border: 1px solid #d9d9dd;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  -webkit-box-shadow: inset 1px 0 0 #fff;
  box-shadow: inset 1px 0 0 #fff; }

.rsDefault .rsTab:first-child {
  -webkit-border-top-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.rsDefault .rsTab:last-child {
  -webkit-border-top-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-right: 1px solid #cfcfcf; }

.rsDefault .rsTab:active {
  border: 1px solid #d9d9dd;
  background-color: #f4f4f4;
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.2) inset; }

.rsDefault .rsTab.rsNavSelected {
  color: #fff;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #acacac;
  background-image: -webkit-linear-gradient(top, #acacac, #bbb);
  background-image: -moz-llinear-gradient(top, #acacac, #bbb);
  background-image: linear-gradient(to bottom, #acacac, #bbb); }

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenBtn {
  right: 0.25rem;
  top: 0.25rem;
  width: 2.75rem;
  height: 2.75rem;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer; }

.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 0;
  width: 2.75rem;
  height: 2.75rem;
  background-image: url(img/icons/svg/fullscreen.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100%;
  opacity: 1; }

.rsDefault .rsFullscreenIcn:hover {
  opacity: 1; }

.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-image: url(img/icons/svg/fullscreen-close.svg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100%; }

/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 4rem;
  height: 4rem;
  margin-left: -2rem;
  margin-top: -2rem;
  cursor: pointer; }

.rsDefault .rsPlayBtnIcon {
  width: 4rem;
  display: block;
  height: 4rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  background: url(img/rs-default.png) no-repeat 0 -2rem;
  background-color: rgba(0, 0, 0, 0.75); }

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9); }

.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%; }

.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 2.75rem;
  height: 2.75rem;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0); }

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -2.375rem;
  right: -0.375rem; }

.rsDefault .rsCloseVideoIcn {
  margin: 0.375rem;
  width: 2rem;
  height: 2rem;
  background: url(img/rs-default.png) -4rem 0;
  background-color: rgba(0, 0, 0, 0.75); }

.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/***************
*
*  7. Preloader
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(img/preloader-white.gif);
  background-repeat: no-repeat;
  left: 50%;
  top: 50%;
  margin-left: -0.625rem;
  margin-top: -0.625rem; }

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  float: none;
  bottom: 80px;
  z-index: 30;
  left: 0;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 0.125rem 0.5rem;
  width: 100%;
  max-height: 5.25rem; }
  @media screen and (max-width: 767px) {
    .rsDefault .rsGCaption {
      bottom: 3.1875rem;
      left: 0; } }

.rsDefault .rsGCaption::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px; }

.rsDefault .rsGCaption::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #c1c1c1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }

@media screen and (min-width: 768px) {
  .rsFullscreen.rsDefault .rsGCaption {
    padding-left: 4rem;
    padding-right: 4rem; } }

@media screen and (min-width: 1025px) {
  .rsFullscreen.rsDefault .rsGCaption {
    padding-left: 12rem;
    padding-right: 12rem; } }

@media screen and (min-width: 1280px) {
  .rsFullscreen.rsDefault .rsGCaption {
    padding-left: 15rem;
    padding-right: 15rem; } }

@media screen and (min-width: 1366px) {
  .rsFullscreen.rsDefault .rsGCaption {
    padding-left: 18rem;
    padding-right: 18rem; } }

@media screen and (min-width: 1600px) {
  .rsFullscreen.rsDefault .rsGCaption {
    padding-left: 21rem;
    padding-right: 21rem; } }

.rsFullscreen.rsDefault[data-nocaptioninfullscreen] .rsGCaption {
  display: none; }

/* v1.0.6 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 600px;
  height: 400px;
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden; }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVideoContainer {
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: 0.3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15; }

img.rsImg {
  max-width: none; }

.grab-cursor {
  cursor: url(img/grab.png) 8 8, move; }

.grabbing-cursor {
  cursor: url(img/grabbing.png) 8 8, move; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(img/blank.gif); }

.ethSlider {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-top: 0.625rem; }

.rsSlideCount {
  color: black;
  position: absolute;
  top: -1.75rem;
  right: 0; }

span.math span {
  color: #000;
  font-size: 20px; }

#flying-focus {
  position: absolute;
  margin: 0;
  background: transparent;
  -webkit-transition-property: left, top, width, height;
  transition-property: left, top, width, height;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
  transition-timing-function: cubic-bezier(0, 1, 0, 1);
  visibility: hidden;
  pointer-events: none;
  border-radius: 2px; }

#flying-focus::before {
  content: "";
  position: absolute;
  top: -9px;
  left: -9px;
  bottom: -9px;
  right: -9px;
  box-shadow: 0 0 2px 3px #1269B0, 0 0 2px #1269B0 inset;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #1269B0;
  border-image: initial; }

#flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: 9999; }

#flying-focus.flying-focus_white::before {
  box-shadow: 0 0 2px 3px #fff, 0 0 2px #fff inset;
  border-color: #fff; }

.flying-focus_target {
  outline: none !important; }

.flying-focus_target::-moz-focus-inner {
  border: 0 !important; }

div.tabs-editmode,
div.tabs {
  width: 29.0625rem;
  padding: 0.25rem 0 1.875rem 0; }
  div.tabs-editmode.full-width,
  div.tabs.full-width {
    width: 40.1875rem; }
  div.tabs-editmode ul.ui-tabs-nav,
  div.tabs ul.ui-tabs-nav {
    display: block;
    overflow: hidden; }
    div.tabs-editmode ul.ui-tabs-nav li.ui-state-default,
    div.tabs ul.ui-tabs-nav li.ui-state-default {
      background: url("img/eth_website_form_elements.png") repeat-x scroll 0 0 transparent;
      float: left;
      margin-right: 0.25rem;
      background-color: #d3d5d7;
      display: block; }
      div.tabs-editmode ul.ui-tabs-nav li.ui-state-default a,
      div.tabs ul.ui-tabs-nav li.ui-state-default a {
        font-size: 0.875rem;
        line-height: 1.2857142857;
        color: #1f407a;
        font-weight: bold;
        padding: 0.6875rem 0.9375rem 0.6875rem 0.9375rem;
        display: inline-block; }
      div.tabs-editmode ul.ui-tabs-nav li.ui-state-default a:hover,
      div.tabs ul.ui-tabs-nav li.ui-state-default a:hover {
        border-bottom: 0; }
    div.tabs-editmode ul.ui-tabs-nav li.ui-state-default:hover,
    div.tabs-editmode ul.ui-tabs-nav li.ui-tabs-selected,
    div.tabs ul.ui-tabs-nav li.ui-state-default:hover,
    div.tabs ul.ui-tabs-nav li.ui-tabs-selected {
      background: #f3f5f5; }
  div.tabs-editmode div.ui-tabs-panel,
  div.tabs div.ui-tabs-panel {
    background-color: #f3f5f5;
    padding: 1rem 0.9375rem 0.25rem 0.9375rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block; }
    div.tabs-editmode div.ui-tabs-panel h2:first-child,
    div.tabs-editmode div.ui-tabs-panel h3:first-child,
    div.tabs-editmode div.ui-tabs-panel h4:first-child,
    div.tabs-editmode div.ui-tabs-panel h5:first-child,
    div.tabs-editmode div.ui-tabs-panel h1:first-child,
    div.tabs div.ui-tabs-panel h2:first-child,
    div.tabs div.ui-tabs-panel h3:first-child,
    div.tabs div.ui-tabs-panel h4:first-child,
    div.tabs div.ui-tabs-panel h5:first-child,
    div.tabs div.ui-tabs-panel h1:first-child {
      padding: 0; }
    div.tabs-editmode div.ui-tabs-panel ul,
    div.tabs div.ui-tabs-panel ul {
      margin-top: 0; }
  div.tabs-editmode div.ui-tabs-hide,
  div.tabs div.ui-tabs-hide {
    display: none; }
  div.tabs-editmode div.tab-text .row,
  div.tabs div.tab-text .row {
    border-bottom: 1px #d8d8d8 solid;
    padding: 0.5625rem 0;
    font-size: 0.75rem;
    line-height: 1.5; }
    div.tabs-editmode div.tab-text .row .label,
    div.tabs div.tab-text .row .label {
      float: left;
      width: 6.875rem;
      color: #1f407a;
      font-weight: bold; }
    div.tabs-editmode div.tab-text .row .description,
    div.tabs div.tab-text .row .description {
      margin-left: 8.4375rem; }
    div.tabs-editmode div.tab-text .row.first-element,
    div.tabs div.tab-text .row.first-element {
      padding-top: 0;
      margin: 0; }
    div.tabs-editmode div.tab-text .row.last-element,
    div.tabs div.tab-text .row.last-element {
      padding-bottom: 0;
      border-bottom: 0; }

section#content ul.ui-tabs-nav.ui-widget-header > li > a:hover {
  border-bottom: none; }

.site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .site-wrapper {
      display: block; } }
  .site-wrapper .site-content {
    flex: 1;
    width: 100%; }
  .site-wrapper .content-main, .site-wrapper .content-sidebar {
    flex-grow: 1; }

@media only screen and (max-width: 767px) {
  .content-main {
    max-width: 100%; } }

.site-content__wrapper {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  font-size: 0.875rem; }

.site-content {
  max-width: 64.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-top: 2em; }
  @media only screen and (min-width: 768px) {
    .site-content .content-nav {
      flex: 0 0 auto;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-bottom: 1rem;
      flex-basis: 25%;
      max-width: 25%; } }
  @media only screen and (min-width: 1025px) {
    .site-content .content-nav {
      flex: 0 0 auto;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-bottom: 1rem;
      flex-basis: 16.66666667%;
      max-width: 16.66666667%; } }
  @media only screen and (max-width: 767px) {
    .site-content .content-nav {
      width: 100%;
      flex-grow: 1; } }

@media only screen and (min-width: 1025px) {
  .site-content--with-sidebar .content-nav {
    order: 1; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .site-content--with-sidebar .content-nav {
    order: 3; } }

@media only screen and (max-width: 767px) {
  .site-content--with-sidebar .content-nav {
    order: 5; } }

.site-content--with-sidebar .content-main {
  order: 2; }
  @media only screen and (min-width: 768px) {
    .site-content--with-sidebar .content-main {
      flex: 0 0 auto;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-bottom: 1rem;
      flex-basis: 75%;
      max-width: 75%; } }
  @media only screen and (min-width: 1025px) {
    .site-content--with-sidebar .content-main {
      flex: 0 0 auto;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-bottom: 1rem;
      flex-basis: 58.33333333%;
      max-width: 58.33333333%; } }
  @media only screen and (min-width: 1025px) {
    .site-content--with-sidebar .content-main {
      padding-left: 3rem; } }
  @media only screen and (min-width: 768px) {
    .site-content--with-sidebar .content-main {
      padding-right: 2rem; } }

.site-content--with-sidebar .content-sidebar {
  order: 4; }
  @media only screen and (min-width: 768px) {
    .site-content--with-sidebar .content-sidebar {
      flex: 0 0 auto;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-bottom: 1rem;
      flex-basis: 75%;
      max-width: 75%; } }
  @media only screen and (min-width: 1025px) {
    .site-content--with-sidebar .content-sidebar {
      flex: 0 0 auto;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-bottom: 1rem;
      flex-basis: 25%;
      max-width: 25%; } }

@media only screen and (min-width: 768px) {
  .site-content--with-sidebar .site-content--wide .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1025px) {
  .site-content--with-sidebar .site-content--wide .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 768px) {
  .site-content--wide .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1025px) {
  .site-content--wide .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1025px) {
  .site-content--wide .content-main {
    padding-left: 3rem; } }

@media only screen and (min-width: 768px) {
  .site-content--wide .content-main {
    padding-right: 2rem; } }

.search .content-sidebar {
  order: 0; }
  @media only screen and (min-width: 1025px) {
    .search .content-sidebar {
      flex: 0 0 auto;
      padding-right: 0.5rem;
      padding-left: 0.5rem;
      padding-bottom: 1rem;
      flex-basis: 25%;
      max-width: 25%; } }

@media only screen and (min-width: 320px) {
  .search .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1025px) {
  .search .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .search .content-main {
    width: 100%;
    max-width: 50rem; } }

.homepage .site-content {
  margin-top: 1em; }

.site-content--homepage .site-content__homepage-main {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  flex-basis: 64.875rem; }

@media only screen and (max-width: 1024px) {
  .site-content--homepage .carousel {
    margin-left: -1rem;
    margin-right: -1rem; } }

@media only screen and (max-width: 1024px) {
  .site-content--homepage .fullwidthimagehome {
    margin-left: -1rem;
    margin-right: -1rem;
    width: 100vw; } }

@media only screen and (min-width: 320px) {
  .site-content--homepage .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1025px) {
  .site-content--homepage .content-main {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 320px) {
  .site-content--homepage .content-sidebar {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1025px) {
  .site-content--homepage .content-sidebar {
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 1rem;
    flex-basis: 25%;
    max-width: 25%; } }

#content {
  font-size: 1rem;
  line-height: 1.375;
  position: relative; }

#contentContainer,
#overviewContainer {
  position: relative;
  z-index: 30;
  padding-bottom: 4.375rem; }

.contentMain,
#contentMain,
#contentMain {
  min-height: 0.0625rem; }
  .contentMain > div:last-child,
  .contentMain > .last-child,
  #contentMain > div:last-child,
  #contentMain > .last-child,
  #contentMain > div:last-child,
  #contentMain > .last-child {
    padding-bottom: 0;
    margin-bottom: 0; }

aside {
  min-height: 0.0625rem; }

#overviewContainer {
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0); }

.contentSubContainer.full {
  padding: 0; }

.contentMain .twocolumns .cols-2,
#contentMain .twocolumns .cols-2,
#mainContent .twocolumns .cols-2 {
  float: left;
  width: 100%; }
  .contentMain .twocolumns .cols-2 h2,
  #contentMain .twocolumns .cols-2 h2,
  #mainContent .twocolumns .cols-2 h2 {
    padding-top: 0; }
  .contentMain .twocolumns .cols-2 .box.left,
  .contentMain .twocolumns .cols-2 .box.right,
  #contentMain .twocolumns .cols-2 .box.left,
  #contentMain .twocolumns .cols-2 .box.right,
  #mainContent .twocolumns .cols-2 .box.left,
  #mainContent .twocolumns .cols-2 .box.right {
    float: left;
    width: 50%; }
    .contentMain .twocolumns .cols-2 .box.left .parsys,
    .contentMain .twocolumns .cols-2 .box.right .parsys,
    #contentMain .twocolumns .cols-2 .box.left .parsys,
    #contentMain .twocolumns .cols-2 .box.right .parsys,
    #mainContent .twocolumns .cols-2 .box.left .parsys,
    #mainContent .twocolumns .cols-2 .box.right .parsys {
      padding-top: 0; }
  .contentMain .twocolumns .cols-2 .box.left > .parsys,
  #contentMain .twocolumns .cols-2 .box.left > .parsys,
  #mainContent .twocolumns .cols-2 .box.left > .parsys {
    padding-right: 0.65625rem; }
  .contentMain .twocolumns .cols-2 .box.right > .parsys,
  #contentMain .twocolumns .cols-2 .box.right > .parsys,
  #mainContent .twocolumns .cols-2 .box.right > .parsys {
    padding-left: 0.65625rem; }

.basecomponent.table .textimage > table p + ul li:first-child,
.basecomponent.table .textimage > table p + ol li:first-child {
  margin-top: 0.625rem; }

.basecomponent.twocolumn + .basecomponent.textimage .textimage > h2 {
  padding-top: 0;
  margin-top: -0.375rem; }

.basecomponent.twocolumn .basecomponent.parsys.contains-linklist.contains-fullwidthimage figure.fullwidthimage {
  margin-bottom: 0.125rem; }

.contentSubContainer .last-child .loadMoreNewsContainer {
  margin-top: 1.25rem; }

.mobileDetection-container {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }
  .mobileDetection-container .type-specific {
    display: none; }
  .type-android .mobileDetection-container .only-android {
    display: block; }
  .type-windows .mobileDetection-container .only-windows {
    display: block; }
  .type-ios .mobileDetection-container .only-ios {
    display: block; }
  .mobileDetection-container .mobileDetection-notice-container {
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    width: 43.75rem;
    height: 25rem;
    margin-left: -21.875rem;
    margin-top: -12.5rem;
    color: white;
    font-size: 2.5rem;
    background-color: white;
    border-radius: 1.5625rem; }
    .mobileDetection-container .mobileDetection-notice-container .header {
      height: 7.5rem; }
      .mobileDetection-container .mobileDetection-notice-container .header .title {
        color: black;
        font-weight: bold;
        padding-top: 2.5rem;
        text-align: center; }
    .mobileDetection-container .mobileDetection-notice-container .message {
      padding: 2.8125rem;
      color: white;
      text-align: center; }
      .mobileDetection-container .mobileDetection-notice-container .message a {
        font-size: 2.5rem;
        color: white;
        background-color: #1f407a;
        padding: 1.5625rem; }
    .mobileDetection-container .mobileDetection-notice-container .close-section {
      text-align: center;
      padding-top: 1.875rem; }
      .mobileDetection-container .mobileDetection-notice-container .close-section .mobileDetection-closeButton {
        background-color: #1f407a;
        display: inline-block;
        cursor: pointer;
        color: #fff;
        font-family: arial;
        font-size: 2.5rem;
        padding: 1.5625rem 3.125rem;
        text-decoration: none; }
      .mobileDetection-container .mobileDetection-notice-container .close-section .mobileDetection-closeButton:active {
        position: relative;
        top: 0.0625rem; }

.teaserbox .contentSubContainer {
  margin-top: 0 !important; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #content {
    width: 100% !important; }
  #overviewContainer {
    margin-top: 0; }
  #contentNav {
    width: 25%; } }

@media screen and (max-width: 1024px) {
  #content {
    top: 0; }
    #content:after {
      content: '';
      display: table;
      clear: both; }
  .contains-sublogo {
    display: none; } }

@media screen and (max-width: 767px) {
  #contentMain {
    padding-bottom: 1.5rem; }
  .twocolumns .cols-2 .box.left > .parsys {
    padding-right: 0 !important; }
  .twocolumns .cols-2 .box.right > .parsys {
    padding-left: 0 !important; }
  img {
    height: auto; }
  section#contentMain div.twocolumns div.cols-2 div.box.left,
  div#mainContent div.twocolumns div.cols-2 div.box.left,
  .contentMain div.twocolumns div.cols-2 div.box.left,
  section#contentMain div.twocolumns div.cols-2 div.box.right,
  div#mainContent div.twocolumns div.cols-2 div.box.right,
  .contentMain div.twocolumns div.cols-2 div.box.right {
    float: none; }
  section#contentMain div.twocolumns div.cols-2 div.box.left,
  .contentMain div.twocolumns div.cols-2 div.box.left,
  div#mainContent div.twocolumns div.cols-2 div.box.left,
  section#contentMain div.twocolumns div.cols-2 div.box.right,
  .contentMain div.twocolumns div.cols-2 div.box.right,
  div#mainContent div.twocolumns div.cols-2 div.box.right,
  .youtube iframe,
  .vimeo iframe,
  div#controllBar,
  header div#headline,
  div.newsList div.eventListGroup div.eventListBox div.info:last-child,
  div.eventList div.eventListGroup div.eventListBox div.info:last-child,
  div.textList div.eventListGroup div.eventListBox div.info:last-child,
  div.event div.eventListGroup div.eventListBox div.info:last-child,
  div.searchResult div.eventListGroup div.eventListBox div.info:last-child,
  div.newsList div.eventListGroup div.eventListBox div.info.last-child,
  div.eventList div.eventListGroup div.eventListBox div.info.last-child,
  div.textList div.eventListGroup div.eventListBox div.info.last-child,
  div.event div.eventListGroup div.eventListBox div.info.last-child,
  div.searchResult div.eventListGroup div.eventListBox div.info.last-child,
  #eventList .eventListBox info grid_3,
  header div#headline,
  div.keywordList,
  div.smallForm,
  .contextinfo iframe,
  .contextinfo iframe table {
    width: 100% !important; }
  body {
    font-size: 0.75rem;
    line-height: 1.6 !important;
    overflow-x: hidden !important; }
  div.keywordList ul.keyword li {
    line-height: 1.8;
    font-size: 1rem; }
  div.newsList ul.linklist li,
  div.eventList ul.linklist li,
  div.textList ul.linklist li,
  div.event ul.linklist li,
  div.searchResult ul.linklist li {
    line-height: 2; } }

@media screen and (max-width: 586px) {
  .has-partner-logo #content {
    margin-top: 9.5625rem !important; }
  .loggedin.has-partner-logo #content {
    margin-top: 12.5625rem !important; } }

[id='contentMain'] h1 {
  font-size: 2em;
  line-height: 1.17;
  margin-bottom: 0.75em;
  margin-top: -0.16em; }

[id='contentMain'] p.lead {
  margin-bottom: 1em; }

[id='contentMain'] .basecomponent.fullwidthimage {
  margin-bottom: 0.75em; }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .basecomponent.fullwidthimage {
      margin-bottom: 1.25em; } }

@media only screen and (min-width: 768px) {
  [id='contentMain'] .basecomponent + a + .fullwidthimage,
  [id='contentMain'] .reference + a + .fullwidthimage {
    margin-top: 1.35em; } }

@media only screen and (min-width: 768px) {
  [id='contentMain'] .twocolumns .basecomponent + a + .fullwidthimage {
    margin-top: 0.75em;
    margin-bottom: 0.75em; } }

@media only screen and (max-width: 767px) {
  [id='contentMain'] .twocolumns .box.left:after {
    content: '';
    display: block;
    height: 1px; } }

[id='contentMain'] .linkliste {
  margin-bottom: 1.25em; }

@media only screen and (max-width: 1024px) {
  [id='contentMain'],
  [id='mainContent'] {
    font-size: 16px; } }

@media screen and (min-width: 1280px) {
  html,
  body {
    font-size: 110% !important; } }

@media screen and (min-width: 1366px) {
  html,
  body {
    font-size: 120% !important; } }

@media screen and (min-width: 1600px) {
  html,
  body {
    font-size: 130% !important; } }

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  #banner {
    height: 271px;
    margin-bottom: -271px; } }

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
  #banner {
    height: 295px;
    margin-bottom: -295px; } }

@media only screen and (min-width: 1600px) {
  #banner {
    height: 320px;
    margin-bottom: -320px; } }

.teaserbox {
  padding-top: 1em;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2em;
  background: #fff; }
  .teaserbox > .contentSubContainer h1:first-child {
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.17;
    margin-bottom: 0.5em;
    margin-top: 0.5em; }
  .teaserbox .basecomponent.onlynewparsys {
    margin-top: 0; }
  .teaserbox .basecomponent:first-of-type {
    margin-top: 0; }
  .teaserbox .textimage .text-box {
    margin: 0; }
  .teaserbox .textimage p:last-child {
    margin-bottom: 0; }
  .teaserbox .text-box :first-child {
    margin-top: 0; }

.homepage .teaserbox {
  box-shadow: 0 0.1875rem 0.5rem rgba(31, 64, 122, 0.3);
  margin-bottom: 1em; }

.contextinfo {
  background-color: #fff; }
  @media only screen and (min-width: 1025px) {
    .contextinfo {
      padding-left: 1rem;
      padding-right: 1rem; } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) {
    .contextinfo {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  .homepage .contextinfo {
    margin-bottom: 1em;
    padding-top: 1.25em;
    padding-bottom: 0.75em;
    box-shadow: 0 0.1875rem 0.5rem rgba(31, 64, 122, 0.3);
    padding-left: 1rem;
    padding-right: 1rem; }
    @media only screen and (min-width: 1025px) {
      .homepage .contextinfo {
        padding-left: 0.75rem;
        padding-right: 0.75rem; } }
  .content .contextinfo {
    margin-bottom: 3.25em; }
  .contextinfo .contextinfo {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none; }
  .contextinfo > .contentSubContainer > h2:first-child {
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 0.5em; }
  .contextinfo .basecomponent {
    margin-bottom: 1em; }
    .contextinfo .basecomponent:first-of-type {
      margin-top: 0; }
    .contextinfo .basecomponent.textimage + a + .basecomponent,
    .contextinfo .basecomponent.textimage + .basecomponent {
      margin-top: 0.5em; }
    .contextinfo .basecomponent.textimage h2:first-child {
      margin-top: 0; }
  .contextinfo .text-box .textimage h2:first-child,
  .contextinfo .text-box .textimage h3:first-child,
  .contextinfo .text-box .textimage h4:first-child {
    margin-top: 0.25em; }

aside .sublogo {
  margin-bottom: 0.75em;
  margin-left: 0.2rem; }

@media only screen and (max-width: 1024px) {
  aside {
    font-size: 16px; }
    aside figure.fullwidthimage {
      max-width: 26em; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .content aside.grid_2 {
    width: 66.67%;
    padding-left: 0.75rem;
    padding-right: 1.5rem;
    float: right; }
    .content aside.grid_2 .contextinfo {
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .content aside.grid_2 {
    width: auto;
    float: none;
    clear: both;
    padding-bottom: 1em; } }

@media only screen and (max-width: 1024px) {
  .homepage aside.grid_2 {
    width: auto;
    float: none;
    clear: both;
    padding-bottom: 1em; } }

.academicCalendar {
  line-height: 1.267; }
  .academicCalendar div.table-matrix.first-element {
    padding-top: 0; }
  .academicCalendar div.table-matrix tbody tr:first-child {
    border-bottom: none; }
  .academicCalendar p {
    padding-bottom: 0; }
  .academicCalendar h2 {
    padding-bottom: 0.9375rem; }
  .academicCalendar .button + h2,
  .academicCalendar button + h2 {
    padding-top: 1.625rem; }
  .academicCalendar div.event-list ul > li:last-child {
    padding-bottom: 1.0625rem; }

.academicCalendar h3.ui-state-active,
.academicCalendar h3.ui-state-default,
.academicCalendar h3.ui-state-hover {
  border: none !important;
  font-family: "DINPro", Helvetica, Arial, sans-serif !important; }

.academicCalendar div.accordionContent.ui-accordion-content-active {
  border: none !important;
  font-family: "DINPro", Helvetica, Arial, sans-serif !important;
  overflow: visible !important; }

.academicSemesterData .description {
  background-color: #f6f6f6; }
  @media only screen and (min-width: 768px) {
    .academicSemesterData .description {
      border-top: 1px solid #d8d8d8; } }

.table-matrix table.academic tr td.label {
  background-color: #f3f5f6; }

.table-matrix table.academicSemesterData {
  margin-bottom: 1.875rem; }
  .table-matrix table.academicSemesterData colgroup col.col1 {
    width: 11.5625rem; }
  .table-matrix table.academicSemesterData colgroup col.col2 {
    width: 10rem; }

.grid_4 .table-matrix table.academicSemesterData colgroup col.col1 {
  width: 35%; }

.grid_4 .table-matrix table.academicSemesterData colgroup col.col2 {
  width: 35%; }

@media screen and (min-width: 1280px) {
  table.academic.academicSemesterData.row-header tr.trSubtext td:first-child {
    width: 85%; }
  .academicCalendar div.accordionContent tr.trSubtext td:first-child {
    width: 75%; }
  .table-matrix table.academic.academicSemesterData.row-header tr.trSubtext td.right-align.detail,
  .academicCalendar div.accordionContent tr.trSubtext td.right-align.detail {
    width: 25%; } }

@media screen and (max-width: 767px) {
  .academicCalendar div.accordion {
    margin-left: 0;
    margin-right: 0; }
  .academicCalendar div.accordion div.ui-accordion-content.tablecontent,
  .academicCalendar div.accordion-editmode div.ui-accordion-content,
  .academicCalendar div.accordion div.ui-accordion-content {
    padding-left: 0;
    padding-right: 0; }
  .academicCalendar div.accordion h3.accordionHeader {
    padding-right: 2.5rem; }
    .academicCalendar div.accordion h3.accordionHeader div span.ui-icon-triangle-1-s,
    .academicCalendar div.accordion h3.accordionHeader div span.ui-icon-triangle-1-e {
      margin-right: 0.625rem; }
    .academicCalendar div.accordion h3.accordionHeader .openCloseText {
      display: none; }
  .academicSemesterData tbody {
    display: block;
    float: left;
    width: 100%; }
  .academicSemesterData tr {
    display: block;
    float: left;
    width: 100%; }
  .academicSemesterData .trSubtext th,
  .academicSemesterData .trSubtext td {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 100%;
    clear: both; }
  .academicSemesterData tr td:empty {
    display: none; }
  .accordionContent .table-matrix table.academicSemesterData.expandableTable {
    table-layout: auto !important; }
  .academicCalendar div.accordionContent tr.trSubtext td:first-child {
    width: 100%; }
  .academicCalendar div.accordionContent tr.trSubtext td.right-align.detail {
    float: right; } }

@media screen and (max-width: 1024px) {
  .accordionContent .table-matrix table.academicSemesterData.expandableTable {
    table-layout: fixed !important; }
    .accordionContent .table-matrix table.academicSemesterData.expandableTable .description span {
      font-size: 0.875rem !important; }
  .academicCalendar h3.accordionHeader {
    padding-left: 0.625rem; } }

/*
|--------------------------------------------------------------------------
| Academic Calendar -- List
|--------------------------------------------------------------------------
*/
.academicCalendar .event-list > ul {
  padding-left: 0 !important; }
  .academicCalendar .event-list > ul > li {
    list-style: none;
    padding-left: 1.1em;
    margin-bottom: 0.25em;
    margin-left: 0; }
    .academicCalendar .event-list > ul > li::before {
      content: '–';
      display: block;
      float: left;
      margin-left: -1.1em;
      width: 1.1em; }

/*
|--------------------------------------------------------------------------
| Academic Calendar -- Table
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
  .academicCalendar .trSubtext.trSubtext.trSubtext {
    border-width: 0;
    border-bottom: solid 1px #d8d8d8; }
    .academicCalendar .trSubtext.trSubtext.trSubtext td,
    .academicCalendar .trSubtext.trSubtext.trSubtext th {
      border-width: 0; }
    .academicCalendar .trSubtext.trSubtext.trSubtext td {
      border-left: 0; }
    .academicCalendar .trSubtext.trSubtext.trSubtext th {
      border-bottom: solid 1px #d8d8d8; }
  .academicCalendar .trSubtext + .description {
    border-top: 0;
    border-bottom: solid 1px #d8d8d8; } }

/*
|--------------------------------------------------------------------------
| Academic Calendar Basecomponent
|--------------------------------------------------------------------------
*/
.academiccalendar {
  margin-bottom: 1em;
  margin-top: 1em; }

.newssearch {
  margin-bottom: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #fff; }
  .newssearch h2 {
    font-size: 1.25em; }
  .newssearch .search-form {
    background: #eaecee; }

@media screen and (min-width: 1025px) {
  .rightpar > .newssearch {
    padding-left: 1rem;
    padding-right: 1rem; } }
  @media only screen and (min-width: 1025px) and (min-width: 1025px) {
    .rightpar > .newssearch {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }

.text-box {
  margin-top: 1.25em;
  background-color: #eaecee;
  padding: 0.5em 0.9375em;
  margin-bottom: 2em; }
  aside .text-box {
    margin-bottom: 0.75em; }
  .text-box .textimage .items + h2 {
    margin-top: 0.75em; }

/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/
.table-matrix {
  margin-top: 0.75em;
  /*
  |--------------------------------------------------------------------------
  | Elements
  |--------------------------------------------------------------------------
  */
  /*
  |--------------------------------------------------------------------------
  | tr types and states
  |--------------------------------------------------------------------------
  */
  /* tr */
  /* tr */
  /* tr */
  /* tr */ }
  .table-matrix.full-width {
    width: 40.8125rem; }
  .table-matrix.first-element {
    padding-top: 0.25em; }
  .table-matrix.spacing-top {
    margin-top: 1.25em; }
  .table-matrix.no-spacing-top {
    margin-top: 0; }
  .table-matrix table {
    background-color: #fff;
    border-collapse: collapse;
    margin-bottom: 1.125rem;
    table-layout: fixed;
    width: 100%;
    line-height: 1.5; }
    .table-matrix table a {
      color: #1269B0;
      text-decoration: none; }
    @media only screen and (min-width: 768px) {
      .table-matrix table {
        font-size: 0.8667em; } }
  .table-matrix .right-align {
    text-align: right; }
  .table-matrix caption {
    color: #1f407a;
    font-weight: bold;
    padding-bottom: 0.625rem; }
  .table-matrix colgroup col.fourth {
    width: 25%; }
  .table-matrix colgroup col.fifth {
    width: 20%; }
  .table-matrix th ul:first-child,
  .table-matrix th p:first-child,
  .table-matrix th ol:first-child,
  .table-matrix td ul:first-child,
  .table-matrix td p:first-child,
  .table-matrix td ol:first-child {
    margin-top: 0;
    margin-bottom: 0; }
  .table-matrix th {
    font-weight: bold;
    padding: 0.3125em 0.625em; }
    .table-matrix th .icon.invisible {
      display: none; }
    .table-matrix th.detail {
      padding-right: 0.3125em; }
    .table-matrix th a.more:hover {
      cursor: pointer; }
    .table-matrix th p,
    .table-matrix th ul,
    .table-matrix th ol {
      margin-bottom: 0;
      padding-bottom: 0; }
  .table-matrix td {
    padding: 0.3125em 0.625em; }
    .table-matrix td.detail {
      padding-right: 0.3125em; }
    .table-matrix td.person {
      border-bottom-width: 0; }
  .table-matrix tr:nth-child(even) {
    background-color: #f6f6f6; }
  .table-matrix tr th:first-child,
  .table-matrix tr td:first-child {
    padding-left: 0.8123rem; }
  .table-matrix .hidden {
    display: none; }
    .table-matrix .hidden td {
      border: 0 !important; }
  .table-matrix .description {
    background-color: #f3f5f5;
    border-top: 1px solid #d8d8d8; }
  .table-matrix .trSubheader td {
    padding-top: 0.5em;
    font-size: 1.6em;
    padding-bottom: 0.25em; }
  .table-matrix .trSubheader:first-child td {
    border-top: none; }
  .table-matrix tbody:not(.no-vertical-border) th:first-child + td {
    border-left: solid 1px #d8d8d8; }
  .table-matrix tbody th.flipHeader + td {
    border-left-width: 0; }
  .table-matrix .row-header thead th:first-child {
    border-right: solid 1px #d8d8d8; }
  .table-matrix .row-header tbody tr:first-child th:first-child {
    border-right: solid 1px #d8d8d8; }
  .table-matrix tbody tr:first-child,
  .table-matrix thead tr:first-child {
    border-bottom: 1px solid #d8d8d8; }
    .table-matrix tbody tr:first-child th,
    .table-matrix thead tr:first-child th {
      border-right-width: 0; }
  .table-matrix thead + tbody tr:first-child {
    border-bottom-width: 0; }
  .table-matrix thead + tbody tr:last-child {
    border-bottom-width: 1px; }
  .table-matrix .trSubText.trSubText {
    border-bottom: 0; }
  .table-matrix tbody tr:last-child {
    border-bottom: solid 1px #d8d8d8; }
  .table-matrix.expandableTable tr th {
    border-bottom: 1px solid #d8d8d8; }
  .table-matrix.expandableTable tr.last-child th,
  .table-matrix.expandableTable tr.last-child td,
  .table-matrix.expandableTable tr:last-child th,
  .table-matrix.expandableTable tr:last-child td {
    border-bottom: 0; }
  .table-matrix thead tr:last-child th,
  .table-matrix thead tr.last-child th {
    border-bottom: none; }
  .table-matrix.spinoff colgroup col.col1 {
    width: 14.375rem; }
  .table-matrix.spinoff colgroup col.col2 {
    width: 11.5625rem; }
  .table-matrix.spinoff colgroup col.col3 {
    width: 8.125rem; }
  .table-matrix.spinoff a {
    line-height: initial; }
  .table-matrix table.tablesorter thead th.header {
    background-image: url("img/sort_no.gif");
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding: 0.3125rem 1.3125rem 0.3125rem 0.625rem; }
  .table-matrix table.tablesorter thead th.headerSortUp {
    background-image: url("img/sort_asc.gif"); }
  .table-matrix table.tablesorter thead th.headerSortDown {
    background-image: url("img/sort_desc.gif"); }
  .table-matrix.full-width {
    width: 40.8125rem; }

table.info .label {
  padding-right: 0.9375rem; }

table.error {
  border: 1px solid #e61212 !important; }
  table.error tr,
  table.error td {
    border: none !important; }
  table.error td.message {
    color: #e61212;
    font-size: 0.75rem;
    font-weight: bold;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: justify; }
  table.error td.icon {
    background: url("img/eth_website_form_elements_validation_false.png") no-repeat scroll #fff;
    background-position: center;
    padding: 0 0.625rem 0 0.625rem;
    width: 1.375rem; }

@media screen and (min-width: 1280px) {
  .table-matrix table {
    table-layout: auto; } }

@media screen and (min-width: 768px) {
  #mobile-job-sorter,
  th.flipHeader {
    display: none !important; } }

@media screen and (max-width: 1024px) {
  .table-matrix table colgroup {
    display: none; }
  #spinOffTable,
  .widepage .basecomponent.table .table-matrix table {
    min-width: 643px; }
  .menuDisplay .table-matrix table,
  .content .basecomponent.table .table-matrix table {
    min-width: 471px; } }

textarea,
.form-select select,
input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="button"],
input[type="file"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: white;
  font-family: "DINPro", Helvetica, Arial, sans-serif; }

.box select {
  opacity: 0;
  filter: alpha(opacity=0);
  height: 1.5rem;
  display: block;
  width: calc(100% + 2px);
  margin-top: -1.5rem;
  margin-left: -1px;
  margin-right: -1px; }

aside .box select option {
  border-right: none; }

.smallForm {
  padding: 0 0 1.875rem 0;
  width: 37.9375rem; }
  .smallForm form fieldset .formFooter {
    clear: both;
    display: block;
    padding-top: 1.25rem; }
    .smallForm form fieldset .formFooter p {
      font-size: 0.75rem;
      color: #000000;
      padding: 0.4375rem; }
  .smallForm form fieldset .end .formFooter {
    padding-top: 0;
    height: 1.5rem; }

div.result {
  border: 1px solid #6F6F6F;
  border-bottom: 0;
  border-top: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  div.result.table-matrix {
    margin-top: 0 !important;
    padding-top: 0.9375rem; }
  div.result table.result {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
    margin-bottom: 0 !important;
    background-color: white; }
    div.result table.result thead tr th {
      font-weight: bold;
      background-color: #eaecee; }
    div.result table.result tbody tr td {
      border-bottom: none; }
    div.result table.result tbody tr td.right {
      text-align: right; }
    div.result table.result tbody tr td.hidden {
      display: none; }
    div.result table.result tbody tr td.map {
      padding: 0 !important; }
      div.result table.result tbody tr td.map figure img {
        width: 100%; }
      div.result table.result tbody tr td.map figure figcaption {
        padding: 1.5625rem 0.625rem 0.625rem 0.625rem; }
    div.result table.result tbody tr.noBorder td {
      border-bottom: none !important; }
    div.result table.result colgroup col.tenth {
      width: 10%; }
    div.result table.result colgroup col.eighth {
      width: 12.5%; }
    div.result table.result colgroup col.sixth {
      width: 16%; }
    div.result table.result colgroup col.fifth {
      width: 20%; }
    div.result table.result colgroup col.fourth {
      width: 25%; }
    div.result table.result colgroup col.third {
      width: 33%; }
    div.result table.result colgroup col.half {
      width: 50%; }

form + .formAddonLink {
  border-top: none !important;
  padding-bottom: 0.75rem !important; }

.formAddonLink {
  margin-top: 0;
  overflow: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .formAddonLink .refNote span {
    font-size: 0.75rem;
    padding-top: 0.625rem; }
  .formAddonLink ul.linklist {
    margin-top: -0.25rem;
    padding-bottom: 0.5rem; }
    .formAddonLink ul.linklist a {
      line-height: 1.6666666667; }

.formAddonLink,
.comment-form {
  background-color: #f3f5f6;
  padding-top: 1em; }

.formAddonLink.result,
form .search-form.result,
.comment-form.result {
  border-bottom: 0; }

.formAddonLink ul,
.formAddonLink ol,
form .search-form ul,
form .search-form ol,
.comment-form ul,
.comment-form ol {
  color: black;
  margin-top: 0;
  padding: 0 0 0 0.3125rem; }

.formAddonLink .dropdown .grouping-box .box label span,
.formAddonLink .radio .grouping-box .box label span,
form .search-form .dropdown .grouping-box .box label span,
form .search-form .radio .grouping-box .box label span,
.comment-form .dropdown .grouping-box .box label span,
.comment-form .radio .grouping-box .box label span {
  font-weight: inherit; }

.formAddonLink a span.icon,
form .search-form a span.icon,
.comment-form a span.icon {
  border-bottom: 1px solid #f3f5f6; }

.formAddonLink label,
.formAddonLink .checkbox label.inside,
.formAddonLink .radio label.inside,
form .search-form label,
form .search-form .checkbox label.inside,
form .search-form .radio label.inside,
.comment-form label,
.comment-form .checkbox label.inside,
.comment-form .radio label.inside {
  clear: left; }

.formAddonLink .checkbox label,
.formAddonLink .radio label,
.formAddonLink label.inside,
form .search-form .checkbox label,
form .search-form .radio label,
form .search-form label.inside,
.comment-form .checkbox label,
.comment-form .radio label,
.comment-form label.inside {
  clear: none; }

.formAddonLink .grouping-box .box label.inside,
form .search-form .grouping-box .box label.inside,
.comment-form .grouping-box .box label.inside {
  font-weight: normal; }

.formAddonLink .dropdown .grouping-box .box label.inside,
form .search-form .dropdown .grouping-box .box label.inside,
.comment-form .dropdown .grouping-box .box label.inside {
  padding-top: 0.375rem; }

.formAddonLink .fullwidthimage,
form .search-form .fullwidthimage,
.comment-form .fullwidthimage {
  margin-bottom: 0; }

.formAddonLink figure.fullwidthimage,
form .search-form figure.fullwidthimage,
.comment-form figure.fullwidthimage {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0.6875rem; }

.formAddonLink .fullwidthimage div.fullwidthimage,
form .search-form .fullwidthimage div.fullwidthimage,
.comment-form .fullwidthimage div.fullwidthimage {
  margin-bottom: 0;
  padding-left: 0.4375rem;
  padding-right: 0.4375rem; }

.formAddonLink figure.fullwidthimage figcaption,
form .search-form figure.fullwidthimage figcaption,
.comment-form figure.fullwidthimage figcaption {
  background-color: transparent; }

.formAddonLink .textimage p,
.formAddonLink .textimage h2,
.formAddonLink .textimage h3,
.formAddonLink .textimage h4,
form .search-form .textimage p,
form .search-form .textimage h2,
form .search-form .textimage h3,
form .search-form .textimage h4,
.comment-form .textimage p,
.comment-form .textimage h2,
.comment-form .textimage h3,
.comment-form .textimage h4 {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem; }

.formAddonLink .textimage p,
form .search-form .textimage p,
.comment-form .textimage p {
  padding-bottom: 0.5rem;
  padding-top: 0.6875rem; }

.formAddonLink .formHeader,
form .search-form .formHeader,
.comment-form .formHeader {
  padding: 0 0.4375rem; }
  .formAddonLink .formHeader h1,
  form .search-form .formHeader h1,
  .comment-form .formHeader h1 {
    padding-top: 0.875rem; }
  .formAddonLink .formHeader h2,
  form .search-form .formHeader h2,
  .comment-form .formHeader h2 {
    padding-top: 1rem; }
  .formAddonLink .formHeader h3,
  form .search-form .formHeader h3,
  .comment-form .formHeader h3 {
    padding-top: 0.9375rem; }
  .formAddonLink .formHeader h3 + p,
  form .search-form .formHeader h3 + p,
  .comment-form .formHeader h3 + p {
    padding-top: 0.3125rem; }
  .formAddonLink .formHeader p,
  form .search-form .formHeader p,
  .comment-form .formHeader p {
    padding-bottom: 0; }

.formAddonLink div.formAddonLink,
form .search-form div.formAddonLink,
.comment-form div.formAddonLink {
  margin-top: 0.3125rem;
  border-top: 1px solid #6F6F6F;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding-top: 0;
  padding-bottom: 0; }
  .formAddonLink div.formAddonLink div.grouping-box div.box,
  form .search-form div.formAddonLink div.grouping-box div.box,
  .comment-form div.formAddonLink div.grouping-box div.box {
    padding-left: 0; }
    .formAddonLink div.formAddonLink div.grouping-box div.box label,
    form .search-form div.formAddonLink div.grouping-box div.box label,
    .comment-form div.formAddonLink div.grouping-box div.box label {
      padding-bottom: 0; }

.formAddonLink div.grouping-box,
form .search-form div.grouping-box,
.comment-form div.grouping-box {
  clear: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .formAddonLink div.grouping-box div.box:first-child,
  form .search-form div.grouping-box div.box:first-child,
  .comment-form div.grouping-box div.box:first-child {
    float: left; }
  .formAddonLink div.grouping-box div.box,
  form .search-form div.grouping-box div.box,
  .comment-form div.grouping-box div.box {
    float: left;
    padding: 0.6875rem 0.4375rem 0 0.4375rem; }
    .formAddonLink div.grouping-box div.box.formButton,
    form .search-form div.grouping-box div.box.formButton,
    .comment-form div.grouping-box div.box.formButton {
      padding-top: 1.25rem; }
    .formAddonLink div.grouping-box div.box span.label,
    .formAddonLink div.grouping-box div.box label,
    form .search-form div.grouping-box div.box span.label,
    form .search-form div.grouping-box div.box label,
    .comment-form div.grouping-box div.box span.label,
    .comment-form div.grouping-box div.box label {
      line-height: 1.25rem;
      width: 100%;
      padding: 0 0 0.3125rem 0;
      color: #6F6F6F;
      font-weight: bold;
      display: block; }
      .formAddonLink div.grouping-box div.box span.label.searchbox,
      .formAddonLink div.grouping-box div.box label.searchbox,
      form .search-form div.grouping-box div.box span.label.searchbox,
      form .search-form div.grouping-box div.box label.searchbox,
      .comment-form div.grouping-box div.box span.label.searchbox,
      .comment-form div.grouping-box div.box label.searchbox {
        color: #000000;
        margin-left: 1.5rem; }
      .formAddonLink div.grouping-box div.box span.label.sideLabel,
      .formAddonLink div.grouping-box div.box label.sideLabel,
      form .search-form div.grouping-box div.box span.label.sideLabel,
      form .search-form div.grouping-box div.box label.sideLabel,
      .comment-form div.grouping-box div.box span.label.sideLabel,
      .comment-form div.grouping-box div.box label.sideLabel {
        padding-bottom: 0.3125rem; }
    .formAddonLink div.grouping-box div.box label span,
    form .search-form div.grouping-box div.box label span,
    .comment-form div.grouping-box div.box label span {
      font-weight: 400; }
    .formAddonLink div.grouping-box div.box div.dropdown label span,
    .formAddonLink div.grouping-box div.box div.radio label span,
    form .search-form div.grouping-box div.box div.dropdown label span,
    form .search-form div.grouping-box div.box div.radio label span,
    .comment-form div.grouping-box div.box div.dropdown label span,
    .comment-form div.grouping-box div.box div.radio label span {
      font-weight: inherit; }
    .formAddonLink div.grouping-box div.box span.validation_false,
    form .search-form div.grouping-box div.box span.validation_false,
    .comment-form div.grouping-box div.box span.validation_false {
      font-weight: bold;
      color: #a8322d; }
    .formAddonLink div.grouping-box div.box input,
    form .search-form div.grouping-box div.box input,
    .comment-form div.grouping-box div.box input {
      font-size: 0.875rem;
      line-height: 1.2857142857; }
      .formAddonLink div.grouping-box div.box input.placeholder,
      form .search-form div.grouping-box div.box input.placeholder,
      .comment-form div.grouping-box div.box input.placeholder {
        color: #aaaaaa; }
    .formAddonLink div.grouping-box div.box div.validation_info,
    form .search-form div.grouping-box div.box div.validation_info,
    .comment-form div.grouping-box div.box div.validation_info {
      text-indent: 0.5rem;
      min-height: 1.75rem;
      width: 100%;
      font-weight: bold;
      color: #a8322d;
      margin-bottom: 0.5rem;
      line-height: 2;
      font-size: 0.875rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .formAddonLink div.grouping-box div.box input.validation_true,
    form .search-form div.grouping-box div.box input.validation_true,
    .comment-form div.grouping-box div.box input.validation_true {
      background: url("img/eth_website_form_elements_validation_true.png") no-repeat scroll #fff;
      background-position: right; }
    .formAddonLink div.grouping-box div.box input.validation_false,
    .formAddonLink div.grouping-box div.box div.validation_false,
    form .search-form div.grouping-box div.box input.validation_false,
    form .search-form div.grouping-box div.box div.validation_false,
    .comment-form div.grouping-box div.box input.validation_false,
    .comment-form div.grouping-box div.box div.validation_false {
      background: url("img/icons/svg/error.svg") no-repeat scroll #fff;
      background-size: 1rem;
      background-position: 98% 50%;
      border: 1px solid #a8322d !important; }
    .formAddonLink div.grouping-box div.box input[type="checkbox"],
    .formAddonLink div.grouping-box div.box input[type="radio"],
    form .search-form div.grouping-box div.box input[type="checkbox"],
    form .search-form div.grouping-box div.box input[type="radio"],
    .comment-form div.grouping-box div.box input[type="checkbox"],
    .comment-form div.grouping-box div.box input[type="radio"] {
      margin: 0.1875rem 0.4375rem 0.1875rem 0;
      padding: 0;
      height: 0.8125rem !important;
      width: 0.75rem !important;
      float: left;
      border: 0 !important; }
    .formAddonLink div.grouping-box div.box input[type="checkbox"] + label,
    .formAddonLink div.grouping-box div.box input[type="radio"] + label,
    form .search-form div.grouping-box div.box input[type="checkbox"] + label,
    form .search-form div.grouping-box div.box input[type="radio"] + label,
    .comment-form div.grouping-box div.box input[type="checkbox"] + label,
    .comment-form div.grouping-box div.box input[type="radio"] + label {
      font-weight: normal;
      width: auto;
      padding-right: 0.9375rem;
      line-height: 1.6666666667; }
    .formAddonLink div.grouping-box div.box input[type="checkbox"] + label.full,
    .formAddonLink div.grouping-box div.box input[type="radio"] + label.full,
    form .search-form div.grouping-box div.box input[type="checkbox"] + label.full,
    form .search-form div.grouping-box div.box input[type="radio"] + label.full,
    .comment-form div.grouping-box div.box input[type="checkbox"] + label.full,
    .comment-form div.grouping-box div.box input[type="radio"] + label.full {
      padding-top: 0;
      float: none; }
    .formAddonLink div.grouping-box div.box input[type="file"],
    form .search-form div.grouping-box div.box input[type="file"],
    .comment-form div.grouping-box div.box input[type="file"] {
      width: 100%;
      line-height: 1;
      background-color: #f3f5f6; }
    .formAddonLink div.grouping-box div.box input[type="password"],
    .formAddonLink div.grouping-box div.box input[type="date"],
    .formAddonLink div.grouping-box div.box input[type="text"],
    .formAddonLink div.grouping-box div.box input[type="time"],
    form .search-form div.grouping-box div.box input[type="password"],
    form .search-form div.grouping-box div.box input[type="date"],
    form .search-form div.grouping-box div.box input[type="text"],
    form .search-form div.grouping-box div.box input[type="time"],
    .comment-form div.grouping-box div.box input[type="password"],
    .comment-form div.grouping-box div.box input[type="date"],
    .comment-form div.grouping-box div.box input[type="text"],
    .comment-form div.grouping-box div.box input[type="time"] {
      padding-left: 0.5rem;
      height: 1.75rem;
      width: 100%;
      border: 1px solid #6F6F6F;
      box-shadow: inset 0 0 0.3125rem #eaecee;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .formAddonLink div.grouping-box div.box input[type="time"],
    form .search-form div.grouping-box div.box input[type="time"],
    .comment-form div.grouping-box div.box input[type="time"] {
      font-family: "DINPro", Helvetica, Arial, sans-serif;
      width: 4.5rem; }
      .formAddonLink div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button,
      form .search-form div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button,
      .comment-form div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button {
        height: 1.375rem; }
    .formAddonLink div.grouping-box div.box input:focus,
    .formAddonLink div.grouping-box div.box select:focus,
    form .search-form div.grouping-box div.box input:focus,
    form .search-form div.grouping-box div.box select:focus,
    .comment-form div.grouping-box div.box input:focus,
    .comment-form div.grouping-box div.box select:focus {
      border: 1px solid #bad98a;
      outline: none !important; }
    .formAddonLink div.grouping-box div.box textarea,
    form .search-form div.grouping-box div.box textarea,
    .comment-form div.grouping-box div.box textarea {
      border: 1px solid #6F6F6F;
      resize: vertical;
      padding: 0.4375rem 0.4375rem 0.5rem 0.4375rem;
      font-size: 0.875rem;
      width: 100%;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .formAddonLink div.grouping-box div.box textarea:focus,
    form .search-form div.grouping-box div.box textarea:focus,
    .comment-form div.grouping-box div.box textarea:focus {
      border: 1px solid #bad98a;
      outline: none !important; }
    .formAddonLink div.grouping-box div.box .form-select,
    form .search-form div.grouping-box div.box .form-select,
    .comment-form div.grouping-box div.box .form-select {
      box-sizing: border-box;
      border: 1px solid #d3d9db;
      background: #eaecee;
      background-size: 110%;
      background-position: 50% 50%; }
      .formAddonLink div.grouping-box div.box .form-select div,
      form .search-form div.grouping-box div.box .form-select div,
      .comment-form div.grouping-box div.box .form-select div {
        box-sizing: border-box;
        background-image: url(img/icons/svg/dropdown-caret.svg);
        background-repeat: no-repeat;
        background-position: top 50% right 5px;
        background-size: 24px 24px;
        padding-right: 1.5625rem !important;
        overflow: hidden; }
    .formAddonLink div.grouping-box div.box img[alt="required field"],
    form .search-form div.grouping-box div.box img[alt="required field"],
    .comment-form div.grouping-box div.box img[alt="required field"] {
      vertical-align: top; }
    .formAddonLink div.grouping-box div.box div.refNote,
    form .search-form div.grouping-box div.box div.refNote,
    .comment-form div.grouping-box div.box div.refNote {
      color: #6F6F6F;
      font-size: 0.875rem;
      padding-top: 0.875rem;
      padding-bottom: 0;
      margin: 0; }
      .formAddonLink div.grouping-box div.box div.refNote p,
      form .search-form div.grouping-box div.box div.refNote p,
      .comment-form div.grouping-box div.box div.refNote p {
        color: #6F6F6F; }
  .formAddonLink div.grouping-box div.box.full,
  form .search-form div.grouping-box div.box.full,
  .comment-form div.grouping-box div.box.full {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .formAddonLink div.grouping-box div.box,
  form .search-form div.grouping-box div.box,
  .comment-form div.grouping-box div.box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%; }
  .formAddonLink div.grouping-box.footer,
  form .search-form div.grouping-box.footer,
  .comment-form div.grouping-box.footer {
    padding-top: 0.3125rem; }
    .formAddonLink div.grouping-box.footer button,
    form .search-form div.grouping-box.footer button,
    .comment-form div.grouping-box.footer button {
      margin-bottom: 0.3125rem; }
    .formAddonLink div.grouping-box.footer .box,
    form .search-form div.grouping-box.footer .box,
    .comment-form div.grouping-box.footer .box {
      padding-bottom: 0.8125rem; }
    .formAddonLink div.grouping-box.footer div.box div.refNote,
    form .search-form div.grouping-box.footer div.box div.refNote,
    .comment-form div.grouping-box.footer div.box div.refNote {
      padding-top: 0.4375rem !important; }
      .formAddonLink div.grouping-box.footer div.box div.refNote p,
      form .search-form div.grouping-box.footer div.box div.refNote p,
      .comment-form div.grouping-box.footer div.box div.refNote p {
        padding-bottom: 0; }

.formAddonLink div.date div.grouping-box div.box,
form .search-form div.date div.grouping-box div.box,
.comment-form div.date div.grouping-box div.box {
  padding-right: 0.125rem;
  padding-top: 0.4375rem; }
  .formAddonLink div.date div.grouping-box div.box div input.date,
  form .search-form div.date div.grouping-box div.box div input.date,
  .comment-form div.date div.grouping-box div.box div input.date {
    color: #6F6F6F; }
  .formAddonLink div.date div.grouping-box div.box span.icons.date,
  form .search-form div.date div.grouping-box div.box span.icons.date,
  .comment-form div.date div.grouping-box div.box span.icons.date {
    content: "";
    display: inline-block;
    background: url("img/icons/svg/calendar.svg") no-repeat;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    float: right; }

.formAddonLink div.date div.rightcol div.box,
form .search-form div.date div.rightcol div.box,
.comment-form div.date div.rightcol div.box {
  padding-right: 0.4375rem;
  padding-left: 0.125rem; }

.formAddonLink div.cols-2 div.box,
form .search-form div.cols-2 div.box,
.comment-form div.cols-2 div.box {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%; }
  .formAddonLink div.cols-2 div.box div.box,
  form .search-form div.cols-2 div.box div.box,
  .comment-form div.cols-2 div.box div.box {
    padding: 0; }

.formAddonLink div.cols-3 div.box,
form .search-form div.cols-3 div.box,
.comment-form div.cols-3 div.box {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%; }

.formAddonLink div.cols-3 div.colspan-3,
form .search-form div.cols-3 div.colspan-3,
.comment-form div.cols-3 div.colspan-3 {
  margin-right: 60%; }

.formAddonLink div.cols-3 div.colspan-2,
form .search-form div.cols-3 div.colspan-2,
.comment-form div.cols-3 div.colspan-2 {
  margin-right: 30%; }

.formAddonLink div.cols-4 div.box,
form .search-form div.cols-4 div.box,
.comment-form div.cols-4 div.box {
  padding-left: 0.4375rem;
  padding-right: 0.4375rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%; }

.formAddonLink div.cols-4 div.colspan-3,
form .search-form div.cols-4 div.colspan-3,
.comment-form div.cols-4 div.colspan-3 {
  margin-right: 50%; }

.formAddonLink div.cols-4 div.colspan-2,
form .search-form div.cols-4 div.colspan-2,
.comment-form div.cols-4 div.colspan-2 {
  margin-right: 25%; }

div.formAddonLink p.linkitem,
div.formAddonLink a,
div.result p.linkitem,
div.result a,
form fieldset.search-form p.linkitem,
form fieldset.search-form a,
fieldset.comment-form p.linkitem,
fieldset.comment-form a {
  cursor: pointer;
  color: #1269B0 !important;
  font-size: 0.75rem;
  line-height: 1.1666666667; }

div.formAddonLink div.grouping-box div.box label,
div.result div.grouping-box div.box label,
form fieldset.search-form div.grouping-box div.box label,
fieldset.comment-form div.grouping-box div.box label {
  font-size: 0.75rem;
  line-height: 1.3333333333; }

div.formAddonLink div.grouping-box div.box div.validation_info,
div.result div.grouping-box div.box div.validation_info,
form fieldset.search-form div.grouping-box div.box div.validation_info,
fieldset.comment-form div.grouping-box div.box div.validation_info {
  min-height: 1.5rem;
  line-height: 2;
  font-size: 0.75rem; }

div.formAddonLink div.grouping-box div.box input[type="checkbox"],
div.formAddonLink div.grouping-box div.box input[type="radio"],
div.result div.grouping-box div.box input[type="checkbox"],
div.result div.grouping-box div.box input[type="radio"],
form fieldset.search-form div.grouping-box div.box input[type="checkbox"],
form fieldset.search-form div.grouping-box div.box input[type="radio"],
fieldset.comment-form div.grouping-box div.box input[type="checkbox"],
fieldset.comment-form div.grouping-box div.box input[type="radio"] {
  margin: 0.3125rem 0.4375rem 0.3125rem 0;
  height: 0.8125rem !important;
  width: 0.75rem !important; }

div.formAddonLink div.grouping-box div.box input[type="checkbox"] + label,
div.formAddonLink div.grouping-box div.box input[type="radio"] + label,
div.result div.grouping-box div.box input[type="checkbox"] + label,
div.result div.grouping-box div.box input[type="radio"] + label,
form fieldset.search-form div.grouping-box div.box input[type="checkbox"] + label,
form fieldset.search-form div.grouping-box div.box input[type="radio"] + label,
fieldset.comment-form div.grouping-box div.box input[type="checkbox"] + label,
fieldset.comment-form div.grouping-box div.box input[type="radio"] + label {
  line-height: 2; }

div.formAddonLink div.grouping-box div.box input,
div.formAddonLink div.grouping-box div.box select,
div.result div.grouping-box div.box input,
div.result div.grouping-box div.box select,
form fieldset.search-form div.grouping-box div.box input,
form fieldset.search-form div.grouping-box div.box select,
fieldset.comment-form div.grouping-box div.box input,
fieldset.comment-form div.grouping-box div.box select {
  font-size: 0.75rem;
  line-height: 1.3333333333;
  height: 1.5rem !important; }

div.formAddonLink div.grouping-box div.box .form-select div,
div.result div.grouping-box div.box .form-select div,
form fieldset.search-form div.grouping-box div.box .form-select div,
fieldset.comment-form div.grouping-box div.box .form-select div {
  padding: 0.1875rem 0.4375rem; }

div.formAddonLink div.grouping-box div.box .form-select select,
div.formAddonLink div.grouping-box div.box .form-select div,
div.result div.grouping-box div.box .form-select select,
div.result div.grouping-box div.box .form-select div,
form fieldset.search-form div.grouping-box div.box .form-select select,
form fieldset.search-form div.grouping-box div.box .form-select div,
fieldset.comment-form div.grouping-box div.box .form-select select,
fieldset.comment-form div.grouping-box div.box .form-select div {
  font-size: 0.75rem;
  line-height: 1.5;
  height: 1.4rem; }

div.formAddonLink div.grouping-box div.box .customfile,
div.result div.grouping-box div.box .customfile,
form fieldset.search-form div.grouping-box div.box .customfile,
fieldset.comment-form div.grouping-box div.box .customfile {
  height: 1.5rem; }

div.formAddonLink div.grouping-box div.box .customfile-button,
div.result div.grouping-box div.box .customfile-button,
form fieldset.search-form div.grouping-box div.box .customfile-button,
fieldset.comment-form div.grouping-box div.box .customfile-button {
  padding-top: 0.25rem;
  font-size: 0.75rem; }

div.formAddonLink div.grouping-box div.box div.refNote,
div.result div.grouping-box div.box div.refNote,
form fieldset.search-form div.grouping-box div.box div.refNote,
fieldset.comment-form div.grouping-box div.box div.refNote {
  font-size: 0.75rem;
  padding-top: 0.75rem; }

div.formAddonLink div.date div.grouping-box div.box div input.date,
div.result div.date div.grouping-box div.box div input.date,
form fieldset.search-form div.date div.grouping-box div.box div input.date,
fieldset.comment-form div.date div.grouping-box div.box div input.date {
  font-size: 0.625rem;
  padding: 0 0 0 0.0625rem;
  width: 3rem; }

div.formAddonLink div.date div.grouping-box div.box span.icons.date,
div.result div.date div.grouping-box div.box span.icons.date,
form fieldset.search-form div.date div.grouping-box div.box span.icons.date,
fieldset.comment-form div.date div.grouping-box div.box span.icons.date {
  margin-top: 0.25rem; }

div.formAddonLink div.grouping-box div.box span.label.searchbox,
div.formAddonLink div.grouping-box div.box label.searchbox,
div.result div.grouping-box div.box span.label.searchbox,
div.result div.grouping-box div.box label.searchbox,
form fieldset.search-form div.grouping-box div.box span.label.searchbox,
form fieldset.search-form div.grouping-box div.box label.searchbox,
fieldset.comment-form div.grouping-box div.box span.label.searchbox,
fieldset.comment-form div.grouping-box div.box label.searchbox {
  margin-left: 1.125rem; }

div.formAddonLink a.openmap:hover,
div.result a.openmap:hover,
form fieldset.search-form a.openmap:hover,
fieldset.comment-form a.openmap:hover {
  border: 0; }

form fieldset.search-form p {
  padding-top: 0.375rem;
  padding-bottom: 0.125rem; }

div.result table.result {
  font-size: 0.75rem;
  line-height: 1.5; }

div.smallForm {
  width: 29.0625rem; }

fieldset.comment-form {
  padding-bottom: 1.25rem; }
  fieldset.comment-form div.formHeader h3 {
    padding-top: 0.6875rem; }
  fieldset.comment-form div.grouping-box div.box {
    padding-top: 0.625rem; }

aside div.smallForm {
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  aside div.smallForm h1:first-child,
  aside div.smallForm h2:first-child,
  aside div.smallForm h3:first-child,
  aside div.smallForm h4:first-child,
  aside div.smallForm h5:first-child {
    padding-top: 0.9375rem !important; }
  aside div.smallForm div.formAddonLink {
    padding-bottom: 0.3125rem; }
    aside div.smallForm div.formAddonLink.inside {
      padding-bottom: 0; }
    aside div.smallForm div.formAddonLink div.grouping-box div.box {
      padding-top: 0.3125rem; }
  aside div.smallForm form fieldset.search-form div .grouping-box .box.full label {
    line-height: 1; }
  aside div.smallForm form fieldset.search-form div .grouping-box .box.full input[type="radio"] {
    margin: 0 0.3125rem 0 0.0625rem; }

.subtitle {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 0.375rem; }

div.refNote {
  padding-top: 0.9375rem; }
  div.refNote.spacingTop {
    padding-top: 1.25rem; }
  div.refNote.spacingBottom {
    padding-bottom: 1.25rem; }
  div.refNote h2,
  div.refNote li,
  div.refNote p {
    font-size: 0.75rem;
    line-height: 1.5; }
  div.refNote h2 {
    color: #000000;
    padding: 0; }
  div.refNote h3:first-child {
    padding-top: 0; }
  div.refNote ul.linklist li {
    padding-bottom: 0.3125rem; }
    div.refNote ul.linklist li div.link {
      list-style: disc inside none; }
  div.refNote ul.linklist li:last-child {
    padding-bottom: 0; }
  div.refNote ul.list {
    list-style: disc inside; }

@media screen and (max-width: 1024px) {
  .formAddonLink,
  form .search-form,
  .comment-form {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-color: #eaecee; }
    .formAddonLink div.formHeader,
    form .search-form div.formHeader,
    .comment-form div.formHeader {
      padding-left: 0;
      padding-right: 0; }
      .formAddonLink div.formHeader h2,
      form .search-form div.formHeader h2,
      .comment-form div.formHeader h2 {
        padding-top: 0; }
  aside div.smallForm fieldset.comment-form {
    padding-top: 1.5rem;
    padding-bottom: 0.75rem; }
  .formAddonLink div.grouping-box div.box,
  form .search-form div.grouping-box div.box,
  .comment-form div.grouping-box div.box {
    padding-top: 0.75rem;
    padding-left: 0;
    padding-right: 0; }
  .smallForm {
    padding: 0; }
  .formAddonLink .checkbox label,
  form .search-form .checkbox label,
  .comment-form .checkbox label,
  .formAddonLink .radio label,
  form .search-form .radio label,
  .comment-form .radio label,
  .formAddonLink label.inside,
  form .search-form label.inside,
  .comment-form label.inside {
    font-size: 1rem !important;
    line-height: 1.5; }
  form .search-form div.grouping-box div.box label label,
  div.grouping-box div.box label {
    font-size: 1rem !important; }
  input[type="checkbox"],
  input[type="radio"] {
    width: 1rem !important;
    height: 1rem !important; }
  form input[type="checkbox"],
  form input[type="radio"],
  form fieldset.search-form div.grouping-box div.box input[type="checkbox"],
  form fieldset.search-form .grouping-box .box .option input[type="radio"],
  form fieldset.search-form div.grouping-box div.box input[type="radio"] {
    margin-left: 0;
    width: 1rem !important;
    height: 1rem !important;
    margin: 0.3125rem 0.4375rem 0.3125rem 0; }
  div.formAddonLink div.grouping-box div.box input,
  div.formAddonLink div.grouping-box div.box select,
  div.result div.grouping-box div.box input,
  div.result div.grouping-box div.box select,
  form fieldset.search-form div.grouping-box div.box input,
  form fieldset.search-form div.grouping-box div.box select,
  fieldset.comment-form div.grouping-box div.box input,
  fieldset.comment-form div.grouping-box div.box select {
    font-size: 1rem; }
  div.formAddonLink div.grouping-box div.box input[type="text"] + label,
  div.formAddonLink div.grouping-box div.box input[type="date"] + label,
  div.formAddonLink div.grouping-box div.box input[type="time"] + label,
  div.formAddonLink div.grouping-box div.box textarea + label,
  div.formAddonLink div.grouping-box div.box .form-select + label,
  div.formAddonLink div.grouping-box div.box input[type="file"] + label,
  div.result div.grouping-box div.box input[type="text"] + label,
  div.result div.grouping-box div.box input[type="date"] + label,
  div.result div.grouping-box div.box input[type="time"] + label,
  div.result div.grouping-box div.box textarea + label,
  div.result div.grouping-box div.box .form-select + label,
  div.result div.grouping-box div.box input[type="file"] + label,
  form fieldset.search-form div.grouping-box div.box input[type="text"] + label,
  form fieldset.search-form div.grouping-box div.box input[type="date"] + label,
  form fieldset.search-form div.grouping-box div.box input[type="time"] + label,
  form fieldset.search-form div.grouping-box div.box textarea + label,
  form fieldset.search-form div.grouping-box div.box .form-select + label,
  form fieldset.search-form div.grouping-box div.box input[type="file"] + label,
  fieldset.comment-form div.grouping-box div.box input[type="text"] + label,
  fieldset.comment-form div.grouping-box div.box input[type="date"] + label,
  fieldset.comment-form div.grouping-box div.box input[type="time"] + label,
  fieldset.comment-form div.grouping-box div.box textarea + label,
  fieldset.comment-form div.grouping-box div.box .form-select + label,
  fieldset.comment-form div.grouping-box div.box input[type="file"] + label {
    padding-top: 0.1875rem; }
  div.formAddonLink div.grouping-box div.box input[type="checkbox"] + label,
  div.formAddonLink div.grouping-box div.box input[type="radio"] + label,
  div.result div.grouping-box div.box input[type="checkbox"] + label,
  div.result div.grouping-box div.box input[type="radio"] + label,
  form fieldset.search-form div.grouping-box div.box input[type="checkbox"] + label,
  form fieldset.search-form div.grouping-box div.box input[type="radio"] + label,
  fieldset.comment-form div.grouping-box div.box input[type="checkbox"] + label,
  fieldset.comment-form div.grouping-box div.box input[type="radio"] + label {
    line-height: 1.5;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    box-sizing: border-box;
    margin-bottom: 0.5rem; }
  div.formAddonLink .dropdown .grouping-box .box label.inside,
  div.result .dropdown .grouping-box .box label.inside,
  form fieldset.search-form .dropdown .grouping-box .box label.inside,
  fieldset.comment-form .dropdown .grouping-box .box label.inside {
    padding-top: 0.1875rem; }
  input[type="text"] + label,
  input[type="date"] + label,
  input[type="time"] + label,
  textarea + label,
  .form-select + label,
  input[type="file"] + label {
    padding-top: 0.1875rem; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    line-height: 1.5;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    width: calc(100% - 1.4375rem);
    box-sizing: border-box;
    margin-bottom: 0.5rem;
    font-size: 1rem; }
  input[type="number"] {
    box-sizing: border-box;
    font-size: 1rem;
    height: 2rem !important;
    padding: 0.1875rem 0.25rem; }
  input[type="checkbox"]:first-child,
  input[type="radio"]:first-child {
    margin-left: 0;
    margin-right: 0; }
  .formAddonLink div.date div.grouping-box div.box.flatpickr,
  div.result div.date div.grouping-box div.box.flatpickr,
  form fieldset.search-form div.date div.grouping-box div.box.flatpickr,
  fieldset.comment-form div.date div.grouping-box div.box.flatpickr {
    padding-top: 0;
    padding-bottom: 1rem; }
    .formAddonLink div.date div.grouping-box div.box.flatpickr span.date,
    div.result div.date div.grouping-box div.box.flatpickr span.date,
    form fieldset.search-form div.date div.grouping-box div.box.flatpickr span.date,
    fieldset.comment-form div.date div.grouping-box div.box.flatpickr span.date {
      position: absolute;
      display: inline-block;
      background-image: url(img/icons/svg/calendar.svg);
      background-repeat: no-repeat;
      background-size: auto;
      background-position: 50% 44%;
      width: 2rem;
      height: 2rem;
      float: left;
      margin-left: 6.5rem;
      margin-top: 0; }
  .formAddonLink div.date div.grouping-box input.date.flatpickr-input,
  .formAddonLink div.date div.grouping-box input.date.flatpickr-input[readonly],
  div.result div.date div.grouping-box input.date.flatpickr-input,
  div.result div.date div.grouping-box input.date.flatpickr-input[readonly],
  form fieldset.search-form div.date div.grouping-box input.date.flatpickr-input,
  form fieldset.search-form div.date div.grouping-box input.date.flatpickr-input[readonly],
  fieldset.comment-form div.date div.grouping-box input.date.flatpickr-input,
  fieldset.comment-form div.date div.grouping-box input.date.flatpickr-input[readonly] {
    width: 6.25rem;
    float: left;
    font-size: 1rem;
    padding: 0.1875rem 0.5rem;
    height: 2rem; }
  html.touch input.date.flatpickr-input {
    min-width: 6rem; }
  #mobile-form-news-extended .box {
    padding-left: 0; }
  div.checkbox.immediate > ul {
    padding-left: 0 !important; }
  div.smallForm {
    width: 100%;
    display: inline-block; }
  fieldset.comment-form div.grouping-box .box {
    width: 100% !important;
    float: none; }
  fieldset.comment-form div.grouping-box div.box textarea,
  fieldset.comment-form div.grouping-box div.box input {
    font-size: 0.9rem;
    line-height: 1.6;
    height: auto !important; }
  fieldset.comment-form div.grouping-box div.box textarea,
  fieldset.comment-form div.grouping-box div.box input[type="text"] {
    padding: 0.5rem;
    margin-bottom: 1rem;
    font-family: "DINPro", Helvetica, Arial, sans-serif; }
  .formAddonLink div.cols-2 div.box,
  form .search-form div.cols-2 div.box,
  .comment-form div.cols-2 div.box {
    padding-left: 0;
    padding-right: 0; }
  form input[type="text"] {
    font-size: 1rem;
    padding: 0.1875rem 0.5625rem;
    height: auto;
    color: #6F6F6F; }
  fieldset.comment-form div.grouping-box div.box {
    padding-top: 0; }
  .formAddonLink .textimage p,
  form .search-form .textimage p,
  .comment-form .textimage p,
  .formAddonLink .textimage h2,
  form .search-form .textimage h2,
  .comment-form .textimage h2,
  .formAddonLink .textimage h3,
  form .search-form .textimage h3,
  .comment-form .textimage h3,
  .formAddonLink .textimage h4,
  form .search-form .textimage h4,
  .comment-form .textimage h4 {
    padding-left: 0; }
  div.formAddonLink p.linkitem,
  div.result p.linkitem,
  form fieldset.search-form p.linkitem,
  fieldset.comment-form p.linkitem,
  div.formAddonLink a,
  div.result a,
  form fieldset.search-form a,
  fieldset.comment-form a {
    font-size: 0.875rem; }
  aside div.smallForm h1:first-child,
  aside div.smallForm h2:first-child,
  aside div.smallForm h3:first-child,
  aside div.smallForm h4:first-child,
  aside div.smallForm h5:first-child {
    padding-top: 0 !important; }
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="radio"],
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="radio"],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="radio"],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="radio"],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="radio"],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="radio"],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="radio"],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="radio"],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="radio"],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="radio"],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="radio"],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="radio"],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="radio"],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="radio"],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="checkbox"] {
    margin: 0.3125rem 0.4375rem 0.3125rem 0; }
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="radio"] + label,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="checkbox"] + label,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="radio"] + label {
    line-height: 1.5;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
    width: calc(100% - 1.4375rem);
    box-sizing: border-box;
    margin-bottom: 0.5rem; }
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full .flatpickr-input,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full .flatpickr-input[readonly],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end {
    padding: 0.5rem 0.1875rem 0.5rem 0.1875rem; }
  input.date.flatpickr-mobile {
    font-size: 1rem !important;
    min-width: 7.5rem !important; }
  .date > .grouping-box div.box {
    width: 9.3rem !important;
    padding-right: 0 !important;
    margin-right: 0.8rem; } }

@media screen and (max-width: 767px) {
  .formAddonLink,
  form .search-form,
  .comment-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  div.formAddonLink div.grouping-box div.box label span,
  div.formAddonLink,
  div.result,
  fieldset.comment-form {
    font-size: 1.125rem !important;
    line-height: 1.6 !important; } }

[id="contentMain"] .search-form {
  background: #f6f6f6;
  padding-left: 0.75em;
  padding-right: 0.75em;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  margin-bottom: 1.25em; }

.whitebox {
  background-color: #fff;
  margin-bottom: 1em;
  padding-top: 2em;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 2em;
  box-shadow: 0 0.1875rem 0.5rem rgba(31, 64, 122, 0.3); }
  @media only screen and (min-width: 1025px) {
    .whitebox {
      padding-left: 0.75rem;
      padding-right: 0.75rem; } }
  .whitebox__content {
    max-width: 26em; }
  .whitebox__description {
    margin-bottom: 1.25em; }
    .whitebox__description:last-child {
      margin-bottom: 0; }
  .whitebox__title {
    line-height: 1.17;
    font-size: 1.6em;
    margin-bottom: 1rem; }
  .whitebox__pretitle {
    margin-bottom: 0.5em; }
  .whitebox .sublogo {
    margin-bottom: 0.75em;
    margin-top: -0.75em;
    margin-left: -0.55rem; }
  @media only screen and (max-width: 1024px) {
    .whitebox {
      display: none; } }

/* Variables
----------------------------------------------------------------------------------------------------*/
.slideshow {
  width: 100%;
  margin-bottom: 1.25em;
  margin-top: 2em; }
  .slideshow h2,
  .slideshow h3,
  .slideshow h4 {
    margin-bottom: 0.5em;
    margin-top: 0.5em; }
  .slideshow h2 {
    font-size: 1.6em; }
  .slideshow h3 {
    font-size: 1.25em; }
  .slideshow h4 {
    font-weight: bold; }
  .slideshow p {
    font-weight: bold; }
  .slideshow h2,
  .slideshow h3,
  .slideshow h4,
  .slideshow p {
    padding-bottom: 0;
    margin-bottom: 0; }

.gallery3image figcaption,
.gallery5image figcaption {
  font-size: 0.8667em;
  padding-top: 0.5em; }

.gallery {
  clear: both; }
  .gallery .items,
  .gallery ul {
    clear: both;
    margin-top: 0; }
    .gallery .items li,
    .gallery ul li {
      float: left; }
      .gallery .items li a,
      .gallery ul li a {
        display: block;
        height: 100%;
        position: relative;
        overflow: hidden; }
        .gallery .items li a:hover,
        .gallery ul li a:hover {
          border-bottom: none; }
    .gallery .items li:first-child,
    .gallery ul li:first-child {
      clear: both; }
    .gallery .items figure,
    .gallery ul figure {
      position: relative;
      float: left;
      display: block;
      background-color: #eaecee;
      text-align: center; }
      .gallery .items figure a,
      .gallery ul figure a {
        position: relative; }
        .gallery .items figure a .detail,
        .gallery ul figure a .detail {
          background: url(img/icons/svg/search-small-plus.svg) no-repeat #000000;
          position: absolute;
          height: 1.5rem;
          width: 1.5rem;
          right: 0;
          bottom: 0;
          display: none;
          background-position: 4px 4px; }
        .gallery .items figure a:hover .detail,
        .gallery ul figure a:hover .detail {
          display: block; }
      .gallery .items figure figcaption,
      .gallery ul figure figcaption {
        background-color: #fff; }
        .gallery .items figure figcaption p,
        .gallery ul figure figcaption p {
          line-height: 1.2857142857 !important; }
      .gallery .items figure figcaption,
      .gallery .items figure figcaption *,
      .gallery ul figure figcaption,
      .gallery ul figure figcaption * {
        font-weight: normal;
        color: #6F6F6F;
        text-align: left; }
        .gallery .items figure figcaption sub,
        .gallery .items figure figcaption sup,
        .gallery .items figure figcaption small,
        .gallery .items figure figcaption * sub,
        .gallery .items figure figcaption * sup,
        .gallery .items figure figcaption * small,
        .gallery ul figure figcaption sub,
        .gallery ul figure figcaption sup,
        .gallery ul figure figcaption small,
        .gallery ul figure figcaption * sub,
        .gallery ul figure figcaption * sup,
        .gallery ul figure figcaption * small {
          font-size: 75%; }
  .gallery p {
    font-weight: bold; }

.gallery5image {
  margin-bottom: 1.875rem; }
  .gallery5image:after {
    content: '';
    display: table;
    clear: both; }
  .gallery5image .items,
  .gallery5image ul {
    width: 29.6875rem; }
    .gallery5image .items figure,
    .gallery5image ul figure {
      margin-right: 0.625rem;
      margin-top: 0.625rem;
      width: 5.3125rem; }
      .gallery5image .items figure div,
      .gallery5image ul figure div {
        line-height: calc(3.9375rem - 2px);
        min-height: 3.9375rem; }
      .gallery5image .items figure img,
      .gallery5image ul figure img {
        max-width: 5.3125rem;
        max-height: 3.9375rem;
        height: auto; }
      .gallery5image .items figure figcaption,
      .gallery5image ul figure figcaption {
        width: 5.3125rem; }

.gallery3image {
  margin-bottom: 1.875rem; }
  .gallery3image .items,
  .gallery3image ul {
    width: 30rem; }
    .gallery3image .items figure,
    .gallery3image ul figure {
      margin-right: 0.625rem;
      margin-top: 0.625rem;
      width: 9.25rem; }
      .gallery3image .items figure div,
      .gallery3image ul figure div {
        line-height: calc(6.9375rem - 2px);
        min-height: 6.9375rem; }
      .gallery3image .items figure img,
      .gallery3image ul figure img {
        max-width: 9.25rem;
        max-height: 6.9375rem;
        height: auto; }
      .gallery3image .items figure figcaption,
      .gallery3image ul figure figcaption {
        width: 9.25rem; }

.charttable .gallery3image {
  margin-bottom: 1.875rem;
  display: inline-block; }
  .charttable .gallery3image .items,
  .charttable .gallery3image ul {
    width: 100%; }
    .charttable .gallery3image .items li,
    .charttable .gallery3image ul li {
      min-height: 0;
      width: 31.7%;
      padding-top: 0.5rem;
      margin-right: 0.65rem; }
      .charttable .gallery3image .items li:nth-child(3n),
      .charttable .gallery3image ul li:nth-child(3n) {
        margin-right: 0; }
      .charttable .gallery3image .items li .chart-download,
      .charttable .gallery3image ul li .chart-download {
        display: block;
        clear: both; }
      .charttable .gallery3image .items li figure,
      .charttable .gallery3image ul li figure {
        background-color: transparent;
        margin-top: 0.625rem;
        width: 100%; }
        .charttable .gallery3image .items li figure img,
        .charttable .gallery3image ul li figure img {
          max-height: none;
          height: auto;
          width: 100%; }
        .charttable .gallery3image .items li figure figcaption,
        .charttable .gallery3image ul li figure figcaption {
          min-height: 0;
          background: none; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .gallery3image,
  .charttable .gallery3image {
    margin-bottom: 1.875rem; }
    .gallery3image .items,
    .gallery3image ul,
    .charttable .gallery3image .items,
    .charttable .gallery3image ul {
      width: 100%; }
      .gallery3image .items li,
      .gallery3image ul li,
      .charttable .gallery3image .items li,
      .charttable .gallery3image ul li {
        width: 32%;
        margin-right: 2%; }
      .gallery3image .items li:nth-child(3n),
      .gallery3image ul li:nth-child(3n),
      .charttable .gallery3image .items li:nth-child(3n),
      .charttable .gallery3image ul li:nth-child(3n) {
        margin-right: 0; }
      .gallery3image .items li:first-child,
      .gallery3image ul li:first-child,
      .charttable .gallery3image .items li:first-child,
      .charttable .gallery3image ul li:first-child {
        clear: none; }
      .gallery3image .items figure,
      .gallery3image ul figure,
      .charttable .gallery3image .items figure,
      .charttable .gallery3image ul figure {
        margin-right: 0;
        margin-top: 0.625rem;
        width: 100%; }
        .gallery3image .items figure div,
        .gallery3image ul figure div,
        .charttable .gallery3image .items figure div,
        .charttable .gallery3image ul figure div {
          line-height: calc(6.9375rem - 2px);
          min-height: 6.9375rem; }
        .gallery3image .items figure img,
        .gallery3image ul figure img,
        .charttable .gallery3image .items figure img,
        .charttable .gallery3image ul figure img {
          max-width: 100%;
          max-height: 6.9375rem;
          height: auto; }
        .gallery3image .items figure figcaption,
        .gallery3image ul figure figcaption,
        .charttable .gallery3image .items figure figcaption,
        .charttable .gallery3image ul figure figcaption {
          width: 100%; }
  .gallery5image .items,
  .gallery5image ul {
    width: 100%; }
    .gallery5image .items li,
    .gallery5image ul li {
      width: 18.4%;
      margin-right: 2%; }
    .gallery5image .items li:nth-child(5n),
    .gallery5image ul li:nth-child(5n) {
      margin-right: 0; }
    .gallery5image .items figure,
    .gallery5image ul figure {
      margin-right: 0;
      margin-top: 0.625rem;
      width: 100%; }
      .gallery5image .items figure div,
      .gallery5image ul figure div {
        line-height: calc(4.9375rem - 2px);
        min-height: 4.9375rem; }
      .gallery5image .items figure img,
      .gallery5image ul figure img {
        max-width: 100%;
        max-height: 4.9375rem;
        height: auto; }
      .gallery5image .items figure figcaption,
      .gallery5image ul figure figcaption {
        width: 100%; }
  .charttable .gallery3image ul li figure img {
    width: 12.25rem; } }

@media screen and (min-width: 480px) and (max-width: 767px) {
  .gallery3image,
  .charttable .gallery3image {
    margin-bottom: 1.875rem; }
    .gallery3image .items,
    .gallery3image ul,
    .charttable .gallery3image .items,
    .charttable .gallery3image ul {
      width: 100%; }
      .gallery3image .items li,
      .gallery3image ul li,
      .charttable .gallery3image .items li,
      .charttable .gallery3image ul li {
        width: 32%;
        margin-right: 2%; }
      .gallery3image .items li:nth-child(3n),
      .gallery3image ul li:nth-child(3n),
      .charttable .gallery3image .items li:nth-child(3n),
      .charttable .gallery3image ul li:nth-child(3n) {
        margin-right: 0; }
      .gallery3image .items li:first-child,
      .gallery3image ul li:first-child,
      .charttable .gallery3image .items li:first-child,
      .charttable .gallery3image ul li:first-child {
        clear: none; }
      .gallery3image .items figure,
      .gallery3image ul figure,
      .charttable .gallery3image .items figure,
      .charttable .gallery3image ul figure {
        margin-right: 0;
        margin-top: 0.625rem;
        width: 100%; }
        .gallery3image .items figure div,
        .gallery3image ul figure div,
        .charttable .gallery3image .items figure div,
        .charttable .gallery3image ul figure div {
          line-height: calc(6.9375rem - 2px);
          min-height: 6.9375rem; }
        .gallery3image .items figure img,
        .gallery3image ul figure img,
        .charttable .gallery3image .items figure img,
        .charttable .gallery3image ul figure img {
          max-width: 100%;
          max-height: 6.9375rem;
          height: auto; }
        .gallery3image .items figure figcaption,
        .gallery3image ul figure figcaption,
        .charttable .gallery3image .items figure figcaption,
        .charttable .gallery3image ul figure figcaption {
          width: 100%; }
  .charttable .gallery3image ul li figure img {
    width: 13.25rem; } }

@media screen and (min-width: 593px) and (max-width: 767px) {
  .gallery5image .items,
  .gallery5image ul {
    width: 100%; }
    .gallery5image .items li,
    .gallery5image ul li {
      width: 23.5%;
      margin-right: 2%; }
    .gallery5image .items li:nth-child(4n),
    .gallery5image ul li:nth-child(4n) {
      margin-right: 0; }
    .gallery5image .items figure,
    .gallery5image ul figure {
      margin-right: 0;
      margin-top: 0.625rem;
      width: 100%; }
      .gallery5image .items figure div,
      .gallery5image ul figure div {
        line-height: calc(5.9375rem - 2px);
        min-height: 5.9375rem; }
      .gallery5image .items figure img,
      .gallery5image ul figure img {
        max-width: 100%;
        max-height: 5.9375rem;
        height: auto; }
      .gallery5image .items figure figcaption,
      .gallery5image ul figure figcaption {
        width: 100%; } }

@media screen and (min-width: 480px) and (max-width: 592px) {
  .gallery5image .items,
  .gallery5image ul {
    width: 100%; }
    .gallery5image .items li,
    .gallery5image ul li {
      width: 32%;
      margin-right: 2%; }
    .gallery5image .items li:nth-child(3n),
    .gallery5image ul li:nth-child(3n) {
      margin-right: 0; }
    .gallery5image .items figure,
    .gallery5image ul figure {
      margin-right: 0;
      margin-top: 0.625rem;
      width: 100%; }
      .gallery5image .items figure div,
      .gallery5image ul figure div {
        line-height: calc(5.9375rem - 2px);
        min-height: 5.9375rem; }
      .gallery5image .items figure img,
      .gallery5image ul figure img {
        max-width: 100%;
        max-height: 5.9375rem;
        height: auto; }
      .gallery5image .items figure figcaption,
      .gallery5image ul figure figcaption {
        width: 100%; } }

@media screen and (max-width: 1024px) {
  .gallery .items figure figcaption,
  .gallery ul figure figcaption {
    font-size: 0.875rem; }
    .gallery .items figure figcaption a,
    .gallery ul figure figcaption a {
      font-size: 0.875rem; }
  .gallery .items figure a .detail,
  .gallery ul figure a .detail {
    display: block !important; }
  .gallery img {
    width: 100%; } }

@media screen and (min-width: 321px) and (max-width: 479px) {
  .gallery5image .items,
  .gallery5image ul {
    width: 100%; }
    .gallery5image .items li,
    .gallery5image ul li {
      width: 49%;
      margin-right: 2%; }
    .gallery5image .items li:nth-child(odd),
    .gallery5image ul li:nth-child(odd) {
      margin-right: 2%; }
    .gallery5image .items li:nth-child(even),
    .gallery5image ul li:nth-child(even) {
      margin-right: 0; }
    .gallery5image .items figure,
    .gallery5image ul figure {
      margin-right: 0;
      margin-top: 0.625rem;
      width: 100%; }
      .gallery5image .items figure div,
      .gallery5image ul figure div {
        line-height: calc(5.9375rem - 2px);
        min-height: 5.9375rem; }
      .gallery5image .items figure img,
      .gallery5image ul figure img {
        max-width: 100%;
        max-height: 5.9375rem;
        height: auto; }
      .gallery5image .items figure figcaption,
      .gallery5image ul figure figcaption {
        width: 100%; } }

@media screen and (max-width: 480px) {
  .gallery3image {
    margin-bottom: 1.875rem; }
    .gallery3image .items,
    .gallery3image ul {
      width: 100%; }
      .gallery3image .items li,
      .gallery3image ul li {
        width: 49%;
        margin-right: 2%; }
      .gallery3image .items li:nth-child(odd),
      .gallery3image ul li:nth-child(odd) {
        margin-right: 2%;
        clear: both; }
      .gallery3image .items li:nth-child(even),
      .gallery3image ul li:nth-child(even) {
        margin-right: 0; }
      .gallery3image .items li:first-child,
      .gallery3image ul li:first-child {
        clear: none; }
      .gallery3image .items figure,
      .gallery3image ul figure {
        margin-right: 0;
        margin-top: 0.625rem;
        width: 100%; }
        .gallery3image .items figure div,
        .gallery3image ul figure div {
          line-height: calc(6.9375rem - 2px);
          min-height: 6.9375rem; }
        .gallery3image .items figure img,
        .gallery3image ul figure img {
          max-width: 100%;
          max-height: 6.9375rem;
          height: auto; }
        .gallery3image .items figure figcaption,
        .gallery3image ul figure figcaption {
          width: 100%; }
  .charttable .gallery3image ul li {
    width: 49%; }
    .charttable .gallery3image ul li:nth-child(odd) {
      margin-right: 2%; }
    .charttable .gallery3image ul li:nth-child(even) {
      margin-right: 0; }
    .charttable .gallery3image ul li figure {
      margin-right: 0;
      width: 100%; }
  .charttable .gallery3image ul li figure img {
    width: 100%; } }

@media screen and (max-width: 320px) {
  .gallery5image .items,
  .gallery5image ul {
    width: 100%; }
    .gallery5image .items li,
    .gallery5image ul li {
      width: 50%; }
    .gallery5image .items figure,
    .gallery5image ul figure {
      margin-right: 0.625rem;
      margin-top: 0.625rem;
      width: calc(100% - 0.625rem); }
      .gallery5image .items figure div,
      .gallery5image ul figure div {
        line-height: calc(5.9375rem - 2px);
        min-height: 5.9375rem; }
      .gallery5image .items figure img,
      .gallery5image ul figure img {
        max-width: 100%;
        max-height: 5.9375rem;
        height: auto; }
      .gallery5image .items figure figcaption,
      .gallery5image ul figure figcaption {
        width: 100%; } }

@media screen and (min-width: 1280px) {
  .gallery .items figure a .detail,
  .gallery ul figure a .detail {
    background-position: 50%; } }

.teaserboxline {
  margin-top: 1em;
  margin-bottom: 1em; }
  .teaserboxline hr {
    border-top: 1px solid #d8d8d8; }
  [id="contentMain"] .teaserboxline {
    margin-bottom: 2em;
    margin-top: 2em; }
  aside .teaserboxline {
    margin-top: 1.25em;
    margin-bottom: 1.25em; }

.homepage .newsfeed + .teaserboxline {
  margin-top: 0.25em; }

[id='comment-system'] h2 {
  font-size: 1.25em;
  margin-bottom: 1em; }

.commentForm {
  margin-bottom: 2em; }

.commentListBox a {
  color: #1269B0;
  text-decoration: none; }

.commentListBox > li {
  display: flex;
  flex-wrap: wrap; }

.commentListBox li {
  border-top: 1px solid #d8d8d8;
  padding: 0.5625rem 0;
  overflow: auto;
  width: 100%; }
  .commentListBox li ul {
    margin-top: 0; }
    .commentListBox li ul li {
      display: inline;
      border: none;
      padding: 0; }
  .commentListBox li.last-child {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 0.5625rem !important; }
  .commentListBox li .data {
    width: 8.6875rem; }
    .commentListBox li .data span.commentName {
      font-weight: bold; }
    .commentListBox li .data span.commentName,
    .commentListBox li .data span {
      color: #6F6F6F;
      display: block;
      line-height: 1.5714285714; }
    .commentListBox li .data a.like {
      display: inline;
      background: url("img/eth_like_comment.png") no-repeat scroll 0 0 transparent;
      padding: 0.0625rem 0 0.1875rem 1.1875rem;
      font-weight: normal;
      line-height: 1.875rem; }
      .commentListBox li .data a.like span {
        display: inline;
        background: #eaecee;
        border: 1px solid #d8d8d8;
        padding: 0.125rem 0.3125rem; }
      .commentListBox li .data a.like:hover {
        border-bottom: none; }
  .commentListBox li .commentEntry {
    flex-grow: 1;
    width: 200px;
    padding-left: 0.625rem;
    margin-bottom: 1em; }
    .commentListBox li .commentEntry p {
      padding-bottom: 0.4375rem; }
  .commentListBox li .subComment {
    width: 100%; }
    .commentListBox li .subComment li {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
    .commentListBox li .subComment .commentEntry {
      padding-left: 4.375rem; }
      .commentListBox li .subComment .commentEntry p {
        padding-bottom: 0; }

.commentListBox li.last-child,
.commentListBox li:last-child {
  padding-bottom: 0; }

@media screen and (max-width: 1024px) {
  ul.commentListBox li .data span.commentName,
  ul.commentListBox li .data span {
    display: inline-block; }
  ul.commentListBox li .data {
    float: left;
    width: 100%;
    font-size: 1rem; }
  ul.commentListBox li .data span.commentName {
    margin-right: 1rem; }
  ul.commentListBox li .subComment ul li .commentEntry,
  ul.commentListBox li .commentEntry {
    width: 100%;
    padding-left: 0;
    margin-bottom: 1rem; }
  .subComment.scf-comment-replies ul.scf-comments-list {
    padding-left: 2rem; } }

.vvzlist h2 {
  font-size: 1.6em;
  margin-bottom: 0.5em;
  margin-top: 1em; }

p.disclaimer {
  border: solid 1px #d8d8d8;
  border-width: 1px 0;
  padding: 0.75em 0;
  line-height: 1.5;
  margin-bottom: 1.25em; }
  p.disclaimer a {
    color: #1269B0;
    text-decoration: none; }
  p.disclaimer > span.icon {
    background-image: none;
    height: 2em;
    width: 2em;
    float: left;
    font-size: inherit;
    margin: 0.3em 0.5em 0 0; }
    p.disclaimer > span.icon img {
      width: 100%; }

.contactbox a {
  color: #1269B0;
  text-decoration: none; }

.contactbox h2,
.contactbox h3,
.contactbox h4 {
  margin-bottom: 0.25em; }

.contactbox h2 {
  font-size: 1.6em; }

.contactbox h3 {
  font-size: 1.25em; }

.contactbox h4 {
  font-weight: bold; }

.contactbox .org.org,
.contactbox .adr.adr {
  padding-bottom: 0; }

.contactbox .vcard,
.contactbox .org {
  margin-bottom: 0.75em; }

/* Variables
----------------------------------------------------------------------------------------------------*/
.fullwidthimage img {
  height: auto; }

.fullwidthimage figcaption {
  font-size: 0.8667em;
  padding-top: 0.5em; }

.fullwidthimage figcaption {
  line-height: 1.5; }

figure.fullwidthimage {
  width: 100%;
  position: relative; }
  figure.fullwidthimage.home {
    margin-top: 0; }
    @media only screen and (max-width: 1024px) {
      figure.fullwidthimage.home {
        margin-top: -1rem; } }
  figure.fullwidthimage img {
    width: 100%;
    height: auto; }
  figure.fullwidthimage a {
    cursor: pointer;
    display: block;
    position: relative; }
    figure.fullwidthimage a span.detail {
      background: url(img/icons/svg/search-small-plus.svg) no-repeat #000000;
      position: absolute;
      height: 1.5rem;
      width: 1.5rem;
      right: 0;
      bottom: 0;
      display: none;
      background-position: 50% 50%;
      background-size: 66% 66%; }
  figure.fullwidthimage figcaption,
  figure.fullwidthimage figcaption * {
    width: 100%;
    font-weight: normal;
    color: #6F6F6F;
    text-align: left; }
  figure.fullwidthimage figcaption {
    margin-bottom: 0.75em; }
  figure.fullwidthimage.home figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 0.75rem 0;
    font-weight: normal; }
    figure.fullwidthimage.home figcaption .imagecaption {
      padding: 0 0.75rem;
      color: #fff; }

.sublogo {
  max-height: 8.125rem;
  overflow: hidden; }
  .sublogo figure.fullwidthimage {
    max-width: 100%;
    padding-right: 0.625rem;
    margin-top: 0; }

.sublogo.home figure.fullwidthimage {
  padding: 0;
  background-color: #fff; }

.rightpar .contextinfo .textimage figure.grid_2_5,
.rightpar .contextinfo .textimage figure.grid_2 {
  width: 100%; }

aside div#whitebox > .sublogo {
  margin-left: 0; }
  aside div#whitebox > .sublogo .fullwidthimage {
    margin-top: 0; }

aside div.refNote h2,
aside div.refNote li,
aside div.refNote p {
  font-size: 0.75rem;
  line-height: 1.125rem; }

aside div.refNote ul.linklist li div.link a {
  font-size: 0.75rem;
  line-height: 0.875rem; }

.contactbox,
.eventListBox,
.searchResultList .link-wrap {
  display: block; }

.topstory figure {
  max-width: none !important;
  width: 100% !important; }

@media screen and (max-width: 1024px) {
  .sublogo {
    display: none; }
  .searchResultList .link-wrap {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .searchResultList .link-wrap a {
      display: block; }
  figcaption,
  div.text_image figure figcaption {
    font-size: 0.875rem; }
    figcaption a,
    div.text_image figure figcaption a {
      font-size: 0.875rem; }
  figure.fullwidthimage a span.detail {
    display: block !important; }
  div.textimage figure {
    margin-right: 0.75rem; }
  .twocolumns .cols-2 .figureInContactBox {
    width: 100% !important;
    margin-right: 0;
    float: none !important; }
    .twocolumns .cols-2 .figureInContactBox figure {
      width: 100%; }
    .twocolumns .cols-2 .figureInContactBox img {
      width: 47.5% !important;
      max-width: 8.125rem !important; }
  #contentMain .newsList .newsListBox .info .items figure {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0; }
  #contentMain .newsList .newsListBox .info figure {
    width: 22.5% !important;
    max-width: 5.5625rem !important;
    min-width: 0; } }

@media screen and (min-width: 1025px) {
  .sublogo-mobile {
    display: none; } }

.comment-form h2 {
  font-size: 1.25em; }

.comment-form .formHeader h2 {
  padding-top: 0;
  margin-bottom: 0.5em; }

.buildingaddress .fullwidthimage,
.buildingaddress .building_address {
  margin-bottom: 1em; }

#userStatusBar {
  color: #fff;
  background-color: #222;
  font-size: 0.6875rem;
  font-weight: bold;
  min-width: 61.875rem;
  order: -2; }
  #userStatusBar a {
    line-height: 1.5625rem; }
    #userStatusBar a:hover {
      border-bottom: none; }
  #userStatusBar .container {
    font-size: 0.6875rem;
    height: 2.5625rem;
    width: 61.875rem;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    overflow: hidden; }
  #userStatusBar div.box {
    float: right;
    line-height: 1.5625rem;
    padding: 0.5rem 0 0.5rem 0;
    text-align: right; }
    #userStatusBar div.box.username {
      padding-right: 1.3125rem; }
    #userStatusBar div.box.view {
      margin-right: 7.875rem; }
  #userStatusBar nav.viewNav {
    margin-left: 0.625rem; }
    #userStatusBar nav.viewNav div.list-dropdown {
      background: #414141;
      background: -ms-linear-gradient(0deg, #3f3f3f 100%, #4b4b4b 100%);
      background: -moz-linear-gradient(0deg, #3f3f3f 100%, #4b4b4b 100%);
      background: -webkit-linear-gradient(0deg, #3f3f3f 100%, #4b4b4b 100%); }
      #userStatusBar nav.viewNav div.list-dropdown .link {
        display: inline-block;
        width: 14.75rem;
        padding-left: 0.4375rem;
        line-height: inherit; }
      #userStatusBar nav.viewNav div.list-dropdown .icon {
        float: right;
        padding-top: 0.5rem;
        width: 0.75rem;
        padding-left: 0.625rem;
        padding-right: 0.4375rem; }
    #userStatusBar nav.viewNav ul.list-dropdown-select {
      z-index: 300; }
      #userStatusBar nav.viewNav ul.list-dropdown-select li a {
        padding: 1rem 1.1rem 1rem 2rem;
        padding-top: 1rem;
        padding-right: 1.1rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        font-size: 0.9rem; }
        #userStatusBar nav.viewNav ul.list-dropdown-select li a:hover {
          font-weight: bold !important; }
  #userStatusBar div#viewSelection ul.list-dropdown-select-sub li:first-child {
    border-top: none; }
  #userStatusBar .author div#themeSelection {
    margin-top: 0.1875rem; }
  #userStatusBar div#themeSelection div.list-dropdown .link {
    width: 7rem; }
  #userStatusBar .author .statusBarItem div#themeSelection div.list-dropdown .link {
    line-height: 1.21rem; }
    #userStatusBar .author .statusBarItem div#themeSelection div.list-dropdown .link .icon {
      padding-top: 0.375rem; }
  #userStatusBar .logout {
    padding: 0.1875rem 0.5rem; }
    #userStatusBar .logout .button {
      background: #414141;
      background: -ms-linear-gradient(0deg, #3f3f3f 100%, #4b4b4b 100%);
      background: -moz-linear-gradient(0deg, #3f3f3f 100%, #4b4b4b 100%);
      background: -webkit-linear-gradient(0deg, #3f3f3f 100%, #4b4b4b 100%);
      background: linear-gradient(0deg, #3f3f3f 100%, #4b4b4b 100%);
      border: 0;
      color: #fff;
      padding: 0.3125rem 0 0.375rem 0.625rem; }
      #userStatusBar .logout .button .icon {
        padding-bottom: 0.125rem;
        padding-left: 0.625rem;
        padding-right: 0.4375rem; }

@media screen and (max-width: 1024px) {
  #userStatusBar {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    z-index: 300; }
    #userStatusBar .container {
      width: 100%;
      height: 3rem; }
    #userStatusBar div.box.logout {
      box-sizing: border-box;
      width: auto;
      padding-left: 0;
      padding-right: 1.5rem; }
    #userStatusBar div.box.username {
      box-sizing: border-box;
      padding-right: 1.5rem;
      line-height: 2rem; }
      #userStatusBar div.box.username div.list-dropdown {
        height: 2rem; }
        #userStatusBar div.box.username div.list-dropdown a {
          font-size: 0.75rem; }
          #userStatusBar div.box.username div.list-dropdown a img {
            padding-top: 0.625rem; }
    #userStatusBar .logout .button,
    #userStatusBar .logout .userStatusBarItem {
      font-size: 0.75rem;
      padding-top: 0;
      padding-bottom: 0;
      height: 2rem;
      line-height: 2rem; } }

@media screen and (max-width: 767px) {
  #userStatusBar div.box.username {
    float: left;
    padding-left: 1.5rem;
    max-width: calc(100% - 8.75rem); }
    #userStatusBar div.box.username .userStatusBarItem {
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%; }
    #userStatusBar div.box.username div.list-dropdown .link {
      width: 6rem; }
  .header-hidden #userStatusBar {
    top: -10.0625rem; }
  .loggedin.menu-open #userStatusBar {
    position: absolute !important;
    top: 0 !important; } }

#userStatusBar a.liveCopyLink {
  line-height: 0px;
  margin-left: 0.5rem; }

#userStatusBar .warning {
  text-align: center;
  background-color: #ff0000;
  font-size: 0.9375rem; }

#userStatusBar div.statusBarItem {
  float: right;
  padding: 0.5rem 0.4375rem 0.5rem 0; }
  #userStatusBar div.statusBarItem.small {
    width: 4rem; }
  #userStatusBar div.statusBarItem.liveCopy {
    background-color: #ff0000;
    padding-left: 0.2rem;
    padding-right: 0.2rem; }
    #userStatusBar div.statusBarItem.liveCopy .button {
      padding: 0.2rem; }
      #userStatusBar div.statusBarItem.liveCopy .button .icon {
        margin-left: 0.2rem;
        margin-right: 0.2rem; }

#userStatusBar span.caption {
  float: left;
  margin-top: 0.1875rem;
  padding: 0.1875rem 0.3125rem 0.1875rem 0;
  vertical-align: middle; }

#userStatusBar span.status {
  background-color: #414141;
  background-position: 0.625rem center;
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  margin-top: 0.1875rem;
  padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis; }
  #userStatusBar span.status.status-none {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-none.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.status-activated {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-activated.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.status-deactivated {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-deactivated.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.status-pending-activation {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-pending-activation.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.status-pending-deactivation {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-pending-deactivation.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.status-localmodified {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/icons/16x16/bulb-grey.gif");
    background-position: 0.375rem center;
    padding-left: 1.5625rem;
    width: 14rem; }
  #userStatusBar span.status.status-modified {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/icons/16x16/bulb-blue.gif");
    background-position: 0.375rem center;
    padding-left: 1.5625rem;
    width: 14rem; }
  #userStatusBar span.status.small {
    padding: 0.1875rem 0.375rem 0.1875rem 0.375rem; }
  #userStatusBar span.status span.status-scheduledtask {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-scheduledtask.gif");
    background-position: 0 center;
    display: inline;
    float: left;
    width: 1rem; }
  #userStatusBar span.status span.status-workflow {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-workflow.gif");
    background-position: 0 center;
    display: inline;
    float: left;
    width: 1rem; }
  #userStatusBar span.status span.status-locked {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-locked.gif");
    background-position: 0 center;
    display: inline;
    float: left;
    width: 1rem; }

.carousel-slide {
  visibility: hidden; }

.carousel-container {
  flex: 1;
  width: 100%;
  padding-right: 2rem;
  max-width: 64.875rem;
  position: relative; }
  @media only screen and (max-width: 1024px) {
    .carousel-container {
      margin-left: 2.5rem; } }
  @media only screen and (max-width: 767px) {
    .carousel-container {
      margin-top: -1rem; } }

/*
|--------------------------------------------------------------------------
| Carousel -- Color Variants
|--------------------------------------------------------------------------
*/
.carousel--blue {
  background: #1269B0; }

.carousel--corp {
  background: #1f407a; }

.carousel--black {
  background: #222; }

.carousel--grey {
  background: #6F6F6F; }

.carousel--olive {
  background: #72791c; }

.carousel--members {
  background: #485A2C; }

.carousel--red {
  background: #a8322d; }

.carousel--brown {
  background: #956013; }

.carousel--violet {
  background: #91056a; }

.carousel--turquoise {
  background: #007A96; }

/* Variables
----------------------------------------------------------------------------------------------------*/
figure.mhvideo,
figure.youtube,
figure.vimeo {
  margin-top: 0.25rem;
  margin-bottom: 1.5625rem; }
  figure.mhvideo figcaption,
  figure.mhvideo figcaption *,
  figure.youtube figcaption,
  figure.youtube figcaption *,
  figure.vimeo figcaption,
  figure.vimeo figcaption * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    font-weight: normal;
    color: #6F6F6F;
    background-color: #fff;
    text-align: left;
    padding-top: 0.1875rem; }

div.video-container figure figcaption,
div.youtube figure figcaption,
div.vimeo figure figcaption {
  font-size: 0.75rem;
  line-height: 1.4545454545; }

.basecomponent.mhvideo .video-title {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 100%;
  opacity: 0.8;
  background-color: #000; }
  .basecomponent.mhvideo .video-title h3 {
    color: #fff;
    font-weight: normal;
    padding: 10px 10px 10px 10px;
    margin-bottom: 0; }

.basecomponent.mhvideo div.video-container {
  margin-bottom: 0.9375rem;
  position: relative; }

.basecomponent.mhvideo .video-setup-error {
  border: 1px solid black;
  padding: 10px 10px 0 10px; }

.basecomponent.mhvideo .video-setup-error div {
  margin-top: 10px; }

.basecomponent.mhvideo .video-error-text {
  height: 150px; }
  .basecomponent.mhvideo .video-error-text :nth-child(3) {
    font-weight: bold;
    margin-top: 30px; }

.basecomponent.mhvideo .video-error-footer {
  margin-top: 35px;
  margin-bottom: 5px; }

.basecomponent.mhvideo .no-preview {
  display: none !important; }

.youtube,
.vimeo {
  margin-bottom: 0.9375rem; }
  .youtube div.video-frame,
  .vimeo div.video-frame {
    position: relative; }
  .youtube img.preview,
  .vimeo img.preview {
    width: 100%; }
  .youtube img.preview.none,
  .vimeo img.preview.none {
    border: 1px solid black; }
  .youtube div.overlay,
  .vimeo div.overlay {
    position: absolute;
    display: none;
    background-color: #313131;
    background-size: 100%;
    border-radius: 0.9375rem;
    top: 50%;
    left: 50%;
    width: 14rem;
    height: 6.5rem;
    padding: 1rem;
    margin-left: -8rem;
    margin-top: -4.25rem;
    opacity: 0.85;
    color: #fff;
    text-align: center;
    font-size: 0.675rem; }
    .youtube div.overlay a.overlaybutton,
    .vimeo div.overlay a.overlaybutton {
      color: #fff;
      text-align: center;
      background-color: #212121;
      background-size: 100%;
      border-radius: 0.9375rem;
      padding: 0.25rem;
      width: 3rem;
      font-size: 1rem;
      border: 1px solid !important;
      display: inline-block; }
    .youtube div.overlay a,
    .vimeo div.overlay a {
      font-weight: normal; }
    .youtube div.overlay a.overlaylink:hover,
    .vimeo div.overlay a.overlaylink:hover {
      border-bottom: 0; }
  .youtube div.videoIcon,
  .vimeo div.videoIcon {
    position: absolute;
    display: block;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 100%;
    border-radius: 0.9375rem;
    top: 50%;
    left: 50%;
    width: 7.3125rem;
    height: 4.125rem;
    margin-left: -3.65625rem;
    margin-top: -2.0625rem; }

.vimeo div.videoIcon {
  background-image: url(img/content/components/vimeo/vimeo-logo.png); }

.youtube div.videoIcon {
  background-image: url(img/content/components/youtube/youtube-logo-dark.png);
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat; }

.preview-wrapper {
  padding-bottom: 56.2%; }

.preview-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

@media screen and (max-width: 767px) {
  .youtube img.preview,
  .vimeo img.preview {
    width: 100%; } }

.jobs {
  margin-bottom: 1.375rem; }

.jobs-noVacancies,
.jobs-refline-not-available {
  background-color: #eaecee;
  padding: 0.9375rem; }

@media screen and (max-width: 767px) {
  .table-matrix table.jobs thead {
    display: none !important; }
  .table-matrix table.jobs tr th.flipHeader {
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    background-color: transparent;
    border: none;
    float: left;
    padding-left: 0;
    width: 30% !important; }
  .table-matrix table.jobs tr td {
    box-sizing: border-box;
    display: block;
    width: 70% !important;
    float: left; }
  .table-matrix table.jobs tr td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: none; }
  .table-matrix table.jobs tr {
    border-bottom: 1px solid #c9cfd2; } }

@media screen and (min-width: 1280px) {
  .table-matrix table.jobs {
    table-layout: fixed; } }

.textimage .text_image:after {
  content: '';
  display: table;
  clear: both; }

.textimage .items + h2,
.textimage .items + h3,
.textimage .items + h4 {
  margin-top: 0; }

.textimage .items + h3 {
  padding-top: 0.125em; }

.textimage .items + h4 {
  padding-top: 0.25em; }

.textimage .items img {
  padding-top: 0.25em; }

.textimage .items figure a {
  cursor: pointer;
  display: block;
  position: relative; }
  .textimage .items figure a span.detail {
    background: url(img/icons/svg/search-small-plus.svg) no-repeat #000000;
    position: absolute;
    height: 1.5rem;
    width: 1.5rem;
    right: 0;
    bottom: 0;
    display: none;
    background-position: 50% 50%;
    background-size: 66% 66%; }

.textimage figure {
  margin-right: 0.625rem;
  position: relative;
  margin-bottom: 0.625rem; }
  .textimage figure a:hover {
    border-bottom: none; }
  .textimage figure img {
    width: 100%; }
  .textimage figure figcaption {
    font-size: 0.8667em;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
    color: #6F6F6F; }
  .textimage figure a.detail {
    background: url("img/eth_website_link_elements.png") no-repeat -12.8125rem -0.3125rem #000000;
    position: absolute;
    height: 1.5625rem;
    width: 1.5625rem;
    right: 0; }

.textimage__image {
  float: left;
  width: 100%; }

.textimage__image--small {
  max-width: 6em; }
  @media only screen and (max-width: 767px) {
    .textimage__image--small {
      width: 30%; } }

.textimage__image--medium {
  max-width: 12em; }

.textimage__image--large {
  max-width: 14em; }

@media only screen and (max-width: 767px) {
  .textimage__image--medium,
  .textimage__image--large {
    width: 100%;
    max-width: 100%;
    float: none; } }

.textimage:not(.topstory) .text_image {
  margin-bottom: 0.75em; }

.text-box h2:first-child,
.text-box h3:first-child,
.text-box h4:first-child {
  margin-top: 0.5em; }

.search-form .textimage h2:first-child,
.search-form .textimage h3:first-child,
.search-form .textimage h4:first-child {
  margin-top: 0.5em; }

.r-tabs-panel .textimage h2:first-child,
.r-tabs-panel .textimage h3:first-child,
.r-tabs-panel .textimage h4:first-child {
  margin-top: 0.5em; }

aside .textimage {
  line-height: 1.267; }
  aside .textimage h3 + p {
    margin-top: 0.25em; }
  @media only screen and (min-width: 1025px) {
    aside .textimage .textimage__image--medium,
    aside .textimage .textimage__image--large {
      width: 100%;
      max-width: 100%;
      float: none; } }

.twocolumns .box .basecomponent:first-child .textimage h2:first-child,
.twocolumns .box .basecomponent:first-child .textimage h3:first-child,
.twocolumns .box .basecomponent:first-child .textimage h4:first-child,
.twocolumns .box .basecomponent:first-child .textimage p:first-child {
  margin-top: 0.5em; }
  @media only screen and (min-width: 768px) {
    .twocolumns .box .basecomponent:first-child .textimage h2:first-child,
    .twocolumns .box .basecomponent:first-child .textimage h3:first-child,
    .twocolumns .box .basecomponent:first-child .textimage h4:first-child,
    .twocolumns .box .basecomponent:first-child .textimage p:first-child {
      margin-top: 0; } }

@media only screen and (min-width: 768px) {
  .twocolumns .box .basecomponent:first-of-type figure.fullwidthimage {
    padding-top: 0.25em; } }

@media only screen and (max-width: 1279px) {
  .twocolumn .textimage .textimage__image--medium,
  .twocolumn .textimage .textimage__image--large {
    max-width: 100%;
    width: 100%; } }

.site-content--with-sidebar:not(.site-content--wide) .twocolumn .textimage .textimage__image--medium,
.site-content--with-sidebar:not(.site-content--wide) .twocolumn .textimage .textimage__image--large {
  max-width: 100%;
  width: 100%; }

.site-content--wide .textimage p,
.site-content--wide .textimage li {
  max-width: 32rem; }

.site-content--wide .textimage h1, .site-content--wide .textimage h2, .site-content--wide .textimage h3,
.site-content--wide .textimage h4, .site-content--wide .textimage h5, .site-content--wide .textimage h6 {
  max-width: 32rem; }

.basecomponent.textimage .default-link {
  font-style: normal;
  font-weight: normal; }

.linkliste .linklistblock {
  border-top: 1px solid #d8d8d8;
  padding-top: 0.5625rem; }
  .linkliste .linklistblock.first {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0.5625rem; }

.linkliste .linklist.spacing-bottom {
  margin-bottom: 0.3125rem; }
  .linkliste .linklist.spacing-bottom li {
    padding-bottom: 1rem; }

.linkliste .linklist li {
  padding-bottom: 0.3125rem; }

.linkliste .linklist li.last-child {
  padding-bottom: 0; }

.linkliste .linklist li:last-child {
  padding-bottom: 0; }

.linkliste.spacingTop {
  padding-top: 0.625rem; }

.linkliste h2,
.linkliste h3,
.linkliste h4 {
  margin-top: 1em; }

.linkliste figure + h2,
.linkliste figure + h3,
.linkliste figure + h4,
.linkliste figure + h5 {
  margin-top: 0; }

ul.horizontalListWithPipe {
  list-style: none !important; }
  ul.horizontalListWithPipe li {
    display: inline-block;
    display: -moz-inline-stack;
    position: relative; }
    ul.horizontalListWithPipe li a {
      margin-right: 1.325rem;
      padding-left: 0; }
  ul.horizontalListWithPipe li:after {
    content: "\00a0\00a0|\00a0\00a0";
    position: absolute;
    top: 0;
    right: 0; }
  ul.horizontalListWithPipe li:last-child:after {
    content: none; }
  ul.horizontalListWithPipe .noVerticalBar:after {
    content: "" !important; }

.linkliste a {
  color: #1269B0;
  text-decoration: none; }

.linkliste h2,
.linkliste h3,
.linkliste h4 {
  margin-bottom: 0.5em;
  line-height: 1.17; }

.linkliste h2 {
  font-size: 1.6em; }

.linkliste h3 {
  font-size: 1.25em; }

.linkliste h4 {
  font-weight: bold; }

aside .linkliste a {
  font-weight: normal; }

aside .reference {
  margin-bottom: 1.25em; }

@media screen and (max-width: 1024px) {
  ul.horizontalListWithPipe .noVerticalBar:after {
    display: none; } }

@font-face {
  font-family: "EthzIcons";
  src: url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.eot");
  src: url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.eot?#iefix") format("embedded-opentype"), url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.woff") format("woff"), url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.ttf") format("truetype"), url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.svg?#AdobeIcons") format("svg");
  font-weight: normal;
  font-style: normal; }

a#impersonation {
  line-height: 1.5rem; }

.icon-user {
  display: inline-block;
  font-family: "EthzIcons";
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.125rem !important;
  vertical-align: middle; }

.icon-user:before {
  color: white;
  content: "\f31e"; }

.icon-user.impersonated:before {
  color: red; }

#impersonation-overlay {
  display: none;
  position: absolute; }

#impersonationPowerTip h1 {
  color: white;
  font-size: 1.15rem;
  font-weight: bold;
  margin: 0;
  padding: 0; }

#impersonationPowerTip h2 {
  color: white;
  font-size: 0.6875rem;
  font-weight: bold;
  margin: 0;
  padding: 0; }

#impersonationPowerTip hr {
  background: white;
  border: 0;
  height: 0.0625rem;
  margin: 0.625rem 0;
  width: 100%; }

#impersonationPowerTip label {
  display: block; }

#imperonsationPowerTip input,
#impersonationPowerTip button {
  display: inline-block;
  margin-top: 0.125rem; }

#impersonationPowerTip button#revert {
  width: 100%; }

#impersonationPowerTip {
  cursor: default;
  background-color: #222;
  color: #fff;
  display: none;
  padding: 0.3125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: bold;
  position: absolute;
  max-width: 9.375rem;
  z-index: 2147483647; }

#impersonationPowerTip {
  max-width: none;
  white-space: nowrap; }

#impersonationPowerTip:before {
  content: "";
  position: absolute; }

#impersonationPowerTip.n:before,
#impersonationPowerTip.s:before {
  border-right: 0.3125rem solid transparent;
  border-left: 0.3125rem solid transparent;
  left: 50%;
  margin-left: -0.3125rem; }

#impersonationPowerTip.e:before,
#impersonationPowerTip.w:before {
  border-bottom: 0.3125rem solid transparent;
  border-top: 0.3125rem solid transparent;
  margin-top: -0.3125rem;
  top: 50%; }

#impersonationPowerTip.n:before {
  border-top: 0.625rem solid #222;
  bottom: -0.625rem; }

#impersonationPowerTip.e:before {
  border-right: 0.625rem solid #222;
  left: -0.625rem; }

#impersonationPowerTip.s:before {
  border-bottom: 0.625rem solid #222;
  top: -0.625rem; }

#impersonationPowerTip.w:before {
  border-left: 0.625rem solid #222;
  right: -0.625rem; }

#impersonationPowerTip.ne:before,
#impersonationPowerTip.se:before {
  border-right: 0.625rem solid transparent;
  border-left: 0;
  left: 0.625rem; }

#impersonationPowerTip.nw:before,
#impersonationPowerTip.sw:before {
  border-left: 0.625rem solid transparent;
  border-right: 0;
  right: 0.625rem; }

#impersonationPowerTip.ne:before,
#impersonationPowerTip.nw:before {
  border-top: 0.625rem solid #222;
  bottom: -0.625rem; }

#impersonationPowerTip.se:before,
#impersonationPowerTip.sw:before {
  border-bottom: 0.625rem solid #222;
  top: -0.625rem; }

#impersonationPowerTip.nw-alt:before,
#impersonationPowerTip.ne-alt:before,
#impersonationPowerTip.sw-alt:before,
#impersonationPowerTip.se-alt:before {
  border-top: 0.625rem solid #222;
  bottom: -0.625rem;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  left: 0.625rem; }

#impersonationPowerTip.ne-alt:before {
  left: auto;
  right: 0.625rem; }

#impersonationPowerTip.sw-alt:before,
#impersonationPowerTip.se-alt:before {
  border-top: none;
  border-bottom: 0.625rem solid #222;
  bottom: auto;
  top: -0.625rem; }

#impersonationPowerTip.se-alt:before {
  left: auto;
  right: 0.625rem; }

/*
|--------------------------------------------------------------------------
| Event Feed
|--------------------------------------------------------------------------
*/
.eventfeed a {
  color: #1269B0;
  text-decoration: none; }

/* Event-list Teaser
----------------------------------------------------------------------------------------------------*/
.eventList h2 {
  font-size: 0.875rem;
  line-height: 1.375rem;
  padding: 0; }

.event .info {
  margin-top: 1.25rem; }

.eventList,
.event,
.searchResult {
  margin-bottom: 1.25em; }
  .eventList .navigation .nav-hint,
  .event .navigation .nav-hint,
  .searchResult .navigation .nav-hint {
    font-size: 0.6875rem; }
  .eventList .eventListGroup,
  .event .eventListGroup,
  .searchResult .eventListGroup {
    overflow: auto;
    width: 100%; }
  .eventList .newsListBox h2,
  .eventList .newsListBoxNoSep h2,
  .event .newsListBox h2,
  .event .newsListBoxNoSep h2,
  .searchResult .newsListBox h2,
  .searchResult .newsListBoxNoSep h2 {
    padding-top: 0.3125rem; }
  .eventList .newsListBoxNoSep,
  .eventList .eventListBox,
  .eventList .textListBox,
  .eventList .eventListHead,
  .eventList .recomendation,
  .eventList .articleBox,
  .event .newsListBoxNoSep,
  .event .eventListBox,
  .event .textListBox,
  .event .eventListHead,
  .event .recomendation,
  .event .articleBox,
  .searchResult .newsListBoxNoSep,
  .searchResult .eventListBox,
  .searchResult .textListBox,
  .searchResult .eventListHead,
  .searchResult .recomendation,
  .searchResult .articleBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.625rem; }
    .eventList .newsListBoxNoSep .info,
    .eventList .eventListBox .info,
    .eventList .textListBox .info,
    .eventList .eventListHead .info,
    .eventList .recomendation .info,
    .eventList .articleBox .info,
    .event .newsListBoxNoSep .info,
    .event .eventListBox .info,
    .event .textListBox .info,
    .event .eventListHead .info,
    .event .recomendation .info,
    .event .articleBox .info,
    .searchResult .newsListBoxNoSep .info,
    .searchResult .eventListBox .info,
    .searchResult .textListBox .info,
    .searchResult .eventListHead .info,
    .searchResult .recomendation .info,
    .searchResult .articleBox .info {
      margin-bottom: 0.625rem; }
      .eventList .newsListBoxNoSep .info p,
      .eventList .eventListBox .info p,
      .eventList .textListBox .info p,
      .eventList .eventListHead .info p,
      .eventList .recomendation .info p,
      .eventList .articleBox .info p,
      .event .newsListBoxNoSep .info p,
      .event .eventListBox .info p,
      .event .textListBox .info p,
      .event .eventListHead .info p,
      .event .recomendation .info p,
      .event .articleBox .info p,
      .searchResult .newsListBoxNoSep .info p,
      .searchResult .eventListBox .info p,
      .searchResult .textListBox .info p,
      .searchResult .eventListHead .info p,
      .searchResult .recomendation .info p,
      .searchResult .articleBox .info p {
        line-height: 1.6363636364; }
      .eventList .newsListBoxNoSep .info p.dateInfo,
      .eventList .eventListBox .info p.dateInfo,
      .eventList .textListBox .info p.dateInfo,
      .eventList .eventListHead .info p.dateInfo,
      .eventList .recomendation .info p.dateInfo,
      .eventList .articleBox .info p.dateInfo,
      .event .newsListBoxNoSep .info p.dateInfo,
      .event .eventListBox .info p.dateInfo,
      .event .textListBox .info p.dateInfo,
      .event .eventListHead .info p.dateInfo,
      .event .recomendation .info p.dateInfo,
      .event .articleBox .info p.dateInfo,
      .searchResult .newsListBoxNoSep .info p.dateInfo,
      .searchResult .eventListBox .info p.dateInfo,
      .searchResult .textListBox .info p.dateInfo,
      .searchResult .eventListHead .info p.dateInfo,
      .searchResult .recomendation .info p.dateInfo,
      .searchResult .articleBox .info p.dateInfo {
        font-size: 0.75rem; }
      .eventList .newsListBoxNoSep .info .head,
      .eventList .eventListBox .info .head,
      .eventList .textListBox .info .head,
      .eventList .eventListHead .info .head,
      .eventList .recomendation .info .head,
      .eventList .articleBox .info .head,
      .event .newsListBoxNoSep .info .head,
      .event .eventListBox .info .head,
      .event .textListBox .info .head,
      .event .eventListHead .info .head,
      .event .recomendation .info .head,
      .event .articleBox .info .head,
      .searchResult .newsListBoxNoSep .info .head,
      .searchResult .eventListBox .info .head,
      .searchResult .textListBox .info .head,
      .searchResult .eventListHead .info .head,
      .searchResult .recomendation .info .head,
      .searchResult .articleBox .info .head {
        font-size: 0.6875rem;
        line-height: 1.4545454545;
        margin-top: 0.0625rem; }
    .eventList .newsListBoxNoSep.half,
    .eventList .eventListBox.half,
    .eventList .textListBox.half,
    .eventList .eventListHead.half,
    .eventList .recomendation.half,
    .eventList .articleBox.half,
    .event .newsListBoxNoSep.half,
    .event .eventListBox.half,
    .event .textListBox.half,
    .event .eventListHead.half,
    .event .recomendation.half,
    .event .articleBox.half,
    .searchResult .newsListBoxNoSep.half,
    .searchResult .eventListBox.half,
    .searchResult .textListBox.half,
    .searchResult .eventListHead.half,
    .searchResult .recomendation.half,
    .searchResult .articleBox.half {
      width: 50%;
      margin-bottom: 0.3125rem !important;
      float: left; }
      .eventList .newsListBoxNoSep.half p.dateInfo,
      .eventList .eventListBox.half p.dateInfo,
      .eventList .textListBox.half p.dateInfo,
      .eventList .eventListHead.half p.dateInfo,
      .eventList .recomendation.half p.dateInfo,
      .eventList .articleBox.half p.dateInfo,
      .event .newsListBoxNoSep.half p.dateInfo,
      .event .eventListBox.half p.dateInfo,
      .event .textListBox.half p.dateInfo,
      .event .eventListHead.half p.dateInfo,
      .event .recomendation.half p.dateInfo,
      .event .articleBox.half p.dateInfo,
      .searchResult .newsListBoxNoSep.half p.dateInfo,
      .searchResult .eventListBox.half p.dateInfo,
      .searchResult .textListBox.half p.dateInfo,
      .searchResult .eventListHead.half p.dateInfo,
      .searchResult .recomendation.half p.dateInfo,
      .searchResult .articleBox.half p.dateInfo {
        padding: 0.375rem 0 0.0625rem 0; }
    .eventList .newsListBoxNoSep h1:first-child,
    .eventList .newsListBoxNoSep h2:first-child,
    .eventList .newsListBoxNoSep h3:first-child,
    .eventList .newsListBoxNoSep h4:first-child,
    .eventList .newsListBoxNoSep h5:first-child,
    .eventList .eventListBox h1:first-child,
    .eventList .eventListBox h2:first-child,
    .eventList .eventListBox h3:first-child,
    .eventList .eventListBox h4:first-child,
    .eventList .eventListBox h5:first-child,
    .eventList .textListBox h1:first-child,
    .eventList .textListBox h2:first-child,
    .eventList .textListBox h3:first-child,
    .eventList .textListBox h4:first-child,
    .eventList .textListBox h5:first-child,
    .eventList .eventListHead h1:first-child,
    .eventList .eventListHead h2:first-child,
    .eventList .eventListHead h3:first-child,
    .eventList .eventListHead h4:first-child,
    .eventList .eventListHead h5:first-child,
    .eventList .recomendation h1:first-child,
    .eventList .recomendation h2:first-child,
    .eventList .recomendation h3:first-child,
    .eventList .recomendation h4:first-child,
    .eventList .recomendation h5:first-child,
    .eventList .articleBox h1:first-child,
    .eventList .articleBox h2:first-child,
    .eventList .articleBox h3:first-child,
    .eventList .articleBox h4:first-child,
    .eventList .articleBox h5:first-child,
    .event .newsListBoxNoSep h1:first-child,
    .event .newsListBoxNoSep h2:first-child,
    .event .newsListBoxNoSep h3:first-child,
    .event .newsListBoxNoSep h4:first-child,
    .event .newsListBoxNoSep h5:first-child,
    .event .eventListBox h1:first-child,
    .event .eventListBox h2:first-child,
    .event .eventListBox h3:first-child,
    .event .eventListBox h4:first-child,
    .event .eventListBox h5:first-child,
    .event .textListBox h1:first-child,
    .event .textListBox h2:first-child,
    .event .textListBox h3:first-child,
    .event .textListBox h4:first-child,
    .event .textListBox h5:first-child,
    .event .eventListHead h1:first-child,
    .event .eventListHead h2:first-child,
    .event .eventListHead h3:first-child,
    .event .eventListHead h4:first-child,
    .event .eventListHead h5:first-child,
    .event .recomendation h1:first-child,
    .event .recomendation h2:first-child,
    .event .recomendation h3:first-child,
    .event .recomendation h4:first-child,
    .event .recomendation h5:first-child,
    .event .articleBox h1:first-child,
    .event .articleBox h2:first-child,
    .event .articleBox h3:first-child,
    .event .articleBox h4:first-child,
    .event .articleBox h5:first-child,
    .searchResult .newsListBoxNoSep h1:first-child,
    .searchResult .newsListBoxNoSep h2:first-child,
    .searchResult .newsListBoxNoSep h3:first-child,
    .searchResult .newsListBoxNoSep h4:first-child,
    .searchResult .newsListBoxNoSep h5:first-child,
    .searchResult .eventListBox h1:first-child,
    .searchResult .eventListBox h2:first-child,
    .searchResult .eventListBox h3:first-child,
    .searchResult .eventListBox h4:first-child,
    .searchResult .eventListBox h5:first-child,
    .searchResult .textListBox h1:first-child,
    .searchResult .textListBox h2:first-child,
    .searchResult .textListBox h3:first-child,
    .searchResult .textListBox h4:first-child,
    .searchResult .textListBox h5:first-child,
    .searchResult .eventListHead h1:first-child,
    .searchResult .eventListHead h2:first-child,
    .searchResult .eventListHead h3:first-child,
    .searchResult .eventListHead h4:first-child,
    .searchResult .eventListHead h5:first-child,
    .searchResult .recomendation h1:first-child,
    .searchResult .recomendation h2:first-child,
    .searchResult .recomendation h3:first-child,
    .searchResult .recomendation h4:first-child,
    .searchResult .recomendation h5:first-child,
    .searchResult .articleBox h1:first-child,
    .searchResult .articleBox h2:first-child,
    .searchResult .articleBox h3:first-child,
    .searchResult .articleBox h4:first-child,
    .searchResult .articleBox h5:first-child {
      padding-top: 0px; }
  .eventList .eventList .eventListHead .info p,
  .event .eventList .eventListHead .info p,
  .searchResult .eventList .eventListHead .info p {
    line-height: 1.125rem; }
  .eventList .textListBox,
  .event .textListBox,
  .searchResult .textListBox {
    padding-bottom: 0.3125rem; }
    .eventList .textListBox .info,
    .event .textListBox .info,
    .searchResult .textListBox .info {
      margin-bottom: 0.3125rem; }
  .eventList .newsListBox,
  .eventList .newsListBoxNoSep,
  .eventList .eventListBox,
  .eventList .textListBox,
  .event .newsListBox,
  .event .newsListBoxNoSep,
  .event .eventListBox,
  .event .textListBox,
  .searchResult .newsListBox,
  .searchResult .newsListBoxNoSep,
  .searchResult .eventListBox,
  .searchResult .textListBox {
    overflow: auto;
    width: 100%;
    page-break-inside: avoid; }
    .eventList .newsListBox figure,
    .eventList .newsListBoxNoSep figure,
    .eventList .eventListBox figure,
    .eventList .textListBox figure,
    .event .newsListBox figure,
    .event .newsListBoxNoSep figure,
    .event .eventListBox figure,
    .event .textListBox figure,
    .searchResult .newsListBox figure,
    .searchResult .newsListBoxNoSep figure,
    .searchResult .eventListBox figure,
    .searchResult .textListBox figure {
      float: left;
      margin-right: 0.625rem; }
      .eventList .newsListBox figure img,
      .eventList .newsListBoxNoSep figure img,
      .eventList .eventListBox figure img,
      .eventList .textListBox figure img,
      .event .newsListBox figure img,
      .event .newsListBoxNoSep figure img,
      .event .eventListBox figure img,
      .event .textListBox figure img,
      .searchResult .newsListBox figure img,
      .searchResult .newsListBoxNoSep figure img,
      .searchResult .eventListBox figure img,
      .searchResult .textListBox figure img {
        margin-top: 0.25rem;
        margin-bottom: 0.625rem;
        width: 100%; }
      .eventList .newsListBox figure a,
      .eventList .newsListBoxNoSep figure a,
      .eventList .eventListBox figure a,
      .eventList .textListBox figure a,
      .event .newsListBox figure a,
      .event .newsListBoxNoSep figure a,
      .event .eventListBox figure a,
      .event .textListBox figure a,
      .searchResult .newsListBox figure a,
      .searchResult .newsListBoxNoSep figure a,
      .searchResult .eventListBox figure a,
      .searchResult .textListBox figure a {
        display: block; }
      .eventList .newsListBox figure a:hover,
      .eventList .newsListBoxNoSep figure a:hover,
      .eventList .eventListBox figure a:hover,
      .eventList .textListBox figure a:hover,
      .event .newsListBox figure a:hover,
      .event .newsListBoxNoSep figure a:hover,
      .event .eventListBox figure a:hover,
      .event .textListBox figure a:hover,
      .searchResult .newsListBox figure a:hover,
      .searchResult .newsListBoxNoSep figure a:hover,
      .searchResult .eventListBox figure a:hover,
      .searchResult .textListBox figure a:hover {
        border-bottom: none; }
    .eventList .newsListBox .info figure,
    .eventList .newsListBoxNoSep .info figure,
    .eventList .eventListBox .info figure,
    .eventList .textListBox .info figure,
    .event .newsListBox .info figure,
    .event .newsListBoxNoSep .info figure,
    .event .eventListBox .info figure,
    .event .textListBox .info figure,
    .searchResult .newsListBox .info figure,
    .searchResult .newsListBoxNoSep .info figure,
    .searchResult .eventListBox .info figure,
    .searchResult .textListBox .info figure {
      margin-right: 0.625rem; }
  .eventList .newsListBox,
  .eventList .eventListBox,
  .eventList .textListBox,
  .event .newsListBox,
  .event .eventListBox,
  .event .textListBox,
  .searchResult .newsListBox,
  .searchResult .eventListBox,
  .searchResult .textListBox {
    border-bottom: 1px solid #d8d8d8; }
  .eventList .eventListHead,
  .event .eventListHead,
  .searchResult .eventListHead {
    padding-left: 0.4375rem; }
    .eventList .eventListHead figure.fullwidthimage,
    .event .eventListHead figure.fullwidthimage,
    .searchResult .eventListHead figure.fullwidthimage {
      margin-bottom: 0; }
    .eventList .eventListHead .info,
    .event .eventListHead .info,
    .searchResult .eventListHead .info {
      margin-bottom: 0.5rem; }
  .eventList .eventListHead:first-child,
  .event .eventListHead:first-child,
  .searchResult .eventListHead:first-child {
    padding-left: 0;
    padding-right: 0.4375rem; }
  .eventList .newsListBox:first-child,
  .eventList .newsListBoxNoSep:first-child,
  .eventList .eventListBox:first-child,
  .event .newsListBox:first-child,
  .event .newsListBoxNoSep:first-child,
  .event .eventListBox:first-child,
  .searchResult .newsListBox:first-child,
  .searchResult .newsListBoxNoSep:first-child,
  .searchResult .eventListBox:first-child {
    margin-top: 0; }
  .eventList .eventListGroup,
  .event .eventListGroup,
  .searchResult .eventListGroup {
    padding-bottom: 0.5rem; }
    .eventList .eventListGroup.last-child, .eventList .eventListGroup:last-child,
    .event .eventListGroup.last-child,
    .event .eventListGroup:last-child,
    .searchResult .eventListGroup.last-child,
    .searchResult .eventListGroup:last-child {
      padding-bottom: 0 !important; }
    .eventList .eventListGroup .eventListBox,
    .event .eventListGroup .eventListBox,
    .searchResult .eventListGroup .eventListBox {
      padding-top: 0.625rem; }
      .eventList .eventListGroup .eventListBox .info,
      .event .eventListGroup .eventListBox .info,
      .searchResult .eventListGroup .eventListBox .info {
        margin-bottom: 0.5rem; }
        .eventList .eventListGroup .eventListBox .info:last-child, .eventList .eventListGroup .eventListBox .info.last-child,
        .event .eventListGroup .eventListBox .info:last-child,
        .event .eventListGroup .eventListBox .info.last-child,
        .searchResult .eventListGroup .eventListBox .info:last-child,
        .searchResult .eventListGroup .eventListBox .info.last-child {
          padding-bottom: 0 !important; }
        .eventList .eventListGroup .eventListBox .info.leadOnly,
        .event .eventListGroup .eventListBox .info.leadOnly,
        .searchResult .eventListGroup .eventListBox .info.leadOnly {
          margin-bottom: 0.625rem !important; }
    .eventList .eventListGroup .eventListBox.last-child,
    .eventList .eventListGroup .eventListBox:last-child,
    .event .eventListGroup .eventListBox.last-child,
    .event .eventListGroup .eventListBox:last-child,
    .searchResult .eventListGroup .eventListBox.last-child,
    .searchResult .eventListGroup .eventListBox:last-child {
      margin-bottom: 0.75rem; }
      .eventList .eventListGroup .eventListBox.last-child .info,
      .eventList .eventListGroup .eventListBox:last-child .info,
      .event .eventListGroup .eventListBox.last-child .info,
      .event .eventListGroup .eventListBox:last-child .info,
      .searchResult .eventListGroup .eventListBox.last-child .info,
      .searchResult .eventListGroup .eventListBox:last-child .info {
        margin-bottom: 0; }
  .eventList .info,
  .event .info,
  .searchResult .info {
    margin-bottom: 0.5625rem; }
    .eventList .info p.dateInfo,
    .event .info p.dateInfo,
    .searchResult .info p.dateInfo {
      color: #6F6F6F; }
  .eventList p.head,
  .event p.head,
  .searchResult p.head {
    padding: 0.625rem;
    background-color: #f3f5f6;
    color: #1f407a;
    font-size: 1.1875rem;
    line-height: 1.0526315789;
    font-weight: bold; }
    .eventList p.head.spacingTop,
    .event p.head.spacingTop,
    .searchResult p.head.spacingTop {
      margin-top: 0.625rem;
      line-height: 1.125rem !important; }
  .eventList ul.location li,
  .event ul.location li,
  .searchResult ul.location li {
    float: left;
    padding-right: 0.625rem; }
  .eventList ul.linklist,
  .event ul.linklist,
  .searchResult ul.linklist {
    margin-top: 0; }
    .eventList ul.linklist li,
    .event ul.linklist li,
    .searchResult ul.linklist li {
      padding-bottom: 0; }
      .eventList ul.linklist li a,
      .event ul.linklist li a,
      .searchResult ul.linklist li a {
        line-height: 1.6363636364; }
  .eventList ul.linklist li.last-child,
  .eventList ul.linklist li:last-child,
  .event ul.linklist li.last-child,
  .event ul.linklist li:last-child,
  .searchResult ul.linklist li.last-child,
  .searchResult ul.linklist li:last-child {
    padding-bottom: 0; }
  .eventList .eventListGroup,
  .event .eventListGroup,
  .searchResult .eventListGroup {
    padding-bottom: 0.5rem; }
    .eventList .eventListGroup .eventListBox,
    .event .eventListGroup .eventListBox,
    .searchResult .eventListGroup .eventListBox {
      padding-top: 0.5rem; }
      .eventList .eventListGroup .eventListBox .info,
      .event .eventListGroup .eventListBox .info,
      .searchResult .eventListGroup .eventListBox .info {
        margin-bottom: 0.5rem; }

.contentSubContainer .eventList .eventListGroup {
  padding-bottom: 0; }

.eventList .event .info {
  margin-bottom: 0;
  margin-top: 1.25rem; }

#contentContainer .eventListBox:first-child {
  border-top: none !important; }

#contentContainer .eventListBox {
  border-bottom: none !important;
  border-top: 1px solid #d8d8d8; }

.eventList p.head + .eventListBox,
aside .eventList .eventListBox:first-child {
  border-top: none;
  padding-top: 0.125rem; }

aside .eventList .eventListBox {
  border-top: 1px solid #d8d8d8;
  border-bottom: none; }

.calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_1,
.calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_1 {
  width: 30% !important; }

.calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_3,
.calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_3 {
  width: 61%; }

.calendarFeed .event__title {
  font-size: 1.25em;
  margin-bottom: 0.5em;
  margin-top: 0.5em; }

@media screen and (min-width: 1280px) {
  body.calendareventlist #eventList .grid_3 {
    width: 50%; }
  body.calendareventlist #eventList .info.grid_1 {
    width: 47% !important;
    margin-right: 0; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.calendareventlist #eventList .grid_3 {
    width: 50%; }
  body.calendareventlist #eventList .info.grid_1 {
    width: 47% !important;
    margin-right: 0; } }

@media screen and (max-width: 1024px) {
  #eventList h2 {
    font-size: 1rem; }
  body.calendareventdetail .eventDetail .event .table-matrix table tr.trSubtext {
    border-bottom: none; } }

@media screen and (max-width: 767px) {
  body.calendareventlist #eventList .grid_3 {
    width: 100%; }
  body.calendareventlist #eventList .info.grid_1 {
    width: 100% !important;
    margin-right: 0;
    margin-top: 0.5rem; }
  body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.row-header tr.trSubtext {
    border-top: none; }
  body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.row-header tr td {
    border-bottom: none; }
  body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.row-header tr th,
  body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.row-header tr td {
    display: block;
    border-top: none;
    border-bottom: none; }
  .calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_1,
  .calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_1 {
    width: 100% !important; }
  .calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_3,
  .calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_3 {
    width: 100%;
    margin-bottom: 0.75rem; } }

.event-detail a {
  color: #1269B0;
  text-decoration: none; }

/*  search box
----------------------------------------------------------------------------------------------------*/
div.contentSubContainer.searchBox {
  margin-top: 0;
  padding-top: 0; }
  div.contentSubContainer.searchBox .search-form.extended {
    padding-left: 0.9375rem; }
    div.contentSubContainer.searchBox .search-form.extended div.formHeader {
      padding: 0 0.1875rem 0 0; }
      div.contentSubContainer.searchBox .search-form.extended div.formHeader h2 {
        font-size: 1.0625rem;
        line-height: 1.25; }
    div.contentSubContainer.searchBox .search-form.extended div.checkbox div.subtitle,
    div.contentSubContainer.searchBox .search-form.extended div.formAddonLink div.subtitle {
      font-weight: bold;
      color: #6F6F6F;
      font-size: 0.75rem;
      margin-top: 0.625rem; }
    div.contentSubContainer.searchBox .search-form.extended div.checkbox div.subtitle {
      line-height: 0.875rem; }
    div.contentSubContainer.searchBox .search-form.extended div.formAddonLink div.subtitle {
      line-height: 0.75; }
    div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.box,
    div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.rightcol {
      padding-left: 0;
      padding-right: 0.375rem;
      width: 4.5rem;
      overflow: hidden; }
      div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.box span.icons.date,
      div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.rightcol span.icons.date {
        padding-left: 0; }
    div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.box.full {
      width: 100%; }
    div.contentSubContainer.searchBox .search-form.extended div.checkbox,
    div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox {
      padding-left: 0; }
      div.contentSubContainer.searchBox .search-form.extended div.checkbox ul,
      div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox ul {
        list-style: none;
        margin-left: 0;
        padding-left: 1.125rem;
        text-indent: -1.125rem; }
      div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="checkbox"],
      div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="radio"],
      div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="checkbox"],
      div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="radio"] {
        margin: 0.125rem 0 0 0; }
      div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="checkbox"] + label,
      div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="radio"] + label,
      div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="checkbox"] + label,
      div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="radio"] + label {
        font-size: 0.75rem;
        line-height: 0.8125;
        margin-left: 0.0625rem; }

/*  Search Teaser
----------------------------------------------------------------------------------------------------*/
.recommendation h2,
.articleBox h2 {
  padding: 0; }

.recommendation h2 {
  font-size: 0.875rem;
  line-height: 1.5; }

.articleBox h2 {
  padding: 0.3125rem 0 0 0; }

#searchinput::-ms-clear {
  display: none; }

.searchMain {
  width: 100%;
  margin-bottom: 1.25rem;
  margin-top: 1.875rem; }
  .searchMain form {
    width: 100%;
    height: 1.5625rem;
    border: 1px solid #d8d8d8; }
    .searchMain form .searchinput {
      border: none;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 38.5rem;
      height: 1.45rem;
      padding: 0 0.4375rem;
      font-size: 0.8125rem;
      float: left;
      background-color: unset; }
    .searchMain form .searchsubmit {
      background-color: transparent;
      float: right;
      padding: 0.3125rem;
      width: 1.45rem;
      height: 1.45rem; }

.search .searchResult .articleBox {
  padding-top: 0; }

.search .searchResult table {
  margin-top: 0.1875rem; }

.searchResult.publicationList {
  width: 40.8125rem; }
  .searchResult.publicationList .navigation .nav-elements .nav-all {
    float: right;
    padding-right: 0.375rem; }

.searchResult .addr {
  padding-bottom: 0.75rem; }

.searchResult .nav-elements {
  margin-bottom: 0.75em; }

.searchResult .recommendation .head,
.searchResult .recommendation .nav-hint,
.searchResult .navigation .head,
.searchResult .navigation .nav-hint {
  font-size: 0.6875rem;
  margin-bottom: 0.75em;
  margin-top: 1em;
  line-height: 1.125rem;
  color: #6F6F6F; }

.searchResult .recommendation .publicationBox article a,
.searchResult .navigation .publicationBox article a {
  font-size: 0.75rem;
  line-height: 1.5; }

.searchResult .recommendation .publicationBox article figure a,
.searchResult .navigation .publicationBox article figure a {
  line-height: 5.5; }

.searchResult .recommendation {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
  .searchResult .recommendation .head {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-weight: bold; }
  .searchResult .recommendation .content .textListBox {
    border-bottom: none;
    background-color: #f3f5f6; }
    .searchResult .recommendation .content .textListBox .info {
      margin-bottom: 0; }
      .searchResult .recommendation .content .textListBox .info figure img {
        margin-top: 0;
        margin-bottom: 0; }
    .searchResult .recommendation .content .textListBox.teaserBox {
      padding: 0.375rem 0.625rem 0.625rem 0.625rem !important; }
    .searchResult .recommendation .content .textListBox a span.icon {
      border-bottom: 1px solid #f3f5f6; }

.searchResult ul.search_types {
  display: inline-block;
  margin-bottom: 0.625rem;
  width: 100%; }
  .searchResult ul.search_types li {
    display: inline-block;
    position: relative;
    padding: 0.625rem;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    float: left; }
    .searchResult ul.search_types li.disabled a {
      color: #bbbbbb; }
    .searchResult ul.search_types li.disabled:hover,
    .searchResult ul.search_types li.disabled a:hover,
    .searchResult ul.search_types li.disabled span.icon:hover {
      cursor: not-allowed !important; }
    .searchResult ul.search_types li.disabled:hover a {
      color: #bbbbbb;
      border-bottom: 0 !important; }
    .searchResult ul.search_types li.last-child, .searchResult ul.search_types li:last-child {
      border-right: 1px solid #d8d8d8; }
    .searchResult ul.search_types li a {
      display: block;
      padding: 1.6875rem 0 0 0;
      text-decoration: none;
      color: grey;
      border-bottom: 1px solid transparent; }
      .searchResult ul.search_types li a.active {
        color: #1f407a; }
      .searchResult ul.search_types li a span.icon {
        background-position: 25% 0 !important;
        display: block;
        width: 2rem;
        height: 2rem;
        position: absolute;
        left: 50%;
        top: 0.625rem;
        margin: 0 0 0 -0.875rem; }
      .searchResult ul.search_types li a:hover {
        color: #1f407a;
        text-decoration: none;
        border-bottom: 0; }
      .searchResult ul.search_types li a.all span.icon {
        background: url(img/icons/svg/search-all.svg) no-repeat; }
      .searchResult ul.search_types li a.all.active span.icon {
        background: url(img/icons/svg/search-all-active.svg) no-repeat; }
      .searchResult ul.search_types li a.web span.icon {
        background: url(img/icons/svg/search-websites.svg) no-repeat; }
      .searchResult ul.search_types li a.doc span.icon {
        background: url(img/icons/svg/search-documents.svg) no-repeat; }
      .searchResult ul.search_types li a.news span.icon {
        background: url(img/icons/svg/search-news.svg) no-repeat; }
      .searchResult ul.search_types li a.people span.icon {
        background: url(img/icons/svg/search-people.svg) no-repeat; }
    .searchResult ul.search_types li.active a.web span.icon {
      background: url(img/icons/svg/search-websites-active.svg) no-repeat; }
    .searchResult ul.search_types li.active a.doc span.icon {
      background: url(img/icons/svg/search-documents-active.svg) no-repeat; }
    .searchResult ul.search_types li.active a.news span.icon {
      background: url(img/icons/svg/search-news-active.svg) no-repeat; }
    .searchResult ul.search_types li.active a.people span.icon {
      background: url(img/icons/svg/search-people-active.svg) no-repeat; }

.searchResult .vitae figure {
  height: auto; }
  .searchResult .vitae figure img {
    max-width: 100%;
    max-height: 100%; }

.searchResult .vitae .vcard .contactlist {
  padding-bottom: 0.75rem; }

.searchResult figure {
  width: 3.125rem;
  height: 4.375rem;
  background-color: #eaecee;
  float: left;
  text-align: center;
  margin-top: 0.3125rem; }
  .searchResult figure img {
    vertical-align: middle;
    max-width: 3.125rem;
    max-height: 4.375rem; }
  .searchResult figure a {
    line-height: 5.5;
    display: block; }
  .searchResult figure a:hover {
    border-bottom: none; }

.searchResult .newsListBox.articleBox .info,
.searchResult .newsListBoxNoSep.articleBox .info {
  margin-bottom: 0.75rem;
  clear: both; }
  .searchResult .newsListBox.articleBox .info h3, .searchResult .newsListBox.articleBox .info h2,
  .searchResult .newsListBoxNoSep.articleBox .info h3,
  .searchResult .newsListBoxNoSep.articleBox .info h2 {
    line-height: 0.75rem;
    padding-top: 0.625rem; }
  .searchResult .newsListBox.articleBox .info figure,
  .searchResult .newsListBoxNoSep.articleBox .info figure {
    width: 6.125rem;
    height: auto;
    margin-top: 0.625rem;
    margin-bottom: 0;
    background-color: transparent;
    line-height: normal; }
    .searchResult .newsListBox.articleBox .info figure img,
    .searchResult .newsListBoxNoSep.articleBox .info figure img {
      height: auto;
      max-width: none;
      max-height: none;
      margin: 0; }

.searchResult .newsListBox h2 + p {
  margin-top: 0; }

.searchResult figure.owl {
  width: auto;
  height: auto;
  margin-top: 0; }
  .searchResult figure.owl img {
    max-width: 100%;
    max-height: 100%; }

.searchResult .suggestion figure {
  width: auto;
  height: auto; }
  .searchResult .suggestion figure img {
    max-width: 6.25rem;
    max-height: 6.25rem; }

aside div.smallForm fieldset.comment-form {
  padding-bottom: 1.25rem; }

aside div.smallForm form fieldset.search-form.formAddonLinkFollowed,
aside div.smallForm fieldset.comment-form.formAddonLinkFollowed {
  padding-bottom: 0.625rem; }

aside div.smallForm form fieldset.search-form div.checkbox,
aside div.smallForm form fieldset.search-form div.text,
aside div.smallForm form fieldset.search-form div.radio,
aside div.smallForm form fieldset.search-form div.dropdown,
aside div.smallForm form fieldset.search-form div.end,
aside div.smallForm form fieldset.search-form div.password,
aside div.smallForm form fieldset.search-form div.upload,
aside div.smallForm fieldset.comment-form div.checkbox,
aside div.smallForm fieldset.comment-form div.text,
aside div.smallForm fieldset.comment-form div.radio,
aside div.smallForm fieldset.comment-form div.dropdown,
aside div.smallForm fieldset.comment-form div.end,
aside div.smallForm fieldset.comment-form div.password,
aside div.smallForm fieldset.comment-form div.upload {
  width: 100%;
  overflow: hidden; }
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box {
    padding-top: 0.625rem; }
    aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="radio"] + label,
    aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
    aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="radio"] + label {
      padding-right: 0.25rem; }
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full label,
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full label,
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full label,
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full label,
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full label,
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full label,
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full label,
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full label,
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full label,
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full label,
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full label,
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full label,
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full label,
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full label {
    line-height: 0.875rem;
    padding-top: 0; }
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="checkbox"],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="radio"],
  aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="checkbox"] {
    margin: 0 0.3125rem 0 0.0625rem; }

aside div.smallForm form fieldset.search-form div.formFooter,
aside div.smallForm fieldset.comment-form div.formFooter {
  margin: 0.625rem 0.4375rem 0 0.4375rem;
  padding-top: 0.3125rem; }

aside div.smallForm form fieldset.search-form .borderTop,
aside div.smallForm fieldset.comment-form .borderTop {
  border-top: 1px solid #d8d8d8; }

form fieldset.search-form div.formHeader p {
  line-height: 1.125rem; }

.searchResult h2 {
  font-size: 1.6em; }

.searchResult h3 {
  font-size: 1.25em; }

.searchResult h4 {
  font-weight: bold; }

.searchResult h3 {
  padding-top: 0.625rem; }

.searchResult p {
  padding-bottom: 0.3125rem; }

.searchResult figure.grid_2 {
  width: 8.125rem;
  margin-bottom: 0.75rem; }

.searchResult .clearfloat {
  clear: both; }

.searchResult div.adr ul.contactlist {
  padding-bottom: 0.3125rem; }

.searchResult div.info h2 {
  font-size: 1.25em;
  line-height: 1.125rem !important; }

.searchResult .articleBox .head {
  padding-bottom: 0.125rem; }

.searchResult .articleBox article:first-child {
  margin-top: 0; }

.searchResult article h3 a {
  text-decoration: none;
  color: inherit; }
  .searchResult article h3 a:hover {
    border-bottom: inherit; }

.searchResult div.accordion {
  padding: 0.625rem 0 0.25rem; }

.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(1) {
  width: initial; }

.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(2) {
  width: initial; }

.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(3) {
  width: initial; }

.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(4) {
  width: initial; }

.searchResult div.table-matrix table.personlist colgroup col.col1 {
  width: 9.375rem; }

.searchResult div.table-matrix table.personlist colgroup col.col2 {
  width: 8.3125rem; }

.searchResult div.table-matrix table.personlist colgroup col.col3 {
  width: 7.1875rem; }

.searchResult div.table-matrix table.personlist colgroup col.col4 {
  width: 6rem; }

.searchResult div.table-matrix table.telelist colgroup col.col1 {
  width: 7.1875rem; }

.searchResult div.table-matrix table.telelist colgroup col.col2 {
  width: 7rem; }

.searchResult div.table-matrix table.telelist colgroup col.col3 {
  width: 7.5rem; }

.searchResult div.table-matrix table.telelist colgroup col.col4 {
  width: 5.75rem; }

.searchResult div.table-matrix table.telelist colgroup col.col5 {
  width: 7.875rem; }

.search .searchResult .articleBox {
  padding-bottom: 0.625rem; }

@media only screen and (min-width: 768px) {
  .search .search-form {
    background: #f6f6f6; } }

.search .link-morePersonHits {
  margin-bottom: 1.25em; }
  .search .link-morePersonHits a {
    color: #1269B0;
    text-decoration: none; }

div.searchResult div.articleBox div.info {
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 0.625rem 0;
  margin: 0 !important; }
  div.searchResult div.articleBox div.info h3 {
    padding-top: 0; }

div.searchResult div.articleBox div.info:first-child {
  border-top: 1px solid #d8d8d8;
  margin: 0.9375rem 0 0 0; }

div.searchResult div.articleBox article div.info:first-child {
  border: none; }

div.searchResult div.articleBox article div.info {
  border: none; }

div.searchResult div.articleBox article div.info p {
  margin-top: 0.625rem; }

div.searchResult div.newsListBox {
  border-bottom: none; }

.vitae {
  width: 100%;
  overflow: hidden;
  margin: 0.9375em 0 0.3125em 0; }
  .vitae figure img {
    width: 100%; }
  .vitae .vcard.grid_2 {
    width: 18.75rem; }

.searchResult .vitae .vcard.grid_2 {
  width: 23.625rem; }

.figureInContactBox + .vcard h2,
.figureInContactBox + .vcard h3,
.figureInContactBox + .vcard h4 {
  padding-top: 0; }

.figureInContactBox + .vcard .adr {
  padding-bottom: 0; }

.vcard > p:first-child {
  padding: 0; }

.vcard .org,
.vcard .adr,
.vitae .org,
.vitae .adr {
  margin-bottom: 0.75rem; }
  .vcard .org p,
  .vcard .adr p,
  .vitae .org p,
  .vitae .adr p {
    padding-top: 0;
    padding-bottom: 0; }
  .vcard .org.noSpacing,
  .vcard .adr.noSpacing,
  .vitae .org.noSpacing,
  .vitae .adr.noSpacing {
    padding-bottom: 0; }
  .vcard .org.alignTop h2,
  .vcard .adr.alignTop h2,
  .vitae .org.alignTop h2,
  .vitae .adr.alignTop h2 {
    padding-top: 0; }

.vcard .info,
.vitae .info {
  padding-top: 0.75rem; }
  .vcard .info p,
  .vitae .info p {
    padding-top: 0;
    padding-bottom: 0; }

.vcard .org p.contact-name,
.vitae .org p.contact-name {
  font-weight: bold; }

.vcard ul.contactlist span.hidden,
.vitae ul.contactlist span.hidden {
  display: none; }

.vcard ul.contactlist li,
.vitae ul.contactlist li {
  position: relative;
  line-height: 1.3571428571; }
  .vcard ul.contactlist li .icons,
  .vitae ul.contactlist li .icons {
    width: 1rem;
    height: 1rem; }
    .vcard ul.contactlist li .icons:before,
    .vitae ul.contactlist li .icons:before {
      top: 0.125rem; }
  .vcard ul.contactlist li .icons.mail:before,
  .vitae ul.contactlist li .icons.mail:before {
    top: 0.125rem; }
  .vcard ul.contactlist li img,
  .vitae ul.contactlist li img {
    margin-top: 0; }

aside .vcard .adr {
  padding-bottom: 0; }

aside .vcard ul.contactlist li img {
  margin-top: -0.0625rem; }

aside .date.visible {
  width: 100%; }

#overviewContainer .textListBox.last-child figure img,
#overviewContainer .textListBox:last-child figure img {
  margin-bottom: 0; }

#overviewContainer .textListBox.last-child .info,
#overviewContainer .textListBox:last-child .info {
  margin-bottom: 0 !important; }

#overviewContainer .textListBox.first-child,
#overviewContainer .textListBox:first-child {
  border-top: none !important; }

#overviewContainer .textListBox.first-child,
#overviewContainer .textListBox:first-child {
  padding-top: 0 !important; }

@media screen and (min-width: 1280px) {
  .vcard ul.contactlist li {
    line-height: 1.5; } }

@media screen and (min-width: 1025px) {
  form fieldset.search-form div.grouping-box div.box .form-select div {
    height: 1.5rem; }
  /* body */
  .search .contains-accordion > .tab_accordion {
    display: none; }
  table.personlist td {
    white-space: initial !important; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #contentMain > .last-child,
  #contentMain > .last-child,
  #contentMain .searchResult.last-child {
    margin-bottom: 0.5rem; }
  /* body */
  .search section#contentMain .searchResult .newsListBox.articleBox .info figure {
    width: 25% !important;
    height: auto !important; }
  .searchResult ul.search_types {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: stretch;
    margin-bottom: 1.5rem; }
  .search-extended--mobile-web {
    width: 50%;
    float: left; }
  #form-extended-doc-filter-mobile .search-form.extended-mobile li {
    width: calc(33.33% - 24px); }
  #buildingSearch .search-form .grouping-box.cols-2 .box {
    width: 50%;
    float: left !important;
    padding-left: 0.75rem; }
    #buildingSearch .search-form .grouping-box.cols-2 .box:first-child {
      padding-right: 0.75rem;
      padding-left: 0; }
    #buildingSearch .search-form .grouping-box.cols-2 .box:last-child {
      padding-right: 0; } }

@media screen and (max-width: 1024px) {
  .search .searchResult table {
    margin-top: 0; }
  .vcard .org,
  .vcard .adr {
    font-size: 1rem;
    line-height: 1.5; }
  .contactlist li,
  .contactlist li {
    margin-bottom: 0.75em; }
  ul.contactlist li .icons:before,
  .vcard ul.contactlist li .icons:before,
  .vitae ul.contactlist li .icons:before {
    top: 0; }
  ul.contactlist li .icons.mail:before,
  .vcard ul.contactlist li .icons.mail:before,
  .vitae ul.contactlist li .icons.mail:before {
    top: 1px; }
  #special-search-recommendation figure,
  .searchResult .recommendation .content .textListBox .info figure,
  .searchResult .suggestion figure {
    width: 6.25rem;
    max-width: 25%; }
    #special-search-recommendation figure a,
    .searchResult .recommendation .content .textListBox .info figure a,
    .searchResult .suggestion figure a {
      line-height: 1; }
    #special-search-recommendation figure img,
    .searchResult .recommendation .content .textListBox .info figure img,
    .searchResult .suggestion figure img {
      width: 100% !important;
      max-width: 100%;
      max-height: none;
      height: auto !important; }
  .recommendation h2 {
    font-size: 1.25rem !important;
    line-height: 1.6;
    padding-top: 0.125rem; }
  .searchResult .newsListBox.articleBox .info figure,
  .searchResult .newsListBoxNoSep.articleBox .info figure {
    width: 25% !important;
    min-width: 0; }
  .searchResult ul.search_types li {
    min-width: 6rem;
    text-align: center;
    margin-right: 1rem; }
  .searchResult ul.search_types li a {
    font-size: 0.875rem; }
  .searchResult ul.search_types li.active {
    background-color: #eaecee !important; }
  .search .searchResult .articleBox p {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0; }
  .searchResult .recommendation .head,
  .searchResult .navigation .head,
  .searchResult .recommendation .nav-hint,
  .searchResult .navigation .nav-hint {
    font-size: 0.875rem;
    padding-top: 1rem; }
  .searchResult ul.search_types {
    margin-bottom: 1rem; }
  .searchResult ul.search_types li {
    border: none !important; }
    .searchResult ul.search_types li.active {
      background-color: #eaecee; }
  .searchResult ul.search_types li a,
  .searchResult ul.search_types li a:hover {
    border-bottom: none; }
  .searchResult ul.search_types li:last-child {
    border-right: none; }
  /* body */
  .search .search-form h2 {
    margin-bottom: 0;
    font-size: 1rem;
    padding-bottom: 0.375rem;
    color: #222; }
  /* body */
  .search .tab_accordion .smallForm {
    padding-bottom: 0; }
  /* body */
  .search form .search-form .inside.checkbox {
    margin-bottom: 0;
    padding-bottom: 0; }
  /* body */
  .search form#mobile-form-news-extended .inside:after {
    content: "";
    display: table;
    clear: both; }
  /* body */
  .search fieldset.search-form.extended .search-extended--mobile-web ul li:nth-child(2),
  .search fieldset.search-form.extended .search-extended--mobile-language ul li:nth-child(2) {
    margin-right: 0; }
  /* body */
  .search .tab_accordion .end button.icon {
    display: inline-block; }
  /* body */
  .search input[name="site_filter"],
  .search input[name="lang_filter"] {
    position: relative; }
  div.searchMain form {
    box-sizing: border-box;
    height: 2.5rem; }
  div.searchMain .smallForm.mobile-only form {
    border: none;
    height: auto; }
  div.searchMain form .searchinput {
    font-size: 1rem;
    padding: 0.1875rem 0.5625rem;
    height: 2.375rem;
    width: calc(100% - 2.5rem);
    border-right: none; }
  div.searchMain form .searchsubmit {
    padding: 0.5625rem;
    height: 2.45rem;
    width: 2.45rem;
    float: right;
    margin-bottom: 1rem;
    background: transparent; }
  form fieldset.search-form div.grouping-box div.box .form-select,
  form fieldset.search-form div.grouping-box div.box .form-select div {
    font-size: 1rem; }
    form fieldset.search-form div.grouping-box div.box .form-select select,
    form fieldset.search-form div.grouping-box div.box .form-select div select {
      margin-top: -2rem;
      height: 2rem !important;
      font-size: 1rem; }
  form fieldset.search-form div.grouping-box div.box .form-select {
    height: 2rem; }
  form fieldset.search-form div.grouping-box div.box .form-select div {
    height: 2rem; }
  form .search-form ul {
    padding-left: 0; }
    form .search-form ul:after {
      content: "";
      display: table;
      clear: both; }
  form .search-form .newsperiod {
    margin-top: 0.5rem; }
  form .search-form div.grouping-box div.box input[type="text"],
  form .search-form div.grouping-box div.box input[type="date"],
  form .search-form div.grouping-box div.box input[type="time"],
  form .search-form div.grouping-box div.box input[type="password"] {
    font-size: 1rem;
    height: 2rem !important; }
  form .search-form div.grouping-box div.box input[type="time"] {
    width: 6.25rem; }
    form .search-form div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button {
      height: 1.875rem; }
  form .search-form div.cols-2 div.box {
    width: 100%;
    float: none !important; }
  form .search-form div.grouping-box div.box {
    width: 100%; }
  .smallForm .formAddonLink {
    background-color: transparent !important; }
  aside div.smallForm form fieldset.search-form {
    width: 100%;
    box-sizing: border-box; }
  /* body */
  .search {
    /* body */ }
    .search .tableOfContents {
      background-color: transparent !important;
      padding-left: 0;
      margin: 1rem 0; }
      .search .tableOfContents .smallForm {
        display: block;
        margin-left: -2rem;
        margin-right: -4rem;
        background-color: #eaecee;
        padding: 0.25rem 4rem 0.25rem 2rem !important;
        width: 100% !important; }
      .search .tableOfContents .expanded .tocLink {
        display: block;
        margin-left: -2rem;
        margin-right: -4rem;
        background-color: #eaecee;
        padding: 0.25rem 4rem 0.25rem 2rem;
        line-height: 2;
        border-bottom: 1px solid #c9cfd2; }
        .search .tableOfContents .expanded .tocLink:hover {
          border-bottom: none; }
        .search .tableOfContents .expanded .tocLink span.icon.plus {
          float: right;
          background: url(img/icons/svg/plus.svg) no-repeat;
          position: relative;
          top: 0.5rem; }
      .search .tableOfContents .table-matrix table tr:first-child {
        border-top: none; }
    .search #contentMain h1 {
      margin-bottom: 0; }
    .search #contentMain h3:not(.accordionHeader) {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0; }
    .search .search form fieldset.search-form .basecomponent.textimage p,
    .search .search form fieldset.search-form .basecomponent.textimage h3 {
      padding-left: 0 !important; }
    .search #contentMain .searchMain .expanded {
      background-color: transparent !important; }
    .search #contentNav {
      display: none; }
    .search form fieldset {
      font-size: 0.9375rem; }
    .search div.searchMain {
      background-color: white;
      display: inline-block;
      border-bottom: 1px solid #eaecee;
      padding-bottom: 1rem; }
    .search fieldset.search-form.extended {
      margin-top: 0;
      font-size: 1rem !important; }
      .search fieldset.search-form.extended a {
        font-size: 0.9375rem; }
      .search fieldset.search-form.extended .formHeader h2 {
        padding-bottom: 0.5625rem; }
      .search fieldset.search-form.extended .checkbox > div {
        margin-bottom: 0.375rem; }
      .search fieldset.search-form.extended div.grouping-box:after {
        content: "";
        display: table;
        clear: both; }
      .search fieldset.search-form.extended input[type="radio"],
      .search fieldset.search-form.extended input[type="checkbox"],
      .search fieldset.search-form.extended input[type="radio"] + label,
      .search fieldset.search-form.extended input[type="checkbox"] + label {
        display: block;
        float: left; }
      .search fieldset.search-form.extended input[type="radio"],
      .search fieldset.search-form.extended input[type="checkbox"] {
        margin: 0.3125rem 0.4375rem 0.3125rem 0; }
      .search fieldset.search-form.extended input[type="radio"] + label,
      .search fieldset.search-form.extended input[type="checkbox"] + label {
        line-height: 1.5;
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem; }
      .search fieldset.search-form.extended .end {
        margin-top: 1rem;
        clear: both; }
    .search fieldset.search-form.extended ul li {
      display: block;
      float: left;
      margin-right: 1.5rem;
      margin-bottom: 0.5rem; }
    .search form .search-form div.grouping-box div.box.full {
      padding-left: 0;
      display: block;
      clear: both;
      float: none; }
  .recommendation h2 {
    line-height: 1.15; }
  #mobile_extended_people_search label {
    width: 85%;
    font-size: 1rem !important;
    float: left;
    display: inline-block;
    clear: none; }
  #mobile_extended_people_search .option {
    line-height: 1.4;
    float: left;
    width: 100%; }
  #mobile_extended_people_search .box {
    padding-left: 0;
    padding-right: 0; }
  #mobile_extended_people_search .end .box {
    padding-bottom: 0; }
  .searchResult .newsListBox.articleBox .info h2,
  .searchResult .newsListBoxNoSep.articleBox .info h2 {
    font-size: 1rem;
    line-height: 1.5 !important;
    margin-top: 0.5rem; }
  .searchResult div.info h2 {
    font-size: 1rem;
    line-height: 1.5 !important;
    margin-top: 1rem; }
  .searchResult div.table-matrix table.personlist {
    table-layout: auto; }
    .searchResult div.table-matrix table.personlist colgroup col.col1 {
      width: inherit; }
    .searchResult div.table-matrix table.personlist colgroup col.col2 {
      width: inherit; }
    .searchResult div.table-matrix table.personlist colgroup col.col3 {
      width: inherit; }
    .searchResult div.table-matrix table.personlist colgroup col.col4 {
      width: inherit; }
  .searchResult div.table-matrix table.telelist colgroup col.col1 {
    width: inherit; }
  .searchResult div.table-matrix table.telelist colgroup col.col2 {
    width: inherit; }
  .searchResult div.table-matrix table.telelist colgroup col.col3 {
    width: inherit; }
  .searchResult div.table-matrix table.telelist colgroup col.col4 {
    width: inherit; }
  .searchResult div.table-matrix table.telelist colgroup col.col5 {
    width: inherit; }
  .searchResult div.table-matrix.navigation .articleBox h2 {
    padding-bottom: 0.75rem; }
  form[id$="newssearch"] .search-form {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 1.5rem; }
    form[id$="newssearch"] .search-form div.grouping-box.footer button {
      margin-bottom: 0; }
  #buildingSearch .search-form {
    padding: 0.75rem 1.5rem 1.5rem; }
    #buildingSearch .search-form .grouping-box,
    #buildingSearch .search-form .box {
      padding-left: 0;
      padding-right: 0; }
    #buildingSearch .search-form .box {
      padding-top: 0.75rem; }
    #buildingSearch .search-form button {
      margin-top: 0.75rem; }
  #newsletterContent .search-form {
    padding: 0.75rem 1.5rem; }
    #newsletterContent .search-form .grouping-box,
    #newsletterContent .search-form .box {
      padding-left: 0;
      padding-right: 0; }
    #newsletterContent .search-form .box {
      padding-top: 0.75rem; }
  #polycourse_search .search-form {
    padding-top: 0; }
  #polycourse_search table.result {
    min-width: 40rem; }
  #mmw_webshop_checkout .search-form {
    padding-top: 0; } }

@media screen and (max-width: 767px) {
  .searchResult ul.search_types li {
    margin-right: 0;
    width: 7rem;
    max-width: 33.33%;
    min-width: 0;
    padding-left: 0;
    padding-right: 0; }
  .recommendation h2 {
    font-size: 1.25rem !important;
    padding-top: 0.125rem !important; }
  .search-extended--mobile-web,
  .search-extended--mobile-language {
    width: 100%;
    float: left; }
  .searchResult .navigation .nav-elements ul.paging {
    display: none; }
  /* body */
  .search fieldset.search-form.extended .search-extended--mobile-web ul li,
  .search fieldset.search-form.extended .search-extended--mobile-language ul li {
    clear: none; }
  .search fieldset.search-form.extended ul li {
    clear: both; }
  fieldset.search-form .grouping-box .box .option input[type="radio"] {
    width: auto !important;
    display: inline-block;
    clear: none; }
  fieldset.search-form .grouping-box .box .option label {
    display: inline-block;
    width: auto;
    clear: none; }
  form[id$="newssearch"] .search-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  #buildingSearch .search-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  #newsletterContent .search-form {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  #aside-event-search-form .search-form {
    padding: 1.5rem 0.75rem; }
    #aside-event-search-form .search-form div.grouping-box.footer {
      padding-bottom: 0; }
      #aside-event-search-form .search-form div.grouping-box.footer .box.full {
        padding-bottom: 0; }
      #aside-event-search-form .search-form div.grouping-box.footer button {
        margin-bottom: 0; } }

.search .navigation .articleBox {
  padding-bottom: 0;
  margin-bottom: 1em; }

/*
|--------------------------------------------------------------------------
| PersonList
|--------------------------------------------------------------------------
*/
.personlist {
  width: 100%;
  display: inline-block; }
  .personlist a {
    color: #1269B0;
    text-decoration: none; }
  .personlist h2,
  .personlist h3 {
    font-size: 1.6em;
    margin-bottom: 0.5em;
    margin-top: 1em; }
  .personlist h3 {
    font-size: 1.25em; }
  .personlist table.personlist a.email {
    margin-right: 0; }
  .personlist .abc_list {
    margin-bottom: 0.5em; }

/*
|--------------------------------------------------------------------------
| General vitae
|--------------------------------------------------------------------------
*/
.vitae figure.grid_2 {
  width: 8.125rem;
  margin-bottom: 1em;
  margin-right: 1em;
  float: left; }

.vitae .vcard.grid_2 {
  width: auto;
  line-height: 1.267;
  display: inline-block; }

/*
|--------------------------------------------------------------------------
| personlist__item
|--------------------------------------------------------------------------
*/
.personlist .person {
  line-height: 1.5; }
  .personlist .person:after {
    content: '';
    display: table;
    clear: both; }
  .personlist .person figure img {
    width: 100%;
    padding-bottom: 0.4375rem; }
  .personlist .person div.address div.lineName {
    margin-bottom: 0.75em; }

[id='contentMain'] .personlist .person {
  margin-bottom: 1em; }
  @media only screen and (max-width: 1024px) {
    [id='contentMain'] .personlist .person {
      margin-bottom: 2em; } }

[id='contentMain'] .personlist .email,
[id='contentMain'] .personlist .tel {
  margin-top: 0.25em; }

[id='contentMain'] .personlist .grid_1 {
  width: 8em;
  margin-right: 2em; }
  @media only screen and (max-width: 767px) {
    [id='contentMain'] .personlist .grid_1 {
      clear: both;
      float: none; } }

/*
|--------------------------------------------------------------------------
| .vitae
|--------------------------------------------------------------------------
*/
.vitae a {
  color: #1269B0;
  text-decoration: none; }

/*
|--------------------------------------------------------------------------
| .personinfo
|--------------------------------------------------------------------------
*/
.personinfo {
  line-height: 1.267; }
  .personinfo h2 {
    font-size: 1.6em; }
  .personinfo h3 {
    font-size: 1.25em; }
  .personinfo .vitae h2 {
    font-size: 1.6em;
    margin-bottom: 0.25em; }

.adr .contact-name {
  font-weight: bold; }

.personlistinfo h2 {
  font-size: 1.6em; }

.personlistinfo h3 {
  font-size: 1.25em; }

.personlistinfo h4 {
  font-weight: bold; }

/*
|--------------------------------------------------------------------------
| Personinfo Vitae
|--------------------------------------------------------------------------
*/
.personinfo__vitae h2 {
  font-size: 1.6em; }

.personinfo__vitae h3 {
  font-size: 1.25em; }

.personinfo__vitae h4 {
  font-weight: bold; }

.personinfo__vitae figure.grid_2 {
  width: 8.125rem;
  margin-bottom: 0.75rem; }

.personinfo__vitae .clearfloat {
  clear: both; }

/*
|--------------------------------------------------------------------------
| Personinfo (Detail Page) - Sections
|--------------------------------------------------------------------------
*/
.personinfo__sections h2 {
  font-size: 1.6em; }

.personinfo__sections h3 {
  font-size: 1.25em; }

.personinfo__sections h4 {
  font-weight: bold; }

.personinfo__sections h2,
.personinfo__sections h3,
.personinfo__sections h4 {
  margin-top: 1.25em;
  margin-bottom: 0.75em; }

div.personinfo ul.contactlist,
div.personinfo ol.contactlist {
  list-style: outside none none;
  margin: 0; }

.personlist .table-matrix.first-element {
  padding-top: 0;
  margin-top: 0; }

.table-matrix table.personlist {
  min-width: 643px;
  margin-bottom: 0; }
  .table-matrix table.personlist td {
    white-space: nowrap; }
  .table-matrix table.personlist thead > tr > th:nth-child(1) {
    width: 33%; }
  .table-matrix table.personlist thead > tr > th:nth-child(2) {
    width: 12%; }
  .table-matrix table.personlist thead > tr > th:nth-child(3) {
    width: 20%; }
  .table-matrix table.personlist thead > tr > th:nth-child(4) {
    width: 35%;
    padding-right: 0.625rem; }

.personlist .textimage__image--small {
  width: 8rem; }

@media screen and (min-width: 768px) {
  .personlist .textimage__image--small {
    float: left;
    margin-right: 2em; } }

@media screen and (max-width: 1024px) {
  .table-matrix table.personlist {
    min-width: 750px; }
  .table-matrix table tr td.person.last {
    border-bottom: none; }
  .table-matrix table.personlist .right-align {
    text-align: left; }
  div.personlist a[name] {
    margin-bottom: -2rem; }
  .personlist .navigation.year_list .nav-elements ul.paging,
  .personlist .navigation.abc_list .nav-elements ul.paging {
    margin-left: -0.5rem;
    display: block; }
  .personlist .navigation.year_list .nav-elements ul.paging li,
  .personlist .navigation.abc_list .nav-elements ul.paging li {
    display: inline-block;
    box-sizing: border-box;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0;
    float: none;
    min-width: 3rem;
    height: 3rem;
    background-color: #d8d8d8;
    font-size: 1rem;
    line-height: 3rem;
    vertical-align: middle;
    text-align: center; }
    .personlist .navigation.year_list .nav-elements ul.paging li.inactive,
    .personlist .navigation.abc_list .nav-elements ul.paging li.inactive {
      background-color: #f6f6f6;
      color: #6F6F6F; }
      .personlist .navigation.year_list .nav-elements ul.paging li.inactive a,
      .personlist .navigation.abc_list .nav-elements ul.paging li.inactive a {
        color: #6F6F6F; }
    .personlist .navigation.year_list .nav-elements ul.paging li a,
    .personlist .navigation.abc_list .nav-elements ul.paging li a {
      box-sizing: border-box;
      display: inline-block;
      font-size: 1rem;
      line-height: 1.5;
      padding: 0.7rem;
      text-align: center;
      min-width: 3rem;
      height: 3rem; }
      .personlist .navigation.year_list .nav-elements ul.paging li a.active,
      .personlist .navigation.abc_list .nav-elements ul.paging li a.active {
        border-bottom: none; }
  body.personlist-has-images ul.contactlist li.email a.email {
    display: inline-block; }
  body.personlist-has-images .person {
    margin-bottom: 1.5rem; }
  #contentMain div.contains-textimage .personlist h3 {
    margin-top: 0; }
  div.personlist div.person div.address div.lineName {
    padding-bottom: 0; }
  .personlist .contactlist li {
    font-size: 0.875rem;
    line-height: 1.5; }
  .personlist .scrollarea.scrollbar {
    margin-bottom: 1.875rem;
    margin-top: 0; } }

/*
|--------------------------------------------------------------------------
| PersonList -- Table
|--------------------------------------------------------------------------
*/
table.personlist {
  display: table; }

#extended_people_search label,
#extended_people_search .checkbox label,
#extended_people_search .radio label,
#extended_people_search label.inside,
.checkbox label,
.radio label,
label.inside {
  clear: none; }

form#extended_people_search fieldset > div.textimage {
  padding: 1.0625rem 0 0 0.4375rem; }

form#extended_people_search div.box div.option {
  padding: 0;
  width: 32.25rem;
  float: left; }

form#extended_people_search div.box div.option > div.dropdown {
  float: right;
  width: 12.5rem; }

form#extended_people_search div.box div.option div.dropdown div.form-select > div.disabled {
  background-color: #f3f5f6; }

div.owltext {
  display: inline-block;
  width: 100%; }
  div.owltext figure {
    margin-right: 0.625rem;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0.625rem; }
    div.owltext figure a {
      cursor: pointer;
      display: block;
      position: relative; }
      div.owltext figure a span.detail {
        background: url("img/eth_website_link_elements.png") no-repeat -12.8125rem -0.3125rem #000000;
        position: absolute;
        height: 1.5625rem;
        width: 1.5625rem;
        right: 0;
        bottom: 0;
        display: none; }
    div.owltext figure a:hover {
      border-bottom: none; }
    div.owltext figure img {
      margin: 0.1875rem 0 0;
      width: 100%; }

.table-matrix table.university-calender {
  margin-bottom: 0.9375rem; }
  .table-matrix table.university-calender colgroup col.col1 {
    width: 6.25rem; }
  .table-matrix table.university-calender colgroup col.col2 {
    width: 15rem; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .vvzlist table.university-calender thead tr th:nth-child(1) {
    width: 20% !important; }
  .vvzlist table.university-calender thead tr th:nth-child(2) {
    width: 50% !important; }
  .vvzlist table.university-calender thead tr th:nth-child(3) {
    width: 30% !important; } }

@media screen and (max-width: 1024px) {
  div#_ext_people_search_prof_select_selection,
  .dropdown.full .form-select option {
    font-size: 1rem;
    height: 1.8rem;
    line-height: 1.6; }
  form#extended_people_search div.box div.option {
    width: 100%;
    line-height: 1.4; }
    form#extended_people_search div.box div.option span {
      display: block;
      line-height: 1.5;
      padding-top: 0.1875rem;
      padding-bottom: 0.1875rem;
      width: calc(100% - 1.4375rem);
      box-sizing: border-box;
      margin-bottom: 0.5rem;
      float: left; }
    form#extended_people_search div.box div.option .form-select {
      margin-left: 1.4375rem; }
      form#extended_people_search div.box div.option .form-select #_ext_people_search_prof_select_selection.disabled {
        margin-top: 1px; }
  form#extended_people_search div.box div.option > div.dropdown {
    float: none;
    clear: both;
    width: auto; }
  body.search #mobile_extended_people_search #professors + label {
    width: auto;
    padding-right: 0;
    margin-bottom: 0; }
  body.search #mobile_extended_people_search .dropdown.full {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.5rem; }
  body.search #mobile_extended_people_search .option .dropdown.full {
    margin-left: 1.5rem;
    width: calc(100% - 1.5rem); }
  body.search #mobile_extended_people_search fieldset > div.textimage b,
  body.search #mobile_extended_people_search fieldset > div.textimage p {
    padding-top: 1.5rem;
    padding-bottom: 0; }
  body.search #extended_people_search fieldset.search-form {
    background-color: #f3f5f6;
    padding: 0 1.5rem 0.9375rem 1.5rem;
    color: #6a7277;
    border: 1px solid #c9cfd2; }
  form#extended_people_search fieldset > div.textimage {
    padding: 1.0625rem 0 0 0; } }

.people_editor .search-form {
  background: #eaecee;
  padding: 1em; }

@media screen and (max-width: 767px) {
  .table-matrix table.university-calender thead {
    display: none !important; }
  .table-matrix table.university-calender tr.trSubtext th.flipHeader {
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    background-color: transparent;
    border: none;
    float: left;
    padding-left: 0;
    width: 30% !important; }
  .table-matrix table.university-calender tr.trSubtext td {
    box-sizing: border-box;
    display: block;
    width: 70% !important;
    float: left; }
  .table-matrix table.university-calender tr td {
    padding-left: 0;
    padding-right: 0;
    border-bottom: none; }
  .table-matrix table.university-calender tbody tr {
    border-bottom: 1px solid #c9cfd2; } }

/* News-List Teaser
----------------------------------------------------------------------------------------------------*/
.newsListBox {
  padding-top: 0.75em;
  padding-bottom: 1em; }
  .newsListBox:after {
    content: '';
    display: table;
    clear: both; }
  .newsListBox .info {
    display: flex;
    flex-direction: column; }
  .newsListBox .info > h2,
  .newsListBox .info > h3 {
    order: 2; }
  .newsListBox .info > .dateInfo {
    order: 1; }
  .newsListBox .info > p,
  .newsListBox .info > .contentInfo,
  .newsListBox .info > .topstory {
    order: 3; }
  .newsListBox h2 {
    font-size: 1.25em;
    font-weight: normal; }
  .newsListBox .dateInfo + p,
  .newsListBox .dateInfo + .contentInfo,
  .newsListBox .dateInfo + figure + p {
    margin-top: 0.5em; }
  .newsListBox h2 + figure {
    margin-top: 0.5em;
    padding-top: 0.125em;
    margin-bottom: 0.25em; }
  .newsListBox figure {
    float: left;
    min-width: 6.125rem;
    max-width: 98px;
    margin-right: 0.625rem; }
  .newsListBox .dateInfo {
    color: #6F6F6F;
    font-size: 0.8667em;
    margin-bottom: 0.5em; }
  .newsListBox h2 a,
  .newsListBox h3 a {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    border-bottom: inherit; }
  .newsListBox.linkedarea {
    margin-left: -0.75em;
    margin-right: -0.75em;
    padding-left: 0.75em;
    padding-right: 0.75em; }

article.linkedarea:after {
  content: '';
  display: table;
  clear: both; }

/* News-List Content
----------------------------------------------------------------------------------------------------*/
.newsList {
  margin-bottom: 1em; }
  .homepage .newsList {
    margin-bottom: 0.75em; }
  .newsList.last-child {
    margin-bottom: 0.5em; }

.newsList .textimage figure {
  width: 100%; }

.newsListBoxNoSep h2 {
  line-height: 1.4285714286;
  padding: 0.3125rem 0 0 0; }

.rssreader .newsListBox p img[src] {
  width: 6.125rem;
  height: auto; }

.newsListBox figure,
.newsListBoxNoSep figure {
  min-width: 6.125rem;
  max-width: 98px; }

.newsList .newsListBox figure img,
.newsList .newsListBoxNoSep figure img {
  max-width: 100%;
  max-height: 100%; }

.newsArticle .info {
  margin: 1em 0; }
  .newsArticle .info .dateInfo {
    color: #6F6F6F;
    font-size: 0.8667em;
    margin-bottom: 0.25em; }
    .newsArticle .info .dateInfo a {
      color: #1269B0; }

.newsArticle .textimage + .textimage {
  margin-top: 0; }

.keywordList {
  background-color: #f3f5f6;
  padding: 0.5rem 0.625rem 0.5rem 0.625rem;
  line-height: 1.4285714286;
  width: 100%;
  overflow: auto;
  margin-top: 0.9375rem;
  margin-bottom: 1.875rem; }
  .keywordList a {
    color: #1269B0;
    text-decoration: none; }
  .keywordList ul.keyword li {
    float: left; }
  .keywordList ul.keyword li a + span.delimiter.last-child {
    display: none; }
  .keywordList ul.keyword li a + span.delimiter {
    color: #6F6F6F;
    display: inline-block;
    width: 0.625rem;
    height: 1.25rem;
    margin-left: 0.375rem; }
  .keywordList ul.keyword li::before {
    width: 0.625rem;
    height: 0.875rem;
    margin-left: 0.375rem; }

#overviewContainer .newsListBoxNoSep.last-child figure img,
#overviewContainer .newsListBoxNoSep:last-child figure img {
  margin-bottom: 0; }

#overviewContainer .newsListBoxNoSep.last-child .info,
#overviewContainer .newsListBoxNoSep:last-child .info {
  margin-bottom: 0 !important; }

#overviewContainer .newsListBox.first-child,
#overviewContainer .newsListBoxNoSep.first-child,
#overviewContainer .newsListBox:first-child,
#overviewContainer .newsListBoxNoSep:first-child {
  border-top: none !important; }

#overviewContainer .newsListBox.last-child,
#overviewContainer .newsListBox:last-child {
  margin-bottom: 0.625rem; }

.basecomponent.newsfeed .loadMoreNewsContainer {
  margin-top: 0.5em;
  margin-bottom: 1.25rem; }

@media screen and (max-width: 1024px) {
  aside .newsListBox .info p.dateInfo {
    padding-bottom: 0.5625rem; }
  aside .newsListBox .info h3 {
    margin-bottom: 0; }
  aside .eventFeedFilter {
    padding-bottom: 1.5rem; } }

@media screen and (max-width: 767px) {
  #contentMain .newsList .newsListBox figure {
    width: 30% !important; } }

.topstory p:last-child {
  margin-bottom: 0; }

.topstory .text_image {
  margin-top: 0.25em; }

/*
|--------------------------------------------------------------------------
| PublicationsList
|--------------------------------------------------------------------------
*/
.publications a {
  color: #1269B0;
  text-decoration: none; }

.publications .navigation {
  padding-top: 0.375rem; }
  .publications .navigation:first-child {
    padding-top: 0; }
  .publications .navigation .nav-hint {
    font-size: 0.8667em;
    padding-bottom: 0.3125rem;
    line-height: 1.125rem;
    color: #6F6F6F;
    font-weight: normal; }

.nav-hint + .nav-elements {
  margin-top: 0.5em; }

.publicationList {
  margin-bottom: 1.25em; }
  .publicationList .paging {
    margin-left: 0;
    padding-bottom: 0; }

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/
.navigation a {
  color: #1269B0;
  text-decoration: none; }

/*
|--------------------------------------------------------------------------
| Publication List -- With Anchor Navigation
|--------------------------------------------------------------------------
*/
.publications .toTheTop {
  padding-top: 1em;
  margin-bottom: 2em;
  border-top: solid 1px #d8d8d8; }

.publications h2 {
  font-size: 1.6em;
  margin-top: 0.5em; }

/*
|--------------------------------------------------------------------------
| Publication List __ Item (a.k.a. .articleBox)
|--------------------------------------------------------------------------
*/
.articleBox {
  line-height: 1.5; }
  .articleBox .info {
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #d8d8d8; }
  .articleBox article:last-child .info {
    border-bottom: none; }
  .articleBox .pub_title {
    font-size: 1.25em;
    line-height: 1.267; }
  .articleBox .pub_authors {
    margin-top: 0.25em; }
  .articleBox .pub_info {
    margin-top: 0.25em;
    color: #6F6F6F; }
  .articleBox .pub_links {
    margin-top: 0.25em; }
    .articleBox .pub_links .linkitem {
      margin-right: 0.6em; }

.publicationList .info .book_title {
  font-style: italic; }

.moreAccordion {
  cursor: pointer;
  transition: max-height 0.2s ease-in; }

/* Style the accordion panel. Note: hidden by default */
.accordionAbstract {
  background-color: #f6f6f6;
  padding: 0 18px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out; }

.researchLink {
  position: relative;
  display: inline-block;
  background-image: url("img/icons/svg/rd-icon.svg");
  cursor: pointer;
  background-size: 11px 11px;
  width: 11px;
  height: 11px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* The actual popup */
.researchLink .rctext {
  visibility: hidden;
  width: 400px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -200px; }

/* Popup arrow */
.researchLink .rctext::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; }

.rssreader .newsListBox h2 {
  margin-bottom: 0.3125rem; }

.rssreader .newsListBox img[src] {
  float: left;
  padding-right: 0.625rem;
  padding-bottom: 0;
  margin-top: 0.25rem; }

.rssreader .newsListBox img[align='left'] {
  padding-bottom: 0.625rem; }

.rssreader .newsListBox br {
  display: none; }

.rssreader .newsListBox p {
  display: block;
  clear: both;
  margin-bottom: 0.3125rem; }
  .rssreader .newsListBox p:after {
    content: '';
    display: table;
    clear: both; }

.rssreader .newsListBox p a {
  clear: both;
  float: inherit; }

.rssreader .newsListBox a {
  display: block;
  border: none; }

aside .basecomponent.rssreader .newsListBox a {
  width: auto; }

@media screen and (max-width: 767px) {
  .rssreader .newsListBox p img[src],
  .basecomponent.rssreader .newsListBox img[src] {
    width: 100%;
    padding-right: 0; } }

/**
 * TabAccordion basic styles
 */
/************************
 TabAccordion general styles
 ************************/
.tabaccordion-body-wrapper {
  overflow: hidden; }

.accordion > section > header,
.tabbed-content > section > header {
  cursor: pointer; }

div.tab_accordion h2.accordionHeader,
div.tab_accordion h3.accordionHeader,
div.tab_accordion h4.accordionHeader {
  font-family: "DINPro", Helvetica, Arial, sans-serif !important; }

div.tab_accordion div.accoridaonContent {
  border: none !important;
  font-family: "DINPro", Helvetica, Arial, sans-serif !important;
  overflow: visible !important; }

div.tab_accordion div.ui-widget-content {
  border: none !important; }

div.tab_accordion ul.ui-widget-header {
  background: none !important;
  border: none !important;
  padding: 0 !important; }

div.tab_accordion ul.ui-widget-header li.ui-state-active,
div.tab_accordion ul.ui-widget-header li.ui-state-default,
div.tab_accordion ul.ui-widget-header li.ui-state-hover {
  border: none !important;
  font-family: "DINPro", Helvetica, Arial, sans-serif !important; }

/************************
 Tabbed content
 ************************/
.tabbed-content {
  position: relative; }

.tabbed-content > section > header {
  float: left;
  margin-top: -0.25em;
  padding-top: 1.25rem;
  padding-left: 1em;
  padding-right: 1em; }

.tabbed-content > section > header:first-child {
  padding-left: 0; }

.tabbed-content .tabaccordion-body-wrapper {
  position: absolute;
  top: 3.6rem;
  left: 0;
  right: 0;
  background: #fff;
  /* Fade in effect */
  opacity: 0;
  visibility: hidden; }

.tabbed-content .open .tabaccordion-body-wrapper {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out; }

/* Panel headings as tabs */
.tabbed-content > section:not(.open) > header {
  margin-top: 0;
  padding-top: 1rem; }

.tabbed-content > section.open > header {
  position: relative;
  z-index: 1; }

/************************
 Accordion
 ************************/
.accordion {
  min-height: 0 !important; }

.accordionContent div.table-matrix {
  margin-top: 0; }

div.accordion-editmode div.ui-accordion-content {
  margin-bottom: 0.3125rem; }

div.accordion-editmode,
div.accordion {
  width: 100%;
  display: block; }
  div.accordion-editmode .accordionToolbar,
  div.accordion .accordionToolbar {
    margin-bottom: 0.5em;
    padding-right: 0.937rem; }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      div.accordion-editmode .accordionToolbar,
      div.accordion .accordionToolbar {
        padding-right: 1rem; } }
    @media only screen and (max-width: 767px) {
      div.accordion-editmode .accordionToolbar,
      div.accordion .accordionToolbar {
        padding-right: 1.6rem; } }
    div.accordion-editmode .accordionToolbar div,
    div.accordion .accordionToolbar div {
      position: relative;
      top: 0;
      font-size: 0.75rem; }
      div.accordion-editmode .accordionToolbar div span.openCloseText,
      div.accordion .accordionToolbar div span.openCloseText {
        margin-right: -0.25rem; }
  div.accordion-editmode h2.accordionHeader,
  div.accordion-editmode h3.accordionHeader,
  div.accordion-editmode h4.accordionHeader,
  div.accordion h2.accordionHeader,
  div.accordion h3.accordionHeader,
  div.accordion h4.accordionHeader {
    padding: 0.5625rem 6.875rem 0.5625rem 0.9375rem;
    cursor: pointer;
    background: none;
    background-color: #eaecee;
    border: solid 1px #eaecee; }
    div.accordion-editmode h2.accordionHeader:first-child,
    div.accordion-editmode h3.accordionHeader:first-child,
    div.accordion-editmode h4.accordionHeader:first-child,
    div.accordion h2.accordionHeader:first-child,
    div.accordion h3.accordionHeader:first-child,
    div.accordion h4.accordionHeader:first-child {
      margin-top: 0; }
    div.accordion-editmode h2.accordionHeader div,
    div.accordion-editmode h3.accordionHeader div,
    div.accordion-editmode h4.accordionHeader div,
    div.accordion h2.accordionHeader div,
    div.accordion h3.accordionHeader div,
    div.accordion h4.accordionHeader div {
      position: absolute;
      top: 0.65rem; }
    div.accordion-editmode h2.accordionHeader span.title,
    div.accordion-editmode h3.accordionHeader span.title,
    div.accordion-editmode h4.accordionHeader span.title,
    div.accordion h2.accordionHeader span.title,
    div.accordion h3.accordionHeader span.title,
    div.accordion h4.accordionHeader span.title {
      padding: 0;
      font-weight: bold;
      line-height: 1.4285714286;
      display: inline-block; }
    @media only screen and (max-width: 1024px) {
      div.accordion-editmode h2.accordionHeader .openCloseText,
      div.accordion-editmode h3.accordionHeader .openCloseText,
      div.accordion-editmode h4.accordionHeader .openCloseText,
      div.accordion h2.accordionHeader .openCloseText,
      div.accordion h3.accordionHeader .openCloseText,
      div.accordion h4.accordionHeader .openCloseText {
        top: 0; } }
  div.accordion-editmode h2.accordionHeader,
  div.accordion-editmode h3.accordionHeader,
  div.accordion-editmode h4.accordionHeader,
  div.accordion-editmode .accordionToolbar,
  div.accordion h2.accordionHeader,
  div.accordion h3.accordionHeader,
  div.accordion h4.accordionHeader,
  div.accordion .accordionToolbar {
    position: relative;
    margin-bottom: 0.4em;
    font-size: 1em; }
    div.accordion-editmode h2.accordionHeader a.accordionHeader,
    div.accordion-editmode h3.accordionHeader a.accordionHeader,
    div.accordion-editmode h4.accordionHeader a.accordionHeader,
    div.accordion-editmode .accordionToolbar a.accordionHeader,
    div.accordion h2.accordionHeader a.accordionHeader,
    div.accordion h3.accordionHeader a.accordionHeader,
    div.accordion h4.accordionHeader a.accordionHeader,
    div.accordion .accordionToolbar a.accordionHeader {
      font-weight: bold; }
    div.accordion-editmode h2.accordionHeader a:hover,
    div.accordion-editmode h3.accordionHeader a:hover,
    div.accordion-editmode h4.accordionHeader a:hover,
    div.accordion-editmode .accordionToolbar a:hover,
    div.accordion h2.accordionHeader a:hover,
    div.accordion h3.accordionHeader a:hover,
    div.accordion h4.accordionHeader a:hover,
    div.accordion .accordionToolbar a:hover {
      border-bottom: 0 !important; }
    div.accordion-editmode h2.accordionHeader div,
    div.accordion-editmode h3.accordionHeader div,
    div.accordion-editmode h4.accordionHeader div,
    div.accordion-editmode .accordionToolbar div,
    div.accordion h2.accordionHeader div,
    div.accordion h3.accordionHeader div,
    div.accordion h4.accordionHeader div,
    div.accordion .accordionToolbar div {
      right: 0;
      float: right;
      padding: 0 0 0 0;
      color: #1269B0; }
  div.accordion-editmode .accordionToolbar,
  div.accordion .accordionToolbar {
    margin-top: 1em; }
    div.accordion-editmode .accordionToolbar a,
    div.accordion .accordionToolbar a {
      color: #1269B0;
      text-decoration: none; }
  div.accordion-editmode h2.accordionHeader,
  div.accordion-editmode h3.accordionHeader,
  div.accordion-editmode h4.accordionHeader,
  div.accordion h2.accordionHeader,
  div.accordion h3.accordionHeader,
  div.accordion h4.accordionHeader {
    transition: background-color 0.05s ease-in-out; }
    div.accordion-editmode h2.accordionHeader:hover,
    div.accordion-editmode h3.accordionHeader:hover,
    div.accordion-editmode h4.accordionHeader:hover,
    div.accordion h2.accordionHeader:hover,
    div.accordion h3.accordionHeader:hover,
    div.accordion h4.accordionHeader:hover {
      background-color: #d8d8d8;
      border-color: #d8d8d8;
      color: #222; }
      div.accordion-editmode h2.accordionHeader:hover div,
      div.accordion-editmode h3.accordionHeader:hover div,
      div.accordion-editmode h4.accordionHeader:hover div,
      div.accordion h2.accordionHeader:hover div,
      div.accordion h3.accordionHeader:hover div,
      div.accordion h4.accordionHeader:hover div {
        color: inherit; }
      div.accordion-editmode h2.accordionHeader:hover .ui-icon,
      div.accordion-editmode h3.accordionHeader:hover .ui-icon,
      div.accordion-editmode h4.accordionHeader:hover .ui-icon,
      div.accordion h2.accordionHeader:hover .ui-icon,
      div.accordion h3.accordionHeader:hover .ui-icon,
      div.accordion h4.accordionHeader:hover .ui-icon {
        background-image: url("img/icons/svg/plus.svg"); }
  div.accordion-editmode div.ui-accordion-content,
  div.accordion div.ui-accordion-content {
    display: block;
    padding: 1rem 0.9375rem 0.25rem 0.9375rem; }
    div.accordion-editmode div.ui-accordion-content.tablecontent,
    div.accordion div.ui-accordion-content.tablecontent {
      padding: 0; }
    div.accordion-editmode div.ui-accordion-content div.table-matrix table,
    div.accordion div.ui-accordion-content div.table-matrix table {
      margin-bottom: 0 !important; }
    div.accordion-editmode div.ui-accordion-content h2,
    div.accordion div.ui-accordion-content h2 {
      padding-top: 0; }
    div.accordion-editmode div.ui-accordion-content .hide-focussable-elements-when-minimized,
    div.accordion div.ui-accordion-content .hide-focussable-elements-when-minimized {
      display: none !important; }
  div.accordion-editmode.spacingTop,
  div.accordion.spacingTop {
    margin-top: 0.3125rem; }

.openCloseText {
  display: inline-block;
  font-weight: bold;
  color: #0069b4; }

/* Expand/collapse animation */
.accordion .tabaccordion-body-wrapper {
  -webkit-transition: max-height 0.25s ease-in-out;
  -o-transition: max-height 0.25s ease-in-out;
  transition: max-height 0.25s ease-in-out; }

.accordion :not(.open) .tabaccordion-body-wrapper {
  max-height: 0 !important; }

.accordion .textimage > h2 + ul > li:first-child,
.accordion .textimage > h2 + ol > li:first-child,
.accordion-editmode .textimage > h2 + ul > li:first-child,
.accordion-editmode .textimage > h2 + ol > li:first-child {
  margin-top: 0.75rem; }

.accordion .textimage > h3 + ul > li:first-child,
.accordion .textimage > h4 + ul > li:first-child,
.accordion .textimage > h3 + ol > li:first-child,
.accordion .textimage > h4 + ol > li:first-child,
.accordion-editmode .textimage > h3 + ul > li:first-child,
.accordion-editmode .textimage > h4 + ul > li:first-child,
.accordion-editmode .textimage > h3 + ol > li:first-child,
.accordion-editmode .textimage > h4 + ol > li:first-child {
  margin-top: 0.875rem; }

.accordion .textimage > h2,
.accordion .textimage > h3,
.accordion .textimage > h4,
.accordion-editmode .textimage > h2,
.accordion-editmode .textimage > h3,
.accordion-editmode .textimage > h4 {
  margin-top: 0; }

@media screen and (max-width: 1024px) {
  .accordionToolbar {
    margin-bottom: 1.0625rem; }
  div.accordion-editmode h2.accordionHeader,
  div.accordion-editmode h3.accordionHeader,
  div.accordion-editmode h4.accordionHeader,
  div.accordion h2.accordionHeader,
  div.accordion h3.accordionHeader,
  div.accordion h4.accordionHeader {
    padding-left: 1.5rem;
    padding-right: 7.5rem; }
  div.accordion-editmode div.ui-accordion-content,
  div.accordion div.ui-accordion-content {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.75rem; }
  div.accordion {
    width: 100%; }
  body.search div.accordion-editmode h2.accordionHeader span.title,
  body.search div.accordion-editmode h3.accordionHeader span.title,
  body.search div.accordion-editmode h4.accordionHeader span.title,
  body.search div.accordion h2.accordionHeader span.title,
  body.search div.accordion h3.accordionHeader span.title,
  body.search div.accordion h4.accordionHeader span.title {
    font-size: 1rem; }
  #contentMain div.tab_accordion div.accordion > div.hideFocusBox > h3 > a.accordionOpenAll > span.ui-icon.ui-icon-triangle-1-e,
  body.search div.tab_accordion div.accordion .accordionToolbar div span.ui-icon.ui-icon-triangle-1-e,
  body.search div.tab_accordion div.accordion .accordionToolbar div span.ui-icon.ui-icon-triangle-1-s {
    margin-right: 0.875rem;
    background-position: right;
    background-size: 1rem;
    width: 1.5rem !important;
    height: 1.5rem !important;
    float: right; } }

@media screen and (max-width: 767px) {
  div.basecomponent.accordion {
    margin: 0 0; }
  div.tab_accordion .accordionToolbar {
    padding-left: 1.5rem; }
  .tab_accordion .accordion h2.accordionHeader a.accordionAnchor > div > span.openCloseText {
    display: none; }
  div.accordion h2.accordionHeader .ui-icon-triangle-1-s,
  div.accordion h3.accordionHeader .ui-icon-triangle-1-s,
  div.accordion h4.accordionHeader .ui-icon-triangle-1-s {
    right: 0;
    background-image: url("img/icons/svg/minus.svg");
    background-size: 0.8em;
    height: 0.8em;
    width: 0.8em;
    font-size: 0.9em;
    margin-right: 1.5rem;
    margin-left: 0.3rem;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto; }
  div.accordion h2.accordionHeader .ui-icon-triangle-1-e,
  div.accordion h3.accordionHeader .ui-icon-triangle-1-e,
  div.accordion h4.accordionHeader .ui-icon-triangle-1-e {
    right: 0;
    margin-right: 1.5rem;
    margin-left: 0.3rem;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto; }
  .r-tabs-accordion-title > span.ui-icon-triangle-1-s {
    margin-right: 0.875rem; }
  .r-tabs-accordion-title.r-tabs-state-active span.ui-icon-triangle-1-s {
    margin-right: 0.875rem; }
  div.accordion {
    width: auto;
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  .accordion-editmode h2.accordionHeader,
  .accordion-editmode h3.accordionHeader,
  .accordion-editmode h4.accordionHeader,
  .accordion h2.accordionHeader,
  .accordion h3.accordionHeader,
  .accordion h4.accordionHeader {
    padding-right: 3.5rem; }
  div.accordion div.ui-accordion-content.tablecontent,
  div.accordion-editmode div.ui-accordion-content,
  div.accordion div.ui-accordion-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

/*
|--------------------------------------------------------------------------
| Plus and minus icons
|--------------------------------------------------------------------------
*/
.accordion .ui-icon-triangle-1-e,
.accordion .ui-icon-triangle-1-s {
  background-repeat: no-repeat;
  background-size: 0.8em;
  background-position: 0 0;
  width: 0.8em;
  height: 0.8em;
  font-size: 0.9em;
  display: inline-block;
  margin-left: 0.5em; }

.accordion .ui-icon-triangle-1-e {
  background-image: url("img/icons/svg/plus.svg"); }

.accordion .ui-icon-triangle-1-s {
  background-image: url("img/icons/svg/minus.svg"); }

.accordionHeader .ui-icon-triangle-1-e,
.accordionHeader .ui-icon-triangle-1-s {
  margin-right: 0.937rem; }

.accordionToolbar .accordionCloseAll {
  margin-left: 0.6em; }

.accordionHeader.accordionHeader.accordionHeader[aria-expanded='true'] {
  background-color: #d8d8d8;
  color: #222; }
  .accordionHeader.accordionHeader.accordionHeader[aria-expanded='true'] div {
    color: inherit; }
  .accordionHeader.accordionHeader.accordionHeader[aria-expanded='true'] .ui-icon-triangle-1-s {
    background-image: url("img/icons/svg/minus.svg"); }

/*
|--------------------------------------------------------------------------
| Responsive Tabs - Mobile View
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
  .r-tabs {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  .r-tabs-accordion-title {
    background-color: #eaecee;
    margin-top: 0.4em;
    border: solid 1px #eaecee; }
    .r-tabs-accordion-title:hover {
      background-color: #d8d8d8;
      color: #222;
      border-color: #d8d8d8; }
      .r-tabs-accordion-title:hover .r-tabs-anchor::after {
        background-image: url("img/icons/svg/plus.svg"); }
    .r-tabs-accordion-title.r-tabs-state-active {
      background-color: #d8d8d8;
      color: #222;
      border-color: #d8d8d8; }
      .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor::after {
        background-image: url("img/icons/svg/minus.svg"); }
    .r-tabs-accordion-title .r-tabs-anchor.r-tabs-anchor.r-tabs-anchor {
      background: transparent; }
  .r-tabs .r-tabs-panel {
    background-color: #fff !important; } }

/*
|--------------------------------------------------------------------------
| Backend only fixes
|--------------------------------------------------------------------------
*/
.accordion .ui-accordion-header a {
  color: inherit; }

.site-search {
  width: 100%;
  position: relative; }
  .site-search form {
    width: 100%;
    height: 2.5em; }
    .site-search form .searchinput {
      border: 0;
      width: 100%;
      height: 2.5em;
      padding: 0 2.5em 0 0.75em;
      font-size: 1em;
      font-family: "DINPro", Helvetica, Arial, sans-serif;
      color: #6F6F6F; }
    .site-search form .searchsubmit {
      padding: 0;
      margin-left: 0.0625em;
      background-color: transparent;
      position: absolute;
      right: 1em;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 2.5em;
      height: 2.5em; }
  .site-search .searchinput:-moz-placeholder {
    color: #6F6F6F;
    opacity: 1; }
  .site-search .searchinput::-moz-placeholder {
    color: #6F6F6F;
    opacity: 1; }
  .site-search .searchinput::-webkit-input-placeholder {
    color: #6F6F6F;
    opacity: 1; }

/* Tabs container */
.r-tabs {
  position: relative;
  background-color: transparent; }

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
  background-color: #d8d8d8; }

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
  display: inline-block;
  padding: 0.625rem 0.75rem;
  text-decoration: none;
  font-size: 0.875rem;
  overflow: inherit; }

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5; }

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  background-color: #eaecee;
  font-weight: bold; }

/* Tab panel */
.r-tabs .r-tabs-panel {
  background-color: #eaecee; }

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display: block;
  padding: 0.625rem;
  font-weight: bold;
  text-decoration: none;
  z-index: 10; }

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background-color: #d8d8d8;
  text-shadow: none; }

.r-tabs-accordion-title .r-tabs-anchor {
  position: relative; }
  .r-tabs-accordion-title .r-tabs-anchor:after {
    content: '';
    display: inline-block;
    background-image: url(img/icons/svg/plus-gross-phone.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 0.85em;
    width: 0.85em;
    float: right;
    background-position: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 0;
    margin-right: 0 !important; }

.r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
  background-image: url(img/icons/svg/minus-gross-phone.svg); }

.r-tabs-accordion-title span.ui-icon-triangle-1-e,
.r-tabs-accordion-title span.ui-icon-triangle-1-s {
  display: block;
  float: right;
  position: relative;
  top: -2rem;
  right: 0.5rem;
  z-index: 9; }

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5; }

.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0; }

.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0.25rem 0 0 0;
  list-style: none; }

.r-tabs .r-tabs-panel {
  padding: 1rem 1rem 0.25rem;
  display: none; }
  .r-tabs .r-tabs-panel .text-box {
    background-color: #d8d8d8; }

.r-tabs .r-tabs-accordion-title {
  display: none; }

.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block; }

/* Tablet & Phone: */
@media only screen and (max-width: 1024px) {
  .r-tabs .r-tabs-panel {
    padding: 1.5rem 1.5rem 0.5rem;
    display: none; } }

/* Phone only: */
@media only screen and (max-width: 767px) {
  .r-tabs .r-tabs-nav {
    display: none; }
  .r-tabs .r-tabs-accordion-title {
    display: block;
    font-size: 1em;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
      padding-left: 0;
      padding-right: 2rem; }
  .r-tabs-accordion-title.r-tabs-state-active {
    margin-bottom: 0; }
  .r-tabs-accordion-title .r-tabs-anchor:after {
    margin-right: -2rem; } }

.r-tabs .r-tabs-nav .r-tabs-anchor:hover {
  border-bottom: none; }

.breadcrumb {
  position: relative;
  margin-bottom: 1.5em;
  margin-left: calc(16.3% + 3rem); }
  @media only screen and (max-width: 1024px) {
    .breadcrumb {
      margin-left: 0; } }
  .breadcrumb::after {
    content: '';
    width: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.5em;
    background-image: linear-gradient(to right, transparent 0%, #fff 100%);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.001) 0%, #fff 100%); }
  .breadcrumb ul {
    display: flex;
    flex-direction: row;
    font-size: 0.75em;
    margin: auto -0.5em auto calc(-0.5em - 2px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 2px; }
    .breadcrumb ul li:not(:first-of-type) {
      position: relative;
      padding-left: 0.4em; }
      .breadcrumb ul li:not(:first-of-type):before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 0.45em;
        height: 0.45em;
        border: solid 1px #1269B0;
        border-width: 1px 1px 0 0;
        transform: rotate(45deg);
        margin-left: -0.25em;
        pointer-events: none; }
    .breadcrumb ul li * {
      padding: 3px 0.5em;
      display: block;
      margin: 2px 0; }
    .breadcrumb ul li a {
      color: #1269B0; }
      .breadcrumb ul li a:hover {
        border-bottom: none;
        text-decoration: underline; }

#powerTip,
#powerTipWhite {
  cursor: default;
  background-color: #222;
  color: #fff;
  display: none;
  padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
  font-size: 0.75rem;
  font-weight: bold;
  position: absolute;
  max-width: 9.375rem;
  z-index: 2147483647; }

#powerTip:before,
#powerTipWhite:before {
  content: '';
  position: absolute; }

#powerTip.n:before,
#powerTip.s:before,
#powerTipWhite.n:before,
#powerTipWhite.s:before {
  border-right: 0.3125rem solid transparent;
  border-left: 0.3125rem solid transparent;
  left: 50%;
  margin-left: -0.3125rem; }

#powerTip.e:before,
#powerTip.w:before,
#powerTipWhite.e:before,
#powerTipWhite.w:before {
  border-bottom: 0.3125rem solid transparent;
  border-top: 0.3125rem solid transparent;
  margin-top: -0.3125rem;
  top: 50%; }

#powerTip.n:before,
#powerTipWhite.n:before {
  border-top: 0.625rem solid #222;
  bottom: -0.625rem; }

#powerTip.e:before,
#powerTipWhite.e:before {
  border-right: 0.625rem solid #222;
  left: -0.625rem; }

#powerTip.s:before,
#powerTipWhite.s:before {
  border-bottom: 0.625rem solid #222;
  top: -0.625rem; }

#powerTip.w:before,
#powerTipWhite.w:before {
  border-left: 0.625rem solid #222;
  right: -0.625rem; }

#powerTip.ne:before,
#powerTip.se:before,
#powerTipWhite.ne:before,
#powerTipWhite.se:before {
  border-right: 0.625rem solid transparent;
  border-left: 0;
  left: 0.625rem; }

#powerTip.nw:before,
#powerTip.sw:before,
#powerTipWhite.nw:before,
#powerTipWhite.sw:before {
  border-left: 0.625rem solid transparent;
  border-right: 0;
  right: 0.625rem; }

#powerTip.ne:before,
#powerTip.nw:before,
#powerTipWhite.ne:before,
#powerTipWhite.nw:before {
  border-top: 0.625rem solid #222;
  bottom: -0.625rem; }

#powerTip.se:before,
#powerTip.sw:before,
#powerTipWhite.se:before,
#powerTipWhite.sw:before {
  border-bottom: 0.625rem solid #222;
  top: -0.625rem; }

#powerTip.nw-alt:before,
#powerTip.ne-alt:before,
#powerTip.sw-alt:before,
#powerTip.se-alt:before,
#powerTipWhite.nw-alt:before,
#powerTipWhite.ne-alt:before,
#powerTipWhite.sw-alt:before,
#powerTipWhite.se-alt:before {
  border-top: 0.625rem solid #222;
  bottom: -0.625rem;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  left: 0.625rem; }

#powerTip.ne-alt:before,
#powerTipWhite.ne-alt:before {
  left: auto;
  right: 0.625rem; }

#powerTip.sw-alt:before,
#powerTip.se-alt:before,
#powerTipWhite.sw-alt:before,
#powerTipWhite.se-alt:before {
  border-top: none;
  border-bottom: 0.625rem solid #222;
  bottom: auto;
  top: -0.625rem; }

#powerTip.se-alt:before,
#powerTipWhite.se-alt:before {
  left: auto;
  right: 0.625rem; }

#powerTipWhite {
  background-color: #fff;
  color: #222; }

#powerTipWhite:before {
  border-top-color: #fff; }

#powerTipWhite.n:before {
  border-top-color: #fff; }

#powerTipWhite.e:before {
  border-right-color: #fff; }

#powerTipWhite.s:before {
  border-bottom-color: #fff; }

#powerTipWhite.w:before {
  border-left-color: #fff; }

#powerTipWhite.ne:before,
#powerTipWhite.nw:before {
  border-top-color: #fff; }

#powerTipWhite.se:before,
#powerTipWhite.sw:before {
  border-bottom-color: #fff; }

#powerTipWhite.nw-alt:before,
#powerTipWhite.ne-alt:before,
#powerTipWhite.sw-alt:before,
#powerTipWhite.se-alt:before {
  border-top-color: #fff; }

#powerTipWhite.sw-alt:before,
#powerTipWhite.se-alt:before {
  border-bottom-color: #fff; }

/*
|--------------------------------------------------------------------------
| Local Mixins
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| General site header styling
|--------------------------------------------------------------------------
*/
.site-header {
  color: #222;
  display: flex;
  flex-direction: column;
  height: auto !important; }
  .site-header > div {
    width: 100%; }
  .site-header a:focus {
    overflow: visible; }

.header__container {
  max-width: 64.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
  @media only screen and (max-width: 1024px) {
    .header__container {
      padding: 0 1.5rem 0; } }

@media only screen and (min-width: 768px) {
  .header__nav-level--root > ul > li > .header__nav-level > ul {
    max-width: 64.875rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header__nav-level--root > ul > li > .header__nav-level > ul {
      padding: 0 1.5rem 0; } }

@media only screen and (max-width: 767px) {
  .header__nav-level > ul,
  .header__nav-level > ul ul,
  .header__nav-level > .header__mobile-only {
    max-width: 64.875rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem; } }
  @media only screen and (max-width: 767px) and (max-width: 1024px) {
    .header__nav-level > ul,
    .header__nav-level > ul ul,
    .header__nav-level > .header__mobile-only {
      padding: 0 1.5rem 0; } }

.header__nav-primary a,
.header__nav-meta a {
  display: block;
  text-underline-offset: 3px; }
  .header__nav-primary a.open,
  .header__nav-meta a.open {
    border-bottom: none;
    text-decoration: underline; }
  @media only screen and (min-width: 768px) {
    .header__nav-primary a:hover,
    .header__nav-meta a:hover {
      border-bottom: none;
      text-decoration: underline; } }

.header__nav-primary .site-search form .searchsubmit {
  position: static; }

.header__search:not(.header__search--searching) {
  margin-left: auto;
  padding-left: 1rem; }

.header__search-toggle {
  padding: 0;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  background-color: transparent;
  background-size: cover;
  background-image: url(img/icons/svg/icon-search.svg); }
  @media screen and (-ms-high-contrast: active) {
    .header__search-toggle {
      background-image: url(img/icons/svg/icon-search-neg.svg); } }

.header__search--searching {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 0.9em; }

/* Hide default HTML checkbox */
.header__search-filter {
  align-self: flex-end;
  display: flex;
  margin-bottom: 0.4em; }
  .header__search-filter .header__search-filter--active {
    font-weight: bold; }
  .header__search-filter .header__search-filter-page {
    margin-left: 1rem;
    margin-right: 1rem; }
  .header__search-filter .header__search-filter-all {
    text-align: end;
    margin-left: 1rem; }

.header__search-form {
  display: flex; }
  .header__search-form .header__search-input {
    flex-grow: 1;
    padding: 0 1.5em 0 1.5em;
    font-size: 1em;
    border-color: #1269B0;
    border-width: 1px;
    font-family: "DINPro", Helvetica, Arial, sans-serif; }
    .header__search-form .header__search-input:focus {
      outline: none; }
  .header__search-form .header__search-close {
    position: relative;
    width: 0;
    height: 0; }
  .header__search-form .header__search-close-btn {
    position: absolute;
    left: -2.3em;
    top: 0.3em;
    height: 1.5em;
    width: 1em;
    opacity: 0.7;
    background: none; }
    .header__search-form .header__search-close-btn:hover {
      opacity: 1; }
    .header__search-form .header__search-close-btn:before, .header__search-form .header__search-close-btn:after {
      position: absolute;
      content: ' ';
      height: 1.3em;
      top: 0.1em;
      width: 1px;
      background-color: #333; }
    .header__search-form .header__search-close-btn:before {
      transform: rotate(45deg); }
    .header__search-form .header__search-close-btn:after {
      transform: rotate(-45deg); }
    .header__search-form .header__search-close-btn:focus {
      outline: none; }
  .header__search-form .header__search-submit {
    display: inline;
    width: 6.5em;
    font-size: 1.1em;
    line-size: 1;
    padding: 0; }
    .header__search-form .header__search-submit:-moz-placeholder {
      color: #6F6F6F;
      opacity: 1; }
    .header__search-form .header__search-submit::-moz-placeholder {
      color: #6F6F6F;
      opacity: 1; }
    .header__search-form .header__search-submit::-webkit-input-placeholder {
      color: #6F6F6F;
      opacity: 1; }

.header__search-suggestions__container {
  position: relative;
  width: 100%; }
  .header__search-suggestions__container .header__search-suggestions__list {
    padding: 0.75em 0;
    background-color: #f6f6f6;
    position: absolute;
    width: 100%;
    z-index: 100; }
  .header__search-suggestions__container .header__search-suggestion__item {
    padding: 0.5em 1.5em;
    color: #1269B0; }
    .header__search-suggestions__container .header__search-suggestion__item:hover, .header__search-suggestions__container .header__search-suggestion__item:focus, .header__search-suggestions__container .header__search-suggestion__item.active {
      background-color: #d8d8d8;
      cursor: pointer;
      outline: none; }

.header__to-search .icon.search-white {
  display: block;
  font-size: 1.3em; }

.header__mobile-nav-trigger {
  line-height: 1.2;
  height: 50px;
  padding: 0 1em 0.2em 1em;
  margin-left: -1em;
  background: transparent; }
  .header__mobile-nav-trigger svg {
    width: 24px;
    height: 24px;
    display: block;
    margin: auto; }

.header__navbar {
  display: flex;
  align-items: center; }

.header__nav-meta {
  background: #222;
  color: #fff;
  font-size: 0.9rem;
  order: -1; }
  .header__nav-meta nav > ul {
    font-size: 0.8667em;
    display: flex;
    flex-direction: row;
    margin-left: -0.5em;
    margin-right: -0.5em; }
  .header__nav-meta li {
    display: flex; }
  .header__nav-meta a,
  .header__nav-meta .custom-select {
    padding: 0.5em; }
    .header__nav-meta a:focus,
    .header__nav-meta .custom-select:focus {
      outline-offset: -4px; }
  .header__nav-meta a {
    display: block; }
    .header__nav-meta a:hover {
      border-bottom: none; }
  .header__nav-meta .custom-select {
    line-height: 1em;
    border: none;
    padding-right: 2em; }
  .header__nav-meta nav + nav {
    padding-left: 1em;
    margin-left: auto; }
  .header__nav-meta > div {
    display: flex; }

.header__departments .item--organization {
  padding-right: 0.4em; }

.header__departments .item--departments {
  position: relative;
  padding-left: 0.4em; }

.header__services li + li {
  border-left: 1px solid #fff; }

.header__services .current-lang {
  padding: 0.5em; }

.header--with-department-breadcrumb .header__departments {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  padding-right: 1em; }
  .header--with-department-breadcrumb .header__departments li {
    padding-right: 0.4em; }
  .header--with-department-breadcrumb .header__departments li:not(:first-of-type) {
    position: relative;
    padding-left: 0.4em; }
    .header--with-department-breadcrumb .header__departments li:not(:first-of-type)::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 0.45em;
      height: 0.45em;
      border: solid 1px #fff;
      border-width: 1px 1px 0 0;
      transform: rotate(45deg);
      margin-left: -0.4em;
      pointer-events: none; }
  .header--with-department-breadcrumb .header__departments::after {
    content: '';
    width: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(to right, transparent 0%, #222 100%); }

.header--with-department-breadcrumb .header__services {
  white-space: nowrap; }

.header--with-department-dropdown .item--departments {
  border-left: solid 1px #fff;
  border-right: solid 1px #fff; }

.header__logos {
  display: flex;
  align-items: flex-end;
  height: 35px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .header__logos img {
    height: 100%;
    width: auto; }
  .header__logos a {
    display: inline-block;
    height: 100%; }
    .header__logos a:hover {
      border-bottom: none; }

.header__partner-logos {
  margin-left: 1.5em;
  height: 100%;
  white-space: nowrap; }
  .header__partner-logos a + a {
    margin-left: 1.5em; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .header--two-logos .header__partner-logos {
    display: none; } }

.header__headlines {
  margin-left: 1.4em;
  margin-bottom: 5px; }
  .header__headlines .header__headline--big {
    line-height: 1.05; }

.header__mobile-nav-icon {
  position: relative;
  margin: 10px auto;
  width: 26px;
  height: 2px;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  background-color: #fff;
  display: block; }
  .header__mobile-nav-icon:before, .header__mobile-nav-icon:after {
    content: '';
    position: absolute;
    display: block;
    background-color: inherit;
    width: 26px;
    height: 2px; }
  .header__mobile-nav-icon:before {
    top: -6px;
    transition: top 75ms ease 0.12s, opacity 75ms ease; }
  .header__mobile-nav-icon:after {
    bottom: -6px;
    transition: bottom 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.mobile-nav--active .header__mobile-nav-icon {
  transition: 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
  transform: rotate(45deg); }
  .mobile-nav--active .header__mobile-nav-icon:before {
    top: 0;
    transition: top 75ms ease, opacity 75ms ease 0.12s;
    opacity: 0; }
  .mobile-nav--active .header__mobile-nav-icon:after {
    bottom: 0;
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
    transform: rotate(-90deg); }

#skipLinks a {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 3px;
  line-height: 1.5;
  display: block;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.2em;
  z-index: 10000;
  background-color: #222;
  color: #ffea00;
  transform: translateY(-100%) translateY(-14px);
  transition: transform 0.2s; }
  #skipLinks a:focus {
    transform: translateY(0%); }

#info-banner {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.5625rem;
  color: #fff;
  background-color: #ff0000;
  z-index: 1000;
  animation: 4s ease-out 0s 1 slideInFromTop; }

@keyframes slideInFromTop {
  0% {
    transform: translateY(-10rem); }
  100% {
    transform: translateY(0); } }

/*
|--------------------------------------------------------------------------
| Custom Selects in header
|--------------------------------------------------------------------------
*/
.custom-select {
  display: block;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: #222;
  line-height: 1.3;
  padding: 0.6em 1.8em 0.5em 0.8em;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 1px solid #fff;
  box-shadow: none;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath fill='%23222' d='M8.6.3L5 3.9 1.4.3 0 1.7l3.6 3.6L5 6.7l5-5L8.6.3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%; }

.custom-select--dark {
  background-color: #222;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath fill='%23fff' d='M8.6.3L5 3.9 1.4.3 0 1.7l3.6 3.6L5 6.7l5-5L8.6.3z'/%3E%3C/svg%3E"); }
  .custom-select--dark optgroup {
    color: initial;
    font-style: normal;
    background: #fff; }
  .custom-select--dark option {
    background: #fff;
    color: #222; }

.custom-select::-ms-expand {
  display: none; }

.custom-select:hover {
  border-color: #888; }

.custom-select:focus {
  outline: 2px solid #ffea00; }
  @supports (-ms-ime-align: auto) {
    .custom-select:focus {
      background: #fff; } }

.custom-select option {
  font-weight: normal; }

.custom-select--departments {
  width: 9em; }

/*
|--------------------------------------------------------------------------
| Desktop version
|--------------------------------------------------------------------------
*/
@media only screen and (min-width: 768px) {
  .header__mobile-only {
    display: none; }
  .header__logos {
    margin-top: 1.9em;
    margin-bottom: 1.05em;
    height: 3em;
    font-size: 1.25em; }
  .header__headlines {
    margin-left: 4.6em;
    margin-bottom: 0.4em; }
  .header__nav-primary {
    position: relative; }
  .header__nav-level--root > ul > li > .header__nav-level > ul > .overview {
    display: block; }
  .current-top {
    text-decoration: underline; }
  .header__nav-level--root > ul {
    display: flex;
    margin-left: -1em;
    margin-right: -1em; }
    .header__nav-level--root > ul > li > a {
      padding: 0.9em 1em;
      position: relative;
      height: 100%; }
      .header__nav-level--root > ul > li > a:after {
        content: '';
        display: block;
        position: absolute;
        opacity: 0;
        bottom: 0;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 10px solid #eaecee; }
    .header__nav-level--root > ul > li > .header__nav-level {
      background: #eaecee;
      position: absolute;
      z-index: 100;
      left: 0;
      top: 100%;
      right: 0;
      padding: 1em 0 1.7em;
      visibility: hidden; }
      .header__nav-level--root > ul > li > .header__nav-level > ul {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: repeat(5, 5fr);
        grid-gap: 20px 20px; }
        .header__nav-level--root > ul > li > .header__nav-level > ul > li > a {
          margin: 0.5em 0;
          font-weight: 700;
          position: relative; }
        .header__nav-level--root > ul > li > .header__nav-level > ul a {
          padding-left: 0;
          padding-right: 0;
          position: relative;
          display: inline-block; }
    .header__nav-level--root > ul .accessible-megamenu-top-nav-item > a.open:not(:last-child):after {
      opacity: 1; }
    .header__nav-level--root > ul .accessible-megamenu-panel.open {
      visibility: visible; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul.hasOverview > li:nth-child(n + 8):not(.overview) {
      display: none; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul:not(.hasOverview) > li:nth-child(n + 9):not(.overview) {
      display: none; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level a {
      font-size: 0.9em;
      margin: 0.3em 0; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level .header__nav-level {
      display: none; } }

@media only screen and (min-width: 1280px) {
  .site-header {
    font-size: 1rem; } }

@media only screen and (min-width: 1600px) {
  .site-header {
    font-size: 0.75em; } }

@media only screen and (min-width: 768px) and (max-width: 860px) {
  .header__logos {
    font-size: 1.1em;
    margin-top: 2.1em;
    margin-bottom: 1.2em; }
  .header__nav-level--root > ul > li > a {
    padding-left: 0.7em;
    padding-right: 0.7em;
    font-size: 0.9em; } }

/*
|--------------------------------------------------------------------------
| Mobile Version
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
  .site-header {
    position: fixed;
    top: 0;
    transition: top 0.3s ease-in;
    background-color: #fff;
    z-index: 1000;
    width: 100%; }
  .header__desktop-only {
    display: none; }
  .header__navbar {
    background: #222;
    color: #fff;
    height: 50px;
    font-size: 0.75rem; }
    .header__navbar .header__language {
      margin-right: -0.8em; }
      .header__navbar .header__language .current-lang {
        font-size: 1rem;
        padding: 0.6em 0.8em 0.5em 0.8em; }
    .header__navbar .custom-select {
      border: none;
      font-size: 1rem;
      padding-top: 0.5em;
      background-position: right 0.7em top 50%, 0 0; }
  .nav-primary .header__nav-level--root {
    display: none; }
  .nav-primary.mobile-nav--active .header__nav-level--root {
    display: block; }
  .header__nav-level--root {
    padding-top: 0.5em;
    padding-bottom: 6rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    position: absolute;
    font-size: 1.25rem;
    background: #fff;
    color: #222;
    overflow-x: hidden;
    overflow-y: auto; } }
  @media only screen and (max-width: 767px) and (max-width: 1024px) {
    .header__nav-level--root .nav-item-overview {
      display: none; } }

@media only screen and (max-width: 767px) {
    .header__nav-level--root > ul > li a {
      position: relative;
      padding-right: 30px; }
      .header__nav-level--root > ul > li a:after {
        content: '';
        display: block;
        position: absolute;
        width: 8px;
        height: 11px;
        margin-top: -5px;
        top: 45%;
        right: 2px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10'%3E%3Cpath fill='%23222' d='M.3 8.6l3.6-3.6-3.6-3.6 1.4-1.4 3.6 3.6 1.4 1.4-5 5-1.4-1.4z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain; }
      .header__nav-level--root > ul > li a:last-child:not(.back):after {
        display: none; }
      .header__nav-level--root > ul > li a.back {
        padding: 0.6em 0 0.6em 1.5em; }
        .header__nav-level--root > ul > li a.back:after {
          transform: rotate(180deg);
          right: auto;
          left: 0; }
    .header__nav-level--root a {
      line-height: 1.17;
      padding: 0.6em 0; }
    .header__nav-level--root hr {
      border-bottom: 1px solid #d8d8d8;
      margin: 0.9em 0 1.3em; }
    .header__nav-level--root .header__mobile-only a {
      padding: 0.4em 0; }
    .header__nav-level--root .header__nav-level {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      left: 0;
      transform: translateX(100%); }
      .header__nav-level--root .header__nav-level > ul > li a {
        padding-left: 1.5em; }
    .header__nav-level--root .custom-select {
      padding: 0.3em 1.8em 0.3em 0; }
      .header__nav-level--root .custom-select, .header__nav-level--root .custom-select:hover {
        border: none; }
    .header__nav-level--root .current {
      text-decoration: underline; }
  .header__nav-level > ul {
    display: flex;
    flex-direction: column; }
    .header__nav-level > ul .to-homepage a,
    .header__nav-level > ul .overview a {
      padding-left: 0 !important; }
  .header__nav-level .header__nav-level {
    display: none; }
  .header__nav-level.mobile-nav--active li.mobile-nav--active > .header__nav-level {
    display: block; }
  .header__nav-level.mobile-nav--active > ul {
    transform: translateX(-100%); }
  .header__nav-primary-title {
    font-size: 1.125rem;
    color: #6F6F6F;
    margin-bottom: 0.6em; }
  body.mobile-nav--open {
    height: 100%;
    overflow: hidden !important;
    position: relative; }
    body.mobile-nav--open header {
      min-height: 100vh; } }

/*
|--------------------------------------------------------------------------
| Custom Switch
|--------------------------------------------------------------------------
*/
.custom-switch {
  position: relative;
  display: inline-block;
  width: 2.2em;
  height: 1.2em; }

.custom-switch input {
  opacity: 0;
  width: 0 !important;
  height: 0 !important; }

/* The custom-switch--slider */
.custom-switch--slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6F6F6F;
  border-radius: 1em; }

.custom-switch--slider:before {
  position: absolute;
  content: "";
  height: 1em;
  width: 1em;
  left: 0.1em;
  bottom: 0.1em;
  background-color: white;
  -webkit-transition: .1s;
  transition: .1s;
  border-radius: 50%; }

input:checked + .custom-switch--slider {
  background-color: #1269B0; }

input:checked + .custom-switch--slider:before {
  -webkit-transform: translateX(1em);
  -ms-transform: translateX(1em);
  transform: translateX(1em); }

.popover {
  position: relative; }

.popover:not(.popover--open) {
  visibility: hidden; }

.popover-toggle[aria-expanded="true"] .popover-toggle__label--open {
  display: none; }

.popover-toggle[aria-expanded="false"] .popover-toggle__label--close {
  display: none; }

.popover-toggle {
  position: relative;
  line-height: 1.2;
  padding: 6px;
  background: #f6f6f6;
  color: #1269B0; }
  .popover-toggle svg {
    display: block; }
  .popover-toggle .popover-toggle__icon {
    display: inline-block;
    vertical-align: middle; }

.popover-toggle__label {
  margin: 0 0.7em; }

.popover-toggle__label {
  display: inline-block;
  vertical-align: middle; }

.content-nav__main {
  min-width: 18em; }
  .content-nav__main ul ul {
    display: none; }
  .content-nav__main a {
    display: block; }
  .content-nav__main ul a {
    transition: .2s background-color;
    margin-bottom: 1px; }
    .content-nav__main ul a:focus {
      outline-offset: -2px; }
    .content-nav__main ul a:hover {
      border-bottom: 0;
      background-color: #d8d8d8; }
  .content-nav__main ul ul li:first-child,
  .content-nav__main li + li a {
    border: none;
    box-shadow: 0px -1px #d8d8d8; }
  .content-nav__main .content-nav__back > a,
  .content-nav__main > ul > li > a {
    padding: .6em 1em .6em; }
  .content-nav__main .content-nav__back:last-child a,
  .content-nav__main > ul > li:last-child a {
    margin-bottom: 0; }
  .content-nav__main ul ul a {
    padding: .6em 2em .6em 2.7em; }

li.content-nav__current > a,
li.content-nav__current > a:hover {
  background: #6F6F6F;
  color: #fff; }

li.content-nav__current ul {
  display: block; }

li + li.content-nav__current > a {
  border-top-color: #6F6F6F; }

/**
* DESKTOP
*/
@media only screen and (min-width: 768px) {
  .content-nav {
    position: relative;
    margin-bottom: 2em; }
  .content-nav__main {
    position: absolute;
    top: 100%;
    background: #fff;
    z-index: 1000;
    border: 1px solid #d8d8d8;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.09);
    opacity: 0;
    transform: scale(0.9);
    transform-origin: top left;
    transition: transform 0.15s cubic-bezier(0.14, 0.76, 0.34, 1.01), opacity 0.15s; }
    .content-nav__main .content-nav__back {
      display: none; } }
  @media only screen and (min-width: 768px) and (min-width: 1025px) {
    .content-nav__main {
      left: 0; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
    .content-nav__main {
      right: 0; } }

@media only screen and (min-width: 768px) {
  .popover--open .content-nav__main {
    transform: scale(1);
    opacity: 1; } }

@media only screen and (min-width: 1025px) {
  .content-nav .popover-toggle {
    padding-left: 0.5em;
    width: 100%;
    text-align: left;
    white-space: nowrap; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .content-nav .popover-toggle {
    margin-left: auto; } }

/**
* MOBILE
*/
@media only screen and (max-width: 767px) {
  .content-nav .popover {
    visibility: visible; }
  .content-nav .popover-toggle {
    display: none; }
  .content-nav__back {
    color: #1269B0;
    padding: 1rem 1.5rem; }
  .content-nav {
    margin-right: -1rem;
    margin-left: -1rem; }
  .content-nav__main {
    max-width: none; }
    .content-nav__main > ul > li > a {
      padding-left: 1.5rem; }
    .content-nav__main > ul > li:not(.content-nav__current) {
      display: none; } }

/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| General Styling / Elements
|--------------------------------------------------------------------------
*/
.site-footer {
  font-size: 1rem;
  color: #fff;
  background: #222;
  clear: both;
  padding-bottom: 1em; }
  .site-footer a {
    font-weight: bold; }
    .site-footer a:hover {
      text-decoration: underline;
      border-bottom: none; }
  .site-footer h3,
  .site-footer h4 {
    font-weight: bold; }
  @media only screen and (min-width: 1280px) {
    .site-footer {
      font-size: 0.9375rem; } }

.footer__section-title {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  margin-top: 1em; }
  @media only screen and (max-width: 767px) {
    .footer__section-title {
      font-size: 1.8em; } }

/*
|--------------------------------------------------------------------------
| layout
|--------------------------------------------------------------------------
*/
.footer__container {
  max-width: 64.875rem;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem; }
  @media only screen and (max-width: 1024px) {
    .footer__container {
      padding: 0 1.5rem 0; } }

.footer__row {
  display: flex; }
  @media only screen and (max-width: 767px) {
    .footer__row {
      flex-direction: column; } }
  @media only screen and (min-width: 768px) {
    .footer__row {
      flex-grow: 1; } }

.footer__contact,
.footer__search-and-social {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.footer__services {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 20%;
  padding-right: 0.625rem; }
  @media only screen and (max-width: 767px) {
    .footer__services {
      width: 100%;
      padding-right: 0;
      margin-bottom: 1rem; }
      .footer__services:last-child {
        margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .footer__services {
      margin-bottom: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer__services {
      width: 50%; } }

.footer__row-main {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75); }
  @media only screen and (min-width: 768px) {
    .footer__row-main {
      margin-top: 1.25em;
      padding-bottom: 1.25em; } }

.footer__row-main__inner {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer__row-main__inner {
      flex-wrap: wrap; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer__search-and-social {
    width: 100%;
    display: flex; } }

@media only screen and (min-width: 1025px) {
  .footer__search-and-social {
    width: 40%; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer__search,
  .footer__social {
    width: 50%; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer__social {
    padding-left: 0.5rem; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .footer__contact {
    width: 50%; } }

@media only screen and (min-width: 1025px) {
  .footer__contact {
    width: 40%; } }

@media only screen and (min-width: 768px) {
  .footer__contact__main {
    flex-basis: 50%;
    flex-grow: 1;
    padding-right: 0.5rem; } }

@media only screen and (min-width: 768px) {
  .footer__additional_info {
    flex-basis: 50%;
    flex-grow: 1;
    padding-right: 0.5rem;
    padding-left: 0.5rem; } }

.footer__departments ul,
.footer__highlighted ul,
.footer__resources ul {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.footer__departments li,
.footer__highlighted li,
.footer__resources li {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .footer__departments li,
    .footer__highlighted li,
    .footer__resources li {
      width: 100%; } }
  @media only screen and (min-width: 480px) {
    .footer__departments li,
    .footer__highlighted li,
    .footer__resources li {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .footer__departments li,
    .footer__highlighted li,
    .footer__resources li {
      width: 25%; } }
  @media only screen and (min-width: 1025px) {
    .footer__departments li,
    .footer__highlighted li,
    .footer__resources li {
      width: 20%; } }

/*
|--------------------------------------------------------------------------
| Accordion (Mobile)
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
  .footer-accordion-mobile .footer-accordion-mobile__content {
    height: 0;
    overflow: hidden; }
  .footer-accordion-mobile .footer__section-title {
    margin: 0;
    padding-top: 0.75em;
    padding-bottom: 0.75em; }
    .footer-accordion-mobile .footer__section-title h3 {
      position: relative; }
      .footer-accordion-mobile .footer__section-title h3:after {
        content: '';
        display: block;
        width: 0.75rem;
        height: 0.75rem;
        border-bottom: 2.5px solid #fff;
        border-left: 2.5px solid #fff;
        position: absolute;
        top: 0.675rem;
        right: -0.125rem;
        transform: rotate(-45deg) translateY(-50%);
        transition: transform 0.1s ease-in-out; }
  .footer-accordion-mobile.is-open-mobile .footer__row {
    height: auto; }
  .footer-accordion-mobile.is-open-mobile .footer__section-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem; }
    .footer-accordion-mobile.is-open-mobile .footer__section-title h3:after {
      transform: rotate(-225deg) translateY(-50%);
      right: 0.625rem; } }

/*
|--------------------------------------------------------------------------
| Sections - General / Common
|--------------------------------------------------------------------------
*/
.footer__highlighted li,
.footer__resources li {
  margin-bottom: 1em; }

/*
|--------------------------------------------------------------------------
| Sections - Highlighted
|--------------------------------------------------------------------------
*/
.footer__highlighted {
  padding-top: 1.25em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75); }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer__highlighted ul {
      flex-wrap: nowrap; }
    .footer__highlighted li {
      width: auto;
      flex-grow: 1;
      min-width: 12%; } }
  @media only screen and (max-width: 767px) {
    .footer__highlighted {
      padding-bottom: 0.75em;
      padding-top: 2em; }
      .footer__highlighted li {
        margin-bottom: 0.75em; } }

/*
|--------------------------------------------------------------------------
| Sections - Search
|--------------------------------------------------------------------------
*/
.site-footer .site-search {
  max-width: 19em; }
  @media only screen and (max-width: 767px) {
    .site-footer .site-search {
      max-width: 100%;
      margin-top: 0.75em;
      margin-bottom: 2em; } }
  @media only screen and (min-width: 768px) {
    .site-footer .site-search {
      margin-bottom: 2em; }
      .site-footer .site-search .searchsubmit {
        width: 2.75em;
        height: 2.75em; } }

/*
|--------------------------------------------------------------------------
| Sections - Social
|--------------------------------------------------------------------------
*/
@media only screen and (min-width: 768px) {
  .footer__social {
    margin-bottom: 1.25em; } }

.footer__social .social-icons {
  display: flex; }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .footer__social .social-icons {
      justify-content: space-between;
      max-width: 21.875rem;
      margin-top: 0.75em;
      margin-bottom: 0.5em; } }

.footer__social .social-icon {
  margin-right: 1.65em;
  transition: opacity 0.1s ease-in-out;
  display: inline-block;
  line-height: 35px; }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .footer__social .social-icon {
      margin-right: 0; } }
  .footer__social .social-icon:hover {
    opacity: 0.8; }

/*
|--------------------------------------------------------------------------
| Sections - Services
|--------------------------------------------------------------------------
*/
.footer__services li {
  margin-bottom: 0.5em; }

@media only screen and (max-width: 767px) {
  .footer__services a {
    font-size: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .footer__services li {
    margin-bottom: 1em; }
    .footer__services li:last-child {
      margin-bottom: 0; } }

@media only screen and (min-width: 768px) {
  .footer__services .footer__section-title {
    margin-bottom: 0.75em; } }

.footer__services .icon.secure-black {
  background-image: url(img/icons/svg/secure-white.svg); }

/*
|--------------------------------------------------------------------------
| Sections - Contact
|--------------------------------------------------------------------------
*/
.footer__contact {
  line-height: 1.267;
  margin-bottom: 2em; }
  .footer__contact .contactbox a {
    color: inherit; }
  .footer__contact .contactbox a > .icon {
    display: none; }
  .footer__contact .contactbox .organization-unit {
    font-weight: bold; }
  .footer__contact .contactbox .org {
    margin-bottom: 0; }
  .footer__contact .contactbox .tel {
    font-size: inherit; }
    .footer__contact .contactbox .tel::before {
      background-image: url("img/icons/svg/tel-white.svg"); }
  .footer__contact .contactbox .fax::before {
    background-image: url("img/icons/svg/fax-white.svg"); }
  .footer__contact .contactbox .mail::before {
    background-image: url("img/icons/svg/email-white.svg"); }
  .footer__contact .contactbox .vcard::before {
    background-image: url("img/icons/svg/v-card-white.svg"); }
  .footer__contact .contactbox li {
    margin-bottom: 0; }
  .footer__contact .contactbox .icon.fax {
    background-image: url(img/icons/svg/fax-white.svg); }
  .footer__contact .contactbox .icon.tel {
    background-image: url(img/icons/svg/tel-white.svg); }
  .footer__contact .contactbox .icon.mail {
    background-image: url(img/icons/svg/email-white.svg); }
  .footer__contact .contactbox .icon.vcard {
    background-image: url(img/icons/svg/v-card-white.svg); }
  .footer__contact .contactbox .icon.web {
    background-image: url(img/icons/svg/web-white.svg); }
  @media only screen and (max-width: 767px) {
    .footer__contact .contactbox .adr,
    .footer__contact .contactbox .vcard {
      margin-bottom: 0; } }
  .footer__contact .textimage {
    line-height: 1.267; }
    .footer__contact .textimage :first-child {
      margin-top: 0; }
    .footer__contact .textimage p {
      margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .footer__contact .textimage h3 {
        font-size: inherit;
        margin-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .footer__contact a {
      margin-top: 0.75em;
      display: inline-block; }
    .footer__contact h3 {
      font-size: 1.8em;
      margin-bottom: 0.25em;
      margin-top: 1em; } }
  @media only screen and (min-width: 768px) {
    .footer__contact .footer__section-title {
      margin-bottom: 0.75em; } }

@media only screen and (min-width: 768px) {
  .footer__contact__hours h3 {
    margin-top: 1em; }
    .footer__contact__hours h3:first-child {
      margin-top: 0; } }

/*
|--------------------------------------------------------------------------
| Sections  - Departments
|--------------------------------------------------------------------------
*/
.footer__departments {
  line-height: 1.267;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75); }
  @media only screen and (min-width: 768px) {
    .footer__departments h3 {
      margin-bottom: 1em; } }
  .footer__departments .items {
    margin-bottom: 1em; }
  .footer__departments .item {
    margin-bottom: 1em; }
    .footer__departments .item a {
      display: flex;
      flex-direction: column; }
  .footer__departments .item__title {
    font-weight: bold; }
  .footer__departments .item__subtitle {
    font-size: 0.8667em;
    font-weight: normal; }

/*
|--------------------------------------------------------------------------
| Sections - Resources
|--------------------------------------------------------------------------
*/
.footer__resources {
  padding-top: 1.25em; }
  @media only screen and (max-width: 767px) {
    .footer__resources {
      border-bottom: 1px solid rgba(255, 255, 255, 0.75);
      padding-bottom: 0.75em; }
      .footer__resources a {
        font-size: 1.25rem; }
      .footer__resources li {
        margin-bottom: 0.5em; } }
  @media only screen and (min-width: 768px) {
    .footer__resources {
      font-size: 0.8667em; }
      .footer__resources a {
        font-weight: normal; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .footer__resources ul {
      flex-wrap: nowrap; }
    .footer__resources li {
      width: auto;
      flex-grow: 1; } }

/*
|--------------------------------------------------------------------------
| Sections - Copyright
|--------------------------------------------------------------------------
*/
.footer__copyright {
  padding-top: 1em;
  margin-bottom: 1em;
  line-height: 1.267; }
  @media only screen and (max-width: 767px) {
    .footer__copyright {
      padding-top: 2em; } }

form[action$='contact.html'] {
  margin-bottom: 1.625rem; }

.noImageTeaser.homepage #mainContent > .fullwidthimageHome,
.noImageTeaser.homepage #mainContent > .fullwidthimagehome,
.noImageTeaser.homepage #mainContent > .fullwidthimage {
  display: none; }

@media screen and (max-width: 1024px) {
  #mainContent .tab_accordion form .textimage h3 #mainContent .tab_accordion form p {
    padding-left: 0 !important; } }

.fullwidthimagehome {
  margin-bottom: 1.25em;
  width: 100%; }

.tableOfContents {
  padding: 0 1.875rem; }
  .tableOfContents a {
    color: #1269B0;
    text-decoration: none; }
  .tableOfContents span.hidden {
    display: inline;
    left: -62.5rem;
    overflow: hidden;
    width: 0;
    position: absolute;
    top: -62.5rem;
    height: 0; }
  .tableOfContents div.headToc {
    margin-top: 1.5rem;
    margin-bottom: 1.375rem; }
  .tableOfContents div.contentToc > ul > li {
    float: left;
    display: inline;
    margin-bottom: 2.75rem; }
    .tableOfContents div.contentToc > ul > li .grid_2 {
      width: 10.5rem;
      margin-left: 1.25rem;
      margin-right: 0;
      border-bottom: 1px solid #d8d8d8;
      padding-bottom: 0.5rem; }
      .tableOfContents div.contentToc > ul > li .grid_2.expanded {
        border-bottom: none;
        padding-bottom: 0; }
    .tableOfContents div.contentToc > ul > li .grid_2:first-child {
      margin-left: 0; }
  .tableOfContents div.contentToc > ul > li:last-child {
    margin-bottom: 0; }
  .tableOfContents div.contentToc > ul > li > ul > li {
    float: left;
    padding-bottom: 0.3125rem;
    margin-right: 0.625rem;
    border-bottom: 1px solid #d8d8d8; }
    .tableOfContents div.contentToc > ul > li > ul > li a {
      display: block;
      color: #222;
      font-size: 0.875rem;
      line-height: 1.4285714286;
      font-weight: bold; }
    .tableOfContents div.contentToc > ul > li > ul > li a:hover {
      border: 0; }
    .tableOfContents div.contentToc > ul > li > ul > li div a {
      padding-right: 1.75rem; }
      .tableOfContents div.contentToc > ul > li > ul > li div a span.icon {
        position: absolute;
        right: 0.3125rem;
        bottom: 0.3625rem;
        display: inline-block; }
    .tableOfContents div.contentToc > ul > li > ul > li div.expanded {
      position: relative; }
    .tableOfContents div.contentToc > ul > li > ul > li ul {
      margin-top: 0.5rem;
      display: none; }
      .tableOfContents div.contentToc > ul > li > ul > li ul li {
        border-top: 1px solid #d8d8d8;
        margin-bottom: 0; }
        .tableOfContents div.contentToc > ul > li > ul > li ul li a {
          font-size: 0.75rem;
          line-height: 1.1666666667;
          color: #1269B0; }
        .tableOfContents div.contentToc > ul > li > ul > li ul li div {
          padding: 0.375rem 0; }
        .tableOfContents div.contentToc > ul > li > ul > li ul li div.expanded {
          color: #1f407a;
          padding-top: 0.375rem;
          padding-bottom: 0.3125rem;
          margin-bottom: -0.1875rem;
          position: relative; }
          .tableOfContents div.contentToc > ul > li > ul > li ul li div.expanded span.icon {
            bottom: 0.5125rem; }
        .tableOfContents div.contentToc > ul > li > ul > li ul li ul {
          margin-top: 0;
          margin-bottom: 0; }
          .tableOfContents div.contentToc > ul > li > ul > li ul li ul li {
            margin-right: 0; }
            .tableOfContents div.contentToc > ul > li > ul > li ul li ul li div {
              padding-left: 0.625rem; }
            .tableOfContents div.contentToc > ul > li > ul > li ul li ul li ul li div {
              padding-left: 1.25rem; }
            .tableOfContents div.contentToc > ul > li > ul > li ul li ul li ul li ul li div {
              padding-left: 1.875rem; }
          .tableOfContents div.contentToc > ul > li > ul > li ul li ul li:last-child {
            border-bottom: none; }
      .tableOfContents div.contentToc > ul > li > ul > li ul li:last-child {
        border-bottom: 1px solid #d8d8d8; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  div.tableOfContents div.contentToc > ul > li {
    float: none;
    display: block; } }

@media screen and (max-width: 1024px) {
  div.tableOfContents {
    padding-left: 0;
    padding-right: 0; }
  div.tableOfContents div.contentToc > ul > li .grid_2 {
    width: 100%;
    display: block;
    float: none;
    clear: both;
    margin-bottom: 1rem;
    margin-left: 0; }
  div.tableOfContents div.contentToc > ul {
    margin-bottom: 1rem; }
  div.tableOfContents div.contentToc > ul > li .grid_2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0; }
  div.tableOfContents div.contentToc ul li a {
    line-height: 2 !important; }
  div.tableOfContents,
  div.contentToc,
  div.tableOfContents div.contentToc > ul > li > ul > li ul li a {
    font-size: 0.875rem;
    line-height: 1.4285714286; }
  div.tableOfContents div.contentToc > ul > li > ul > li span.icon {
    background-position: 0 0;
    right: 0.5rem; }
  div.tableOfContents div.contentToc > ul > li > ul > li div.expanded span.icon {
    bottom: 0.5125rem; }
  div.tableOfContents div.contentToc > ul > li > ul > li ul li div.expanded span.icon {
    bottom: 0.925rem; }
  div.tableOfContents div.contentToc > ul > li {
    margin-bottom: 0; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  div.tableOfContents div.contentToc > ul > li {
    float: none;
    display: block; } }

@media screen and (max-width: 767px) {
  div.tableOfContents div.contentToc > ul > li .grid_2 {
    margin-left: 0; } }

.login .search-form {
  background: #f6f6f6;
  padding-left: 1rem;
  padding-right: 1rem; }

@media print {
  header {
    display: none; }
  ul#skipLinks {
    display: none; }
  div#overviewContainer {
    background-image: none !important; }
  header div#logo_corp a img {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%); }
  .mobile-header-top,
  .mobile-header-bottom,
  #mobile-nav-wrapper {
    display: none !important; } }

@media print {
  #nav-primary,
  #leftNav {
    display: none !important; } }

@media print {
  footer,
  div#footerLinks,
  div#social_media,
  div#copyright {
    display: none !important; }
  #footer-mobile {
    display: none !important; }
  div#printFooter {
    display: none !important; }
    div#printFooter div.printFooterContent {
      margin-top: 1.25rem;
      padding-top: 0.625rem;
      border-top: 1px solid #000000;
      display: inline-block;
      width: 100%; } }

@media print {
  section#content,
  #content {
    margin-left: 0;
    margin-right: 0;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    position: static;
    padding-top: 0;
    margin-top: -0.625rem !important;
    top: 0; }
    section#content div#breadcrumb,
    #content div#breadcrumb {
      display: none; }
    section#content div#overviewContainer,
    section#content div#contentContainer,
    #content div#overviewContainer,
    #content div#contentContainer {
      border-top: 1px solid #000000;
      position: static;
      padding: 0.625rem 0 0 0 !important;
      margin-top: 1.25rem !important; }
      section#content div#overviewContainer.grid_10,
      section#content div#contentContainer.grid_10,
      #content div#overviewContainer.grid_10,
      #content div#contentContainer.grid_10 {
        width: 670px; }
      section#content div#overviewContainer .grid_4,
      section#content div#contentContainer .grid_4,
      #content div#overviewContainer .grid_4,
      #content div#contentContainer .grid_4 {
        width: 20.125rem; }
    section#content div#overviewContainer div#whiteBox,
    #content div#overviewContainer div#whiteBox {
      border: 1px solid #d8d8d8; }
      section#content div#overviewContainer div#whiteBox div.whiteBox-text p.title,
      #content div#overviewContainer div#whiteBox div.whiteBox-text p.title {
        font-size: 1.625rem;
        line-height: 1.1538461538;
        color: #1f407a; }
    section#content div#overviewContainer div.contentSubContainer,
    #content div#overviewContainer div.contentSubContainer {
      border: 1px solid #d8d8d8; }
    section#content div#overviewContainer aside,
    #content div#overviewContainer aside {
      float: right; }
      section#content div#overviewContainer aside div.contentSubContainer,
      #content div#overviewContainer aside div.contentSubContainer {
        border-bottom: 1px solid #d8d8d8 !important; }
  #mobile-main-nav-bottom {
    display: none !important; } }

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

@media print {
  div#lightboxPlaceHolder h1,
  section#content h1,
  #content h1,
  #lightboxPlaceHolder h1 {
    font-size: 1.625rem;
    line-height: 30px; }
  div#lightboxPlaceHolder h2,
  section#content h2,
  #content h2,
  #lightboxPlaceHolder h2 {
    font-size: 1.375rem;
    line-height: 23px; }
  div#lightboxPlaceHolder h3,
  div#lightboxPlaceHolder h4,
  section#content h3,
  section#content h4,
  #content h3,
  #content h4,
  #lightboxPlaceHolder h3,
  #lightboxPlaceHolder h4 {
    font-size: 1rem;
    line-height: 20px; }
  div#lightboxPlaceHolder h5,
  section#content h5,
  #content h5,
  #lightboxPlaceHolder h5 {
    font-size: 0.875rem; }
  div#lightboxPlaceHolder h6,
  section#content h6,
  #content h6,
  #lightboxPlaceHolder h6 {
    font-size: 0.75rem; }
  div#lightboxPlaceHolder a.printlink:after,
  section#content a.printlink:after,
  #content a.printlink:after,
  #lightboxPlaceHolder a.printlink:after {
    font-size: 0.625rem;
    color: #6F6F6F; }
  div#lightboxPlaceHolder a[href^="http://"].printlink:after, div#lightboxPlaceHolder a[href^="https://"].printlink:after, div#lightboxPlaceHolder a[href^="ftp://"].printlink:after, div#lightboxPlaceHolder a[href*="."].printlink:after, div#lightboxPlaceHolder a[href^="mailto:"].printlink:after, div#lightboxPlaceHolder a[href*="/"].printlink:after,
  section#content a[href^="http://"].printlink:after,
  section#content a[href^="https://"].printlink:after,
  section#content a[href^="ftp://"].printlink:after,
  section#content a[href*="."].printlink:after,
  section#content a[href^="mailto:"].printlink:after,
  section#content a[href*="/"].printlink:after,
  #content a[href^="http://"].printlink:after,
  #content a[href^="https://"].printlink:after,
  #content a[href^="ftp://"].printlink:after,
  #content a[href*="."].printlink:after,
  #content a[href^="mailto:"].printlink:after,
  #content a[href*="/"].printlink:after,
  #lightboxPlaceHolder a[href^="http://"].printlink:after,
  #lightboxPlaceHolder a[href^="https://"].printlink:after,
  #lightboxPlaceHolder a[href^="ftp://"].printlink:after,
  #lightboxPlaceHolder a[href*="."].printlink:after,
  #lightboxPlaceHolder a[href^="mailto:"].printlink:after,
  #lightboxPlaceHolder a[href*="/"].printlink:after {
    content: " (" attr(href) ") ";
    display: block; }
  div#lightboxPlaceHolder a span.icon,
  div#lightboxPlaceHolder button span.icon,
  section#content a span.icon,
  section#content button span.icon,
  #content a span.icon,
  #content button span.icon,
  #lightboxPlaceHolder a span.icon,
  #lightboxPlaceHolder button span.icon {
    display: none; }
  div#lightboxPlaceHolder button,
  section#content button,
  #content button,
  #lightboxPlaceHolder button {
    background-color: #fff;
    border: 0;
    color: #1269B0;
    padding: 0.1875rem 0 0.3125rem 0; }
  section#content div#contentContainer div.textimage {
    display: block; }
  section#content aside div.table-matrix table tr:first-child th,
  section#content div#contentContainer section#contentMain div.table-matrix table tr:first-child th {
    border-bottom: 1px solid #d8d8d8; } }

@media print {
  div#lightboxPlaceHolder div.formAddonLink a.openmap,
  div#lightboxPlaceHolder div.result a.openmap,
  div#lightboxPlaceHolder form fieldset.search-form a.openmap,
  section#content div#contentContainer div.formAddonLink a.openmap,
  section#content div#contentContainer div.result a.openmap,
  section#content div#contentContainer form fieldset.search-form a.openmap,
  div#overviewContainer div.formAddonLink a.openmap,
  div#overviewContainer div.result a.openmap,
  div#overviewContainer form fieldset.search-form a.openmap {
    display: none; }
  div#lightboxPlaceHolder div.formAddonLink a.openmap:hover,
  div#lightboxPlaceHolder div.result a.openmap:hover,
  div#lightboxPlaceHolder form fieldset.search-form a.openmap:hover,
  section#content div#contentContainer div.formAddonLink a.openmap:hover,
  section#content div#contentContainer div.result a.openmap:hover,
  section#content div#contentContainer form fieldset.search-form a.openmap:hover,
  div#overviewContainer div.formAddonLink a.openmap:hover,
  div#overviewContainer div.result a.openmap:hover,
  div#overviewContainer form fieldset.search-form a.openmap:hover {
    text-decoration: none;
    border: 0; }
  div#lightboxPlaceHolder div.table-matrix.full-width,
  section#content div#contentContainer div.table-matrix.full-width,
  div#overviewContainer div.table-matrix.full-width {
    width: 100% !important; } }

form fieldset.search-form div.grouping-box div.box span.label {
  line-height: 1.25rem; }

form fieldset.search-form div.grouping-box.footer div.box div.refNote {
  line-height: 1.125rem; }

@media print {
  section#content div#contentContainer figure.fullwidthimage figcaption,
  section#content div#overviewContainer figure.fullwidthimage figcaption {
    position: static;
    margin-left: 1px;
    margin-top: 1px;
    background: #fff;
    color: #6F6F6F;
    border: 2px solid white; }
    section#content div#contentContainer figure.fullwidthimage figcaption span.imagecaption,
    section#content div#overviewContainer figure.fullwidthimage figcaption span.imagecaption {
      padding: 0; }
  section#content div#contentContainer div.slideshow div.slideshow-placeholder div,
  section#content div#contentContainer div.slideshow div.slideshow-placeholder img,
  section#content div#contentContainer div.slideshow div.slideshow-placeholder figure,
  section#content div#contentContainer div.slideshow div.slideshow-placeholder caption,
  section#content div#overviewContainer div.slideshow div.slideshow-placeholder div,
  section#content div#overviewContainer div.slideshow div.slideshow-placeholder img,
  section#content div#overviewContainer div.slideshow div.slideshow-placeholder figure,
  section#content div#overviewContainer div.slideshow div.slideshow-placeholder caption {
    page-break-after: avoid;
    page-break-before: avoid; }
  section#content div#contentContainer div.slideshow div.slideshow-placeholder div.currentImage,
  section#content div#overviewContainer div.slideshow div.slideshow-placeholder div.currentImage {
    height: auto !important;
    text-align: left; } }

@media print {
  section#content div#contentContainer div.newsList div.info p,
  section#content div#contentContainer div.eventList div.info p,
  section#content div#contentContainer div.textList div.info p,
  section#content div#contentContainer div.event div.info p,
  section#content div#contentContainer div.searchResult div.info p,
  section#content div#overviewContainer div.newsList div.info p,
  section#content div#overviewContainer div.eventList div.info p,
  section#content div#overviewContainer div.textList div.info p,
  section#content div#overviewContainer div.event div.info p,
  section#content div#overviewContainer div.searchResult div.info p {
    line-height: 18px; }
  section#content div#contentContainer div.newsList div.info p.dateInfo,
  section#content div#contentContainer div.eventList div.info p.dateInfo,
  section#content div#contentContainer div.textList div.info p.dateInfo,
  section#content div#contentContainer div.event div.info p.dateInfo,
  section#content div#contentContainer div.searchResult div.info p.dateInfo,
  section#content div#overviewContainer div.newsList div.info p.dateInfo,
  section#content div#overviewContainer div.eventList div.info p.dateInfo,
  section#content div#overviewContainer div.textList div.info p.dateInfo,
  section#content div#overviewContainer div.event div.info p.dateInfo,
  section#content div#overviewContainer div.searchResult div.info p.dateInfo {
    font-size: 0.75rem; }
  section#content div#contentContainer div.newsList p.head,
  section#content div#contentContainer div.eventList p.head,
  section#content div#contentContainer div.textList p.head,
  section#content div#contentContainer div.event p.head,
  section#content div#contentContainer div.searchResult p.head,
  section#content div#overviewContainer div.newsList p.head,
  section#content div#overviewContainer div.eventList p.head,
  section#content div#overviewContainer div.textList p.head,
  section#content div#overviewContainer div.event p.head,
  section#content div#overviewContainer div.searchResult p.head {
    font-size: 0.75rem;
    line-height: 14px; }
  section#content div#contentContainer div.searchResult div.navigation div.nav-elements,
  section#content div#overviewContainer div.searchResult div.navigation div.nav-elements {
    width: 100%;
    overflow: hidden; }
    section#content div#contentContainer div.searchResult div.navigation div.nav-elements div.nav-prev,
    section#content div#contentContainer div.searchResult div.navigation div.nav-elements div.nav-next,
    section#content div#contentContainer div.searchResult div.navigation div.nav-elements div.nav-all,
    section#content div#overviewContainer div.searchResult div.navigation div.nav-elements div.nav-prev,
    section#content div#overviewContainer div.searchResult div.navigation div.nav-elements div.nav-next,
    section#content div#overviewContainer div.searchResult div.navigation div.nav-elements div.nav-all {
      line-height: 14px; }
    section#content div#contentContainer div.searchResult div.navigation div.nav-elements ul.paging li,
    section#content div#overviewContainer div.searchResult div.navigation div.nav-elements ul.paging li {
      font-size: 0.75rem;
      line-height: 18px; }
  section#content div#contentContainer div.vcard ul.contactlist li,
  section#content div#overviewContainer div.vcard ul.contactlist li {
    line-height: 21px; }
  section#content div#contentContainer aside,
  section#content div#overviewContainer aside {
    /*div.smallSearch {
			width: 221px;
			padding: 0 0.625rem 0 0.625rem;

			form fieldset.search-form {
				padding-bottom: 0.625rem;

				div.grouping-box {
					div.box {
						padding-top: 0.625rem;
					}
				}
			}
			div.formAddonLink {
				padding-bottom: 0.3125rem;

				div.grouping-box {
					div.box {
						padding-top: 0.3125rem;
					}
				}
			}
		}*/ }
    section#content div#contentContainer aside div.smallForm form fieldset.search-form div div.grouping-box div.box.full label,
    section#content div#overviewContainer aside div.smallForm form fieldset.search-form div div.grouping-box div.box.full label {
      line-height: 12px; } }

@media print {
  section#content div#contentContainer #contentNav,
  section#content div#overviewContainer #contentNav,
  #content div#contentContainer #contentNav,
  #content div#overviewContainer #contentNav {
    display: none !important; } }

@media print {
  div#lightboxPlaceHolder a.prev,
  div#lightboxPlaceHolder a.next,
  div#lightboxPlaceHolder a.pause,
  div#lightboxPlaceHolder div.bullets a,
  section#content a.prev,
  section#content a.next,
  section#content a.pause,
  section#content div.bullets a,
  #content a.prev,
  #content a.next,
  #content a.pause,
  #content div.bullets a,
  #lightboxPlaceHolder a.prev,
  #lightboxPlaceHolder a.next,
  #lightboxPlaceHolder a.pause,
  #lightboxPlaceHolder div.bullets a {
    display: none !important; }
  div#lightboxPlaceHolder div.carouselFooterBox,
  section#content div.carouselFooterBox,
  #content div.carouselFooterBox,
  #lightboxPlaceHolder div.carouselFooterBox {
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
    div#lightboxPlaceHolder div.carouselFooterBox div.grid_5,
    section#content div.carouselFooterBox div.grid_5,
    #content div.carouselFooterBox div.grid_5,
    #lightboxPlaceHolder div.carouselFooterBox div.grid_5 {
      width: 483px; }
    div#lightboxPlaceHolder div.carouselFooterBox div.grid_3,
    section#content div.carouselFooterBox div.grid_3,
    #content div.carouselFooterBox div.grid_3,
    #lightboxPlaceHolder div.carouselFooterBox div.grid_3 {
      width: 285px; }
    div#lightboxPlaceHolder div.carouselFooterBox div p a span.icon,
    div#lightboxPlaceHolder div.carouselFooterBox a span.xtra,
    section#content div.carouselFooterBox div p a span.icon,
    section#content div.carouselFooterBox a span.xtra,
    #content div.carouselFooterBox div p a span.icon,
    #content div.carouselFooterBox a span.xtra,
    #lightboxPlaceHolder div.carouselFooterBox div p a span.icon,
    #lightboxPlaceHolder div.carouselFooterBox a span.xtra {
      border-bottom: 1px solid #fff; }
  div#lightboxPlaceHolder div.accordion h3.accordionHeader,
  section#content div.accordion h3.accordionHeader,
  #content div.accordion h3.accordionHeader,
  #lightboxPlaceHolder div.accordion h3.accordionHeader {
    margin-top: 0.1875rem;
    padding: 0.5625rem 6.875rem 0 0; }
    div#lightboxPlaceHolder div.accordion h3.accordionHeader a,
    section#content div.accordion h3.accordionHeader a,
    #content div.accordion h3.accordionHeader a,
    #lightboxPlaceHolder div.accordion h3.accordionHeader a {
      font-size: 1rem;
      line-height: 22px;
      padding: 0.3125rem 0 0 0;
      color: #1f407a;
      font-weight: bold; }
    div#lightboxPlaceHolder div.accordion h3.accordionHeader a:after,
    div#lightboxPlaceHolder div.accordion h3.accordionHeader div,
    section#content div.accordion h3.accordionHeader a:after,
    section#content div.accordion h3.accordionHeader div,
    #content div.accordion h3.accordionHeader a:after,
    #content div.accordion h3.accordionHeader div,
    #lightboxPlaceHolder div.accordion h3.accordionHeader a:after,
    #lightboxPlaceHolder div.accordion h3.accordionHeader div {
      display: none !important; }
  div#lightboxPlaceHolder div.accordion div.ui-accordion-content,
  section#content div.accordion div.ui-accordion-content,
  #content div.accordion div.ui-accordion-content,
  #lightboxPlaceHolder div.accordion div.ui-accordion-content {
    padding: 0 0.9375rem 0.625rem 0; }
    div#lightboxPlaceHolder div.accordion div.ui-accordion-content p,
    section#content div.accordion div.ui-accordion-content p,
    #content div.accordion div.ui-accordion-content p,
    #lightboxPlaceHolder div.accordion div.ui-accordion-content p {
      width: 100%; }
  div#lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default,
  section#content div.tabs ul.ui-tabs-nav li.ui-state-default,
  #content div.tabs ul.ui-tabs-nav li.ui-state-default,
  #lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default {
    padding: 0;
    float: left; }
    div#lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default a,
    section#content div.tabs ul.ui-tabs-nav li.ui-state-default a,
    #content div.tabs ul.ui-tabs-nav li.ui-state-default a,
    #lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default a {
      color: #cccccc;
      padding: 0 0.625rem 0 0; }
    div#lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default a:after,
    section#content div.tabs ul.ui-tabs-nav li.ui-state-default a:after,
    #content div.tabs ul.ui-tabs-nav li.ui-state-default a:after,
    #lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default a:after {
      display: none; }
    div#lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active a,
    section#content div.tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active a,
    #content div.tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active a,
    #lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active a {
      color: #000000; }
    div#lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default:first-child a,
    section#content div.tabs ul.ui-tabs-nav li.ui-state-default:first-child a,
    #content div.tabs ul.ui-tabs-nav li.ui-state-default:first-child a,
    #lightboxPlaceHolder div.tabs ul.ui-tabs-nav li.ui-state-default:first-child a {
      padding-left: 0; }
  div#lightboxPlaceHolder div.tabs div.ui-tabs-panel,
  section#content div.tabs div.ui-tabs-panel,
  #content div.tabs div.ui-tabs-panel,
  #lightboxPlaceHolder div.tabs div.ui-tabs-panel {
    margin-left: -0.9375rem; }
  div#lightboxPlaceHolder div.tabs div.ui-tabs-hide,
  section#content div.tabs div.ui-tabs-hide,
  #content div.tabs div.ui-tabs-hide,
  #lightboxPlaceHolder div.tabs div.ui-tabs-hide {
    display: none; }
  .carousel_image-container > .fullwidthimage {
    width: 100%;
    right: unset; }
  .carousel_label {
    margin-top: 0;
    width: 100%; }
  .carousel_control {
    display: none; }
  .table-matrix table.university-calender thead {
    display: none; }
  .table-matrix table.university-calender colgroup col.col2 {
    width: 7rem; } }

/*
leftover from patch.scss 03.2017
Revert what commit 8928 (Bug 28844) did too much (accordion title overwrites maximize text)
*/
body div.accordion-editmode h3.accordionHeader a,
body.style960 div.accordion-editmode h3.accordionHeader a,
body div.accordion h3.accordionHeader a,
body.style960 div.accordion h3.accordionHeader a {
  display: inline; }

@media print {
  #userStatusBar {
    display: none !important; } }

/* empty */

/* IE only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header__nav-level--root > ul > li > .header__nav-level > ul {
        display: -ms-grid;
        -ms-grid-columns: (5fr)[5];
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group {
        margin-right: 40px;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(3) {
      -ms-grid-column: 1;
      -ms-grid-row: 1;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(4) {
      -ms-grid-column: 2;
      -ms-grid-row: 1;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(5) {
      -ms-grid-column: 3;
      -ms-grid-row: 1;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(6) {
      -ms-grid-column: 4;
      -ms-grid-row: 1;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(7) {
      -ms-grid-column: 5;
      -ms-grid-row: 1;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(8) {
      -ms-grid-column: 1;
      -ms-grid-row: 2;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(9) {
      -ms-grid-column: 2;
      -ms-grid-row: 2;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(10) {
      -ms-grid-column: 3;
      -ms-grid-row: 2;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(11) {
      -ms-grid-column: 4;
      -ms-grid-row: 2;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(12) {
      -ms-grid-column: 5;
      -ms-grid-row: 2;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(13) {
      -ms-grid-column: 1;
      -ms-grid-row: 3;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(14) {
      -ms-grid-column: 2;
      -ms-grid-row: 3;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(15) {
      -ms-grid-column: 3;
      -ms-grid-row: 3;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(16) {
      -ms-grid-column: 4;
      -ms-grid-row: 3;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(17) {
      -ms-grid-column: 5;
      -ms-grid-row: 3;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(18) {
      -ms-grid-column: 1;
      -ms-grid-row: 4;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(19) {
      -ms-grid-column: 2;
      -ms-grid-row: 4;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(20) {
      -ms-grid-column: 3;
      -ms-grid-row: 4;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(21) {
      -ms-grid-column: 4;
      -ms-grid-row: 4;
    }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .js-sub-nav-group:nth-child(22) {
      -ms-grid-column: 5;
      -ms-grid-row: 4;
    }
}