@charset "UTF-8";
/* stylelint-disable color-named */
/**
 * 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: 1023px) {
  body::before {
    content: "medium"; } }

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

/* Base color variables */
/* ETH Theme Colors */
/* Semantic Color Variables */
:root {
  --color-theme: #215CAF;
  --color-theme-120: #08407E;
  --color-theme-80: #4D7DBF;
  --color-theme-60: #7A9DCF;
  --color-theme-40: #A6BEDF;
  --color-theme-20: #D3DEEF;
  --color-theme-10: #E9EFF7; }

.eth-blue {
  --color-theme: #215CAF;
  --color-theme-120: #08407E;
  --color-theme-80: #4D7DBF;
  --color-theme-60: #7A9DCF;
  --color-theme-40: #A6BEDF;
  --color-theme-20: #D3DEEF;
  --color-theme-10: #E9EFF7; }

.eth-petrol {
  --color-theme: #007894;
  --color-theme-120: #00596D;
  --color-theme-80: #3395AB;
  --color-theme-60: #66AFC0;
  --color-theme-40: #99CAD5;
  --color-theme-20: #CCE4EA;
  --color-theme-10: #E7F4F7; }

.eth-green {
  --color-theme: #627313;
  --color-theme-120: #365213;
  --color-theme-80: #818F42;
  --color-theme-60: #A1AB71;
  --color-theme-40: #C0C7A1;
  --color-theme-20: #E0E3D0;
  --color-theme-10: #EFF1E7; }

.eth-bronze {
  --color-theme: #8E6713;
  --color-theme-120: #704F12;
  --color-theme-80: #A58542;
  --color-theme-60: #BBA471;
  --color-theme-40: #D2C2A1;
  --color-theme-20: #E8E1D0;
  --color-theme-10: #F4F0E7; }

.eth-red {
  --color-theme: #B7352D;
  --color-theme-120: #96272D;
  --color-theme-80: #C55D57;
  --color-theme-60: #D48681;
  --color-theme-40: #E2AEAB;
  --color-theme-20: #F1D7D5;
  --color-theme-10: #F8EBEA; }

.eth-purple {
  --color-theme: #A30774;
  --color-theme-120: #8C0A59;
  --color-theme-80: #B73B92;
  --color-theme-60: #CA6CAE;
  --color-theme-40: #DC9EC9;
  --color-theme-20: #EFD0E3;
  --color-theme-10: #F8E8F3; }

.eth-grey {
  --color-theme: #6F6F6F;
  --color-theme-120: #575757;
  --color-theme-80: #8C8C8C;
  --color-theme-60: #A9A9A9;
  --color-theme-40: #C5C5C5;
  --color-theme-20: #E2E2E2;
  --color-theme-10: #F1F1F1; }

/* For browser detection
     ========================================================================= */
/*
 * Helper mixin used for wide layout
 */
/*
 * Reset the width restriction
 */
/**
 * * Scopes
 */
/**
 * * Animation Variables and Mixins
 */
/**********************************************
 * * Variables
 *********************************************/
/**
 * * Base animations according to design specification
 */
/**
 * * Spacing Variables and Mixins
 * ! No actual styles in here
 */
/* stylelint-disable color-named */
/**
 * 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: 1023px) {
  body::before {
    content: "medium"; } }

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

/**********************************************
 * * Variables
 *********************************************/
/**
 * * Base sizes by design definition in pixel values (basis for calculations)
 * ! Try to avoid using other spacings
 * ! Use as rem values (e.g. `$space-size-8`) or space curves (see below) whenever possible
 */
/**
 * * Base sizes as rem values
 * ! Prefer these values over px values
 */
/**
 * * Fixed sizes (with metric SI prefixes) as rem values
 * These named variables were defined in Figma by the design team
 */
/**
 * * Responsive space curves (with metric SI prefixes) as rem values
 */
/**********************************************
 * * Mixins
 *********************************************/
/* reset gutters for child components to expand to full width (e.g. grey textbox) */
/**********************************************
 * * Legacy helper classes
 * ! Don't use them, they are kept here in case
 * ! content editors want precise control over HTML
 *********************************************/
.no-spacing {
  margin: 0 !important;
  padding: 0 !important; }

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

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

.no-margin {
  margin: 0 !important; }

.margin-top-sm {
  margin-top: 0.75rem; }

.margin-top-md {
  margin-top: 1rem; }

.margin-top-lg {
  margin-top: 1.25rem; }

.margin-bottom-sm {
  margin-bottom: 0.75rem; }

.margin-bottom-md {
  margin-bottom: 1rem; }

.margin-bottom-lg {
  margin-bottom: 1.25rem; }

.no-padding {
  padding: 0 !important; }

.padding-top-sm {
  padding-top: 0.75rem; }

.padding-top-md {
  padding-top: 1rem; }

.padding-top-lg {
  padding-top: 1.25rem; }

.padding-bottom-sm {
  padding-bottom: 0.75rem; }

.padding-bottom-md {
  padding-bottom: 1rem; }

.padding-bottom-lg {
  padding-bottom: 1.25rem; }

/**
 * * Spacing Variables and Mixins
 * ! No actual styles in here
 */
/* stylelint-disable color-named */
/**
 * 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: 1023px) {
  body::before {
    content: "medium"; } }

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

/**********************************************
 * * Variables
 *********************************************/
/**
 * * Base sizes by design definition in pixel values (basis for calculations)
 * ! Try to avoid using other spacings
 * ! Use as rem values (e.g. `$space-size-8`) or space curves (see below) whenever possible
 */
/**
 * * Base sizes as rem values
 * ! Prefer these values over px values
 */
/**
 * * Fixed sizes (with metric SI prefixes) as rem values
 * These named variables were defined in Figma by the design team
 */
/**
 * * Responsive space curves (with metric SI prefixes) as rem values
 */
/**********************************************
 * * Mixins
 *********************************************/
/* reset gutters for child components to expand to full width (e.g. grey textbox) */
/**********************************************
 * * Legacy helper classes
 * ! Don't use them, they are kept here in case
 * ! content editors want precise control over HTML
 *********************************************/
.no-spacing {
  margin: 0 !important;
  padding: 0 !important; }

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

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

.no-margin {
  margin: 0 !important; }

.margin-top-sm {
  margin-top: 0.75rem; }

.margin-top-md {
  margin-top: 1rem; }

.margin-top-lg {
  margin-top: 1.25rem; }

.margin-bottom-sm {
  margin-bottom: 0.75rem; }

.margin-bottom-md {
  margin-bottom: 1rem; }

.margin-bottom-lg {
  margin-bottom: 1.25rem; }

.no-padding {
  padding: 0 !important; }

.padding-top-sm {
  padding-top: 0.75rem; }

.padding-top-md {
  padding-top: 1rem; }

.padding-top-lg {
  padding-top: 1.25rem; }

.padding-bottom-sm {
  padding-bottom: 0.75rem; }

.padding-bottom-md {
  padding-bottom: 1rem; }

.padding-bottom-lg {
  padding-bottom: 1.25rem; }

/*
 * These don't seem to be used anywhere,
 * commenting it out for now.
 */
/* 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-default {
  margin-left: auto;
  margin-right: auto;
  max-width: 87.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media only screen and (min-width: 1024px) {
    .container-default {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 1280px) {
    .container-default {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }

/*
 * These don't seem to be used anywhere,
 * commenting it out for now.
 */
.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

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

.col-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 25%;
  max-width: 25%; }

.col-4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  max-width: 50%; }

.col-7 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 75%;
  max-width: 75%; }

.col-10 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 100%; }

@media only screen {
  .col-xs {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    flex-grow: 1;
    max-width: 100%; } }

@media only screen {
  .col-xs-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media only screen {
  .col-xs-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.66667%;
    max-width: 16.66667%; } }

@media only screen {
  .col-xs-3 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen {
  .col-xs-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33333%;
    max-width: 33.33333%; } }

@media only screen {
  .col-xs-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.66667%;
    max-width: 41.66667%; } }

@media only screen {
  .col-xs-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen {
  .col-xs-7 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.33333%;
    max-width: 58.33333%; } }

@media only screen {
  .col-xs-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.66667%;
    max-width: 66.66667%; } }

@media only screen {
  .col-xs-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen {
  .col-xs-10 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.33333%;
    max-width: 83.33333%; } }

@media only screen {
  .col-xs-11 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.66667%;
    max-width: 91.66667%; } }

@media only screen {
  .col-xs-12 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

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

@media only screen and (min-width: 480px) {
  .col-sm-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.66667%;
    max-width: 16.66667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-3 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 480px) {
  .col-sm-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33333%;
    max-width: 33.33333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.66667%;
    max-width: 41.66667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 480px) {
  .col-sm-7 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.33333%;
    max-width: 58.33333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.66667%;
    max-width: 66.66667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 480px) {
  .col-sm-10 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.33333%;
    max-width: 83.33333%; } }

@media only screen and (min-width: 480px) {
  .col-sm-11 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.66667%;
    max-width: 91.66667%; } }

@media only screen and (min-width: 480px) {
  .col-sm-12 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

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

@media only screen and (min-width: 768px) {
  .col-md-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media only screen and (min-width: 768px) {
  .col-md-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.66667%;
    max-width: 16.66667%; } }

@media only screen and (min-width: 768px) {
  .col-md-3 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 768px) {
  .col-md-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33333%;
    max-width: 33.33333%; } }

@media only screen and (min-width: 768px) {
  .col-md-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.66667%;
    max-width: 41.66667%; } }

@media only screen and (min-width: 768px) {
  .col-md-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 768px) {
  .col-md-7 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.33333%;
    max-width: 58.33333%; } }

@media only screen and (min-width: 768px) {
  .col-md-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.66667%;
    max-width: 66.66667%; } }

@media only screen and (min-width: 768px) {
  .col-md-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 768px) {
  .col-md-10 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.33333%;
    max-width: 83.33333%; } }

@media only screen and (min-width: 768px) {
  .col-md-11 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.66667%;
    max-width: 91.66667%; } }

@media only screen and (min-width: 768px) {
  .col-md-12 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

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

@media only screen and (min-width: 1024px) {
  .col-lg-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.66667%;
    max-width: 16.66667%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-3 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33333%;
    max-width: 33.33333%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.66667%;
    max-width: 41.66667%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-7 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.33333%;
    max-width: 58.33333%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.66667%;
    max-width: 66.66667%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-10 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.33333%;
    max-width: 83.33333%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-11 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.66667%;
    max-width: 91.66667%; } }

@media only screen and (min-width: 1024px) {
  .col-lg-12 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

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

@media only screen and (min-width: 1280px) {
  .col-xl-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.66667%;
    max-width: 16.66667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-3 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33333%;
    max-width: 33.33333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.66667%;
    max-width: 41.66667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-7 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.33333%;
    max-width: 58.33333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.66667%;
    max-width: 66.66667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-10 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.33333%;
    max-width: 83.33333%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-11 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.66667%;
    max-width: 91.66667%; } }

@media only screen and (min-width: 1280px) {
  .col-xl-12 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

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

@media only screen and (min-width: 1440px) {
  .col-xxl-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 8.33333%;
    max-width: 8.33333%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 16.66667%;
    max-width: 16.66667%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-3 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 33.33333%;
    max-width: 33.33333%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-5 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 41.66667%;
    max-width: 41.66667%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-6 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-7 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 58.33333%;
    max-width: 58.33333%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-8 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 66.66667%;
    max-width: 66.66667%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-9 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-10 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 83.33333%;
    max-width: 83.33333%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-11 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 91.66667%;
    max-width: 91.66667%; } }

@media only screen and (min-width: 1440px) {
  .col-xxl-12 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen {
  .col-xs-offset-0 {
    margin-left: 0; } }

@media only screen {
  .col-xs-offset-1 {
    margin-left: 8.33333%; } }

@media only screen {
  .col-xs-offset-2 {
    margin-left: 16.66667%; } }

@media only screen {
  .col-xs-offset-3 {
    margin-left: 25%; } }

@media only screen {
  .col-xs-offset-4 {
    margin-left: 33.33333%; } }

@media only screen {
  .col-xs-offset-5 {
    margin-left: 41.66667%; } }

@media only screen {
  .col-xs-offset-6 {
    margin-left: 50%; } }

@media only screen {
  .col-xs-offset-7 {
    margin-left: 58.33333%; } }

@media only screen {
  .col-xs-offset-8 {
    margin-left: 66.66667%; } }

@media only screen {
  .col-xs-offset-9 {
    margin-left: 75%; } }

@media only screen {
  .col-xs-offset-10 {
    margin-left: 83.33333%; } }

@media only screen {
  .col-xs-offset-11 {
    margin-left: 91.66667%; } }

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

@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.33333%; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

.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; }

/**
 * * Typography Variables and Mixins
 * ! No actual styles in here
 */
/* stylelint-disable color-named */
/**
 * 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: 1023px) {
  body::before {
    content: "medium"; } }

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

/**
 * * Spacing Variables and Mixins
 * ! No actual styles in here
 */
/* stylelint-disable color-named */
/**
 * 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: 1023px) {
  body::before {
    content: "medium"; } }

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

/**********************************************
 * * Variables
 *********************************************/
/**
 * * Base sizes by design definition in pixel values (basis for calculations)
 * ! Try to avoid using other spacings
 * ! Use as rem values (e.g. `$space-size-8`) or space curves (see below) whenever possible
 */
/**
 * * Base sizes as rem values
 * ! Prefer these values over px values
 */
/**
 * * Fixed sizes (with metric SI prefixes) as rem values
 * These named variables were defined in Figma by the design team
 */
/**
 * * Responsive space curves (with metric SI prefixes) as rem values
 */
/**********************************************
 * * Mixins
 *********************************************/
/* reset gutters for child components to expand to full width (e.g. grey textbox) */
/**********************************************
 * * Legacy helper classes
 * ! Don't use them, they are kept here in case
 * ! content editors want precise control over HTML
 *********************************************/
.no-spacing {
  margin: 0 !important;
  padding: 0 !important; }

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

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

.no-margin {
  margin: 0 !important; }

.margin-top-sm {
  margin-top: 0.75rem; }

.margin-top-md {
  margin-top: 1rem; }

.margin-top-lg {
  margin-top: 1.25rem; }

.margin-bottom-sm {
  margin-bottom: 0.75rem; }

.margin-bottom-md {
  margin-bottom: 1rem; }

.margin-bottom-lg {
  margin-bottom: 1.25rem; }

.no-padding {
  padding: 0 !important; }

.padding-top-sm {
  padding-top: 0.75rem; }

.padding-top-md {
  padding-top: 1rem; }

.padding-top-lg {
  padding-top: 1.25rem; }

.padding-bottom-sm {
  padding-bottom: 0.75rem; }

.padding-bottom-md {
  padding-bottom: 1rem; }

.padding-bottom-lg {
  padding-bottom: 1.25rem; }

/**********************************************
 * * Variables
 *********************************************/
/**
 * * Font sizes by design definition in pixel values (basis for calculations)
 * ! Try to avoid using other font sizes
 * ! Use as rem values whenever possible: `$font-size-12` or `px2rem($FONT_SIZE_BASE_12)`
 */
/**
 * * Font sizes as rem values
 * ! Prefer these values over px values
 * Make sure to update `FontSizes.vue` if something changes
 */
/* Sidebar font curves -> reset to xs style from lg-up */
/**********************************************
 * * Mixins
 *********************************************/
/* Default link styling. The eth-link class adds theming and icon styling */
/*
 * Link Style for `eth-link`
 * Adds theming and styles for optional material icon.
 * Per default links are all underlined. There are exceptions (linklists for example).
 * Use mixin (`link-style-no-underline`) or modifier (.eth-link--no-underline) for those styles.
 */
/*
 * Links inside the sidebar have different styling
 */
.typography-default, .polycourse, .textimage:not(.basecomponent),
.text-image {
  line-height: 1.5; }
  .typography-default ul > li, .polycourse ul > li, .textimage:not(.basecomponent) ul > li, .text-image ul > li {
    list-style: none;
    margin-left: 0;
    padding-left: 1.1rem; }
    @media only screen {
      .typography-default ul > li, .polycourse ul > li, .textimage:not(.basecomponent) ul > li, .text-image ul > li {
        font-size: 1.125rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .typography-default ul > li, .polycourse ul > li, .textimage:not(.basecomponent) ul > li, .text-image ul > li {
        font-size: 1.25rem; } }
    @media only screen {
      .content-sidebar .typography-default ul > li, .content-sidebar .polycourse ul > li, .content-sidebar .textimage:not(.basecomponent) ul > li, .content-sidebar .text-image ul > li {
        font-size: 1rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .content-sidebar .typography-default ul > li, .content-sidebar .polycourse ul > li, .content-sidebar .textimage:not(.basecomponent) ul > li, .content-sidebar .text-image ul > li {
        font-size: 1.125rem; } }
    .typography-default ul > li::before, .polycourse ul > li::before, .textimage:not(.basecomponent) ul > li::before, .text-image ul > li::before {
      content: '–';
      display: block;
      float: left;
      margin-left: -1.1rem;
      width: 1.1rem; }
  .typography-default ol, .polycourse ol, .textimage:not(.basecomponent) ol, .text-image ol {
    counter-reset: itemNumber;
    list-style: none;
    margin-bottom: 0.25rem;
    margin-left: 0; }
    .typography-default ol > li, .polycourse ol > li, .textimage:not(.basecomponent) ol > li, .text-image ol > li {
      counter-increment: itemNumber;
      padding-left: 1.5rem; }
      @media only screen {
        .typography-default ol > li, .polycourse ol > li, .textimage:not(.basecomponent) ol > li, .text-image ol > li {
          font-size: 1.125rem;
          line-height: 1.5; } }
      @media only screen and (min-width: 768px) {
        .typography-default ol > li, .polycourse ol > li, .textimage:not(.basecomponent) ol > li, .text-image ol > li {
          font-size: 1.25rem; } }
      @media only screen {
        .content-sidebar .typography-default ol > li, .content-sidebar .polycourse ol > li, .content-sidebar .textimage:not(.basecomponent) ol > li, .content-sidebar .text-image ol > li {
          font-size: 1rem;
          line-height: 1.5; } }
      @media only screen and (min-width: 768px) {
        .content-sidebar .typography-default ol > li, .content-sidebar .polycourse ol > li, .content-sidebar .textimage:not(.basecomponent) ol > li, .content-sidebar .text-image ol > li {
          font-size: 1.125rem; } }
      .typography-default ol > li::before, .polycourse ol > li::before, .textimage:not(.basecomponent) ol > li::before, .text-image ol > li::before {
        content: counter(itemNumber) ". ";
        float: left;
        margin-left: -1.5rem; }
    .typography-default ol ol > li::before, .polycourse ol ol > li::before, .textimage:not(.basecomponent) ol ol > li::before, .text-image ol ol > li::before {
      content: counter(itemNumber, lower-alpha) "."; }
  .typography-default ul:first-child, .polycourse ul:first-child, .textimage:not(.basecomponent) ul:first-child, .text-image ul:first-child,
  .typography-default ol:first-child,
  .polycourse ol:first-child,
  .textimage:not(.basecomponent) ol:first-child,
  .text-image ol:first-child {
    margin-top: 0.75rem; }
  .typography-default ul, .polycourse ul, .textimage:not(.basecomponent) ul, .text-image ul, .typography-default ol, .polycourse ol, .textimage:not(.basecomponent) ol, .text-image ol {
    margin-bottom: 0.75rem;
    overflow: hidden; }
    .typography-default ul ul, .polycourse ul ul, .textimage:not(.basecomponent) ul ul, .text-image ul ul,
    .typography-default ul ol,
    .polycourse ul ol,
    .textimage:not(.basecomponent) ul ol,
    .text-image ul ol,
    .typography-default ol ul,
    .polycourse ol ul,
    .textimage:not(.basecomponent) ol ul,
    .text-image ol ul,
    .typography-default ol ol,
    .polycourse ol ol,
    .textimage:not(.basecomponent) ol ol,
    .text-image ol ol {
      margin-bottom: 0;
      margin-top: 0.25rem; }
      .typography-default ul ul li:last-of-type, .polycourse ul ul li:last-of-type, .textimage:not(.basecomponent) ul ul li:last-of-type, .text-image ul ul li:last-of-type,
      .typography-default ul ol li:last-of-type,
      .polycourse ul ol li:last-of-type,
      .textimage:not(.basecomponent) ul ol li:last-of-type,
      .text-image ul ol li:last-of-type,
      .typography-default ol ul li:last-of-type,
      .polycourse ol ul li:last-of-type,
      .textimage:not(.basecomponent) ol ul li:last-of-type,
      .text-image ol ul li:last-of-type,
      .typography-default ol ol li:last-of-type,
      .polycourse ol ol li:last-of-type,
      .textimage:not(.basecomponent) ol ol li:last-of-type,
      .text-image ol ol li:last-of-type {
        margin-bottom: 0; }

@media screen and (min-width: 1024px) {
  .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: 1023px) {
  .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 {
  display: inline;
  height: 0;
  left: -62.5rem;
  overflow: hidden;
  position: absolute;
  top: -62.5rem;
  width: 0; }

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

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

.screenreader {
  left: -999rem;
  overflow: hidden;
  position: absolute;
  width: 1rem; }

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

.left {
  float: left; }

.right {
  float: right; }

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

.print {
  display: none; }

.bold {
  font-weight: bold; }

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

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

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

@media only screen {
  .text-sm {
    font-size: 0.75rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .text-sm {
    font-size: 0.875rem; } }

@media only screen {
  .text-md {
    font-size: 0.875rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .text-md {
    font-size: 1rem; } }

@media only screen {
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .text-lg {
    font-size: 1.25rem; } }

.clearfix {
  display: flow-root; }

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

/* `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;
  font-size: 100%;
  margin: 0;
  padding: 0; }

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

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

html,
body {
  height: 100%;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  text-rendering: optimizeLegibility; }

body {
  font-family: "DINPro", helvetica, arial, sans-serif;
  font-size: 16px;
  height: auto;
  -webkit-text-size-adjust: 100%; }

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

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; }

b,
strong {
  font-weight: bold; }

img {
  color: transparent;
  vertical-align: middle; }

ol,
ul {
  list-style: none; }

li {
  display: list-item; }

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

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

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

q::before {
  content: open-quote; }

q::after {
  content: close-quote; }

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

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

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

sub {
  bottom: -0.25rem; }

sup {
  top: -0.4em; }

svg {
  overflow: hidden; }

button {
  border: 0;
  cursor: pointer;
  font-family: "DINPro", helvetica, arial, sans-serif; }
  button::-moz-focus-inner {
    border: 0; }

.screenreader,
a#mainContent,
a#navTopRoot {
  display: inline;
  height: 0;
  left: -9999px;
  position: absolute;
  top: -9999px;
  width: 0; }

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

/**********************************************
 * * Legacy helper classes for spacing
 * ! Don't use them, they are kept here in case
 * ! content editors want precise control over HTML
 *********************************************/
.no-spacing {
  margin: 0 !important;
  padding: 0 !important; }

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

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

.no-margin {
  margin: 0 !important; }

.margin-top-sm {
  margin-top: 0.75rem; }

.margin-top-md {
  margin-top: 1rem; }

.margin-top-lg {
  margin-top: 1.25rem; }

.margin-bottom-sm {
  margin-bottom: 0.75rem; }

.margin-bottom-md {
  margin-bottom: 1rem; }

.margin-bottom-lg {
  margin-bottom: 1.25rem; }

.no-padding {
  padding: 0 !important; }

.padding-top-sm {
  padding-top: 0.75rem; }

.padding-top-md {
  padding-top: 1rem; }

.padding-top-lg {
  padding-top: 1.25rem; }

.padding-bottom-sm {
  padding-bottom: 0.75rem; }

.padding-bottom-md {
  padding-bottom: 1rem; }

.padding-bottom-lg {
  padding-bottom: 1.25rem; }

/**
 * * Typography Base Styling
 */
/* Set font source url based on environment */
@font-face {
  font-display: fallback;
  font-family: 'DINPro';
  font-style: normal;
  font-weight: normal;
  src: url(../../../bin/ethz/fonts/regular.woff2) format("woff2"), url(../../../bin/ethz/fonts/regular.woff) format("woff"); }

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

@media only screen {
  h1 {
    font-size: 2rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 2.5rem; } }

@media only screen {
  h1 {
    margin-bottom: 1.25rem; } }

@media only screen and (min-width: 768px) {
  h1 {
    margin-bottom: 1.5rem; } }

@media only screen {
  .content-sidebar h1 {
    font-size: 1.5rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .content-sidebar h1 {
    font-size: 2rem;
    line-height: 1.2; } }

@media only screen {
  .content-sidebar h1 {
    margin-bottom: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .content-sidebar h1 {
    margin-bottom: 1.5rem; } }

@media only screen {
  .teaserbox h1 {
    font-size: 1.5rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .teaserbox h1 {
    font-size: 2rem;
    line-height: 1.2; } }

@media only screen {
  .teaserbox h1 {
    margin-bottom: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .teaserbox h1 {
    margin-bottom: 1.5rem; } }

h2 {
  padding-top: 1.5rem; }
  @media only screen {
    h2 {
      font-size: 1.5rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    h2 {
      font-size: 2rem;
      line-height: 1.2; } }
  @media only screen {
    h2 {
      margin-bottom: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    h2 {
      margin-bottom: 1.5rem; } }
  .content-sidebar h2 {
    padding-top: 0;
    margin-bottom: 1rem; }
    @media only screen {
      .content-sidebar h2 {
        font-size: 1.5rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .content-sidebar h2 {
        font-size: 2rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 1024px) {
      .content-sidebar h2 {
        font-size: 1.5rem;
        line-height: 1.3; } }
  .teaserbox h2 {
    padding-top: 0; }
    @media only screen {
      .teaserbox h2 {
        font-size: 1.25rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .teaserbox h2 {
        font-size: 1.5rem; } }
    @media only screen {
      .teaserbox h2 {
        margin-bottom: 0.75rem; } }
    @media only screen and (min-width: 768px) {
      .teaserbox h2 {
        margin-bottom: 1.25rem; } }

h3 {
  padding-top: 1.5rem; }
  @media only screen {
    h3 {
      font-size: 1.25rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    h3 {
      font-size: 1.5rem; } }
  @media only screen {
    h3 {
      margin-bottom: 0.75rem; } }
  @media only screen and (min-width: 768px) {
    h3 {
      margin-bottom: 1.25rem; } }
  .content-sidebar h3 {
    padding-top: 0;
    margin-bottom: 0.75rem; }
    @media only screen {
      .content-sidebar h3 {
        font-size: 1.25rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .content-sidebar h3 {
        font-size: 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .content-sidebar h3 {
        font-size: 1.25rem;
        line-height: 1.3; } }
  .teaserbox h3 {
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 0.75rem; }
    @media only screen {
      .teaserbox h3 {
        font-size: 1.125rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .teaserbox h3 {
        font-size: 1.25rem; } }

h4 {
  font-weight: bold;
  margin-bottom: 0.75rem;
  padding-top: 1.5rem; }
  @media only screen {
    h4 {
      font-size: 1.125rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    h4 {
      font-size: 1.25rem; } }
  .content-sidebar h4 {
    padding-top: 0; }
    @media only screen {
      .content-sidebar h4 {
        font-size: 1.125rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .content-sidebar h4 {
        font-size: 1.25rem; } }
    @media only screen and (min-width: 1024px) {
      .content-sidebar h4 {
        font-size: 1.125rem;
        line-height: 1.3; } }
  .teaserbox h4 {
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 0.5rem; }
    @media only screen {
      .teaserbox h4 {
        font-size: 1rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .teaserbox h4 {
        font-size: 1.125rem; } }

h5,
h6 {
  font-weight: bold;
  margin-bottom: 0.5rem; }
  @media only screen {
    h5,
    h6 {
      font-size: 1rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    h5,
    h6 {
      font-size: 1.125rem; } }
  @media only screen {
    h5,
    h6 {
      padding-top: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    h5,
    h6 {
      padding-top: 1.5rem; } }
  .content-sidebar h5, .content-sidebar
  h6 {
    padding-top: 0; }
    @media only screen {
      .content-sidebar h5, .content-sidebar
      h6 {
        font-size: 1rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .content-sidebar h5, .content-sidebar
      h6 {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 1024px) {
      .content-sidebar h5, .content-sidebar
      h6 {
        font-size: 1rem;
        line-height: 1.3; } }
  .teaserbox h5, .teaserbox
  h6 {
    padding-top: 0; }

@media only screen {
  p {
    font-size: 1.125rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  p {
    font-size: 1.25rem; } }

@media only screen {
  p {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 768px) {
  p {
    margin-bottom: 1.5rem; } }

.content-sidebar p {
  margin-bottom: 1rem; }
  @media only screen {
    .content-sidebar p {
      font-size: 1.125rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .content-sidebar p {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 1024px) {
    .content-sidebar p {
      font-size: 1.125rem; } }

@media only screen {
  p.lead {
    font-size: 1.25rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  p.lead {
    font-size: 1.5rem;
    line-height: 1.4; } }

@media only screen {
  p.lead {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 768px) {
  p.lead {
    margin-bottom: 2rem; } }

@media only screen {
  .content-sidebar p.lead {
    font-size: 1.125rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .content-sidebar p.lead {
    font-size: 1.25rem; } }

p.p2 {
  margin-bottom: 1rem; }
  @media only screen {
    p.p2 {
      font-size: 1rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    p.p2 {
      font-size: 1.125rem; } }

p.p3, p.small {
  margin-bottom: 1rem; }
  @media only screen {
    p.p3, p.small {
      font-size: 0.875rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    p.p3, p.small {
      font-size: 1rem; } }

@media only screen {
  p.caption {
    font-size: 0.75rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  p.caption {
    font-size: 0.875rem; } }

@media only screen {
  p.caption {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 768px) {
  p.caption {
    margin-bottom: 1rem; } }

.lead.is-themed {
  color: var(--color-theme); }

[id='contentMain'] .lead.basecomponent {
  margin-bottom: 0; }

body {
  background: #FFF; }

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

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

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

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

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

.linkedarea {
  display: block; }
  .linkedarea .material-icons, .linkedarea .rsThumbsArrowIcn::before, .linkedarea .rsArrowIcn::before, .linkedarea .rsFullscreenIcn::before {
    color: rgba(0, 0, 0, 0.6);
    font-size: inherit;
    transition: 160ms;
    vertical-align: text-top; }
  .linkedarea:hover {
    background-color: #F6F6F6;
    border-bottom: none;
    cursor: pointer; }
    .linkedarea:hover .material-icons, .linkedarea:hover .rsThumbsArrowIcn::before, .linkedarea:hover .rsArrowIcn::before, .linkedarea:hover .rsFullscreenIcn::before {
      color: #000; }

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

a.accesskey {
  color: #FFF; }

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

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

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

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
  #banner {
    height: 271px;
    margin-bottom: -271px; } }

@media only screen and (min-width: 1440px) and (max-width: 1599px) {
  #banner {
    height: 295px;
    margin-bottom: -295px; } }

@media only screen and (min-width: 1600px) {
  #banner {
    height: 320px;
    margin-bottom: -320px; } }

.is-first > *:first-child {
  margin-top: 0 !important; }

.is-last > *:last-child {
  margin-bottom: 0 !important; }

/* Set font source url based on environment */
@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/MaterialIcons-Outlined.woff2) format("woff2"); }

.material-icons, .rsThumbsArrowIcn::before, .rsArrowIcn::before, .rsFullscreenIcn::before {
  direction: ltr;
  display: inline-block;
  font-family: 'Material Icons Outlined';
  /* Support for IE. */
  font-feature-settings: 'liga';
  font-size: 1.5rem;
  /* Preferred icon size */
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal; }
  .material-icons.is-error, .is-error.rsThumbsArrowIcn::before, .is-error.rsArrowIcn::before, .is-error.rsFullscreenIcn::before {
    color: #B7352D !important; }
  .material-icons.is-warning, .is-warning.rsThumbsArrowIcn::before, .is-warning.rsArrowIcn::before, .is-warning.rsFullscreenIcn::before {
    color: #FFA502 !important; }
  .material-icons.is-image-info, .is-image-info.rsThumbsArrowIcn::before, .is-image-info.rsArrowIcn::before, .is-image-info.rsFullscreenIcn::before {
    width: min-content;
    font-size: 0.75rem;
    margin-right: 0.25rem; }

/*! Anzeixer v2.0 | MIT License | github.com/zeixcom/Anzeixer */
/* All screen sizes */
@media screen {
  body::after {
    background: #eee;
    bottom: 0;
    content: "l";
    /* assume 1024px width for browsers not supporting media queries */
    display: none;
    left: 0;
    padding: 0.4rem;
    position: fixed;
    z-index: 1000; }
  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%);
    transform: rotate(-90deg) translateY(100%);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left; } }

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

@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 {
    background: #cbdd9e;
    content: "s"; } }

@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: 1023px) {
  body::after {
    background: #ffe6a0;
    content: "m"; } }

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

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

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

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

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

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

@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 {
  animation: none;
  background: transparent;
  background: #FFF;
  border: 0;
  border-radius: 0.3125rem;
  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);
  box-sizing: border-box;
  direction: ltr;
  font-size: 0.875rem;
  line-height: 1.5rem;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 19.6875rem; }

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

.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 {
  display: block;
  z-index: 999; }

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

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

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

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

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

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

.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 {
  display: inline-block;
  position: relative; }

.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;
  overflow: hidden;
  position: relative;
  text-align: center;
  user-select: none; }

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

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

.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  left: 0; }

.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  right: 0; }

.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 {
  fill: inherit;
  transition: fill 0.1s; }

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

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

.numInputWrapper input {
  width: 100%; }

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

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

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

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

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

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

.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 {
  height: auto;
  width: inherit; }

.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 {
  color: inherit;
  display: inline-block;
  font-size: 135%;
  font-weight: 300;
  left: 12.5%;
  line-height: inherit;
  position: absolute;
  text-align: center;
  top: 0.3125rem;
  transform: translate(0, 0);
  width: 75%; }

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

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

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

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

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

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

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

.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;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  display: inline;
  font-family: inherit;
  font-size: inherit;
  font-weight: 300;
  height: initial;
  line-height: inherit;
  margin: 0;
  padding: 0 0 0 0.5ch;
  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 {
  background: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-size: 100%;
  pointer-events: none; }

.flatpickr-weekdaycontainer {
  display: flex;
  width: 100%; }

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

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

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

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

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

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

.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;
  display: inline-block;
  flex-basis: 14.2857143%;
  font-weight: 400;
  height: 2.5rem;
  justify-content: center;
  line-height: 2.5rem;
  margin: 0;
  max-width: 2.5rem;
  position: relative;
  text-align: center;
  width: 14.2857143%; }

.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 {
  background: #e6e6e6;
  border-color: #e6e6e6;
  cursor: pointer;
  outline: 0; }

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

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  background: #959ea9;
  border-color: #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;
  border-color: #569ff7;
  box-shadow: none;
  color: #FFF; }

.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 {
  background: transparent;
  border-color: transparent;
  color: rgba(57, 57, 57, 0.3);
  cursor: default; }

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

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

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

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

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

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

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

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

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

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

.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;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-size: 0.875rem;
  height: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center; }

.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 {
  border: 0;
  outline: 0; }

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

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

.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; } }

:focus {
  outline: none; }

html[data-focus-source="key"] #flying-focus {
  background: transparent;
  border-radius: 2px;
  margin: 0;
  pointer-events: none;
  position: absolute;
  -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; }
  html[data-focus-source="key"] #flying-focus::before {
    border-color: #215CAF;
    border-image: initial;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    bottom: -9px;
    box-shadow: 0 0 3px 1px #215CAF;
    content: ' ';
    left: -9px;
    position: absolute;
    right: -9px;
    top: -9px; }
  html[data-focus-source="key"] #flying-focus.flying-focus_white::before {
    border-color: #FFF;
    box-shadow: 0 0 3px 1px #FFF; }
  html[data-focus-source="key"] #flying-focus.flying-focus_white--extra::before {
    border-color: #222; }

html[data-focus-source="key"] #flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: 9999; }

html[data-focus-source="key"] .flying-focus_target {
  outline: none !important; }

html[data-focus-source="key"] .flying-focus_target::-moz-focus-inner {
  border: 0 !important; }

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

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

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

@media only screen and (max-width: 1023px) {
  div#focusHelperRight,
  div#focusHelperLeft,
  div#focusHelperTop,
  div#focusHelperBottom {
    display: none !important;
    height: 0 !important;
    left: 6249.9375rem !important;
    opacity: 0 !important;
    top: 6249.9375rem !important;
    visibility: hidden !important;
    width: 0 !important; } }

div.tabs-editmode,
div.tabs {
  padding: 0.25rem 0 1.875rem;
  width: 29.0625rem; }
  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;
      background-color: #d3d5d7;
      display: block;
      float: left;
      margin-right: 0.25rem; }
      div.tabs-editmode ul.ui-tabs-nav li.ui-state-default a,
      div.tabs ul.ui-tabs-nav li.ui-state-default a {
        color: #08407E;
        display: inline-block;
        font-size: 0.875rem;
        font-weight: bold;
        line-height: 1.2857142857;
        padding: 0.6875rem 0.9375rem; }
      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 {
    box-sizing: border-box;
    background-color: #f3f5f5;
    display: block;
    padding: 1rem 0.9375rem 0.25rem; }
    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 #E2E2E2 solid;
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 0.5625rem 0; }
    div.tabs-editmode div.tab-text .row .label,
    div.tabs div.tab-text .row .label {
      color: #08407E;
      float: left;
      font-weight: bold;
      width: 6.875rem; }
    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 {
      margin: 0;
      padding-top: 0; }
    div.tabs-editmode div.tab-text .row.last-element,
    div.tabs div.tab-text .row.last-element {
      border-bottom: 0;
      padding-bottom: 0; }

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

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

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

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

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

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

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

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

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

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

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  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;
  left: 0.5rem;
  margin-top: -0.8rem;
  position: absolute;
  right: 0.5rem;
  text-align: center;
  top: 50%;
  width: auto;
  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 {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  outline: none;
  overflow: visible;
  padding: 0;
  touch-action: manipulation;
  z-index: 1046; }

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

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

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

.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;
  padding-right: 0.375rem;
  right: -0.375rem;
  text-align: right;
  width: 100%; }

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

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

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

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

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

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

.mfp-arrow::before {
  border-bottom-width: 21px;
  border-top-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 {
  border-right: 27px solid #3f3f3f;
  margin-left: 1.5625rem; }

.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-bottom: 2.5rem;
  padding-top: 2.5rem; }

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

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

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

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

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

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

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

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

.mfp-figure figure {
  margin: 0; }

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

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

.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 {
    bottom: 0;
    top: 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;
    box-sizing: border-box;
    margin: 0;
    padding: 0.1875rem 0.3125rem;
    position: fixed;
    top: auto; }
  .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 {
    background: rgba(0, 0, 0, 0.6);
    height: 2.1875rem;
    line-height: 2.1875rem;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 2.1875rem; } }

@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: 1023px) {
  .mfp-close {
    left: calc(100% - 2.75rem); }
  div#recommendModal {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    width: 66%; }
    div#recommendModal .mfp-close {
      left: calc(100% - 2.75rem); }
    div#recommendModal h5 {
      font-size: 1.25rem;
      padding-right: 2rem;
      padding-top: 0; } }

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

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

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

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

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

.pswp * {
  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;
  /* 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);
  will-change: opacity; }

.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 {
  appearance: none;
  width: 7px; }

.pswp__caption::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  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 {
  -webkit-backface-visibility: hidden;
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  will-change: opacity; }

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

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

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

.pswp__zoom-wrap {
  position: absolute;
  -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);
  width: 100%; }

.pswp__bg {
  /* 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);
  will-change: opacity; }

.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 {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0; }

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

/*
	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 {
  height: auto !important;
  left: 0;
  top: 0;
  width: 100% !important; }

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

.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 {
  appearance: none;
  background: none;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  float: right;
  height: 2.75rem;
  margin: 0;
  opacity: 0.75;
  overflow: visible;
  padding: 0;
  position: relative;
  transition: opacity 0.2s;
  width: 2.75rem; }

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

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

.pswp__button::-moz-focus-inner {
  border: 0;
  padding: 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 {
  background-image: url("img/icons/svg/slider-pfeil-links.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 2.2rem;
  width: 2.2rem; }

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

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

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

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

.pswp__button--zoom {
  display: block; }

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

.pswp--zoomed-in .pswp__button--zoom::before {
  background-image: url("img/icons/svg/zoom-minus.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 2rem;
  width: 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;
  height: 6.25rem;
  margin-top: -3.125rem;
  position: absolute;
  top: 50%;
  width: 4.375rem; }

.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;
  margin-top: -1.3125rem;
  position: absolute;
  top: 50%;
  width: 2.625rem; }

/*

	Index indicator ("1 of X" counter)

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

/*

	4. Caption

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

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

.pswp__caption__center {
  color: #FFF;
  font-size: 0.875rem;
  line-height: 1.25;
  margin: 0 auto;
  max-width: 40rem;
  padding: 0.625rem;
  text-align: left; }
  @media screen and (max-width: 1023px) {
    .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 {
  direction: ltr;
  height: 2.75rem;
  left: 50%;
  margin-left: -1.375rem;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.25s ease-out;
  width: 2.75rem;
  will-change: opacity; }

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

.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 {
  animation: clockwise 500ms linear infinite; }

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

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

.pswp--css_animation .pswp__preloader__cut {
  height: 0.875rem;
  overflow: hidden;
  /*
			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; }

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

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

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

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

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

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

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

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

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

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

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

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

/*

	6. Additional styles

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

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  height: 2.75rem;
  left: 0;
  position: absolute;
  top: 0;
  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;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity; }

/* 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 {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  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; }

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

.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 {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%; }

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

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

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

.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;
  -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;
  visibility: hidden; }

.rsGCaption {
  float: left;
  text-align: center;
  width: 100%; }
  @media only screen {
    .rsGCaption {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .rsGCaption {
      font-size: 0.875rem; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

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

/* 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;
  position: absolute;
  top: 0;
  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 {
  background: url("img/blank.gif");
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20; }

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

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

/******************************
*
*  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: #F1F1F1;
  color: #FFF; }

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

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

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

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

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

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

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

.rsDefault .rsArrowIcn {
  background-color: #FFF;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: block;
  height: 2.5rem;
  position: absolute;
  top: 45%;
  width: 2.5rem;
  color: #000; }

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

.rsArrowLeft .rsArrowIcn::before {
  content: 'chevron_left';
  font-size: 2.5rem; }

.rsArrowRight .rsArrowIcn::before {
  content: 'chevron_right';
  font-size: 2.5rem; }

.rsFullscreenIcn::before {
  content: 'fullscreen';
  font-size: 30px; }

.rsThumbsArrowLeft .rsThumbsArrowIcn::before {
  content: 'chevron_left';
  font-size: 1.5rem; }

.rsThumbsArrowRight .rsThumbsArrowIcn::before {
  content: 'chevron_right';
  font-size: 1.5rem; }

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  left: 1rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rsDefault .rsTmb {
  display: block; }

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

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

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

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

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

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

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

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

.rsDefault .rsThumbsArrowIcn {
  background-color: #FFF;
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
  cursor: pointer;
  height: 1.5rem;
  left: 50%;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 1.5rem; }

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

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

.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: 0) and (max-width: 767px) {
  .rsDefault .rsThumb {
    height: 2.75rem;
    width: 3.6875rem; }
  .rsDefault .rsThumbsHor {
    height: 2.75rem; }
  .rsDefault .rsThumbsVer {
    width: 3.6875rem; } }

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

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

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

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

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

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

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

.rsDefault .rsFullscreenIcn {
  background-color: #FFF;
  border-radius: 50%;
  display: block;
  margin: 0;
  opacity: 1;
  color: #215CAF;
  width: 40px;
  height: 40px;
  padding: 5px;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); }
  .rsDefault .rsFullscreenIcn .material-icons, .rsDefault .rsFullscreenIcn .rsThumbsArrowIcn::before, .rsDefault .rsFullscreenIcn .rsArrowIcn::before, .rsDefault .rsFullscreenIcn .rsFullscreenIcn::before {
    font-size: 2rem; }

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

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

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

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

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

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

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

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

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

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

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

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

.rsDefault .rsGCaption::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  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: 1024px) {
  .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: 1440px) {
  .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; }

/* 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-bottom: 0;
  padding-top: 0; }

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

/* scroll-window */
.scrollarea .scrollarea-scroll-window {
  display: block;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  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 {
  clear: both;
  content: "";
  display: table; }

/* 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;
  -moz-transition: width 0.15s;
  -webkit-transition: width 0.15s;
  transition: width 0.15s;
  width: 1.5rem; }

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

.scrollarea.scrollbar .scroll-shadow-right {
  background: transparent;
  background: linear-gradient(to right, transparent, #666);
  background: -webkit-linear-gradient(left, transparent, #666);
  background: -o-linear-gradient(right, transparent, #666);
  background: -moz-linear-gradient(right, transparent, #666);
  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;
  font-size: 1.3rem;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem; }

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

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

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

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

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

.scrollarea.custom-scrollbar-enabled .custom-scrollbar {
  background-color: #FFF;
  display: block;
  height: 1rem;
  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 {
  display: block;
  position: relative; }

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

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

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

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

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

@media screen and (max-width: 1023px) {
  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; } }

@media only screen and (max-width: 1023px) {
  .content-sidebar {
    font-size: 1rem; }
    .content-sidebar .fullwidth-image figure {
      max-width: 26rem; } }

.content-sidebar .sublogo {
  margin-bottom: 0.75rem;
  max-height: none; }
  .content-sidebar .sublogo a {
    border: none;
    display: block; }

.content-sidebar div#rightpar_top,
.content-sidebar div#rightpar_bottom {
  border: solid 3px #a4a4a4; }

.content-sidebar div#rightpar {
  border: solid 3px #06af8f; }

@media only screen and (min-width: 1024px) {
  .content-sidebar .newssearchipar {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .content .content-sidebar.grid_2 {
    float: right;
    padding-left: 0.75rem;
    padding-right: 1.5rem;
    width: 66.67%; }
    .content .content-sidebar.grid_2 .contextinfo {
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .content .content-sidebar.grid_2 {
    clear: both;
    float: none;
    padding-bottom: 1rem;
    width: auto; } }

@media only screen and (max-width: 1023px) {
  .homepage .content-sidebar.grid_2 {
    clear: both;
    float: none;
    padding-bottom: 1rem;
    width: auto; } }

.content-sidebar div.infobox {
  padding: 0; }
  .content-sidebar div.infobox p {
    padding: 0.3125rem 0 0.625rem; }

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

.content-nav {
  margin-bottom: 48px; }
  @media only screen and (min-width: 768px) {
    .content-nav:not(.content-nav--related) li a::after {
      top: 20px; } }
  .content-nav--related {
    background-color: #F6F6F6;
    margin-bottom: 0;
    padding: 48px 24px; }
  .content-nav__inner {
    display: flex;
    flex-flow: column nowrap;
    position: relative; }
  .content-nav a {
    display: block;
    font-size: 16px;
    line-height: 19.2px;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .content-nav a {
        font-size: 18px;
        line-height: 21.6px; } }
    .content-nav a::after {
      background-image: url("data:image/svg+xml,%3Csvg width='6' height='9' viewBox='0 0 6 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.529785 7.56L3.58312 4.5L0.529785 1.44L1.46979 0.5L5.46979 4.5L1.46979 8.5L0.529785 7.56Z' fill='black'/%3E%3C/svg%3E");
      content: '';
      filter: invert(64%) sepia(40%) saturate(0%) hue-rotate(146deg) brightness(98%) contrast(88%);
      height: 9px;
      position: absolute;
      top: calc(50% - 4.5px);
      width: 6px; }
  .content-nav .back {
    line-height: 24px;
    margin: 8px 0;
    order: 1;
    padding-left: 19px; }
    @media only screen and (min-width: 768px) {
      .content-nav .back {
        line-height: 27px; } }
    .content-nav .back:hover {
      border: none; }
    .content-nav .back::after {
      filter: invert(30%) sepia(96%) saturate(911%) hue-rotate(176deg) brightness(93%) contrast(90%);
      left: 5px;
      transform: rotate(180deg); }
  .content-nav--related .back {
    color: #215CAF;
    margin: 0;
    order: 4; }
    @media only screen and (min-width: 768px) {
      .content-nav--related .back {
        position: absolute;
        right: 0;
        top: 6px; } }
  .content-nav h2 {
    font-size: 24px;
    line-height: 31.2px;
    margin: 12px 0;
    order: 2; }
    @media only screen and (min-width: 768px) {
      .content-nav h2 {
        font-size: 32px;
        line-height: 38.4px;
        margin: 16px 0 20px; } }
  .content-nav--related h2 {
    margin: 0 0 20px; }
    @media only screen and (min-width: 768px) {
      .content-nav--related h2 {
        margin-bottom: 32px; } }
  .content-nav__main {
    order: 3; }
  .content-nav__main > ul {
    display: grid;
    grid-gap: 0 1rem;
    grid-template-columns: 1fr; }
    @media only screen and (min-width: 768px) {
      .content-nav__main > ul {
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr); } }
    .content-nav__main > ul > :only-child {
      grid-column: 1/-1; }
  .content-nav--related .content-nav__main > ul {
    grid-gap: 2px;
    margin-bottom: 20px; }
    @media only screen and (min-width: 480px) {
      .content-nav--related .content-nav__main > ul {
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (min-width: 1024px) {
      .content-nav--related .content-nav__main > ul {
        grid-template-columns: repeat(3, 1fr); } }
    @media only screen and (min-width: 1024px) {
      .content-nav--related .content-nav__main > ul > :nth-child(1):nth-last-child(2) {
        width: calc(150% + 2px); }
      .content-nav--related .content-nav__main > ul > :nth-child(2):nth-last-child(1) {
        grid-column: 3/4;
        margin-left: -50%;
        width: calc(150% + 2px); } }
  .content-nav li a {
    border-bottom: solid 1px #E2E2E2;
    color: #215CAF;
    display: flex;
    height: 100%;
    padding: 12px 36px 12px 0;
    transition: 0.2s all; }
    .content-nav li a:hover {
      border-bottom: solid 1px #000 !important;
      color: #222; }
    .content-nav li a:focus {
      color: #000; }
    .content-nav li a::after {
      right: 5px;
      transition: all 0.2s ease-in; }
    .content-nav li a:hover::after {
      filter: brightness(0);
      right: 1px; }
  .content-nav--related li a {
    align-items: center;
    background-color: #FFF;
    border-bottom: none;
    color: #000;
    padding: 12px 32px 12px 16px; }
    @media only screen and (min-width: 768px) {
      .content-nav--related li a {
        padding: 24px; } }
    .content-nav--related li a:hover {
      border-bottom: none !important;
      color: #215CAF; }
    .content-nav--related li a::after {
      filter: none;
      right: 16px; }
    .content-nav--related li a:hover::after {
      filter: invert(30%) sepia(96%) saturate(911%) hue-rotate(176deg) brightness(93%) contrast(90%);
      right: 12px; }
  .content-nav__main > ul ul {
    display: none; }

.site-wrapper > .content-nav.content-nav--related {
  padding-left: 0;
  padding-right: 0; }
  .site-wrapper > .content-nav.content-nav--related .back {
    right: 1.5rem; }
  .site-wrapper > .content-nav.content-nav--related .content-nav__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 87.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    @media only screen and (min-width: 1024px) {
      .site-wrapper > .content-nav.content-nav--related .content-nav__inner {
        max-width: 89.25rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem; } }
    @media only screen and (min-width: 1280px) {
      .site-wrapper > .content-nav.content-nav--related .content-nav__inner {
        max-width: 96.25rem;
        padding-left: 6rem;
        padding-right: 6rem; } }
    @media only screen and (max-width: 1023px) {
      .site-wrapper > .content-nav.content-nav--related .content-nav__inner {
        padding: 0 1.5rem; } }

.contextinfo.contextinfo.contextinfo {
  background-color: #FFF;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  /**
   * * Legacy styles
   */ }
  @media only screen and (min-width: 1024px) {
    .contextinfo.contextinfo.contextinfo {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  .homepage .contextinfo.contextinfo.contextinfo {
    box-shadow: 0 0.1875rem 0.5rem rgba(31, 64, 122, 0.3);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-bottom: 2rem;
    padding-top: 2rem; }
  .contextinfo.contextinfo.contextinfo .contextinfo {
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0; }

/*
|--------------------------------------------------------------------------
| Variables & Mixins
|--------------------------------------------------------------------------
*/
/*
|--------------------------------------------------------------------------
| General Styling / Elements
|--------------------------------------------------------------------------
*/
.site-footer {
  background: #222;
  clear: both;
  color: #FFF;
  font-size: 1rem; }
  .site-footer h1,
  .site-footer h2,
  .site-footer h3,
  .site-footer h4,
  .site-footer h5,
  .site-footer h6 {
    padding-top: 0; }
  .site-footer .site-search form {
    height: auto; }
  .site-footer a {
    color: #FFF;
    font-weight: bold; }
    .site-footer a:hover:not(.eth-link) {
      border-bottom: none;
      text-decoration: underline; }
    .site-footer a.footer__login-link:hover {
      text-decoration: none; }
      .site-footer a.footer__login-link:hover .footer__login-text {
        text-decoration: underline; }
  .site-footer .eth-link {
    color: #FFF;
    border-bottom-color: rgba(255, 255, 255, 0.8); }
    .site-footer .eth-link:hover {
      color: rgba(255, 255, 255, 0.8);
      border-bottom-color: rgba(255, 255, 255, 0.8); }
      .site-footer .eth-link:hover .underline {
        text-decoration: underline; }
  .site-footer h3,
  .site-footer h4 {
    font-weight: bold; }
  .site-footer .site-search {
    max-width: 19rem; }
    @media only screen and (max-width: 767px) {
      .site-footer .site-search {
        margin-bottom: 36px;
        margin-top: 0.75rem;
        max-width: 100%; } }

.footer__section-title {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  margin-top: 2rem; }
  @media only screen and (min-width: 768px) {
    .footer__section-title {
      font-size: 1.5rem;
      margin-bottom: 1rem; } }

/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
*/
.footer__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 87.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media only screen and (min-width: 1024px) {
    .footer__container {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 1280px) {
    .footer__container {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media only screen and (max-width: 1023px) {
    .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: 0 10px 0 0.5rem;
  width: 20%; }
  @media only screen and (max-width: 767px) {
    .footer__services {
      margin-bottom: 1rem;
      padding-right: 0;
      width: 100%; }
      .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: 1023px) {
    .footer__services {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .footer__services {
      padding-bottom: 10px; } }

.footer__row-main {
  border-bottom: 1px solid #6F6F6F;
  padding-bottom: 1.25rem; }
  @media only screen and (min-width: 768px) {
    .footer__row-main {
      padding-bottom: 1.5rem;
      margin-top: 1rem; } }

.footer__row-main__inner {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer__row-main__inner {
      flex-wrap: wrap; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__search-and-social {
    display: flex;
    width: 100%; } }

@media only screen and (min-width: 1024px) {
  .footer__search-and-social {
    width: 40%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__search,
  .footer__social {
    width: 50%; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__social {
    padding-left: 0.5rem; } }

.footer__login-link {
  display: flex; }
  .footer__login-link span {
    padding-right: 10px; }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footer__contact {
    width: 50%; } }

@media only screen and (min-width: 1024px) {
  .footer__contact {
    padding-bottom: 10px; } }

@media only screen and (min-width: 1024px) {
  .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-left: 0.5rem;
    padding-right: 0.5rem; } }

@media only screen and (max-width: 767px) {
  .footer__additional_info {
    margin-top: 1rem; } }

.footer__departments ul,
.footer__highlighted ul,
.footer__resources ul {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap; }

.footer__departments li,
.footer__highlighted li,
.footer__resources li {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  @media only screen 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: 1024px) {
    .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-accordion-mobile__trigger {
    cursor: pointer; }
    .footer-accordion-mobile .footer-accordion-mobile__trigger h1,
    .footer-accordion-mobile .footer-accordion-mobile__trigger h2,
    .footer-accordion-mobile .footer-accordion-mobile__trigger h3,
    .footer-accordion-mobile .footer-accordion-mobile__trigger h4,
    .footer-accordion-mobile .footer-accordion-mobile__trigger h5,
    .footer-accordion-mobile .footer-accordion-mobile__trigger h6 {
      padding-top: 0; }
  .footer-accordion-mobile .footer__section-title {
    margin: 0;
    padding-bottom: 0.5rem;
    padding-top: 1.25rem; }
    .footer-accordion-mobile .footer__section-title h3 {
      position: relative; }
      .footer-accordion-mobile .footer__section-title h3::before, .footer-accordion-mobile .footer__section-title h3::after {
        background: #FFF;
        content: '';
        height: 2px;
        position: absolute;
        right: 7px;
        top: 12px;
        transition: transform 0.1s ease-in-out;
        width: 14px; }
      .footer-accordion-mobile .footer__section-title h3::after {
        right: 8px;
        transform: rotate(90deg) translateY(-50%); }
  .footer-accordion-mobile.is-open-mobile .footer__row {
    height: auto; }
  .footer-accordion-mobile.is-open-mobile .footer__section-title h3::before {
    transform: rotate(90deg); }
  .footer-accordion-mobile.is-open-mobile .footer__section-title h3::after {
    right: 7px;
    top: 12px;
    transform: rotate(180deg); } }

/*
|--------------------------------------------------------------------------
| Sections - Highlighted
|--------------------------------------------------------------------------
*/
.footer__highlighted {
  border-bottom: 1px solid #6F6F6F;
  padding-top: 1.5rem; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .footer__highlighted ul {
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer__highlighted ul {
      flex-wrap: nowrap; }
    .footer__highlighted li {
      flex-grow: 1;
      min-width: 12%;
      width: auto; } }
  @media only screen and (max-width: 767px) {
    .footer__highlighted {
      padding-bottom: 0.5rem;
      padding-top: 1.25rem; }
      .footer__highlighted li {
        margin-bottom: 0.75rem; } }
  @media only screen and (min-width: 768px) {
    .footer__highlighted li {
      font-size: 1.125rem;
      margin-bottom: 1.5rem; } }
  .footer__highlighted a {
    font-weight: normal; }

/*
|--------------------------------------------------------------------------
| Sections - Social
|--------------------------------------------------------------------------
*/
.footer__social .social-icons {
  display: flex; }
  @media only screen and (max-width: 479px) {
    .footer__social .social-icons {
      margin-bottom: 0.25rem;
      margin-top: 0.75rem;
      max-width: 350px; } }
  @media only screen and (min-width: 1280px) {
    .footer__social .social-icons {
      padding-bottom: 1.5rem; } }

.footer__social .social-icon {
  display: inline-block;
  line-height: 35px;
  margin-right: 1.25rem;
  transition: opacity .1s ease-in-out; }
  @media only screen and (min-width: 480px) {
    .footer__social .social-icon {
      margin-right: 1.5rem; } }
  .footer__social .social-icon img {
    max-height: 32px;
    max-width: 32px; }
  .footer__social .social-icon:hover {
    opacity: 0.8; }

/*
|--------------------------------------------------------------------------
| Sections - Services
|--------------------------------------------------------------------------
*/
@media only screen and (min-width: 768px) {
  .footer__services li {
    margin-bottom: 1rem; }
    .footer__services li:last-child {
      margin-bottom: 0; } }

.footer__services li:not(:last-child) {
  margin-bottom: 0.75rem; }

.footer__services a {
  font-size: 1rem;
  font-weight: normal; }

@media only screen and (min-width: 768px) {
  .footer__services .footer__section-title {
    margin-bottom: 0.75rem; } }

/*
|--------------------------------------------------------------------------
| Sections - Contact
|--------------------------------------------------------------------------
*/
.footer__contact {
  line-height: 1.267; }
  @media only screen and (max-width: 767px) {
    .footer__contact a {
      display: inline-block;
      margin-top: 0.75rem; } }
  .footer__contact .footer-departments-heading {
    margin-bottom: 1.25rem; }
  .footer__contact .footer__row p {
    font-size: 1rem; }
  .footer__contact__hours {
    margin-top: 1.25rem; }
  .footer__contact .text-image {
    line-height: 1.267; }
    .footer__contact .text-image h1,
    .footer__contact .text-image h2,
    .footer__contact .text-image h3,
    .footer__contact .text-image h4,
    .footer__contact .text-image h5,
    .footer__contact .text-image h6 {
      font-size: 1rem;
      font-weight: bold;
      margin-bottom: 0;
      margin-top: 1rem; }
      .footer__contact .text-image h1:first-child,
      .footer__contact .text-image h2:first-child,
      .footer__contact .text-image h3:first-child,
      .footer__contact .text-image h4:first-child,
      .footer__contact .text-image h5:first-child,
      .footer__contact .text-image h6:first-child {
        margin-top: 0; }
    .footer__contact .text-image :first-child {
      margin-top: 0; }
    .footer__contact .text-image p {
      margin-bottom: 0; }
  .footer__contact .contactbox__wrapper {
    margin-bottom: 0; }
  .footer__contact .contactbox.basecomponent {
    padding-top: 0; }
  @media only screen and (min-width: 768px) {
    .footer__contact .footer__section-title {
      margin-bottom: 0.75rem; } }

/*
|--------------------------------------------------------------------------
| Sections  - Departments
|--------------------------------------------------------------------------
*/
.footer__departments {
  border-bottom: 1px solid #6F6F6F;
  line-height: 1.267; }
  @media only screen and (min-width: 768px) {
    .footer__departments .footer__section-title {
      margin-bottom: 1.5rem;
      margin-top: 1.5rem; }
    .footer__departments .items {
      margin-bottom: 1.5rem; }
    .footer__departments .item {
      margin-bottom: 1.25rem; } }
  .footer__departments .items {
    margin-bottom: 1rem; }
  .footer__departments .item {
    margin-bottom: 1rem; }
    .footer__departments .item a {
      display: flex;
      flex-direction: column; }
  .footer__departments .item__title {
    font-weight: bold; }
  .footer__departments .item__subtitle {
    font-size: 0.875rem;
    font-weight: normal; }

/*
|--------------------------------------------------------------------------
| Sections - Resources
|--------------------------------------------------------------------------
*/
.footer__resources {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem; }
  @media only screen and (max-width: 767px) {
    .footer__resources {
      border-bottom: 1px solid #6F6F6F; }
      .footer__resources ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        display: block; }
      .footer__resources li {
        margin-bottom: 0.75rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .footer__resources ul {
      flex-wrap: nowrap; }
    .footer__resources li {
      flex-grow: 1;
      width: auto; } }
  @media only screen and (min-width: 768px) {
    .footer__resources {
      padding-bottom: 1.5rem;
      padding-top: 1.5rem; } }
  @media only screen and (min-width: 1440px) {
    .footer__resources li {
      font-size: 1rem; } }
  .footer__resources a {
    font-weight: normal; }
  .footer__resources li {
    font-size: 0.875rem; }

/*
|--------------------------------------------------------------------------
| Sections - Copyright
|--------------------------------------------------------------------------
*/
.footer__copyright {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  margin-bottom: 2rem;
  padding-top: 1.25rem; }
  @media only screen and (min-width: 768px) {
    .footer__copyright {
      margin-bottom: 3rem;
      padding-top: 1.5rem; } }

/*
|--------------------------------------------------------------------------
| 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; }
  .site-header h2 {
    margin: 0; }
    @media only screen {
      .site-header h2 {
        font-size: 0.6875rem;
        line-height: 1.1; } }
    @media only screen and (min-width: 480px) {
      .site-header h2 {
        font-size: 0.75rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .site-header h2 {
        font-size: 0.875rem; } }
    @media only screen and (min-width: 1024px) {
      .site-header h2 {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 1280px) {
      .site-header h2 {
        font-size: 1.25rem; } }

.header__container {
  margin-left: auto;
  margin-right: auto;
  max-width: 87.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media only screen and (min-width: 1024px) {
    .header__container {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 1280px) {
    .header__container {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media only screen and (max-width: 767px) {
    .header__container {
      padding: 0 1rem 0 1.5rem; } }
  @media screen and (min-width: 375px) and (max-width: 1023px) {
    .header__container {
      padding: 0 1.5rem; } }

.header__logos {
  align-items: flex-end;
  display: flex;
  height: 34px;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem; }
  @media only screen {
    .header__logos {
      font-size: 0.6875rem;
      line-height: 1.1; } }
  @media only screen and (min-width: 480px) {
    .header__logos {
      font-size: 0.75rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .header__logos {
      font-size: 0.875rem; } }
  @media only screen and (min-width: 1024px) {
    .header__logos {
      font-size: 1.125rem; } }
  @media only screen and (min-width: 1280px) {
    .header__logos {
      font-size: 1.25rem; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .header__logos {
      height: 35px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .header__logos {
      height: 44px; } }
  @media only screen and (min-width: 1024px) {
    .header__logos {
      height: 60px;
      margin-bottom: calc(2rem - 1.25rem);
      margin-top: 2rem; } }
  @media only screen and (min-width: 1280px) {
    .header__logos {
      height: 64px;
      margin-bottom: calc(2.5rem - 1.25rem);
      margin-top: 2.5rem; } }
  @media only screen and (min-width: 1440px) {
    .header__logos {
      height: 72px;
      margin-bottom: calc(3rem - 1.25rem);
      margin-top: 3rem; } }
  .header__logos img {
    height: 100%;
    width: auto; }
  .header__logos a {
    display: inline-block;
    height: 100%; }
    .header__logos a:hover {
      border-bottom: none; }

.header__mobile-nav-trigger {
  background: transparent;
  border: 0;
  color: #FFF;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: normal;
  height: 50px;
  line-height: 0.85;
  margin-left: -1rem;
  padding: 0 1rem; }

@media only screen and (min-width: 768px) {
  .header__nav-level--root > ul > li > .header__nav-level > ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 87.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }
  @media only screen and (min-width: 768px) and (min-width: 1024px) {
    .header__nav-level--root > ul > li > .header__nav-level > ul {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 768px) and (min-width: 1280px) {
    .header__nav-level--root > ul > li > .header__nav-level > ul {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .header__nav-level--root > ul > li > .header__nav-level > ul {
      padding: 0 1.5rem; } }

@media only screen and (min-width: 768px) {
  .header__nav-level--root .header__nav-level a:hover {
    border-bottom: none;
    color: var(--color-theme);
    text-decoration: none !important; } }

@media only screen and (max-width: 1023px) {
  .header__nav-level > ul,
  .header__nav-level > ul ul,
  .header__nav-level > .header__mobile-only {
    margin-left: auto;
    margin-right: auto;
    max-width: 87.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }
  @media only screen and (max-width: 1023px) and (min-width: 1024px) {
    .header__nav-level > ul,
    .header__nav-level > ul ul,
    .header__nav-level > .header__mobile-only {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (max-width: 1023px) and (min-width: 1280px) {
    .header__nav-level > ul,
    .header__nav-level > ul ul,
    .header__nav-level > .header__mobile-only {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media only screen and (max-width: 1023px) and (max-width: 1023px) {
    .header__nav-level > ul,
    .header__nav-level > ul ul,
    .header__nav-level > .header__mobile-only {
      padding: 0 1.5rem; } }

.header__nav-primary a {
  display: block;
  text-underline-offset: 4px; }
  .header__nav-primary a:hover, .header__nav-primary a.open {
    color: var(--color-theme) !important; }

.header__nav-primary .site-search form .searchsubmit {
  position: static; }

@media only screen {
  .header__nav-primary ul#navList > li > a {
    font-size: 1.125rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .header__nav-primary ul#navList > li > a {
    font-size: 1.25rem; } }

@media only screen and (min-width: 1024px) {
  .header__nav-primary ul#navList > li > a {
    font-size: 1rem; } }

@media only screen and (min-width: 1280px) {
  .header__nav-primary ul#navList > li > a {
    font-size: 1.125rem; } }

@media only screen and (min-width: 1440px) {
  .header__nav-primary ul#navList > li > a {
    font-size: 1.25rem; } }

.header__search:not(.header__search--searching) {
  margin-left: auto;
  padding-left: 1rem; }
  @media only screen and (min-width: 1024px) {
    .header__search:not(.header__search--searching) {
      align-self: flex-start;
      margin-top: 12px; } }
  @media only screen and (min-width: 1280px) {
    .header__search:not(.header__search--searching) {
      margin-top: 14px; } }
  @media only screen and (min-width: 1600px) {
    .header__search:not(.header__search--searching) {
      margin-top: 16px; } }

.header__search-toggle {
  background-color: transparent;
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center; }

.header__search--searching {
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  padding-top: 10px;
  width: 100%; }

/* 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 {
    margin-left: 1rem;
    text-align: end; }

.header__search-form {
  display: flex; }
  .header__search-form .header__search-input {
    border-color: #215CAF;
    margin-bottom: 0;
    border-width: 1px;
    flex-grow: 1;
    padding: 10px 16px; }
    @media only screen {
      .header__search-form .header__search-input {
        font-size: 1.125rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .header__search-form .header__search-input {
        font-size: 1.25rem; } }
    @media only screen and (min-width: 1024px) {
      .header__search-form .header__search-input {
        font-size: 1rem; } }
    @media only screen and (min-width: 1280px) {
      .header__search-form .header__search-input {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 1440px) {
      .header__search-form .header__search-input {
        font-size: 1.25rem; } }
    .header__search-form .header__search-input:focus {
      outline: none; }
    .header__search-form .header__search-input::-ms-clear {
      display: none; }
  .header__search-form .header__search-close {
    height: 0;
    position: relative;
    width: 0; }
  .header__search-form .header__search-close-btn {
    background: none;
    left: -40px;
    opacity: 0.7;
    position: absolute;
    top: 8px; }
    @media only screen and (min-width: 1280px) {
      .header__search-form .header__search-close-btn {
        top: 10px; } }
    @media only screen and (min-width: 1440px) {
      .header__search-form .header__search-close-btn {
        top: 12px; } }
    .header__search-form .header__search-close-btn:hover {
      opacity: 1; }
    .header__search-form .header__search-close-btn:focus {
      outline: none; }
  .header__search-form .header__search-submit {
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    /* stylelint-disable-next-line selector-pseudo-element-no-unknown */ }
    .header__search-form .header__search-submit .material-icons, .header__search-form .header__search-submit .rsThumbsArrowIcn::before, .header__search-form .header__search-submit .rsArrowIcn::before, .header__search-form .header__search-submit .rsFullscreenIcn::before {
      margin-top: 0; }
    .header__search-form .header__search-submit:placeholder {
      color: #6F6F6F;
      opacity: 1; }
    .header__search-form .header__search-submit::placeholder {
      color: #6F6F6F;
      opacity: 1; }
    .header__search-form .header__search-submit::input-placeholder {
      color: #6F6F6F;
      opacity: 1; }

.header__search-suggestions__container {
  position: relative;
  width: 100%; }
  .header__search-suggestions__container .header__search-suggestions__list {
    background-color: #F6F6F6;
    padding: 0.75em 0;
    position: absolute;
    width: 100%;
    z-index: 100; }
  .header__search-suggestions__container .header__search-suggestion__item {
    color: #215CAF;
    padding: 0.5em 1.5em; }
    .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: #E2E2E2;
      cursor: pointer;
      outline: none; }

.header__to-search.header__mobile-only > a {
  line-height: 0; }

.header__to-search.header__mobile-only .icon.search-white {
  display: block; }

.header__navbar {
  align-items: center;
  display: flex; }

.header__nav-meta {
  background: #222;
  color: #FFF;
  font-size: 0.9rem;
  order: -1; }
  .header__nav-meta nav > ul {
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
    @media only screen and (min-width: 1280px) {
      .header__nav-meta nav > ul {
        margin-left: -0.75rem;
        margin-right: -0.75rem; } }
  .header__nav-meta li {
    display: flex; }
  .header__nav-meta a,
  .header__nav-meta .custom-select {
    padding: 0.375rem 0.5rem; }
    @media only screen and (min-width: 1024px) {
      .header__nav-meta a,
      .header__nav-meta .custom-select {
        padding: 0.375rem 0.75rem; } }
    .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 {
    border: none;
    line-height: 0.875rem;
    padding-right: 1.5rem; }
    @media only screen {
      .header__nav-meta .custom-select {
        font-size: 0.75rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 1280px) {
      .header__nav-meta .custom-select {
        font-size: 0.875rem; } }
  .header__nav-meta nav + nav {
    margin-left: auto;
    padding-left: 1rem; }
  .header__nav-meta > div {
    display: flex; }

.header__departments a {
  color: inherit; }
  @media only screen {
    .header__departments a {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 1280px) {
    .header__departments a {
      font-size: 0.875rem; } }

.header__departments .item--organization {
  padding-right: 0.3125rem; }
  @media only screen and (min-width: 1280px) {
    .header__departments .item--organization {
      padding-right: 0.625rem; } }

.header__departments .item--departments {
  padding-left: 0.3125rem;
  position: relative; }

@media only screen and (min-width: 768px) {
  .header__services {
    display: flex; } }

.header__services li + li {
  border-left: 1px solid #FFF; }

.header__services .current-lang {
  padding: 0.5rem; }

.header--with-department-breadcrumb .header__departments {
  overflow: hidden;
  padding-right: 1rem;
  position: relative;
  white-space: nowrap; }
  .header--with-department-breadcrumb .header__departments li {
    align-items: center;
    display: flex;
    padding-right: 0; }
    @media only screen {
      .header--with-department-breadcrumb .header__departments li {
        font-size: 0.75rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .header--with-department-breadcrumb .header__departments li {
        font-size: 0.875rem; } }
    @media only screen {
      .header--with-department-breadcrumb .header__departments li .material-icons, .header--with-department-breadcrumb .header__departments li .rsThumbsArrowIcn::before, .header--with-department-breadcrumb .header__departments li .rsArrowIcn::before, .header--with-department-breadcrumb .header__departments li .rsFullscreenIcn::before {
        font-size: 0.75rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .header--with-department-breadcrumb .header__departments li .material-icons, .header--with-department-breadcrumb .header__departments li .rsThumbsArrowIcn::before, .header--with-department-breadcrumb .header__departments li .rsArrowIcn::before, .header--with-department-breadcrumb .header__departments li .rsFullscreenIcn::before {
        font-size: 0.875rem; } }
  .header--with-department-breadcrumb .header__departments::after {
    background-image: linear-gradient(to right, transparent 0%, #222 100%);
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem; }

.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__partner-logos {
  white-space: nowrap;
  height: 100%; }

.header__partner-logo {
  margin-left: 34px; }
  @media only screen and (min-width: 1280px) {
    .header__partner-logo {
      margin-left: 36px; } }
  @media only screen and (min-width: 1440px) {
    .header__partner-logo {
      margin-left: 41px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .header--two-logos .header__partner-logos {
    display: none; } }

.header__headlines {
  margin-bottom: 5px;
  margin-left: 1.5rem; }
  @media only screen and (max-width: 479px) {
    .header__headlines a {
      font-weight: bold; } }
  @media screen and (min-width: 375px) and (max-width: 767px) {
    .header__headlines {
      margin-left: 52px; } }
  @media only screen and (min-width: 768px) {
    .header__headlines {
      margin-bottom: 7px;
      margin-left: 68px; } }
  @media only screen and (min-width: 1024px) {
    .header__headlines {
      margin-bottom: 10px;
      margin-left: 90px; } }
  @media only screen and (min-width: 1280px) {
    .header__headlines {
      margin-left: 96px; } }
  @media only screen and (min-width: 1440px) {
    .header__headlines {
      margin-left: 108px; } }
  .header__headlines .header__headline--big {
    line-height: 1.1; }
    @media only screen and (min-width: 1024px) and (max-width: 1279px) {
      .header__headlines .header__headline--big {
        line-height: 1.2; } }
    @media only screen and (min-width: 1440px) {
      .header__headlines .header__headline--big {
        font-size: 1.4375rem; } }

.header__mobile-nav-icon {
  background-color: #FFF;
  display: block;
  height: 2px;
  margin: 10px auto 13px;
  position: relative;
  transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  width: 26px; }
  .header__mobile-nav-icon::before, .header__mobile-nav-icon::after {
    background-color: inherit;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 26px; }
  .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 {
  transform: rotate(45deg);
  transition: 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; }
  .mobile-nav--active .header__mobile-nav-icon::before {
    opacity: 0;
    top: 0;
    transition: top 75ms ease, opacity 75ms ease 0.12s; }
  .mobile-nav--active .header__mobile-nav-icon::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; }

#skipLinks a {
  background-color: #222;
  color: #ffea00;
  display: block;
  font-size: 1.2rem;
  left: 10px;
  line-height: 1.5;
  padding: 3px 1rem;
  position: absolute;
  top: 10px;
  transform: translateY(-100%) translateY(-14px);
  transition: transform 0.2s;
  z-index: 10000; }
  #skipLinks a:focus {
    transform: translateY(0%); }

#info-banner {
  align-items: center;
  animation: 4s ease-out 0s 1 slideInFromTop;
  background-color: #f00;
  color: #FFF;
  display: flex;
  height: 2.5625rem;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; }

@keyframes slideInFromTop {
  0% {
    transform: translateY(-10rem); }
  100% {
    transform: translateY(0); } }

#ie-info {
  background: #BF534F;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.4rem;
  text-align: center; }

/*
|--------------------------------------------------------------------------
| Custom Selects in header
|--------------------------------------------------------------------------
*/
.custom-select {
  -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-position: right 0.54563rem top 50%, 0 0;
  background-repeat: no-repeat;
  background-size: 0.50625rem auto, 100%;
  border: 1px solid #FFF;
  border-radius: 0;
  box-shadow: none;
  color: #222;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1.3;
  margin: 0;
  max-width: 100%;
  padding: 0.6rem 1.8rem 0.5rem 0.8rem;
  width: 100%; }

.custom-select--dark {
  background-color: #222;
  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");
  color: #FFF; }
  .custom-select--dark optgroup {
    background: #FFF;
    color: initial;
    font-style: normal; }
  .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: 132px; }

/*
|--------------------------------------------------------------------------
| Desktop version
|--------------------------------------------------------------------------
*/
@media only screen and (min-width: 1024px) {
  .header__mobile-only {
    display: none; }
  .header__nav-primary {
    margin-bottom: -1rem;
    position: relative; }
  .header__nav-level--root > ul > li > .header__nav-level > ul > .overview {
    display: block; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .overview .inline {
      display: inline; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a > span {
      color: rgba(0, 0, 0, 0.6);
      display: inline-block;
      font-size: 1rem;
      margin-left: 2rem;
      padding-left: 0.5rem;
      position: relative; }
      .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a > span:hover {
        color: #000; }
      .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a > span::before {
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.912598 8.825L4.72926 5L0.912598 1.175L2.0876 0L7.0876 5L2.0876 10L0.912598 8.825Z' fill='%236F6F6F'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 8px;
        left: -6px;
        position: absolute;
        top: calc(50% - 4px);
        width: 6px; }
  .header__nav-level--root > ul .accessible-megamenu-top-nav-item.current-top > a::after {
    background: #000; }
  .header__nav-level--root > ul {
    display: flex;
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
    .header__nav-level--root > ul > li > a {
      height: 100%;
      position: relative; }
      .header__nav-level--root > ul > li > a::after {
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        width: 100%;
        height: 1px;
        transform: scaleY(1.4) translateY(-0.2px);
        background: transparent; } }
      @media only screen and (min-width: 1024px) and (min-width: 1280px) {
        .header__nav-level--root > ul > li > a::after {
          transform: scaleY(1.5) translateY(-0.3px); } }
      @media only screen and (min-width: 1024px) and (min-width: 1440px) {
        .header__nav-level--root > ul > li > a::after {
          transform: scaleY(1.7) translateY(-0.4px); } }

@media only screen and (min-width: 1024px) {
    .header__nav-level--root > ul > li .close {
      color: rgba(0, 0, 0, 0.6);
      cursor: pointer;
      position: absolute;
      right: 48px;
      top: calc(50% - 7px);
      transition: 160ms; }
      .header__nav-level--root > ul > li .close:hover {
        color: #000; }
    .header__nav-level--root > ul > li > .header__nav-level {
      background: #F6F6F6;
      left: 0;
      padding: 6.875rem 0 3.375rem;
      position: absolute;
      right: 0;
      top: 100%;
      visibility: hidden;
      z-index: 100; }
      .header__nav-level--root > ul > li > .header__nav-level > ul {
        display: grid;
        grid-auto-flow: row;
        grid-gap: 32px 16px;
        grid-template-columns: repeat(3, 5fr); }
        .header__nav-level--root > ul > li > .header__nav-level > ul > li > a {
          border-bottom: solid 1px rgba(34, 34, 34, 0.2);
          display: block;
          font-size: 1.25rem;
          font-weight: 400;
          line-height: 1.3;
          margin: 0.5rem 0;
          padding: 0 0 0.5rem;
          position: relative; }
          .header__nav-level--root > ul > li > .header__nav-level > ul > li > a:hover {
            border-bottom: solid 1px rgba(34, 34, 34, 0.2) !important; }
        .header__nav-level--root > ul > li > .header__nav-level > ul > .overview {
          left: 1.5rem;
          position: absolute;
          top: 3rem;
          width: 100%; } }
        @media only screen and (min-width: 1024px) and (min-width: 1024px) {
          .header__nav-level--root > ul > li > .header__nav-level > ul > .overview {
            /* establish container because of absolute position */
            margin-left: auto;
            margin-right: auto;
            max-width: 87.25rem;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            left: 0;
            right: 0; } }
  @media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-width: 1024px) {
    .header__nav-level--root > ul > li > .header__nav-level > ul > .overview {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 1024px) and (min-width: 1024px) and (min-width: 1280px) {
    .header__nav-level--root > ul > li > .header__nav-level > ul > .overview {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }

@media only screen and (min-width: 1024px) {
          .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a {
            display: inline; }
          .header__nav-level--root > ul > li > .header__nav-level > ul > .overview a:hover {
            color: #000; }
          .header__nav-level--root > ul > li > .header__nav-level > ul > .overview .inline:hover {
            color: var(--color-theme); }
          .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a {
            border: none;
            max-width: calc(100% - 72px);
            padding: 0; } }
          @media only screen and (min-width: 1024px) {
            .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a {
              font-size: 1.125rem;
              line-height: 1.5; } }
          @media only screen and (min-width: 1024px) and (min-width: 768px) {
            .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a {
              font-size: 1.25rem; } }
          @media only screen and (min-width: 1024px) and (min-width: 1024px) {
            .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a {
              font-size: 1.5rem; } }

@media only screen and (min-width: 1024px) {
            .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a:hover {
              border: 0 !important;
              text-decoration: none; }
              .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a:hover .overview__link {
                text-decoration: underline; }
                .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a:hover .overview__link::after {
                  background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99998 0.833008L4.17748 1.65551L7.43248 4.91634H0.333313V6.08301H7.43248L4.17748 9.34384L4.99998 10.1663L9.66665 5.49967L4.99998 0.833008Z' fill='%231269B0'/%3E%3C/svg%3E%0A");
                  content: '';
                  height: 10px;
                  position: absolute;
                  right: 0;
                  top: calc(50% - 5px);
                  width: 10px; }
            .header__nav-level--root > ul > li > .header__nav-level > ul > .overview > a .overview__link {
              color: #215CAF;
              font-size: 1rem;
              margin-left: 1.5rem;
              padding-right: 22px;
              position: relative; }
        .header__nav-level--root > ul > li > .header__nav-level > ul a {
          display: inline-block;
          padding-left: 0;
          padding-right: 0;
          position: relative; }
    .header__nav-level--root > ul .accessible-megamenu-top-nav-item > a.open::after,
    .header__nav-level--root > ul .accessible-megamenu-top-nav-item > a:hover::after {
      background: var(--color-theme); }
    .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.has-hidden-links > li:not(.show-all-link):nth-of-type(1n+8) {
      display: none; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul.has-hidden-links.is-active > li:not(.show-all-link):nth-of-type(1n+8) {
      display: block; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level a {
      border-bottom: solid 1px rgba(34, 34, 34, 0.2);
      display: block;
      font-size: 0.9rem;
      line-height: 1.5;
      margin: 0.3rem 0;
      padding: 0.5em 0; }
      .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level a:hover {
        border-bottom: solid 1px rgba(34, 34, 34, 0.2) !important; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul > li.show-all-link a {
      color: var(--color-theme);
      padding-left: 1rem; }
      .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul > li.show-all-link a:hover {
        color: #222 !important; }
      .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul > li.show-all-link a::before {
        content: '+';
        left: 3px;
        position: absolute;
        top: calc(25% - 2px); }
      .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul > li.show-all-link a span:nth-of-type(2) {
        display: none; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul.has-hidden-links.is-active > li.show-all-link a::before {
      content: '-'; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul.has-hidden-links.is-active > li.show-all-link a span:nth-of-type(1) {
      display: none; }
    .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level > ul.has-hidden-links.is-active > li.show-all-link a span:nth-of-type(2) {
      display: block; }
    .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: 1024px) {
  .header__nav-level--root > ul > li > a {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    padding: 1.25rem 0 0.5rem; } }

@media only screen and (min-width: 1280px) {
  .header__nav-level--root > ul > li > a {
    margin-left: 1rem;
    margin-right: 1rem; } }

@media only screen {
  .header__nav-level--root > ul > li > .header__nav-level > ul > li > a {
    font-size: 1.125rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .header__nav-level--root > ul > li > .header__nav-level > ul > li > a {
    font-size: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .header__nav-level--root > ul > li > .header__nav-level > ul > li > a {
    margin-bottom: 0; } }

@media only screen {
  .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level a {
    font-size: 1.125rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level a {
    font-size: 1.25rem; } }

@media only screen and (min-width: 1024px) {
  .header__nav-level--root > ul > li > .header__nav-level > ul > li > .header__nav-level a {
    font-size: 1rem; } }

@media only screen and (min-width: 1024px) {
  .header__nav-level--root > ul > li > .header__nav-level > ul {
    grid-gap: 32px 16px;
    grid-template-columns: repeat(4, 5fr); } }

/*
|--------------------------------------------------------------------------
| 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; } }

/*
|--------------------------------------------------------------------------
| Mobile Version
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 1023px) {
  .site-header {
    background-color: #FFF;
    position: fixed;
    top: 0;
    transition: top 0.3s ease-in;
    width: 100%;
    z-index: 1000; }
  .header__desktop-only {
    display: none !important; }
  .header__navbar {
    background: #222;
    color: #FFF;
    font-size: 0.75rem;
    height: 50px; }
    .header__navbar .header__language {
      margin-right: -0.8rem; }
      .header__navbar .header__language .current-lang {
        font-size: 1rem;
        padding: 0.6rem 0.8rem 0.5rem 0.8rem; }
    .header__navbar #nav-primary + .header__language {
      margin-left: auto; }
    .header__navbar .custom-select {
      background-position: right 0.7rem top 50%, 0 0;
      background-size: 8px auto;
      border: none;
      font-size: 1rem;
      padding-top: 0.5rem;
      text-transform: lowercase; }
  .nav-primary .header__nav-level--root {
    display: none; }
  .nav-primary.mobile-nav--active .header__nav-level--root {
    display: block; }
  .header__nav-level--root {
    background: #FFF;
    bottom: 0;
    color: #222;
    font-size: 1.125rem;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 6rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    z-index: 100; } }
  @media only screen and (max-width: 1023px) and (max-width: 1023px) {
    .sb-show-main .header__nav-level--root {
      top: 138px; } }
  @media only screen and (max-width: 1023px) and (max-width: 767px) {
    .sb-show-main .header__nav-level--root {
      top: 125px; } }
  @media only screen and (max-width: 1023px) and (max-width: 1023px) {
    .header__nav-level--root .nav-item-overview {
      display: none; } }

@media only screen and (max-width: 1023px) {
    .header__nav-level--root > ul > li a {
      padding-right: 30px;
      position: relative; }
      .header__nav-level--root > ul > li a::after {
        background-image: url("data:image/svg+xml,%3Csvg width='8' height='10' viewBox='0 0 8 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.912598 8.825L4.72926 5L0.912598 1.175L2.0876 0L7.0876 5L2.0876 10L0.912598 8.825Z' fill='black'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 11px;
        position: absolute;
        right: 6px;
        top: calc(50% - 4px);
        width: 8px; }
      .header__nav-level--root > ul > li a.back {
        padding: 0.6rem 0 0.6rem 1.5rem; }
        .header__nav-level--root > ul > li a.back::after {
          left: 0;
          right: auto;
          transform: rotate(180deg);
          top: 13px; }
    .header__nav-level--root a {
      line-height: 1.17;
      padding: 0.6rem 0; }
    .header__nav-level--root hr {
      border-bottom: 1px solid #E2E2E2;
      margin: 0.9rem 0 1.3rem; }
    .header__nav-level--root .header__mobile-only a {
      line-height: 1.25;
      padding: 0.4rem 0;
      position: relative; }
      .header__nav-level--root .header__mobile-only a .material-icons, .header__nav-level--root .header__mobile-only a .rsThumbsArrowIcn::before, .header__nav-level--root .header__mobile-only a .rsArrowIcn::before, .header__nav-level--root .header__mobile-only a .rsFullscreenIcn::before {
        font-size: 1rem; }
      .header__nav-level--root .header__mobile-only a svg {
        position: absolute;
        right: 4px;
        top: calc(50% - 8px); }
    .header__nav-level--root .header__nav-level {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transform: translateX(100%);
      width: 100%; }
      .header__nav-level--root .header__nav-level .material-icons.close, .header__nav-level--root .header__nav-level .close.rsThumbsArrowIcn::before, .header__nav-level--root .header__nav-level .close.rsArrowIcn::before, .header__nav-level--root .header__nav-level .close.rsFullscreenIcn::before {
        display: none; }
      .header__nav-level--root .header__nav-level > ul > li a {
        padding-left: 1.5rem; }
    .header__nav-level--root .custom-select {
      padding: 0.3rem 1.8rem 0.3rem 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 {
    color: #6F6F6F;
    font-size: 1rem;
    margin-bottom: 0.6rem; }
  body.mobile-nav--open {
    height: 100%;
    overflow: hidden !important;
    position: relative; }
    body.mobile-nav--open header {
      min-height: 100vh; } }

/*
|--------------------------------------------------------------------------
| Custom Switch
|--------------------------------------------------------------------------
*/
.custom-switch {
  display: inline-block;
  height: 1.2rem;
  position: relative;
  width: 2.2rem; }

.custom-switch input {
  height: 0 !important;
  opacity: 0;
  width: 0 !important; }

/* The custom-switch--slider */
.custom-switch--slider {
  background-color: #6F6F6F;
  border-radius: 1rem;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.custom-switch--slider::before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 0.1rem;
  content: "";
  height: 1rem;
  left: 0.1rem;
  position: absolute;
  transition: .1s;
  width: 1rem; }

input:checked + .custom-switch--slider {
  background-color: #215CAF; }

input:checked + .custom-switch--slider::before {
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem); }

@media only screen and (min-width: 1280px) {
  .site-header {
    font-size: 1rem; }
  .header__departments .item--departments {
    padding-left: 0.5625rem;
    padding-right: 0.375rem; } }

.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 .content-main,
  .site-wrapper .content-sidebar {
    flex-grow: 1; }

.site-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 87.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: #FFF;
  margin-top: 150px; }
  @media only screen and (min-width: 1024px) {
    .site-content {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 1280px) {
    .site-content {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media only screen and (min-width: 1024px) {
    .site-content {
      margin-top: 3rem; } }

.content-main {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 100%; }
  @media only screen and (max-width: 767px) {
    .content-main {
      max-width: 100%; } }

@media only screen {
  .content-sidebar .postal-code,
  .content-sidebar .locality {
    font-size: 1rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .content-sidebar .postal-code,
  .content-sidebar .locality {
    font-size: 1.125rem; } }

@media only screen {
  .content-sidebar .contactlist li {
    font-size: 0.875rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .content-sidebar .contactlist li {
    font-size: 1rem; } }

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

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

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .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 .news_content__wrapper {
  order: 2; }

.site-content--with-sidebar .content-main {
  order: 0; }
  @media only screen {
    .site-content--with-sidebar .content-main {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .site-content--with-sidebar .content-main {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 66.66667%;
      max-width: 66.66667%; } }
  @media only screen and (min-width: 1440px) {
    .site-content--with-sidebar .content-main {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 58.33333%;
      max-width: 58.33333%; } }
  @media only screen and (min-width: 1440px) {
    .site-content--with-sidebar .content-main {
      margin-left: 8.33333%; } }

.site-content--with-sidebar .content-sidebar {
  order: 2; }
  @media only screen {
    .site-content--with-sidebar .content-sidebar {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 1024px) {
    .site-content--with-sidebar .content-sidebar {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%; } }
  @media only screen and (min-width: 1024px) {
    .site-content--with-sidebar .content-sidebar {
      margin-left: 8.33333%; } }
  @media only screen and (min-width: 1024px) {
    .site-content--with-sidebar .content-sidebar {
      order: 1;
      padding-top: 3rem; } }

.search .content-sidebar {
  order: 0; }
  @media only screen and (min-width: 1024px) {
    .search .content-sidebar {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%; } }

@media only screen {
  .search .content-main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1024px) {
  .search .content-main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

.site-content--homepage .site-content__homepage-main {
  /* establish new row, but without bleed, because it's already inside a row */
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  /* force minimum width to take 100% of wrapper (in case content is not expanding) */
  flex-basis: 100%; }

@media only screen {
  .site-content--homepage .content-main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1024px) {
  .site-content--homepage .content-main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

@media only screen {
  .site-content--homepage .content-sidebar {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1024px) {
  .site-content--homepage .content-sidebar {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%; } }

.button-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media only screen {
    .button-group {
      margin-top: 2rem; } }
  @media only screen and (min-width: 768px) {
    .button-group {
      margin-top: 3rem; } }
  @media only screen and (min-width: 768px) {
    .button-group {
      flex-direction: row; }
      .button-group .button + .button {
        margin-left: 1rem;
        margin-top: 0; } }

.teaserbox {
  background-color: #FFF;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem; }
  @media only screen {
    .teaserbox {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .teaserbox {
      padding-left: 2rem;
      padding-right: 2rem; } }
  .teaserbox .basecomponent.onlynewparsys {
    margin-top: 0; }
  .teaserbox .basecomponent:first-of-type {
    margin-top: 0; }
  .teaserbox .text-image .text-box {
    margin: 0; }
  .teaserbox .text-box :first-child {
    margin-top: 0; }
  @media only screen {
    .teaserbox .eventfeed.basecomponent {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 768px) {
    .teaserbox .eventfeed.basecomponent {
      margin-bottom: 3rem; } }

.homepage .teaserbox {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  box-shadow: 0 0.1875rem 0.5rem rgba(31, 64, 122, 0.3);
  margin-bottom: 1rem; }

#content {
  font-size: 1rem;
  line-height: 1.375;
  position: relative;
  width: 100%; }
  html:not(.aem-AuthorLayer-Edit):not(.aem-AuthorLayer-Preview) #content {
    min-height: calc(100vh - 18rem); }

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

.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 {
    margin-bottom: 0;
    padding-bottom: 0; }

aside {
  min-height: 0.0625rem; }

#overviewContainer {
  background-color: rgba(255, 255, 255, 0);
  padding-top: 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 .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: 1rem; }
  .contentMain .twocolumns .cols-2 .box.right > .parsys,
  #contentMain .twocolumns .cols-2 .box.right > .parsys,
  #mainContent .twocolumns .cols-2 .box.right > .parsys {
    padding-left: 1rem; }
  .contentMain .twocolumns .cols-2 .fullwidthimage,
  #contentMain .twocolumns .cols-2 .fullwidthimage,
  #mainContent .twocolumns .cols-2 .fullwidthimage {
    padding-top: 0; }

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

[id='contentMain'] div.twocolumn.basecomponent {
  margin-bottom: 0;
  margin-top: 0; }

@media only screen {
  .basecomponent.twocolumn .twocolumn__col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 768px) {
  .basecomponent.twocolumn .twocolumn__col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
    max-width: 50%; } }

.basecomponent.twocolumn.full-height .basecomponent {
  height: 100%; }

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

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

.site-content--wide .basecomponent.twocolumn {
  max-width: 100% !important; }

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

.mobileDetection-container {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999; }
  .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 {
    background-color: #fff;
    border-radius: 1.5625rem;
    color: #fff;
    font-size: 2.5rem;
    height: 25rem;
    left: 50%;
    margin-left: -21.875rem;
    margin-top: -12.5rem;
    position: absolute;
    top: 50%;
    width: 43.75rem;
    z-index: 1000; }
    .mobileDetection-container .mobileDetection-notice-container .header {
      height: 7.5rem; }
      .mobileDetection-container .mobileDetection-notice-container .header .title {
        color: #000;
        font-weight: bold;
        padding-top: 2.5rem;
        text-align: center; }
    .mobileDetection-container .mobileDetection-notice-container .message {
      color: #fff;
      padding: 2.8125rem;
      text-align: center; }
      .mobileDetection-container .mobileDetection-notice-container .message a {
        background-color: #08407E;
        color: #fff;
        font-size: 2.5rem;
        padding: 1.5625rem; }
    .mobileDetection-container .mobileDetection-notice-container .close-section {
      padding-top: 1.875rem;
      text-align: center; }
      .mobileDetection-container .mobileDetection-notice-container .close-section .mobileDetection-closeButton {
        background-color: #08407E;
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        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: 1023px) {
  #overviewContainer {
    margin-top: 0; }
  #contentNav {
    width: 25%; } }

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

@media screen and (max-width: 767px) {
  .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,
  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 {
    font-size: 1rem;
    line-height: 1.8; }
  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; } }

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

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

@media only screen and (max-width: 767px) {
  [id='contentMain'] .twocolumns .box.left::after {
    content: '';
    display: block;
    height: 1px; } }

.floorplan__map {
  display: inline-block; }

.floorplan__svg {
  border: 1px solid #E2E2E2;
  padding: 1rem; }

.floorplan svg {
  height: auto;
  width: 100%; }

form[action$='contact.html'] {
  margin-bottom: 1.625rem; }

@media screen and (max-width: 1023px) {
  #mainContent .tab_accordion form .text-image h3 #mainContent .tab_accordion form p {
    padding-left: 0 !important; } }

.login .search-form {
  background: #F6F6F6;
  padding-left: 1rem;
  padding-right: 1rem; }

.tableOfContents {
  padding: 0 1.875rem; }
  .tableOfContents a {
    transition: 80ms; }
    .tableOfContents a:hover {
      color: var(--color-theme); }
    .tableOfContents a .material-icons, .tableOfContents a .rsThumbsArrowIcn::before, .tableOfContents a .rsArrowIcn::before, .tableOfContents a .rsFullscreenIcn::before {
      padding-left: 0.25rem; }
  .tableOfContents span.hidden {
    display: inline;
    height: 0;
    left: -62.5rem;
    overflow: hidden;
    position: absolute;
    top: -62.5rem;
    width: 0; }
  .tableOfContents div.headToc {
    margin-bottom: 1.375rem;
    margin-top: 1.5rem; }
  .tableOfContents div.contentToc > ul > li {
    display: inline;
    float: left;
    margin-bottom: 2.75rem; }
    .tableOfContents div.contentToc > ul > li .grid_2 {
      border-bottom: 1px solid #E2E2E2;
      margin-left: 1.25rem;
      margin-right: 0;
      padding-bottom: 0.5rem;
      width: 10rem; }
      .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 .tocContent .li_row + .li_row {
    margin-left: 1.25rem; }
  .tableOfContents div.contentToc > ul > li:last-child {
    margin-bottom: 0; }
  .tableOfContents #btnTocExpandAll {
    color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center; }
    .tableOfContents #btnTocExpandAll .material-icons, .tableOfContents #btnTocExpandAll .rsThumbsArrowIcn::before, .tableOfContents #btnTocExpandAll .rsArrowIcn::before, .tableOfContents #btnTocExpandAll .rsFullscreenIcn::before {
      padding-left: 4px; }
    .tableOfContents #btnTocExpandAll:hover {
      color: #000; }
  .tableOfContents div.contentToc > ul > li > ul > li {
    border-bottom: 1px solid #E2E2E2;
    float: left;
    margin-right: 0.625rem;
    padding-bottom: 0.3125rem; }
    .tableOfContents div.contentToc > ul > li > ul > li a {
      display: flex;
      align-items: center;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.4285714286;
      width: 100%;
      justify-content: space-between; }
    .tableOfContents div.contentToc > ul > li > ul > li .icon {
      bottom: 0.5rem;
      position: absolute;
      right: 0.25rem; }
    .tableOfContents div.contentToc > ul > li > ul > li a:hover {
      border: 0; }
    .tableOfContents div.contentToc > ul > li > ul > li div.expanded {
      position: relative; }
    .tableOfContents div.contentToc > ul > li > ul > li ul {
      display: none;
      margin-top: 0.5rem; }
      .tableOfContents div.contentToc > ul > li > ul > li ul li {
        border-top: 1px solid #E2E2E2;
        margin-bottom: 0; }
        .tableOfContents div.contentToc > ul > li > ul > li ul li a {
          font-size: 15px;
          line-height: 1.1666666667;
          font-weight: normal; }
        .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 {
          margin-bottom: -0.1875rem;
          padding-bottom: 0.3125rem;
          padding-top: 0.375rem;
          position: relative; }
          .tableOfContents div.contentToc > ul > li > ul > li ul li div.expanded span.icon {
            bottom: 0.7rem; }
        .tableOfContents div.contentToc > ul > li > ul > li ul li ul {
          margin-bottom: 0;
          margin-top: 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 #E2E2E2; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  div.tableOfContents div.contentToc > ul > li {
    display: block;
    float: none; } }

@media screen and (max-width: 1023px) {
  div.tableOfContents {
    padding-left: 0;
    padding-right: 0; }
  div.tableOfContents div.contentToc > ul > li .grid_2 {
    clear: both;
    display: block;
    float: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    width: 100%; }
  div.tableOfContents div.contentToc > ul {
    margin-bottom: 1rem; }
  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: 1023px) {
  div.tableOfContents div.contentToc > ul > li {
    display: block;
    float: none; } }

@media screen and (max-width: 767px) {
  div.tableOfContents div.contentToc > ul > li .grid_2 {
    margin-left: 0; } }

.search .content-sidebar {
  order: 0; }
  @media only screen and (min-width: 1024px) {
    .search .content-sidebar {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 25%;
      max-width: 25%; } }

@media only screen {
  .search .content-main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (min-width: 1024px) {
  .search .content-main {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 75%;
    max-width: 75%; } }

.site-content--wide .content-main {
  /*
     * Limit the container width for wide layout.
     * Allow components to break out by including:
     * @include reset-wide-container-width
     */ }
  @media only screen {
    .site-content--wide .content-main {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (min-width: 1440px) {
    .site-content--wide .content-main {
      margin-left: 8.33333%; } }
  @media only screen and (min-width: 1440px) {
    .site-content--wide .content-main {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 83.33333%;
      max-width: 83.33333%; } }
  .site-content--wide .content-main > *:not(.parsys),
  .site-content--wide .content-main > .basecomponent > .basecomponent > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 48.75rem; }

/* Add margins to basecomponents */
.basecomponent {
  /* Use this to debug: */
  /* First: Apply styles how the first .basecomponent should look like */
  /* Second: Apply styles to all .basecomponents BUT the first one
  (using the general sibling trick, because there is
  no :first-of-class selector in CSS) */
  /** Third: Apply styles to last item
   * ! Beware: This simply targets the last div in the container,
   * because there is no :last-of-class selector in CSS.
   * A more secure way would be to provide a class
   * `has-no-spacing-bottom` to the last item.
   */
  /* Helper class */
  /* Helper class */
  /* Cases where we want to explicitly set margins to 0 */ }
  [id='contentMain'] .basecomponent {
    margin-top: 0; }
    @media only screen {
      [id='contentMain'] .basecomponent {
        margin-bottom: 2rem; } }
    @media only screen and (min-width: 768px) {
      [id='contentMain'] .basecomponent {
        margin-bottom: 3rem; } }
  .content-sidebar .basecomponent {
    margin-bottom: 0;
    margin-top: 0; }
  @media only screen {
    [id='contentMain'] .basecomponent ~ .basecomponent {
      margin-top: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .basecomponent ~ .basecomponent {
      margin-top: 1.5rem; } }
  @media only screen {
    [id='contentMain'] .basecomponent ~ .basecomponent {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .basecomponent ~ .basecomponent {
      margin-bottom: 3rem; } }
  .content-sidebar .basecomponent ~ .basecomponent {
    margin-bottom: 0;
    margin-top: 0; }
  [id='contentMain'] .basecomponent:last-of-type {
    margin-bottom: 0; }
    @media only screen {
      [id='contentMain'] .basecomponent:last-of-type {
        margin-top: 1.25rem; } }
    @media only screen and (min-width: 768px) {
      [id='contentMain'] .basecomponent:last-of-type {
        margin-top: 1.5rem; } }
  .content-sidebar .basecomponent:last-of-type {
    margin-bottom: 0;
    margin-top: 0; }
  [id='contentMain'] .basecomponent.has-no-spacing-bottom {
    margin-bottom: 0; }
  .content-sidebar .basecomponent.has-no-spacing-bottom {
    margin-bottom: 0; }
  [id='contentMain'] .basecomponent.has-no-spacing-top {
    margin-top: 0; }
  .content-sidebar .basecomponent.has-no-spacing-top {
    margin-top: 0; }
  [id='contentMain'] .basecomponent:only-of-type, [id='contentMain']
  .basecomponent .columnsend {
    margin-bottom: 0;
    margin-top: 0; }
  .content-sidebar .basecomponent:only-of-type, .content-sidebar
  .basecomponent .columnsend {
    margin-bottom: 0;
    margin-top: 0; }
  [id='contentMain'] .basecomponent.childrenNav {
    margin-bottom: 0; }
  [id='contentMain'] .basecomponent .basecomponent ~ .textimage.basecomponent {
    margin-bottom: 0;
    margin-top: 0; }

.button {
  align-items: center;
  background-color: #222;
  border: 0.0625rem solid #222;
  border-radius: 0.125rem;
  color: #FFF;
  display: flex;
  font-family: "DINPro", helvetica, arial, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  justify-content: center;
  overflow: hidden;
  padding: 0.875rem 2rem 0.8125rem;
  position: relative;
  text-decoration: none;
  transition: 0.3s;
  transition-duration: 80ms;
  transition-property: color, background-color, border-color;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  /* Ripple effect on click */ }
  .button .material-icons, .button .rsThumbsArrowIcn::before, .button .rsArrowIcn::before, .button .rsFullscreenIcn::before {
    font-size: 1rem;
    margin-top: -0.2em; }
  .button span + span {
    margin-left: 0.5rem; }
  .button:not(:disabled):hover, .button:not(:disabled):focus {
    background-color: #000;
    border-color: #000;
    color: #FFF;
    cursor: pointer; }
  .button .ripple {
    animation: ripple 0.6s linear;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    position: absolute;
    transform: scale(0); }
    .button .ripple::before {
      background-color: rgba(255, 255, 255, 0.1);
      border-radius: 50%;
      content: '';
      height: 80%;
      left: 10%;
      position: absolute;
      top: 10%;
      width: 80%; }

@keyframes ripple {
  to {
    opacity: 0;
    transform: scale(4); } }
  .button--primary:disabled {
    background-color: #F6F6F6;
    border-color: #F6F6F6;
    color: rgba(34, 34, 34, 0.48); }
  .button--secondary {
    background-color: transparent;
    border-color: rgba(34, 34, 34, 0.2);
    color: #222; }
    .button--secondary .ripple {
      background-color: rgba(0, 0, 0, 0.04); }
    .button--secondary:not(:disabled):hover, .button--secondary:not(:disabled):focus {
      background-color: transparent;
      border-color: #000;
      color: #000; }
    .button--secondary:disabled {
      background: transparent;
      border-color: rgba(34, 34, 34, 0.2);
      color: rgba(34, 34, 34, 0.48); }
  .button--tag {
    border-radius: 18px;
    padding: 5px 12px 4px; }
    @media only screen {
      .button--tag {
        font-size: 0.75rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .button--tag {
        font-size: 0.875rem; } }
  .button--raw {
    height: 3rem;
    padding: 0;
    width: 3rem; }
  .button--inverted {
    background-color: #FFF;
    border: 0.0625rem solid #FFF;
    color: #222; }
    .button--inverted:not(:disabled):hover, .button--inverted:not(:disabled):focus {
      background-color: rgba(255, 255, 255, 0.8);
      border-color: transparent;
      color: #222; }
    .button--inverted:disabled {
      opacity: 0.4; }
    .button--inverted.button--secondary {
      background-color: transparent; }
      .button--inverted.button--secondary:not(.button--tag) {
        border-color: #FFF;
        color: #FFF; }
      .button--inverted.button--secondary .ripple {
        background-color: rgba(255, 255, 255, 0.04); }
      .button--inverted.button--secondary:not(:disabled):hover, .button--inverted.button--secondary:not(:disabled):focus {
        background-color: transparent;
        border-color: rgba(255, 255, 255, 0.8);
        color: rgba(255, 255, 255, 0.8); }
  .button--sm {
    padding: 0.25rem 1.5rem; }

/*
 * Default Link Styles
 */
a {
  /* Reset all links */
  /* This is just a safeguard, material icons should not appear
  inside an achor tag without the eth-link class. */ }
  a, a:hover, a:active, a:focus {
    color: inherit;
    cursor: pointer;
    text-decoration: none; }
  a .material-icons, a .rsThumbsArrowIcn::before, a .rsArrowIcn::before, a .rsFullscreenIcn::before {
    font-size: inherit; }

/* Helper class to add default link styling */
.link-style-default {
  border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.6);
  color: inherit;
  transition: color 80ms cubic-bezier(0.42, 0, 0.58, 1), border-bottom-color 80ms cubic-bezier(0.42, 0, 0.58, 1);
  /* Different styles for links inside sidebar */ }
  .link-style-default:hover, .link-style-default:focus {
    color: rgba(0, 0, 0, 0.6); }
  .content-sidebar .link-style-default {
    border-color: rgba(0, 0, 0, 0.6); }
    .content-sidebar .link-style-default:hover, .content-sidebar .link-style-default:focus {
      color: rgba(0, 0, 0, 0.6); }

/* Styles for eth-link */
.eth-link {
  border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.6);
  color: inherit;
  transition: color 80ms cubic-bezier(0.42, 0, 0.58, 1), border-bottom-color 80ms cubic-bezier(0.42, 0, 0.58, 1);
  border-bottom-color: var(--color-theme);
  /* If icon is before content, the link should have
  this additional class to update styling accordingly */ }
  .eth-link:hover, .eth-link:focus {
    color: rgba(0, 0, 0, 0.6); }
  .eth-link:hover, .eth-link:focus {
    border-color: var(--color-theme);
    color: var(--color-theme); }
  .eth-link .material-icons, .eth-link .rsThumbsArrowIcn::before, .eth-link .rsArrowIcn::before, .eth-link .rsFullscreenIcn::before {
    /* Slightly reduce icon size to match font-size */
    font-size: 90%;
    /* Default icon styling -> icon added after content */
    margin-left: 0.25rem;
    /* Optically align icon */
    transform: translateY(0.1em); }
  .eth-link.has-icon-before .material-icons, .eth-link.has-icon-before .rsThumbsArrowIcn::before, .eth-link.has-icon-before .rsArrowIcn::before, .eth-link.has-icon-before .rsFullscreenIcn::before {
    margin-left: initial;
    margin-right: 0.5rem; }
  .content-sidebar .eth-link {
    border-color: rgba(0, 0, 0, 0.6); }
    .content-sidebar .eth-link:hover, .content-sidebar .eth-link:focus {
      color: rgba(0, 0, 0, 0.6); }
  .eth-link--no-underline {
    border: none;
    color: var(--color-theme); }
    .eth-link--no-underline:hover, .eth-link--no-underline:focus {
      color: #000; }

.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 td a.more.more {
    color: rgba(0, 0, 0, 0.6);
    transition: color 80ms cubic-bezier(0.42, 0, 0.58, 1); }
    .academicCalendar td a.more.more:hover {
      color: #000; }
    .academicCalendar td a.more.more .material-icons, .academicCalendar td a.more.more .rsThumbsArrowIcn::before, .academicCalendar td a.more.more .rsArrowIcn::before, .academicCalendar td a.more.more .rsFullscreenIcn::before {
      font-size: 90%;
      margin-left: 0.5rem;
      transform: translateY(0.125rem); }
    .academicCalendar td a.more.more.is-active {
      color: var(--color-theme); }
      .academicCalendar td a.more.more.is-active:hover {
        color: #000; }

.academicCalendar h3.ui-state-active,
.academicCalendar h3.ui-state-default,
.academicCalendar h3.ui-state-hover {
  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 #E2E2E2; } }

.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 .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;
    clear: both;
    display: block;
    float: left;
    width: 100%; }
  .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: 1023px) {
  .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;
    margin-left: 0;
    padding-left: 1.1rem; }
    @media only screen {
      .academicCalendar .event-list > ul > li {
        font-size: 1.125rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .academicCalendar .event-list > ul > li {
        font-size: 1.25rem; } }
    @media only screen {
      .content-sidebar .academicCalendar .event-list > ul > li {
        font-size: 1rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .content-sidebar .academicCalendar .event-list > ul > li {
        font-size: 1.125rem; } }
    .academicCalendar .event-list > ul > li::before {
      content: '–';
      display: block;
      float: left;
      margin-left: -1.1rem;
      width: 1.1rem; }

/*
|--------------------------------------------------------------------------
| Academic Calendar -- Table
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
  .academicCalendar .trSubtext.trSubtext.trSubtext {
    border-bottom: solid 1px #E2E2E2;
    border-width: 0; }
    .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 #E2E2E2; }
  .academicCalendar .trSubtext + .description {
    border-bottom: solid 1px #E2E2E2;
    border-top: 0; } }

/*
|--------------------------------------------------------------------------
| Academic Calendar Basecomponent
|--------------------------------------------------------------------------
*/
.academiccalendar {
  margin-bottom: 1rem;
  margin-top: 1rem; }

.breadcrumb {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 767px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb-inner {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; }
  @media only screen and (min-width: 1440px) {
    .breadcrumb:not(.breadcrumb--wide) .breadcrumb-inner {
      margin-left: 8.33333%;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 91.66667%;
      max-width: 91.66667%; } }
  .breadcrumb.breadcrumb--wide .breadcrumb-inner {
    width: 100%; }
    .breadcrumb.breadcrumb--wide .breadcrumb-inner ul {
      margin-left: auto;
      margin-right: auto;
      max-width: 48.75rem; }
  .breadcrumb ul {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 0.125rem;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media only screen {
      .breadcrumb ul {
        font-size: 0.75rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .breadcrumb ul {
        font-size: 0.875rem; } }
    .breadcrumb ul li:first-of-type a {
      padding-left: 0; }
    .breadcrumb ul li {
      align-items: center;
      display: flex; }
      .breadcrumb ul li a {
        padding: 0.125rem 0.5rem; }
        .breadcrumb ul li a:hover {
          border-bottom: none;
          text-decoration: underline; }
      .breadcrumb ul li a,
      .breadcrumb ul li .material-icons,
      .breadcrumb ul li .rsThumbsArrowIcn::before,
      .breadcrumb ul li .rsArrowIcn::before,
      .breadcrumb ul li .rsFullscreenIcn::before {
        color: rgba(0, 0, 0, 0.6); }
        @media only screen {
          .breadcrumb ul li a,
          .breadcrumb ul li .material-icons,
          .breadcrumb ul li .rsThumbsArrowIcn::before,
          .breadcrumb ul li .rsArrowIcn::before,
          .breadcrumb ul li .rsFullscreenIcn::before {
            font-size: 0.75rem;
            line-height: 1.5; } }
        @media only screen and (min-width: 768px) {
          .breadcrumb ul li a,
          .breadcrumb ul li .material-icons,
          .breadcrumb ul li .rsThumbsArrowIcn::before,
          .breadcrumb ul li .rsArrowIcn::before,
          .breadcrumb ul li .rsFullscreenIcn::before {
            font-size: 0.875rem; } }
      
      .breadcrumb ul li .material-icons,
      .breadcrumb ul li .rsThumbsArrowIcn::before,
      .breadcrumb ul li .rsArrowIcn::before,
      .breadcrumb ul li .rsFullscreenIcn::before {
        padding: 0; }
      .breadcrumb ul li:last-of-type a {
        color: #000; }
  .breadcrumb .breadcrumb-item--hidden {
    display: inline;
    height: 0;
    left: -1.25rem;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    width: 0; }
    .breadcrumb .breadcrumb-item--hidden a {
      display: inline;
      height: 1.15rem;
      overflow: hidden;
      padding: 0 !important;
      position: absolute;
      top: -0.0625rem;
      width: 1.25rem; }

.buildingaddress .fullwidth-image,
.buildingaddress .building_address {
  margin-bottom: 1rem; }

@media only screen {
  .buildingaddress figure figcaption {
    font-size: 1.125rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .buildingaddress figure figcaption {
    font-size: 1.25rem; } }

.carousel {
  position: relative; }
  @media only screen {
    .carousel {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%; } }
  @media only screen and (max-width: 1023px) {
    .carousel {
      flex-basis: auto;
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      margin-top: -2rem;
      max-width: none;
      width: calc(100% + 3rem); } }
  @media screen and (-ms-high-contrast: active) {
    .carousel .hooper-indicator {
      background-color: #FFF !important; }
    .carousel .carousel_control-next,
    .carousel .carousel_control-prev {
      background-color: #222 !important;
      background-image: none !important;
      background-position: 100% !important;
      box-sizing: border-box;
      position: relative; }
      .carousel .carousel_control-next::after,
      .carousel .carousel_control-prev::after {
        border: solid #fff;
        border-width: 0 3px 3px 0;
        box-sizing: border-box;
        content: ' ';
        display: block;
        height: 16px;
        left: calc(50% - 10px);
        padding: 0;
        position: absolute;
        top: calc(50% - 8px);
        transform: rotate(-45deg);
        width: 16px; } }
  .carousel-container {
    flex: 1;
    max-width: 87.25rem;
    position: relative;
    width: 100%; }
  .carousel_wrapper {
    margin-bottom: 1.25rem; }
  .carousel_control {
    display: flex;
    justify-content: space-between;
    margin-top: calc((49.87% / 2) - 20px);
    padding: 0 1rem;
    position: absolute;
    top: 0;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .carousel_control {
        padding: 0 1.5rem; } }
    @media only screen and (min-width: 1024px) {
      .carousel_control {
        margin-top: 0;
        padding: 0 3rem;
        right: 0.25rem;
        top: calc(50% - 44px - 20px);
        width: 85%; } }
    .carousel_control .carousel_control-next,
    .carousel_control .carousel_control-prev {
      background-color: #FFF;
      border-radius: 50%;
      box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.2);
      height: 2.5rem;
      width: 2.5rem;
      z-index: 1;
      cursor: pointer;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .carousel_control .carousel_control-next .material-icons, .carousel_control .carousel_control-next .rsThumbsArrowIcn::before, .carousel_control .carousel_control-next .rsArrowIcn::before, .carousel_control .carousel_control-next .rsFullscreenIcn::before,
      .carousel_control .carousel_control-prev .material-icons,
      .carousel_control .carousel_control-prev .rsThumbsArrowIcn::before,
      .carousel_control .carousel_control-prev .rsArrowIcn::before,
      .carousel_control .carousel_control-prev .rsFullscreenIcn::before {
        font-size: 32px; }
  .carousel_autoplay-container {
    display: none; }
    @media only screen and (min-width: 768px) {
      .carousel_autoplay-container {
        display: block;
        position: relative;
        width: 100%; } }
    @media only screen and (min-width: 1024px) {
      .carousel_autoplay-container {
        width: 60%; } }
  .carousel_autoplay {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 2.5rem 2.5rem;
    bottom: 1.5rem;
    height: 2.5rem;
    position: absolute;
    right: 1.5rem;
    width: 2.5rem;
    color: #FFF;
    padding: 0; }
    .carousel_autoplay .material-icons, .carousel_autoplay .rsThumbsArrowIcn::before, .carousel_autoplay .rsArrowIcn::before, .carousel_autoplay .rsFullscreenIcn::before {
      font-size: 40px; }
    @media only screen and (min-width: 1024px) {
      .carousel_autoplay {
        right: 2rem;
        bottom: 48px; } }
  .carousel_image-container {
    padding-top: 49.87%;
    position: relative;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .carousel_image-container {
        left: 15%;
        margin-bottom: 88px;
        padding-top: 42.389%;
        width: 85%; } }
    .carousel_image-container > .fullwidthimage,
    .carousel_image-container > .fullwidth-image {
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1; }
  .carousel_label {
    color: #FFF;
    height: 100%;
    padding: 3rem 1.5rem 2.5rem;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .carousel_label {
        padding: 2rem 1.5rem 88px; } }
    @media only screen and (min-width: 1024px) {
      .carousel_label {
        bottom: 0;
        margin-bottom: 1rem;
        margin-top: -9rem;
        max-height: 258px;
        max-width: 60%;
        padding: 1.5rem 4rem 88px 1.5rem; } }
    .is-current .carousel_label {
      box-shadow: 0 0.25rem 0.5rem rgba(31, 64, 122, 0.3); }
  .carousel_info-title {
    margin: 0 0 0.75rem; }
    @media only screen {
      .carousel_info-title {
        font-size: 1.5rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .carousel_info-title {
        font-size: 2rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 1024px) {
      .carousel_info-title {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        max-height: 78px;
        overflow: hidden;
        text-overflow: ellipsis; } }
  .carousel_info-text > * {
    margin: 0; }
    @media only screen {
      .carousel_info-text > * {
        font-size: 1rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .carousel_info-text > * {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 1024px) {
      .carousel_info-text > * {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        max-height: 3.5rem;
        overflow: hidden;
        text-overflow: ellipsis; } }
  .carousel-slide {
    visibility: hidden; }
    .carousel-slide:hover {
      border: none; }
  .carousel__loading {
    visibility: hidden; }
  .carousel .hooper {
    height: auto;
    outline: none;
    width: 100%; }
    .carousel .hooper-slide {
      height: auto; }
      @media only screen and (min-width: 1024px) {
        .carousel .hooper-slide {
          overflow: hidden; } }
    .carousel .hooper-pagination {
      bottom: 0;
      margin-top: calc(49.87% + 0.5rem);
      padding: 0;
      top: 0;
      width: auto; }
      @media only screen and (min-width: 768px) {
        .carousel .hooper-pagination {
          bottom: 42px;
          margin-top: 0;
          top: auto; } }
      @media only screen and (min-width: 1024px) {
        .carousel .hooper-pagination {
          justify-content: center;
          left: 0;
          right: auto;
          transform: translateX(0);
          width: 60%; } }
    .carousel .hooper-indicator {
      background-color: #E2E2E2;
      height: 3px;
      margin: 0 0.5rem 0;
      width: 2.5rem; }
      @media only screen and (min-width: 768px) {
        .carousel .hooper-indicator {
          width: 4rem; } }
      .carousel .hooper-indicator.is-active {
        background-color: #FFF; }

/*
|--------------------------------------------------------------------------
| Carousel -- Color Variants
|--------------------------------------------------------------------------
*/
.carousel--eth-blue {
  background: #215CAF; }

.carousel--eth-petrol {
  background: #007894; }

.carousel--eth-green {
  background: #627313; }

.carousel--eth-bronze {
  background: #8E6713; }

.carousel--eth-red {
  background: #B7352D; }

.carousel--eth-purple {
  background: #A30774; }

.carousel--eth-grey {
  background: #6F6F6F; }

.carousel--eth-black {
  background: #222; }

.comment-form h2 {
  font-size: 1.25rem; }

.comment-form .formHeader h2 {
  margin-bottom: 0.5rem;
  padding-top: 0; }

[id='comment-system'] h2 {
  font-size: 1.25rem;
  margin-bottom: 1rem; }

.commentForm {
  margin-bottom: 2rem; }

.commentListBox > li {
  display: flex;
  flex-wrap: wrap; }

.commentListBox li {
  border-top: 1px solid #E2E2E2;
  overflow: auto;
  padding: 0.5625rem 0;
  width: 100%; }
  .commentListBox li ul {
    margin-top: 0; }
    .commentListBox li ul li {
      border: none;
      display: inline;
      padding: 0; }
  .commentListBox li.last-child {
    border-bottom: 1px solid #E2E2E2;
    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 {
      background: url("img/eth_like_comment.png") no-repeat scroll 0 0 transparent;
      display: inline;
      font-weight: normal;
      line-height: 1.875rem;
      padding: 0.0625rem 0 0.1875rem 1.1875rem; }
      .commentListBox li .data a.like span {
        background: #F1F1F1;
        border: 1px solid #E2E2E2;
        display: inline;
        padding: 0.125rem 0.3125rem; }
      .commentListBox li .data a.like:hover {
        border-bottom: none; }
  .commentListBox li .commentEntry {
    flex-grow: 1;
    margin-bottom: 1rem;
    padding-left: 0.625rem;
    width: 200px; }
    .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: 1023px) {
  ul.commentListBox li .data span.commentName,
  ul.commentListBox li .data span {
    display: inline-block; }
  ul.commentListBox li .data {
    float: left;
    font-size: 1rem;
    width: 100%; }
  ul.commentListBox li .data span.commentName {
    margin-right: 1rem; }
  ul.commentListBox li .subComment ul li .commentEntry,
  ul.commentListBox li .commentEntry {
    margin-bottom: 1rem;
    padding-left: 0;
    width: 100%; }
  .subComment.scf-comment-replies ul.scf-comments-list {
    padding-left: 2rem; } }

.contactbox.basecomponent {
  padding-top: 1rem; }
  .content-sidebar .contactbox.basecomponent {
    padding-top: 0; }

@media only screen {
  .contactbox__wrapper {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 768px) {
  .contactbox__wrapper {
    margin-bottom: 3rem; } }

@media only screen {
  .content-sidebar .contactbox__wrapper {
    margin-bottom: 1.5rem; } }

@media only screen and (min-width: 768px) {
  .content-sidebar .contactbox__wrapper {
    margin-bottom: 2rem; } }

.homepage .contactbox__wrapper {
  margin-bottom: 0; }

.contactbox__wrapper.is-last,
.contactbox__wrapper.is-last .vcard:last-of-type {
  margin-bottom: 0; }

.contactbox h2,
.contactbox h3,
.contactbox h4 {
  padding-top: 0;
  margin-bottom: 0.75rem; }
  .content-sidebar .contactbox h2, .content-sidebar
  .contactbox h3, .content-sidebar
  .contactbox h4 {
    margin-bottom: 0.5rem; }
  .homepage .contactbox h2, .homepage
  .contactbox h3, .homepage
  .contactbox h4 {
    margin-bottom: 0.5rem; }

@media only screen {
  .contactbox h2 {
    font-size: 1.5rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .contactbox h2 {
    font-size: 2rem;
    line-height: 1.2; } }

@media only screen {
  .content-sidebar .contactbox h2 {
    font-size: 1.25rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .content-sidebar .contactbox h2 {
    font-size: 1.5rem; } }

@media only screen {
  .homepage .contactbox h2 {
    font-size: 1.25rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .homepage .contactbox h2 {
    font-size: 1.5rem; } }

@media only screen {
  .contactbox h3 {
    font-size: 1.25rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .contactbox h3 {
    font-size: 1.5rem; } }

@media only screen {
  .content-sidebar .contactbox h3 {
    font-size: 1.125rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .content-sidebar .contactbox h3 {
    font-size: 1.25rem; } }

@media only screen {
  .homepage .contactbox h3 {
    font-size: 1.125rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .homepage .contactbox h3 {
    font-size: 1.25rem; } }

.contactbox h4 {
  font-weight: bold; }
  @media only screen {
    .contactbox h4 {
      font-size: 1.125rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .contactbox h4 {
      font-size: 1.25rem; } }
  @media only screen {
    .content-sidebar .contactbox h4 {
      font-size: 1rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .content-sidebar .contactbox h4 {
      font-size: 1.125rem; } }
  @media only screen {
    .homepage .contactbox h4 {
      font-size: 1rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .homepage .contactbox h4 {
      font-size: 1.125rem; } }

@media only screen {
  .contactbox .vcard.vcard {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 768px) {
  .contactbox .vcard.vcard {
    margin-bottom: 1.5rem; } }

@media only screen {
  .contactbox .vcard.vcard {
    font-size: 1.125rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .contactbox .vcard.vcard {
    font-size: 1.25rem; } }

.content-sidebar .contactbox .vcard.vcard {
  margin-bottom: 1rem; }
  @media only screen {
    .content-sidebar .contactbox .vcard.vcard {
      font-size: 1rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .content-sidebar .contactbox .vcard.vcard {
      font-size: 1.125rem; } }

.homepage .contactbox .vcard.vcard {
  margin-bottom: 1rem; }
  @media only screen {
    .homepage .contactbox .vcard.vcard {
      font-size: 1rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .homepage .contactbox .vcard.vcard {
      font-size: 1.125rem; } }

.contactbox .vcard.vcard p {
  margin-bottom: 0; }

.contactbox .vcard.vcard .org {
  margin: 0;
  margin-bottom: 0.75rem; }
  .content-sidebar .contactbox .vcard.vcard .org {
    margin-bottom: 0.5rem; }

.contactbox .vcard.vcard .adr {
  margin-bottom: 0; }
  .contactbox .vcard.vcard .adr .contact-name {
    font-weight: bold; }

.site-footer .contactbox {
  color: #FFF !important;
  margin-bottom: 0; }
  .site-footer .contactbox .organization-unit {
    font-weight: bold; }
  .site-footer .contactbox .vcard.vcard {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0; }

.figureInContactBox {
  float: left;
  margin-bottom: 1.25rem;
  margin-right: 1.5rem; }
  .figureInContactBox + div {
    display: inline-block;
    overflow: hidden; }
  .figureInContactBox img {
    width: 10.125rem !important; }

aside .figureInContactBox {
  float: none; }

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

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

/*
|--------------------------------------------------------------------------
| .contactlist inside of scope
|--------------------------------------------------------------------------
*/
/* basic styles for .personinfo and .personlist (similar to a linklist) */
.personinfo .contactlist.contactlist a,
.personlist .contactlist.contactlist a,
.contactbox .contactlist.contactlist a {
  border: none;
  color: var(--color-theme);
  align-items: flex-start;
  display: inline-flex; }
  .personinfo .contactlist.contactlist a:hover, .personinfo .contactlist.contactlist a:focus,
  .personlist .contactlist.contactlist a:hover,
  .personlist .contactlist.contactlist a:focus,
  .contactbox .contactlist.contactlist a:hover,
  .contactbox .contactlist.contactlist a:focus {
    color: #000; }
  .content-sidebar .personinfo .contactlist.contactlist a, .content-sidebar
  .personlist .contactlist.contactlist a, .content-sidebar
  .contactbox .contactlist.contactlist a {
    border: none;
    color: rgba(0, 0, 0, 0.6); }
    .content-sidebar .personinfo .contactlist.contactlist a:hover, .content-sidebar .personinfo .contactlist.contactlist a:focus, .content-sidebar
    .personlist .contactlist.contactlist a:hover, .content-sidebar
    .personlist .contactlist.contactlist a:focus, .content-sidebar
    .contactbox .contactlist.contactlist a:hover, .content-sidebar
    .contactbox .contactlist.contactlist a:focus {
      color: #000; }

/*
|--------------------------------------------------------------------------
| Font size and spacing
|--------------------------------------------------------------------------
*/
@media only screen {
  .personinfo .contactlist.contactlist li,
  .personinfo .contactlist.contactlist a,
  .contactbox .contactlist.contactlist li,
  .contactbox .contactlist.contactlist a {
    font-size: 1.125rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .personinfo .contactlist.contactlist li,
  .personinfo .contactlist.contactlist a,
  .contactbox .contactlist.contactlist li,
  .contactbox .contactlist.contactlist a {
    font-size: 1.25rem; } }

.personinfo .contactlist.contactlist li,
.contactbox .contactlist.contactlist li {
  margin-bottom: 0.75rem; }

@media only screen {
  .personlist .contactlist.contactlist .lineName {
    font-size: 1.125rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .personlist .contactlist.contactlist .lineName {
    font-size: 1.25rem; } }

@media only screen {
  .personlist .contactlist.contactlist li,
  .personlist .contactlist.contactlist a {
    font-size: 0.875rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .personlist .contactlist.contactlist li,
  .personlist .contactlist.contactlist a {
    font-size: 1rem; } }

.personlist .contactlist.contactlist li {
  margin-bottom: 0.5rem; }

@media only screen {
  .teaserbox .contactbox .contactlist.contactlist .lineName,
  .content-sidebar .contactbox .contactlist.contactlist .lineName {
    font-size: 1rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .teaserbox .contactbox .contactlist.contactlist .lineName,
  .content-sidebar .contactbox .contactlist.contactlist .lineName {
    font-size: 1.125rem; } }

@media only screen {
  .teaserbox .contactbox .contactlist.contactlist li,
  .teaserbox .contactbox .contactlist.contactlist a,
  .content-sidebar .contactbox .contactlist.contactlist li,
  .content-sidebar .contactbox .contactlist.contactlist a {
    font-size: 1rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .teaserbox .contactbox .contactlist.contactlist li,
  .teaserbox .contactbox .contactlist.contactlist a,
  .content-sidebar .contactbox .contactlist.contactlist li,
  .content-sidebar .contactbox .contactlist.contactlist a {
    font-size: 1.125rem; } }

.teaserbox .contactbox .contactlist.contactlist li,
.content-sidebar .contactbox .contactlist.contactlist li {
  margin-bottom: 0.5rem; }

.site-footer .contactbox .contactlist.contactlist a,
.site-footer .contactbox .contactlist.contactlist li {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0; }

/*
|--------------------------------------------------------------------------
| Coloring
|--------------------------------------------------------------------------
*/
.site-footer .contactbox .contactlist.contactlist a, .site-footer .contactbox .contactlist.contactlist a:hover, .site-footer .contactbox .contactlist.contactlist a:focus {
  color: #FFF;
  display: flex;
  align-items: baseline; }

p.disclaimer {
  border: solid 1px #E2E2E2;
  border-width: 1px 0;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  padding: 1.5rem 0; }
  p.disclaimer > span.icon {
    background-image: none;
    float: left;
    font-size: inherit;
    height: 3rem;
    margin: 0.25rem 1rem 0.5rem 0;
    width: 3rem; }
    p.disclaimer > span.icon img {
      width: 100%; }

@media only screen {
  .eventlist {
    padding-top: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .eventlist {
    padding-top: 1.5rem; } }

@media only screen {
  .eventlist .event > a {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .eventlist .event > a {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem; } }

.eventlist__messages {
  margin-top: 1rem; }

.eventList h2 {
  padding: 0; }

.event .info {
  margin-top: 1.25rem; }

.eventfeed .navigation {
  padding-top: 0.75rem;
  margin-top: 0; }
  @media only screen {
    .eventfeed .navigation {
      margin-bottom: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .eventfeed .navigation {
      margin-bottom: 1.5rem; } }

.eventfeed .info > p {
  margin-bottom: 0; }
  .eventfeed .info > p:nth-child(2) {
    margin-bottom: 8px;
    margin-top: 4px; }

.eventList,
.event,
.searchResult {
  margin-bottom: 1.25rem; }
  @media only screen {
    .eventList .navigation .nav-hint,
    .event .navigation .nav-hint,
    .searchResult .navigation .nav-hint {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .eventList .navigation .nav-hint,
    .event .navigation .nav-hint,
    .searchResult .navigation .nav-hint {
      font-size: 0.875rem; } }
  .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 {
    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; }
      @media only screen {
        .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;
          line-height: 1.5; } }
      @media only screen and (min-width: 768px) {
        .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.875rem; } }
      .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 {
        margin-top: 0.0625rem; }
        @media only screen {
          .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.75rem;
            line-height: 1.5; } }
        @media only screen and (min-width: 768px) {
          .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.875rem; } }
    .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 {
      float: left;
      margin-bottom: 0.3125rem !important;
      width: 50%; }
      .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; }
    .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: 0; }
  .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;
    page-break-inside: avoid;
    width: 100%; }
    .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-bottom: 0.625rem;
        margin-top: 0.25rem;
        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 #E2E2E2; }
  .eventList .eventListHead,
  .event .eventListHead,
  .searchResult .eventListHead {
    padding-left: 0.4375rem; }
    .eventList .eventListHead .fullwidth-image figure,
    .event .eventListHead .fullwidth-image figure,
    .searchResult .eventListHead .fullwidth-image figure {
      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 {
    background-color: #f3f5f6;
    color: #08407E;
    font-weight: bold;
    padding: 0.625rem; }
    @media only screen {
      .eventList p.head,
      .event p.head,
      .searchResult p.head {
        font-size: 1.125rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .eventList p.head,
      .event p.head,
      .searchResult p.head {
        font-size: 1.25rem; } }
    .eventList p.head.spacingTop,
    .event p.head.spacingTop,
    .searchResult p.head.spacingTop {
      line-height: 1.125rem !important;
      margin-top: 0.625rem; }
  .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 #E2E2E2; }

.eventList p.head + .eventListBox,
aside .eventList .eventListBox:first-child {
  border-top: none;
  padding-top: 0.125rem; }

aside .eventList .eventListBox {
  border-bottom: none;
  border-top: 1px solid #E2E2E2; }

.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 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem; }
  @media only screen {
    .calendarFeed .event__title {
      font-size: 1.25rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .calendarFeed .event__title {
      font-size: 1.5rem; } }

@media only screen {
  .calendarFeed table {
    font-size: 0.875rem;
    line-height: 1.2; } }

@media only screen and (min-width: 768px) {
  .calendarFeed table {
    font-size: 1rem; } }

@media screen and (min-width: 1280px) {
  body.calendareventlist #eventList .grid_3 {
    width: 50%; }
  body.calendareventlist #eventList .info.grid_1 {
    margin-right: 0;
    width: 47% !important; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  body.calendareventlist #eventList .grid_3 {
    width: 50%; }
  body.calendareventlist #eventList .info.grid_1 {
    margin-right: 0;
    width: 47% !important; } }

@media screen and (max-width: 1023px) {
  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 {
    margin-right: 0;
    margin-top: 0.5rem;
    width: 100% !important; }
  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 {
    border-bottom: none;
    border-top: none;
    display: block; }
  .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 {
    margin-bottom: 0.75rem;
    width: 100%; } }

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;
  background-color: #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-family: "DINPro", helvetica, arial, sans-serif;
  margin-bottom: 1rem; }

.box select {
  display: block;
  filter: alpha(opacity=0);
  height: 1.5rem;
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1.5rem;
  opacity: 0;
  width: calc(100% + 2px); }

aside .box select option {
  border-right: none; }

.smallForm {
  padding: 0 0 1.875rem;
  width: 37.9375rem; }
  .smallForm form fieldset .formFooter {
    clear: both;
    display: block;
    padding-top: 1.25rem; }
    .smallForm form fieldset .formFooter p {
      color: #000;
      font-size: 0.75rem;
      padding: 0.5rem; }
  .smallForm form fieldset .end .formFooter {
    height: 1.5rem;
    padding-top: 0; }

div.result {
  box-sizing: border-box;
  border: 1px solid #6F6F6F;
  border-bottom: 0;
  border-top: 0; }
  div.result.table-matrix {
    margin-top: 0 !important;
    padding-top: 0.9375rem; }
  div.result table.result {
    background-color: #fff;
    border-collapse: collapse;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    margin-bottom: 0 !important;
    margin-top: 0;
    table-layout: fixed;
    width: 100%; }
    div.result table.result thead tr th {
      background-color: #F1F1F1;
      font-weight: bold; }
    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; }
    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 {
  box-sizing: border-box;
  margin-top: 0;
  overflow: auto;
  width: 100%; }
  .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: #F6F6F6;
  padding-top: 1rem; }

.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: #000;
  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 .fullwidth-image,
form .search-form .fullwidth-image,
.comment-form .fullwidth-image {
  margin-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }
  .formAddonLink .fullwidth-image figure,
  form .search-form .fullwidth-image figure,
  .comment-form .fullwidth-image figure {
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 0.6875rem; }
  .formAddonLink .fullwidth-image figcaption,
  form .search-form .fullwidth-image figcaption,
  .comment-form .fullwidth-image figcaption {
    background-color: transparent; }

.formAddonLink .text-image p,
.formAddonLink .text-image h2,
.formAddonLink .text-image h3,
.formAddonLink .text-image h4,
form .search-form .text-image p,
form .search-form .text-image h2,
form .search-form .text-image h3,
form .search-form .text-image h4,
.comment-form .text-image p,
.comment-form .text-image h2,
.comment-form .text-image h3,
.comment-form .text-image h4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.formAddonLink .text-image p,
form .search-form .text-image p,
.comment-form .text-image p {
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.6875rem; }

.formAddonLink .formHeader,
form .search-form .formHeader,
.comment-form .formHeader {
  padding: 0 0.5rem; }
  .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 {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #6F6F6F;
  margin-top: 0.3125rem;
  padding-bottom: 0;
  padding-top: 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 {
  box-sizing: border-box;
  clear: left;
  width: 100%; }
  .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.5rem 0 0.5rem; }
    .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 {
      color: #6F6F6F;
      display: block;
      font-weight: bold;
      line-height: 1.25rem;
      padding: 0 0 0.3125rem;
      width: 100%; }
      .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: #000;
        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 {
      color: #B7352D;
      font-size: 0.875rem;
      font-weight: bold; }
    .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: #aaa; }
    .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 {
      box-sizing: border-box;
      color: #B7352D;
      font-size: 0.875rem;
      font-weight: bold;
      line-height: 2;
      margin-bottom: 0.5rem;
      min-height: 1.75rem;
      text-indent: 0.5rem;
      width: 100%; }
    .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-position: 98% 50%;
      background-size: 1rem;
      border: 1px solid #B7352D !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'] {
      border: 0 !important;
      float: left;
      height: 0.8125rem !important;
      margin: 0.1875rem 0.5rem 0.1875rem 0;
      padding: 0;
      width: 0.75rem !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 {
      float: left;
      font-weight: normal;
      line-height: 1.6666666667;
      padding-right: 0.9375rem;
      width: auto; }
    .formAddonLink div.grouping-box div.box input[type='radio'].clear + label,
    form .search-form div.grouping-box div.box input[type='radio'].clear + label,
    .comment-form div.grouping-box div.box input[type='radio'].clear + label {
      float: none; }
    .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 {
      float: none;
      padding-top: 0; }
    .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'] {
      background-color: #f3f5f6;
      line-height: 1;
      width: 100%; }
    .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'] {
      box-sizing: border-box;
      border: 1px solid #6F6F6F;
      box-shadow: inset 0 0 0.3125rem #F1F1F1;
      display: block;
      height: 1.75rem;
      padding-left: 0.5rem;
      width: 100%; }
    .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 {
      box-sizing: border-box;
      border: 1px solid #6F6F6F;
      display: block;
      font-size: 1rem;
      padding: 0.5rem 0.5rem 0.5rem 0.5rem;
      resize: vertical;
      width: 100%; }
    .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 {
      background: #F1F1F1;
      background-position: 50% 50%;
      background-size: 110%;
      border: 1px solid #d3d9db;
      box-sizing: border-box; }
      .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 {
        background-image: url("img/icons/svg/dropdown-caret.svg");
        background-position: top 50% right 5px;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        box-sizing: border-box;
        overflow: hidden;
        padding-right: 1.5625rem !important; }
    .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;
      margin: 0;
      padding-bottom: 0;
      padding-top: 0.875rem; }
      .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; }
      @media only screen {
        .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 * {
          font-size: 0.875rem;
          line-height: 1.2; } }
      @media only screen and (min-width: 768px) {
        .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 * {
          font-size: 1rem; } }
  .formAddonLink div.grouping-box div.box.full,
  form .search-form div.grouping-box div.box.full,
  .comment-form div.grouping-box div.box.full {
    box-sizing: border-box;
    width: 100%; }
    .formAddonLink div.grouping-box div.box.full p,
    form .search-form div.grouping-box div.box.full p,
    .comment-form div.grouping-box div.box.full p {
      font-size: 1rem;
      line-height: 1; }
  .formAddonLink div.grouping-box div.box,
  form .search-form div.grouping-box div.box,
  .comment-form div.grouping-box div.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.375rem; }
    .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.5rem !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.5rem; }
  .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 {
    background: url("img/icons/svg/calendar.svg") no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    float: right;
    height: 1rem;
    width: 1rem; }

.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-left: 0.125rem;
  padding-right: 0.5rem; }

.formAddonLink div.cols-2 div.box,
form .search-form div.cols-2 div.box,
.comment-form div.cols-2 div.box {
  box-sizing: border-box;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  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 {
  box-sizing: border-box;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  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 {
  box-sizing: border-box;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  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.result p.linkitem,
form fieldset.search-form p.linkitem,
fieldset.comment-form p.linkitem {
  color: #215CAF !important;
  cursor: pointer;
  font-size: 0.75rem;
  line-height: 1.1666666667; }

div.formAddonLink div.grouping-box div.box label,
div.formAddonLink div.grouping-box div.box .label,
div.result div.grouping-box div.box label,
div.result div.grouping-box div.box .label,
form fieldset.search-form 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,
fieldset.comment-form div.grouping-box div.box .label {
  font-size: 1rem;
  line-height: 1.3; }

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 {
  font-size: 0.75rem;
  line-height: 2;
  min-height: 1.5rem; }

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'] {
  height: 0.8125rem !important;
  margin: 0.3125rem 0.5rem 0.3125rem 0;
  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 {
  font-size: 1rem;
  line-height: 1.4; }

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;
  line-height: 1.5; }

div.formAddonLink div.grouping-box div.box input[type='text'],
div.formAddonLink div.grouping-box div.box input[type='password'],
div.result div.grouping-box div.box input[type='text'],
div.result div.grouping-box div.box input[type='password'],
form fieldset.search-form div.grouping-box div.box input[type='text'],
form fieldset.search-form div.grouping-box div.box input[type='password'],
fieldset.comment-form div.grouping-box div.box input[type='text'],
fieldset.comment-form div.grouping-box div.box input[type='password'] {
  min-height: 40px; }

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.5rem; }

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: 1rem;
  height: 1.4rem;
  line-height: 1.5; }

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 {
  font-size: 0.75rem;
  padding-top: 0.25rem; }

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-bottom: 0.125rem;
  padding-top: 0.375rem; }

form fieldset.search-form .basecomponent,
form fieldset.search-form .basecomponent ~ .basecomponent {
  margin-bottom: 0;
  margin-top: 0; }

@media only screen {
  form fieldset.search-form .formHeader h2 {
    font-size: 1.25rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  form fieldset.search-form .formHeader h2 {
    font-size: 1.5rem; } }

@media only screen {
  form fieldset.search-form .formHeader label {
    font-size: 1rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  form fieldset.search-form .formHeader label {
    font-size: 1.125rem; } }

form fieldset.search-form div.formHeader p {
  margin-bottom: 6px;
  padding-top: 0; }

form fieldset.search-form .asideField {
  border: 1px solid rgba(34, 34, 34, 0.48) !important;
  border-radius: 2px; }

form fieldset.search-form .dropdown .form-select select {
  margin-bottom: 0; }

form fieldset.search-form .dropdown .form-select > div {
  line-height: 36px !important;
  height: 2.5rem !important; }

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 {
  box-sizing: border-box;
  padding: 0;
  width: 100%; }
  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: #000;
    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; }

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

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

@media screen and (max-width: 1023px) {
  .formAddonLink,
  form .search-form,
  .comment-form {
    background-color: #F1F1F1;
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .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-bottom: 0.75rem;
    padding-top: 1.5rem; }
  .formAddonLink div.grouping-box div.box,
  form .search-form div.grouping-box div.box,
  .comment-form div.grouping-box div.box {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.75rem; }
  .smallForm {
    padding: 0; }
  .formAddonLink .checkbox label,
  .formAddonLink .checkbox .label,
  .formAddonLink .radio label,
  .formAddonLink .radio .label,
  .formAddonLink input label,
  .formAddonLink input .label,
  .search-form .checkbox label,
  .search-form .checkbox .label,
  .search-form .radio label,
  .search-form .radio .label,
  .search-form input label,
  .search-form input .label,
  .comment-form .checkbox label,
  .comment-form .checkbox .label,
  .comment-form .radio label,
  .comment-form .radio .label,
  .comment-form input label,
  .comment-form input .label {
    font-size: 1rem !important;
    line-height: 1.5; }
  form .search-form div.grouping-box div.box label label,
  form .search-form div.grouping-box div.box label .label,
  div.grouping-box div.box label,
  div.grouping-box div.box .label {
    font-size: 1rem !important; }
  input[type='checkbox'],
  input[type='radio'] {
    height: 1rem !important;
    width: 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'] {
    height: 1rem !important;
    margin: 0.3125rem 0.5rem 0.3125rem 0;
    margin-left: 0;
    width: 1rem !important; }
  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 {
    box-sizing: border-box;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    padding-bottom: 0.1875rem;
    padding-top: 0.1875rem; }
  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 {
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    padding-bottom: 0.1875rem;
    padding-top: 0.1875rem;
    width: calc(100% - 1.4375rem); }
  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-bottom: 1rem;
    padding-top: 0; }
    .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 {
      background-image: url("img/icons/svg/calendar.svg");
      background-position: 50% 44%;
      background-repeat: no-repeat;
      background-size: auto;
      display: inline-block;
      float: left;
      height: 2rem;
      margin-left: 6.5rem;
      margin-top: 0;
      position: absolute;
      width: 2rem; }
  .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] {
    float: left;
    font-size: 1rem;
    height: 2rem;
    padding: 0.1875rem 0.5rem;
    width: 6.25rem; }
  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 {
    display: inline-block;
    width: 100%; }
  fieldset.comment-form div.grouping-box .box {
    float: none;
    width: 100% !important; }
  fieldset.comment-form div.grouping-box div.box textarea,
  fieldset.comment-form div.grouping-box div.box input {
    font-size: 0.9rem;
    height: auto !important;
    line-height: 1.6; }
  fieldset.comment-form div.grouping-box div.box textarea,
  fieldset.comment-form div.grouping-box div.box input[type='text'] {
    font-family: "DINPro", helvetica, arial, sans-serif;
    margin-bottom: 1rem;
    padding: 0.5rem; }
  .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'] {
    color: #6F6F6F;
    font-size: 1rem;
    height: auto;
    padding: 0.1875rem 0.5625rem; }
  fieldset.comment-form div.grouping-box div.box {
    padding-top: 0; }
  .formAddonLink .text-image p,
  form .search-form .text-image p,
  .comment-form .text-image p,
  .formAddonLink .text-image h2,
  form .search-form .text-image h2,
  .comment-form .text-image h2,
  .formAddonLink .text-image h3,
  form .search-form .text-image h3,
  .comment-form .text-image h3,
  .formAddonLink .text-image h4,
  form .search-form .text-image h4,
  .comment-form .text-image 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.5rem 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 {
    box-sizing: border-box;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    padding-bottom: 0.1875rem;
    padding-top: 0.1875rem;
    width: calc(100% - 1.4375rem); }
  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; }
  input.date.flatpickr-mobile {
    font-size: 1rem !important;
    min-width: 7.5rem !important; }
  .date > .grouping-box div.box {
    margin-right: 0.8rem;
    padding-right: 0 !important;
    width: 9.3rem !important; } }

@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;
  /* Apply smaller space curve because elements all bring their own 8px padding-left and padding-right */ }
  @media only screen {
    [id='contentMain'] .search-form {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .search-form {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media only screen {
    [id='contentMain'] .search-form {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .search-form {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  @media only screen {
    [id='contentMain'] .search-form {
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .search-form {
      margin-bottom: 3rem; } }
  @media only screen and (min-width: 1024px) {
    [id='contentMain'] .search-form {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

@media only screen and (min-width: 768px) {
  fieldset.comment-form {
    padding: 1.3125rem 1.5rem 1.5rem; } }

@media only screen {
  fieldset.comment-form .formHeader h2,
  fieldset.comment-form .formHeader h3 {
    font-size: 1.5rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  fieldset.comment-form .formHeader h2,
  fieldset.comment-form .formHeader h3 {
    font-size: 2rem;
    line-height: 1.2; } }

fieldset.search-form .eth-link {
  border-color: rgba(0, 0, 0, 0.6);
  color: #000; }
  fieldset.search-form .eth-link:hover, fieldset.search-form .eth-link:focus {
    border-color: rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6); }

@media only screen {
  .fullwidth-image {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 768px) {
  .fullwidth-image {
    margin-bottom: 1rem; } }

.fullwidth-image img {
  height: auto; }
  .fullwidth-image img:not(.cq-list-placeholder) {
    width: 100%; }

.fullwidth-image a {
  cursor: pointer;
  display: block;
  position: relative; }

.fullwidth-image figure {
  position: relative;
  width: 100%; }

.fullwidth-image figcaption {
  padding-top: 0.5rem; }
  @media only screen {
    .fullwidth-image figcaption {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .fullwidth-image figcaption {
      font-size: 0.875rem; } }

.fullwidth-image figcaption,
.fullwidth-image figcaption * {
  color: #6F6F6F;
  font-weight: normal;
  text-align: left;
  width: 100%; }

.fullwidth-image .detail {
  background: url("img/icons/svg/search-small-plus.svg") no-repeat #000;
  background-position: 50% 50%;
  background-size: 66% 66%;
  bottom: 0;
  display: none;
  height: 1.5rem;
  position: absolute;
  right: 0;
  width: 1.5rem; }
  @media only screen and (max-width: 1023px) {
    .fullwidth-image .detail {
      display: block !important; } }

[id='contentMain'] .fullwidthimage.basecomponent {
  margin-top: 0; }
  @media only screen {
    [id='contentMain'] .fullwidthimage.basecomponent {
      padding-top: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .fullwidthimage.basecomponent {
      padding-top: 1.5rem; } }
  @media only screen {
    [id='contentMain'] .fullwidthimage.basecomponent {
      margin-bottom: 1rem; } }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .fullwidthimage.basecomponent {
      margin-bottom: 1.5rem; } }

.content-sidebar .fullwidthimage.basecomponent {
  margin-top: 0;
  padding-top: 0; }
  @media only screen {
    .content-sidebar .fullwidthimage.basecomponent {
      margin-bottom: 0.75rem; } }
  @media only screen and (min-width: 768px) {
    .content-sidebar .fullwidthimage.basecomponent {
      margin-bottom: 1.25rem; } }

.site-content--wide .fullwidthimage.basecomponent {
  max-width: 100% !important; }

.site-content--wide .twocolumn .fullwidthimage.basecomponent {
  margin-left: auto;
  margin-right: auto;
  max-width: 48.75rem; }

@media only screen {
  .fullwidthimage.basecomponent .imagecaption {
    padding-bottom: 0.75rem; } }

@media only screen and (min-width: 768px) {
  .fullwidthimage.basecomponent .imagecaption {
    padding-bottom: 1rem; } }

.content-sidebar .fullwidthimage.basecomponent .imagecaption {
  padding-bottom: 0.25rem; }

.greybox .fullwidthimage.basecomponent,
.textimage .fullwidthimage.basecomponent,
.twocolumn .fullwidthimage.basecomponent {
  padding-top: 0; }

.fullwidthimage__wrapper.is-last,
.fullwidthimage__wrapper.is-last figure,
.fullwidthimage__wrapper.is-last .fullwidth-image {
  margin-bottom: 0; }

@media only screen {
  .fullwidthimagehome {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    max-width: 100%; } }

@media only screen and (max-width: 1023px) {
  .fullwidthimagehome {
    flex-basis: auto;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -2rem;
    max-width: none;
    width: calc(100% + 3rem); } }

.fullwidthimagehome .fullwidth-image {
  margin-bottom: 1.25rem; }
  .fullwidthimagehome .fullwidth-image figcaption {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #FFF;
    font-weight: normal;
    left: 0;
    margin-bottom: 0;
    padding: 0.75rem 0;
    position: absolute; }
    .fullwidthimagehome .fullwidth-image figcaption .imagecaption {
      color: #FFF;
      padding: 0 0.75rem; }

.sublogo {
  max-height: 8.125rem;
  overflow: hidden; }
  .homepage .sublogo .fullwidth-image {
    margin-bottom: 0; }
    .homepage .sublogo .fullwidth-image figure {
      background-color: #FFF;
      padding: 0; }
  .sublogo .fullwidth-image figure {
    margin-top: 0;
    max-width: 100%;
    padding-right: 0.625rem; }

.contactbox,
.eventListBox,
.searchResultList .link-wrap {
  display: block; }

.topstory figure {
  max-width: none !important;
  width: 100% !important; }

.imageinfo {
  display: block !important;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  color: white;
  top: 00px;
  padding: 5px 10px; }
  .imageinfo div {
    display: block !important; }

@media screen and (max-width: 1023px) {
  .sublogo {
    display: none; }
  .searchResultList .link-wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
    .searchResultList .link-wrap a {
      display: block; }
  .twocolumns .cols-2 .figureInContactBox {
    float: none !important;
    margin-right: 0;
    width: 100% !important; }
    .twocolumns .cols-2 .figureInContactBox figure {
      width: 100%; }
    .twocolumns .cols-2 .figureInContactBox img {
      max-width: 8.125rem !important;
      width: 47.5% !important; }
  #contentMain .newsList .newsListBox .info figure.text-image__image {
    margin-right: 0;
    max-width: none !important;
    width: 100% !important; }
  #contentMain .newsList .newsListBox .info figure {
    max-width: 5.5625rem !important;
    min-width: 0;
    width: 22.5% !important; } }

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

@media screen and (max-width: 1023px) {
  #contentMain .newsList .newsListBox .info .topstory figure {
    max-width: none !important;
    width: 100% !important; } }

@font-face {
  font-family: "EthzIcons";
  font-style: normal;
  font-weight: normal;
  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"); }

a#impersonation {
  line-height: 1.5rem; }

.icon-user {
  display: inline-block;
  font-family: "EthzIcons";
  font-size: 1.125rem !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  vertical-align: middle; }

.icon-user::before {
  color: #fff;
  content: "\f31e"; }

.icon-user.impersonated::before {
  /* stylelint-disable-next-line color-named */
  color: red; }

#impersonation-overlay {
  display: none;
  position: absolute; }

#impersonationPowerTip h1 {
  color: #fff;
  font-size: 1.15rem;
  font-weight: bold;
  margin: 0;
  padding: 0; }

#impersonationPowerTip h2 {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: bold;
  margin: 0;
  padding: 0; }

#impersonationPowerTip hr {
  background: #fff;
  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 {
  background-color: #222;
  color: #FFF;
  cursor: default;
  display: none;
  font-size: 0.75rem;
  font-weight: bold;
  max-width: 9.375rem;
  padding: 0.3125rem 0.625rem;
  position: absolute;
  z-index: 2147483647; }

#impersonationPowerTip {
  max-width: none;
  white-space: nowrap; }

#impersonationPowerTip::before {
  content: "";
  position: absolute; }

#impersonationPowerTip.n::before,
#impersonationPowerTip.s::before {
  border-left: 0.3125rem solid transparent;
  border-right: 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-left: 0;
  border-right: 0.625rem solid transparent;
  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-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.625rem solid #222;
  bottom: -0.625rem;
  left: 0.625rem; }

#impersonationPowerTip.ne-alt::before {
  left: auto;
  right: 0.625rem; }

#impersonationPowerTip.sw-alt::before,
#impersonationPowerTip.se-alt::before {
  border-bottom: 0.625rem solid #222;
  border-top: none;
  bottom: auto;
  top: -0.625rem; }

#impersonationPowerTip.se-alt::before {
  left: auto;
  right: 0.625rem; }

.jobs {
  margin-bottom: 1.375rem; }
  .site-content--wide .jobs.basecomponent {
    max-width: 100% !important; }

.jobs-noVacancies,
.jobs-refline-not-available {
  background-color: #F1F1F1;
  padding: 0.9375rem; }

@media screen and (max-width: 767px) {
  .table-matrix table.jobs thead {
    display: none !important; }
  .table-matrix thead + tbody tr:first-child {
    border-bottom: 1px solid #c9cfd2; }
  .table-matrix table.jobs tr th.flipHeader {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    display: block;
    float: left;
    font-weight: bold;
    padding-left: 0;
    width: 30% !important; }
  .table-matrix table.jobs tr td {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 70% !important; }
  .table-matrix table.jobs tr td {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0; }
  .table-matrix table.jobs tr {
    border-bottom: 1px solid #c9cfd2;
    display: flex;
    flex-flow: row wrap; } }

@media screen and (min-width: 1280px) {
  .table-matrix table.jobs {
    table-layout: fixed; } }

.linklist__wrapper {
  /* special link styles for link lists */ }
  @media only screen {
    .linklist__wrapper:not(.is-last) {
      margin-bottom: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .linklist__wrapper:not(.is-last) {
      margin-bottom: 2rem; } }
  @media only screen {
    .content-sidebar .linklist__wrapper:not(.is-last) {
      margin-bottom: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .content-sidebar .linklist__wrapper:not(.is-last) {
      margin-bottom: 1.5rem; } }
  @media only screen {
    .homepage .linklist__wrapper:not(.is-last) {
      margin-bottom: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .homepage .linklist__wrapper:not(.is-last) {
      margin-bottom: 1.5rem; } }
  .linklist__wrapper .eth-link {
    border: none;
    color: var(--color-theme);
    align-items: flex-start;
    display: inline-flex; }
    @media only screen {
      .linklist__wrapper .eth-link {
        font-size: 1.125rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .linklist__wrapper .eth-link {
        font-size: 1.25rem; } }
    .linklist__wrapper .eth-link:hover, .linklist__wrapper .eth-link:focus {
      color: #000; }
    .content-sidebar .linklist__wrapper .eth-link {
      border: none;
      color: rgba(0, 0, 0, 0.6);
      font-size: 1.125rem; }
      .content-sidebar .linklist__wrapper .eth-link:hover, .content-sidebar .linklist__wrapper .eth-link:focus {
        color: #000; }
    .linklist__wrapper .eth-link.disabled, .linklist__wrapper .eth-link.disabled:hover {
      color: rgba(34, 34, 34, 0.2); }
  .linklist__wrapper.is-last {
    margin-bottom: 0; }
  .linklist__wrapper .linklist li:not(:last-child) {
    margin-bottom: 0.75rem; }
  .linklist__wrapper .linklist.horizontalListWithPipe {
    list-style: none;
    /* Pipe separator */ }
    .linklist__wrapper .linklist.horizontalListWithPipe li {
      display: inline-block;
      position: relative; }
      .linklist__wrapper .linklist.horizontalListWithPipe li a {
        margin-right: 1.5625rem; }
    .linklist__wrapper .linklist.horizontalListWithPipe li:not(.no-pipe):not(:last-of-type)::after {
      background: #000;
      content: '';
      height: 1.1875rem;
      position: absolute;
      right: 0.75rem;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 0.0625rem; }
      @media only screen and (min-width: 768px) {
        .linklist__wrapper .linklist.horizontalListWithPipe li:not(.no-pipe):not(:last-of-type)::after {
          height: 1.375rem; } }
      @media only screen and (min-width: 1024px) {
        .linklist__wrapper .linklist.horizontalListWithPipe li:not(.no-pipe):not(:last-of-type)::after {
          height: 1.5rem; } }

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 {
  left: -999rem;
  overflow: hidden;
  position: absolute;
  width: 1rem; }

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: #08407E; }

nav#contentNav ul.level0 {
  border-bottom: 1px solid #E2E2E2;
  margin-right: 0.625rem; }
  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 #E2E2E2; }
    nav#contentNav ul.level0 li a {
      color: #222;
      display: block;
      font-size: 0.875rem;
      line-height: 1.4285714286;
      padding: 0.3125rem 0.75rem;
      text-decoration: none; }
    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 {
    clear: both;
    content: '';
    display: table; }

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

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

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

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

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; }

body nav#nav div.services-button:hover a {
  color: #215CAF; }

.navigation .nav-elements {
  overflow: hidden;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .navigation .nav-elements {
      display: flex; } }
  .navigation .nav-elements .nav-prev,
  .navigation .nav-elements .nav-next {
    display: flex;
    float: left;
    font-size: 1rem;
    font-weight: bold;
    padding-right: 0.8125rem; }
    .navigation .nav-elements .nav-prev > a,
    .navigation .nav-elements .nav-next > a {
      align-items: center;
      color: rgba(0, 0, 0, 0.6);
      display: flex;
      transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
      .navigation .nav-elements .nav-prev > a:hover,
      .navigation .nav-elements .nav-next > a:hover {
        color: #000; }
  .navigation .nav-elements .nav-prev .material-icons, .navigation .nav-elements .nav-prev .rsThumbsArrowIcn::before, .navigation .nav-elements .nav-prev .rsArrowIcn::before, .navigation .nav-elements .nav-prev .rsFullscreenIcn::before {
    padding-right: 0.5rem; }
  .navigation .nav-elements .nav-next .material-icons, .navigation .nav-elements .nav-next .rsThumbsArrowIcn::before, .navigation .nav-elements .nav-next .rsArrowIcn::before, .navigation .nav-elements .nav-next .rsFullscreenIcn::before {
    padding-left: 0.5rem; }
  .navigation .nav-elements .nav-all {
    float: right;
    font-size: 1rem;
    font-weight: bold; }
    @media only screen and (min-width: 768px) {
      .navigation .nav-elements .nav-all {
        margin-left: auto; } }
    .navigation .nav-elements .nav-all > a {
      align-items: center;
      color: rgba(0, 0, 0, 0.6);
      display: flex;
      font-weight: normal; }
      @media only screen and (min-width: 1440px) {
        .navigation .nav-elements .nav-all > a {
          color: #000;
          border-bottom: 1px solid rgba(0, 0, 0, 0.6); } }
      .navigation .nav-elements .nav-all > a .material-icons, .navigation .nav-elements .nav-all > a .rsThumbsArrowIcn::before, .navigation .nav-elements .nav-all > a .rsArrowIcn::before, .navigation .nav-elements .nav-all > a .rsFullscreenIcn::before {
        padding-left: 0.5rem; }
        @media only screen and (min-width: 1440px) {
          .navigation .nav-elements .nav-all > a .material-icons, .navigation .nav-elements .nav-all > a .rsThumbsArrowIcn::before, .navigation .nav-elements .nav-all > a .rsArrowIcn::before, .navigation .nav-elements .nav-all > a .rsFullscreenIcn::before {
            display: none; } }
      .navigation .nav-elements .nav-all > a:hover {
        color: #000; }
  .navigation .nav-elements ul.paging {
    margin: 0;
    padding-bottom: 0; }
    .navigation .nav-elements ul.paging li {
      color: #E2E2E2;
      display: inline-block;
      font-size: 1rem;
      font-weight: bold;
      list-style-image: none;
      padding-right: 1.25rem; }
      .navigation .nav-elements ul.paging li a {
        color: rgba(0, 0, 0, 0.6);
        transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
        .navigation .nav-elements ul.paging li a:hover, .navigation .nav-elements ul.paging li a.active {
          border-bottom: 3px solid #000;
          color: #000; }
      .navigation .nav-elements ul.paging li.hidden {
        display: none; }

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

.navigation.abc_list .nav-elements ul.paging li {
  padding-right: 0.5rem; }

.navigation.year_list .nav-elements ul.paging li {
  padding-right: 0.75rem; }

.navigation.abc_list {
  margin-bottom: 1.25rem;
  padding-bottom: 0.375rem; }

.navigation.year_list {
  padding-bottom: 1.25rem; }
  @media only screen and (max-width: 1023px) {
    .navigation.year_list ul.paging {
      display: block; } }
  .navigation.year_list ul.paging li {
    padding-bottom: 0.75rem;
    padding-right: 0.75rem; }

.navigation .articleBox {
  padding-bottom: 0.9375rem; }
  .navigation .articleBox article:first-child {
    border-top: 1px solid #E2E2E2;
    margin-top: 0.9375rem; }
  .navigation .articleBox article {
    border-bottom: 1px solid #E2E2E2;
    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: 1024px) {
  #services-tablet {
    display: none; } }

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

@media screen and (max-width: 1023px) {
  .navigation .nav-elements {
    margin-bottom: 0.75rem;
    margin-top: 0.75rem; }
    .navigation .nav-elements .articleBox article {
      padding: 1rem 0; }
    .navigation .nav-elements .nav-prev {
      margin-right: 1.25rem;
      padding-right: 0; }
    .navigation .nav-elements .nav-next {
      margin-left: 0.75rem;
      padding-right: 0; }
  #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: 1023px) {
  nav#contentNav {
    box-sizing: border-box;
    padding-left: 0;
    width: calc(33.33% - 0.75rem); }
    nav#contentNav ul.level0 {
      margin-bottom: 3rem;
      margin-right: 0; }
      nav#contentNav ul.level0 li a {
        font-size: 0.875rem;
        line-height: 1.5;
        padding: 0.75rem 0.5625rem 0.75rem 1.5rem; }
      nav#contentNav ul.level0 li ul li a {
        padding-left: 2rem; }
      nav#contentNav ul.level0 li ul li ul li a {
        padding-left: 2.5rem; }
      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.5rem; }
      nav#contentNav ul.level0 li ul li ul li ul li ul li ul li a {
        padding-left: 4rem; }
      nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li a {
        padding-left: 4.5rem; }
  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 {
    clear: both;
    margin-top: 0.5rem; }
  .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: only screen && (max-width: 1023px)) {
  .navigation .nav-elements .nav-all {
    clear: both;
    margin-top: 0.5rem; } }

/* News-List Teaser
---------------------------------------------------------------------------------------------------- */
.newsListBox::after {
  clear: both;
  content: '';
  display: table; }

.newsListBox figure {
  float: left;
  max-width: 98px;
  min-width: 6.125rem; }
  @media only screen {
    .newsListBox figure {
      margin-right: 1rem; } }
  @media only screen and (min-width: 768px) {
    .newsListBox figure {
      margin-right: 1.5rem; } }

@media only screen {
  .newsListBox {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .newsListBox {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; } }

@media only screen {
  .content-sidebar .newsListBox {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; } }

@media only screen and (min-width: 768px) {
  .content-sidebar .newsListBox {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; } }

.teaserbox .newsListBox {
  padding-bottom: 1rem;
  padding-top: 1rem; }

.newsListBox .info {
  display: flex;
  flex-direction: column; }

.newsListBox .info > h2,
.newsListBox .info > h3 {
  padding-top: 0;
  order: 2; }

.newsListBox .info > .dateInfo {
  order: 0; }

.newsListBox .info > p,
.newsListBox .info > .contentInfo,
.newsListBox .info > .topstory {
  order: 3; }

@media only screen {
  .newsListBox h2,
  .newsListBox h3 {
    font-size: 1.25rem;
    line-height: 1.3; } }

@media only screen and (min-width: 768px) {
  .newsListBox h2,
  .newsListBox h3 {
    font-size: 1.5rem; } }

@media only screen {
  .newsListBox h2,
  .newsListBox h3 {
    margin-bottom: 0.75rem; } }

@media only screen and (min-width: 768px) {
  .newsListBox h2,
  .newsListBox h3 {
    margin-bottom: 1rem; } }

.content-sidebar .newsListBox h2, .content-sidebar
.newsListBox h3 {
  margin-bottom: 0; }
  @media only screen {
    .content-sidebar .newsListBox h2, .content-sidebar
    .newsListBox h3 {
      font-size: 1.125rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .content-sidebar .newsListBox h2, .content-sidebar
    .newsListBox h3 {
      font-size: 1.25rem; } }

.newsListBox .dateInfo + p,
.newsListBox .dateInfo + figure + p {
  margin-top: 0.5rem; }

.newsListBox h2 + figure {
  margin-bottom: 0.25rem;
  margin-top: 0.5rem;
  padding-top: 0.125rem; }

.newsListBox .dateInfo {
  color: #6F6F6F; }
  @media only screen {
    .newsListBox .dateInfo {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .newsListBox .dateInfo {
      font-size: 0.875rem; } }
  @media only screen {
    .newsListBox .dateInfo {
      margin-bottom: 0.25rem; } }
  @media only screen and (min-width: 768px) {
    .newsListBox .dateInfo {
      margin-bottom: 0.5rem; } }

@media only screen {
  .homepage .newsListBox p, .homepage
  .newsListBox .contentInfo p {
    font-size: 1rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .homepage .newsListBox p, .homepage
  .newsListBox .contentInfo p {
    font-size: 1.125rem; } }

.newsListBox p:last-child,
.newsListBox .contentInfo p:last-child {
  margin-bottom: 0; }

@media only screen {
  .newsListBox.linkedarea {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .newsListBox.linkedarea {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

@media only screen {
  .newsListBox.linkedarea {
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }

@media only screen and (min-width: 768px) {
  .newsListBox.linkedarea {
    margin-left: -1.5rem;
    margin-right: -1.5rem; } }

article.linkedarea::after {
  clear: both;
  content: '';
  display: table; }

/* News-List Content
---------------------------------------------------------------------------------------------------- */
.newsList {
  margin-bottom: 1rem; }
  .homepage .newsList {
    margin-bottom: 0.75rem; }
  .newsList.last-child {
    margin-bottom: 0.5rem; }
  .newsList .textimage figure {
    width: 100%; }
    @media only screen {
      .newsList .textimage figure {
        margin-bottom: 0.75rem; } }
    @media only screen and (min-width: 768px) {
      .newsList .textimage figure {
        margin-bottom: 1rem; } }
  .newsList .loadMoreNewsContainer {
    display: flex; }
    @media only screen {
      .newsList .loadMoreNewsContainer {
        margin-bottom: 2rem; } }
    @media only screen and (min-width: 768px) {
      .newsList .loadMoreNewsContainer {
        margin-bottom: 3rem; } }

.newsListBoxNoSep h2 {
  line-height: 1.4285714286;
  padding: 0.3125rem 0 0; }

.rssreader .newsListBox p img[src] {
  height: auto;
  width: 6.125rem; }

.newsListBox figure,
.newsListBoxNoSep figure {
  position: relative;
  max-width: 98px;
  min-width: 6.125rem; }
  .newsListBox figure img,
  .newsListBoxNoSep figure img {
    max-height: 100%;
    max-width: 100%; }
  .newsListBox figure a,
  .newsListBoxNoSep figure a {
    position: relative;
    display: inline-block; }

@media only screen {
  .newsArticle .info {
    font-size: 0.75rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .newsArticle .info {
    font-size: 0.875rem; } }

@media only screen {
  .newsArticle .info {
    margin-top: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .newsArticle .info {
    margin-top: 1.5rem; } }

@media only screen {
  .newsArticle .info {
    margin-bottom: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .newsArticle .info {
    margin-bottom: 1.5rem; } }

.newsArticle .info .dateInfo {
  color: #000;
  margin-bottom: 0; }
  @media only screen {
    .newsArticle .info .dateInfo {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .newsArticle .info .dateInfo {
      font-size: 0.875rem; } }
  .newsArticle .info .dateInfo a {
    color: rgba(0, 0, 0, 0.6);
    transition: color 80ms cubic-bezier(0.42, 0, 0.58, 1); }
    .newsArticle .info .dateInfo a:hover {
      color: #000; }

.newsArticle .textimage + .textimage {
  margin-top: 0; }

.keywordList {
  background-color: #F6F6F6;
  font-size: 1.125rem;
  line-height: 1.2;
  margin-bottom: 1.875rem;
  margin-top: 0.9375rem;
  overflow: auto;
  padding: 1rem 1rem 0.25rem;
  width: 100%;
  /* Apparently these links need some special styles */ }
  @media only screen and (min-width: 1440px) {
    .keywordList {
      font-size: 1.25rem;
      padding: 2rem 2rem 1.25rem; } }
  .keywordList li {
    display: flex; }
    @media only screen and (max-width: 767px) {
      .keywordList li {
        align-items: baseline; } }
  .keywordList a.eth-link,
  .keywordList a {
    border: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.125rem;
    margin-bottom: 0.75rem; }
    .keywordList a.eth-link:hover, .keywordList a.eth-link:focus,
    .keywordList a:hover,
    .keywordList a:focus {
      color: #000; }
    @media only screen and (min-width: 1440px) {
      .keywordList a.eth-link,
      .keywordList a {
        font-size: 1.25rem; } }
  .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;
    height: 1.125rem;
    margin-left: 0.375rem;
    width: 0.625rem; }
  .keywordList ul.keyword li::before {
    height: 0.875rem;
    margin-left: 0.375rem;
    width: 0.625rem; }

#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 {
  display: flex;
  margin-bottom: 1.25rem;
  margin-top: 0.5rem; }

.basecomponent.newsfeed .dateInfo a:hover {
  color: #000; }

@media only screen {
  .basecomponent.newsfeed + a + .newsfeed.basecomponent {
    margin-top: -2rem; } }

@media only screen and (min-width: 768px) {
  .basecomponent.newsfeed + a + .newsfeed.basecomponent {
    margin-top: -3rem; } }

@media screen and (max-width: 1023px) {
  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.25rem; }

.topstory .material-icons, .topstory .rsThumbsArrowIcn::before, .topstory .rsArrowIcn::before, .topstory .rsFullscreenIcn::before {
  color: #000; }

.newssearch {
  background-color: #FFF; }
  .newssearch h2 {
    font-size: 1.25rem; }
  .newssearch .search-form {
    background: #F1F1F1;
    padding: 9px 16px 6px;
    margin-bottom: 1rem; }

@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .rightpar > .newssearch {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

/* the main field */
.eth-select-multi {
  /* list (ul) of options */ }
  .eth-select-multi__select {
    align-items: center;
    background: #eaecee url("img/icons/svg/ms_dropdown.svg") no-repeat right;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: left;
    margin: 0 1em 1.2em 0.2em;
    min-height: 44px;
    padding: 5px 10px;
    position: relative;
    transition: 0.2s;
    width: calc(100% - 40px); }
    .eth-select-multi__select ul {
      list-style: none;
      margin-top: -4px; }
    .eth-select-multi__select .eth-select-multi__options li {
      background-color: #fff;
      border-bottom: 1px solid #e4e4e4;
      min-height: 1.4em;
      padding: 0.8em 2.5em;
      /* draws checkbox */
      /* draws checkmark */ }
      .eth-select-multi__select .eth-select-multi__options li.sub1 {
        padding-inline-start: 4em; }
      .eth-select-multi__select .eth-select-multi__options li::before {
        border: 1px solid;
        border-radius: 3px;
        color: #000;
        content: "";
        display: inline-block;
        float: left;
        font-size: inherit;
        font-weight: bold;
        margin-left: -28px;
        margin-right: 2px;
        margin-top: 0;
        padding: 7px; }
      .eth-select-multi__select .eth-select-multi__options li.active::after {
        border-bottom: 3px solid #000;
        border-right: 3px solid #000;
        color: #333;
        content: "";
        display: inline-block;
        float: left;
        font-size: inherit;
        height: 8px;
        margin-left: -23px;
        margin-top: 2px;
        transform: rotate(45deg);
        width: 4px; }
    .eth-select-multi__select--opened .eth-select-multi__options {
      display: block; }
  .eth-select-multi__options {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-sizing: border-box;
    color: #363b3e;
    display: none;
    left: 0;
    max-height: 25em;
    min-width: 25em;
    overflow-y: scroll;
    padding-inline-start: 0;
    position: absolute;
    top: 50px;
    z-index: 1000; }
  .eth-select-multi__option {
    box-sizing: border-box;
    height: 44px;
    line-height: 20px; }
    .eth-select-multi__option.group {
      font-weight: bold; }
    .eth-select-multi__option--disabled {
      color: #e4e4e4; }
    .eth-select-multi__option--selected {
      color: #e4e4e4;
      cursor: initial;
      pointer-events: none; }
    .eth-select-multi__option--hidden {
      display: none; }
  .eth-select-multi__selected-label {
    align-items: "center";
    background: #5e6264;
    border-radius: 4px;
    color: #fff;
    cursor: initial;
    display: inline-flex;
    justify-content: "center";
    margin: 5px 10px 5px 0;
    padding: 3px 7px; }
    .eth-select-multi__selected-label i {
      cursor: pointer;
      display: inline-block;
      margin-left: 7px; }
      .eth-select-multi__selected-label i:hover {
        color: #e4e4e4; }
    .eth-select-multi__selected-label span {
      cursor: pointer;
      display: inline-block;
      height: 18px;
      margin-left: 7px;
      width: 18px; }
    .eth-select-multi__selected-label:last-of-type {
      margin-right: 0; }
  .eth-select-multi__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 10px;
    width: 100%; }
  .eth-select-multi__placeholder--hidden {
    display: none; }

.fa {
  background: #5e6264 url("img/icons/svg/ms_delete.svg") no-repeat right;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: auto; }

#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.text-image {
  padding: 1.0625rem 0 0 0.4375rem; }

form#extended_people_search div.box div.option {
  float: left;
  padding: 0;
  width: 32.25rem; }

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-bottom: 0;
    margin-right: 0.625rem;
    padding-bottom: 0.625rem;
    position: relative; }
    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 #000;
        bottom: 0;
        display: none;
        height: 1.5625rem;
        position: absolute;
        right: 0;
        width: 1.5625rem; }
    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 {
    min-width: 6.25rem;
    width: 20%; }
  .table-matrix table.university-calender colgroup col.col2 {
    min-width: 15rem;
    width: 50%; }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .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: 1023px) {
  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 {
    line-height: 1.4;
    width: 100%; }
    form#extended_people_search div.box div.option span {
      box-sizing: border-box;
      display: block;
      float: left;
      line-height: 1.5;
      margin-bottom: 0.5rem;
      padding-bottom: 0.1875rem;
      padding-top: 0.1875rem;
      width: calc(100% - 1.4375rem); }
    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 {
    clear: both;
    float: none;
    width: auto; }
  body.search #mobile_extended_people_search #professors + label {
    margin-bottom: 0;
    padding-right: 0;
    width: auto; }
  body.search #mobile_extended_people_search .dropdown.full {
    display: inline-block;
    margin-bottom: 0.5rem;
    width: 100%; }
  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.text-image b,
  body.search #mobile_extended_people_search fieldset > div.text-image p {
    padding-bottom: 0;
    padding-top: 1.5rem; }
  body.search #extended_people_search fieldset.search-form {
    background-color: #f3f5f6;
    border: 1px solid #c9cfd2;
    color: #6a7277;
    padding: 0 1.5rem 0.875rem 1.5rem; }
  form#extended_people_search fieldset > div.text-image {
    padding: 1.0625rem 0 0; } }

.people_editor .search-form {
  background: #F1F1F1;
  padding: 1rem; }

@media screen and (max-width: 767px) {
  .table-matrix table.university-calender thead {
    display: none !important; }
  .table-matrix table.university-calender tr.trSubtext th.flipHeader {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    display: block;
    float: left;
    font-weight: bold;
    padding-left: 0;
    width: 30% !important; }
  .table-matrix table.university-calender tr.trSubtext td {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 70% !important; }
  .table-matrix table.university-calender tr td {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0; }
  .table-matrix table.university-calender tbody tr {
    border-bottom: 1px solid #c9cfd2; } }

/*
|--------------------------------------------------------------------------
| PersonList
|--------------------------------------------------------------------------
*/
.personlist {
  width: 100%; }
  .personlist h2,
  .personlist h3 {
    padding-top: 0;
    margin-bottom: 0.5rem;
    margin-top: 1rem; }
  .personlist table.personlist a.email {
    margin-right: 0; }
  .personlist .abc_list {
    margin-bottom: 0.5rem; }
  .site-content--wide .personlist.basecomponent {
    max-width: 100% !important; }
  .site-content--wide .personlist.basecomponent .navigation {
    margin-left: auto;
    margin-right: auto;
    max-width: 48.75rem; }

/*
|--------------------------------------------------------------------------
| General vitae
|--------------------------------------------------------------------------
*/
.vitae figure.grid_2 {
  float: left;
  margin-right: 1.5rem;
  width: 8.125rem; }
  @media only screen {
    .vitae figure.grid_2 {
      margin-bottom: 1rem; } }
  @media only screen and (min-width: 768px) {
    .vitae figure.grid_2 {
      margin-bottom: 1.5rem; } }

.vitae .vcard.grid_2 {
  display: inline-block;
  width: auto; }

/*
|--------------------------------------------------------------------------
| personlist__item
|--------------------------------------------------------------------------
*/
.personlist .person:not(th):not(td):not(tr) {
  padding-top: 1rem; }
  @media only screen {
    .personlist .person:not(th):not(td):not(tr) {
      margin-bottom: 1rem; } }
  @media only screen and (min-width: 768px) {
    .personlist .person:not(th):not(td):not(tr) {
      margin-bottom: 1.5rem; } }
  .personlist .person:not(th):not(td):not(tr) figure {
    margin-right: 1rem;
    max-width: 8.25rem; }
    .personlist .person:not(th):not(td):not(tr) figure img {
      width: 100%; }
      @media only screen {
        .personlist .person:not(th):not(td):not(tr) figure img {
          padding-bottom: 0.75rem; } }
      @media only screen and (min-width: 768px) {
        .personlist .person:not(th):not(td):not(tr) figure img {
          padding-bottom: 1rem; } }
  @media only screen {
    .personlist .person:not(th):not(td):not(tr) .address {
      font-size: 0.875rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .personlist .person:not(th):not(td):not(tr) .address {
      font-size: 1rem; } }
  .personlist .person:not(th):not(td):not(tr) .address .lineName {
    margin-bottom: 0.75rem; }
    @media only screen {
      .personlist .person:not(th):not(td):not(tr) .address .lineName {
        font-size: 1.125rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .personlist .person:not(th):not(td):not(tr) .address .lineName {
        font-size: 1.25rem; } }
  .personlist .person:not(th):not(td):not(tr) .address .building-name {
    margin-bottom: 0; }
    .personlist .person:not(th):not(td):not(tr) .address .building-name > a {
      line-height: 1.25rem; }

.personlist__list .person {
  display: flex; }
  @media only screen and (max-width: 767px) {
    .personlist__list .person {
      flex-direction: column; } }

/*
|--------------------------------------------------------------------------
| .personinfo
|--------------------------------------------------------------------------
*/
.personinfo {
  /* I noticed there are a lot of styles from search.scss that interfere
  with this and they should probably be scoped more cleanly */ }
  @media only screen {
    .personinfo h1 {
      font-size: 2rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .personinfo h1 {
      font-size: 2.5rem; } }
  @media only screen {
    .personinfo h1 {
      margin-bottom: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .personinfo h1 {
      margin-bottom: 1.5rem; } }
  @media only screen {
    .personinfo h2 {
      font-size: 1.5rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .personinfo h2 {
      font-size: 2rem;
      line-height: 1.2; } }
  @media only screen {
    .personinfo h3 {
      font-size: 1.25rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .personinfo h3 {
      font-size: 1.5rem; } }
  .personinfo p {
    margin-bottom: 0; }
  .personinfo a {
    border-bottom: solid 0.0625rem rgba(0, 0, 0, 0.6);
    color: inherit;
    transition: color 80ms cubic-bezier(0.42, 0, 0.58, 1), border-bottom-color 80ms cubic-bezier(0.42, 0, 0.58, 1);
    border-bottom-color: var(--color-theme);
    /* If icon is before content, the link should have
  this additional class to update styling accordingly */ }
    .personinfo a:hover, .personinfo a:focus {
      color: rgba(0, 0, 0, 0.6); }
    .personinfo a:hover, .personinfo a:focus {
      border-color: var(--color-theme);
      color: var(--color-theme); }
    .personinfo a .material-icons, .personinfo a .rsThumbsArrowIcn::before, .personinfo a .rsArrowIcn::before, .personinfo a .rsFullscreenIcn::before {
      /* Slightly reduce icon size to match font-size */
      font-size: 90%;
      /* Default icon styling -> icon added after content */
      margin-left: 0.25rem;
      /* Optically align icon */
      transform: translateY(0.1em); }
    .personinfo a.has-icon-before .material-icons, .personinfo a.has-icon-before .rsThumbsArrowIcn::before, .personinfo a.has-icon-before .rsArrowIcn::before, .personinfo a.has-icon-before .rsFullscreenIcn::before {
      margin-left: initial;
      margin-right: 0.5rem; }
  @media only screen {
    .personinfo p.organization-name {
      font-size: 1.125rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .personinfo p.organization-name {
      font-size: 1.25rem; } }
  @media only screen {
    .personinfo p.organization-name {
      margin-bottom: 0.5rem; } }
  @media only screen and (min-width: 768px) {
    .personinfo p.organization-name {
      margin-bottom: 0.75rem; } }
  .personinfo > .vitae {
    padding-top: 1rem; }
  .personinfo .vitae {
    margin: 0; }
    @media only screen {
      .personinfo .vitae h2 {
        font-size: 1.5rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .personinfo .vitae h2 {
        font-size: 2rem;
        line-height: 1.2; } }
    @media only screen {
      .personinfo .vitae h2 {
        margin-bottom: 0.5rem; } }
    @media only screen and (min-width: 768px) {
      .personinfo .vitae h2 {
        margin-bottom: 0.75rem; } }
    .personinfo .vitae .vitae {
      /* Selector needed for nested vitae */ }
      @media only screen {
        .personinfo .vitae .vitae {
          margin-bottom: 3rem; } }
      @media only screen and (min-width: 768px) {
        .personinfo .vitae .vitae {
          margin-bottom: 4rem; } }
      .personinfo .vitae .vitae:last-of-type {
        margin-bottom: 0; }
  @media only screen {
    .personinfo .vcard.vcard {
      margin-bottom: 1rem; } }
  @media only screen and (min-width: 768px) {
    .personinfo .vcard.vcard {
      margin-bottom: 1.5rem; } }
  @media only screen {
    .personinfo .vcard.vcard {
      font-size: 1.125rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .personinfo .vcard.vcard {
      font-size: 1.25rem; } }
  .personinfo .vcard.vcard .org {
    margin: 0; }
  .personinfo .vcard.vcard .adr {
    margin-bottom: 0; }
  .personinfo .contact-name {
    font-weight: bold; }
  @media only screen {
    .personinfo .reference .linklist__wrapper {
      margin-top: 0.75rem; } }
  @media only screen and (min-width: 768px) {
    .personinfo .reference .linklist__wrapper {
      margin-top: 1.25rem; } }

/*
|--------------------------------------------------------------------------
| Personinfo Vitae
|--------------------------------------------------------------------------
*/
.personinfo__vitae figure.grid_2 {
  margin-bottom: 0.75rem;
  width: 8.125rem; }
  @media only screen and (min-width: 768px) {
    .personinfo__vitae figure.grid_2 {
      width: 100%;
      max-width: 195px; }
      .personinfo__vitae figure.grid_2 + .vcard.grid_2 {
        width: calc(100% - 219px); } }

.personinfo__vitae .clearfloat {
  clear: both; }

/*
|--------------------------------------------------------------------------
| Personinfo (Detail Page) - Sections
|--------------------------------------------------------------------------
*/
.personinfo__sections {
  margin-bottom: 0.75rem; }
  .personinfo__sections h2,
  .personinfo__sections h3,
  .personinfo__sections h4 {
    margin-bottom: 0.75rem;
    margin-top: 1.25rem; }

div.personinfo ul.contactlist,
div.personinfo ol.contactlist {
  list-style: outside none none;
  margin: 0; }

.personlist .table-matrix.first-element {
  margin-top: 0;
  padding-top: 0; }

.table-matrix table.personlist {
  margin-bottom: 0;
  min-width: 643px; }
  .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%; }

.personlist .textimage__image--small {
  width: 8rem; }

@media screen and (min-width: 768px) {
  .personlist .textimage__image--small {
    float: left;
    margin-right: 2rem; } }

@media screen and (max-width: 1023px) {
  .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 {
    display: block;
    margin-left: -0.5rem; }
  .personlist .navigation.year_list .nav-elements ul.paging li,
  .personlist .navigation.abc_list .nav-elements ul.paging li {
    background-color: transparent;
    border: 1px solid rgba(34, 34, 34, 0.2);
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    float: none;
    font-weight: bold;
    height: 3rem;
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
    min-width: 3rem;
    padding: 0;
    text-align: center;
    transition: 160ms;
    vertical-align: middle; } }
  @media only screen and (max-width: 1023px) {
    .personlist .navigation.year_list .nav-elements ul.paging li,
    .personlist .navigation.abc_list .nav-elements ul.paging li {
      font-size: 0.875rem;
      line-height: 1.2; } }
  @media only screen and (max-width: 1023px) and (min-width: 768px) {
    .personlist .navigation.year_list .nav-elements ul.paging li,
    .personlist .navigation.abc_list .nav-elements ul.paging li {
      font-size: 1rem; } }

@media screen and (max-width: 1023px) {
    .personlist .navigation.year_list .nav-elements ul.paging li:hover,
    .personlist .navigation.abc_list .nav-elements ul.paging li:hover {
      border-color: #000; }
    .personlist .navigation.year_list .nav-elements ul.paging li.active,
    .personlist .navigation.abc_list .nav-elements ul.paging li.active {
      border-color: #000; }
    .personlist .navigation.year_list .nav-elements ul.paging li.inactive,
    .personlist .navigation.abc_list .nav-elements ul.paging li.inactive {
      opacity: 0.48; }
      .personlist .navigation.year_list .nav-elements ul.paging li.inactive:hover,
      .personlist .navigation.abc_list .nav-elements ul.paging li.inactive:hover {
        border: 1px solid rgba(34, 34, 34, 0.2); }
      .personlist .navigation.year_list .nav-elements ul.paging li.inactive a:hover,
      .personlist .navigation.abc_list .nav-elements ul.paging li.inactive a:hover {
        border: none;
        cursor: default; }
    .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;
      height: 3rem;
      line-height: 1.5;
      min-width: 3rem;
      padding: 0.7rem;
      text-align: center; }
      .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 .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 .scrollarea.scrollbar {
    margin-bottom: 2rem;
    margin-top: 0; } }

/*
|--------------------------------------------------------------------------
| PersonList -- Table
|--------------------------------------------------------------------------
*/
table.personlist {
  display: table; }

/*
|--------------------------------------------------------------------------
| PublicationsList
|--------------------------------------------------------------------------
*/
.publications .navigation {
  padding-top: 0.375rem; }
  .publications .navigation:first-child {
    padding-top: 0; }
  .publications .navigation .nav-hint {
    color: #6F6F6F;
    font-weight: normal;
    padding-bottom: 0.3125rem; }
    @media only screen {
      .publications .navigation .nav-hint {
        font-size: 0.75rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .publications .navigation .nav-hint {
        font-size: 0.875rem; } }

@media only screen and (min-width: 768px) {
  .publications .articleBox + .navigation {
    padding-bottom: 1.25rem; } }

.publications .moreAccordion.eth-link:focus {
  color: inherit; }
  .publications .moreAccordion.eth-link:focus:hover {
    color: var(--color-theme); }

.nav-hint + .nav-elements {
  margin-bottom: 1.5rem;
  margin-top: 0.75rem; }

.publicationList {
  margin-bottom: 1.25rem; }
  .publicationList .paging {
    margin-left: 0;
    padding-bottom: 0; }

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/
.navigation .linkedarea {
  color: #222; }

/*
|--------------------------------------------------------------------------
| Publication List -- With Anchor Navigation
|--------------------------------------------------------------------------
*/
.publications .toTheTop {
  border-top: solid 1px #E2E2E2;
  margin-bottom: 2rem;
  padding-top: 1rem; }

.publications h2 {
  font-size: 1.5rem;
  margin-top: 0.5rem; }

/*
|--------------------------------------------------------------------------
| Publication List __ Item (a.k.a. .articleBox)
|--------------------------------------------------------------------------
*/
.articleBox {
  line-height: 1.5; }
  .articleBox .info {
    border-bottom: 1px solid #E2E2E2; }
    @media only screen {
      .articleBox .info {
        padding-top: 1.25rem; } }
    @media only screen and (min-width: 768px) {
      .articleBox .info {
        padding-top: 1.5rem; } }
    @media only screen {
      .articleBox .info {
        padding-bottom: 1.25rem; } }
    @media only screen and (min-width: 768px) {
      .articleBox .info {
        padding-bottom: 1.5rem; } }
  .articleBox article:last-child .info {
    border-bottom: none; }
  .articleBox .pub_title {
    font-weight: bold;
    line-height: 1.267;
    margin-bottom: 0.5rem; }
    @media only screen {
      .articleBox .pub_title {
        font-size: 1.125rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .articleBox .pub_title {
        font-size: 1.25rem; } }
  .articleBox .pub_info {
    color: #6F6F6F;
    margin-top: 0.25rem; }
  .articleBox .pub_links {
    margin-top: 0.25rem; }
    .articleBox .pub_links a:not(:last-child) {
      margin-right: 1rem; }

.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;
  margin-top: -1px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding: 0; }
  @media only screen {
    .accordionAbstract p {
      padding: 1rem; } }
  @media only screen and (min-width: 768px) {
    .accordionAbstract p {
      padding: 1.5rem; } }
  @media only screen {
    .accordionAbstract p {
      font-size: 0.875rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .accordionAbstract p {
      font-size: 1rem; } }
  .accordionAbstract p:only-child {
    margin-bottom: 0; }

.researchLink {
  background-image: url("img/icons/svg/rd-icon.svg");
  background-size: 11px 11px;
  cursor: pointer;
  display: inline-block;
  height: 11px;
  position: relative;
  user-select: none;
  width: 11px; }

/* The actual popup */
.researchLink .rctext {
  background-color: #555;
  border-radius: 6px;
  bottom: 125%;
  color: #FFF;
  left: 50%;
  margin-left: -200px;
  padding: 8px 0;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 400px;
  z-index: 1; }

/* Popup arrow */
.researchLink .rctext::after {
  border-color: #555 transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: '';
  left: 50%;
  margin-left: -5px;
  position: absolute;
  top: 100%; }

.podcast__wrapper .podcast__caption {
  box-sizing: border-box;
  color: #6F6F6F;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.5rem;
  margin-top: -0.1875rem;
  text-align: left;
  width: 100%; }
  @media only screen {
    .podcast__wrapper .podcast__caption {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .podcast__wrapper .podcast__caption {
      font-size: 0.875rem; } }

#powerTip,
#powerTipWhite {
  background-color: #222;
  color: #FFF;
  cursor: default;
  display: none;
  font-size: 0.75rem;
  font-weight: bold;
  max-width: 9.375rem;
  padding: 0.3125rem 0.625rem;
  position: absolute;
  z-index: 2147483647; }

#powerTip::before,
#powerTipWhite::before {
  content: '';
  position: absolute; }

#powerTip.n::before,
#powerTip.s::before,
#powerTipWhite.n::before,
#powerTipWhite.s::before {
  border-left: 0.3125rem solid transparent;
  border-right: 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-left: 0;
  border-right: 0.625rem solid transparent;
  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-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-top: 0.625rem solid #222;
  bottom: -0.625rem;
  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-bottom: 0.625rem solid #222;
  border-top: none;
  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; }

.rawhtml ul {
  padding-bottom: 1.125rem; }
  .rawhtml ul > li {
    list-style: none;
    margin-left: 0;
    padding-left: 1.1rem; }
    @media only screen {
      .rawhtml ul > li {
        font-size: 1.125rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .rawhtml ul > li {
        font-size: 1.25rem; } }
    @media only screen {
      .content-sidebar .rawhtml ul > li {
        font-size: 1rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .content-sidebar .rawhtml ul > li {
        font-size: 1.125rem; } }
    .rawhtml ul > li::before {
      content: '–';
      display: block;
      float: left;
      margin-left: -1.1rem;
      width: 1.1rem; }
  @media only screen and (max-width: 1023px) {
    .rawhtml ul {
      font-size: 1rem;
      line-height: 1.5;
      margin-top: 0.625rem; } }
  .rawhtml ul ul {
    padding-bottom: 0; }
  .rawhtml ul li {
    margin-top: 0.625rem; }
    @media only screen and (max-width: 1023px) {
      .rawhtml ul li {
        font-size: 1rem;
        line-height: 1.5;
        margin-top: 0.625rem; } }
    .rawhtml ul li:first-child, .rawhtml ul li.first-child {
      margin-top: 0; }

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

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

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

.rssreader .newsListBox h2 {
  padding-top: 0; }
  @media only screen {
    .rssreader .newsListBox h2 {
      font-size: 1.25rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .rssreader .newsListBox h2 {
      font-size: 1.5rem; } }
  @media only screen {
    .rssreader .newsListBox h2 {
      margin-bottom: 0.25rem; } }
  @media only screen and (min-width: 768px) {
    .rssreader .newsListBox h2 {
      margin-bottom: 0.5rem; } }

.rssreader .newsListBox img[src] {
  float: left;
  margin-top: 0.25rem;
  padding-bottom: 0;
  padding-right: 0.625rem; }

.rssreader .newsListBox img[align='left'] {
  padding-bottom: 0.625rem; }

.rssreader .newsListBox br {
  display: none; }

.rssreader .newsListBox p {
  clear: both;
  display: block; }
  @media only screen {
    .rssreader .newsListBox p {
      margin-bottom: 0.25rem; } }
  @media only screen and (min-width: 768px) {
    .rssreader .newsListBox p {
      margin-bottom: 0.5rem; } }
  .rssreader .newsListBox p::after {
    clear: both;
    content: '';
    display: table; }
  .rssreader .newsListBox p:last-child {
    margin-bottom: 0; }

.rssreader .newsListBox p a {
  display: inline; }

.rssreader .newsListBox a {
  border: none;
  display: block; }

.rssreader .newsListBox .info > .dateInfo + p {
  margin-top: 0; }

@media only screen {
  .rssreader .linkedarea {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

@media only screen and (min-width: 768px) {
  .rssreader .linkedarea {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

@media only screen {
  .rssreader .linkedarea {
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }

@media only screen and (min-width: 768px) {
  .rssreader .linkedarea {
    margin-left: -1.5rem;
    margin-right: -1.5rem; } }

aside .basecomponent.rssreader .newsListBox a {
  width: auto; }

@media screen and (max-width: 767px) {
  .rssreader .newsListBox p img[src],
  .basecomponent.rssreader .newsListBox img[src] {
    padding-right: 0;
    width: 100%; } }

/*  search box */
div.contentSubContainer.searchBox {
  margin-top: 0;
  padding-top: 0; }
  div.contentSubContainer.searchBox .formAddonLink.inside {
    margin-bottom: 1rem; }
    div.contentSubContainer.searchBox .formAddonLink.inside .box.full > .eth-link {
      margin-top: 16px;
      display: inline-block; }
  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.5rem;
        line-height: 1.25; }
    div.contentSubContainer.searchBox .search-form.extended div.checkbox div.subtitle,
    div.contentSubContainer.searchBox .search-form.extended div.formAddonLink div.subtitle {
      color: #6F6F6F;
      font-weight: bold;
      margin-top: 0.625rem; }
    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 {
      overflow: hidden;
      padding-left: 0;
      padding-right: 0.375rem;
      width: 4.5rem; }
      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 ul.langFilter,
      div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox ul.langFilter {
        padding-bottom: 1rem; }
      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; }
      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.9rem;
        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; }

#searchinput::-ms-clear {
  display: none; }

.searchMain {
  margin-bottom: 1.25rem;
  margin-top: 1.875rem;
  width: 100%; }
  .searchMain form {
    border: 1px solid #E2E2E2;
    height: 40px;
    width: 100%; }
    .searchMain form .searchinput {
      box-sizing: border-box;
      background-color: unset;
      border: none;
      display: block;
      float: left;
      padding-left: 0.5rem;
      width: 38.5rem;
      font-size: 1rem;
      line-height: 38px; }
    .searchMain form .searchsubmit {
      background: transparent;
      float: right;
      line-height: 38px;
      display: flex;
      align-items: center;
      height: 100%; }
      .searchMain form .searchsubmit .material-icons, .searchMain form .searchsubmit .rsThumbsArrowIcn::before, .searchMain form .searchsubmit .rsArrowIcn::before, .searchMain form .searchsubmit .rsFullscreenIcn::before {
        font-size: 1.5rem;
        color: rgba(0, 0, 0, 0.6); }

.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.75rem; }

.searchResult .recommendation .head,
.searchResult .recommendation .nav-hint,
.searchResult .navigation .head,
.searchResult .navigation .nav-hint {
  color: #6F6F6F;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  margin-bottom: 0.75rem;
  margin-top: 1rem; }

.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-bottom: 0.9375rem;
  padding-top: 0.9375rem; }
  .searchResult .recommendation .head {
    font-weight: bold;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem; }
  .searchResult .recommendation .content .textListBox {
    background-color: #f3f5f6;
    border-bottom: none; }
    .searchResult .recommendation .content .textListBox .info {
      margin-bottom: 0; }
      .searchResult .recommendation .content .textListBox .info figure img {
        margin-bottom: 0;
        margin-top: 0; }
    .searchResult .recommendation .content .textListBox.teaserBox {
      padding: 0.375rem 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 {
    border-left: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    display: inline-block;
    float: left;
    padding: 0.625rem;
    position: relative; }
    .searchResult ul.search_types li.disabled a {
      color: #bbb; }
    .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 {
      border-bottom: 0 !important;
      color: #bbb; }
    .searchResult ul.search_types li.last-child, .searchResult ul.search_types li:last-child {
      border-right: 1px solid #E2E2E2; }
    .searchResult ul.search_types li a {
      border-bottom: 1px solid transparent;
      color: #808080;
      display: block;
      text-decoration: none;
      text-align: center; }
      .searchResult ul.search_types li a.active,
      .searchResult ul.search_types li a.active .material-icons,
      .searchResult ul.search_types li a.active .rsThumbsArrowIcn::before,
      .searchResult ul.search_types li a.active .rsArrowIcn::before,
      .searchResult ul.search_types li a.active .rsFullscreenIcn::before {
        color: #000; }
      .searchResult ul.search_types li a span.material-icons, .searchResult ul.search_types li a span.rsThumbsArrowIcn::before, .searchResult ul.search_types li a span.rsArrowIcn::before, .searchResult ul.search_types li a span.rsFullscreenIcn::before {
        margin-bottom: 0.25rem;
        font-size: 1.5rem;
        color: rgba(0, 0, 0, 0.6);
        display: block; }
      .searchResult ul.search_types li a:hover {
        border-bottom: 0;
        color: #000;
        text-decoration: none; }
        .searchResult ul.search_types li a:hover .material-icons, .searchResult ul.search_types li a:hover .rsThumbsArrowIcn::before, .searchResult ul.search_types li a:hover .rsArrowIcn::before, .searchResult ul.search_types li a:hover .rsFullscreenIcn::before {
          color: #000; }

.searchResult .vitae figure {
  height: auto; }
  .searchResult .vitae figure img {
    max-height: 100%;
    max-width: 100%; }

.searchResult .vitae .vcard .contactlist {
  padding-bottom: 0.75rem; }

.searchResult figure {
  background-color: #F1F1F1;
  float: left;
  height: 4.375rem;
  margin-top: 0.3125rem;
  text-align: center;
  width: 3.125rem; }
  .searchResult figure img {
    max-height: 4.375rem;
    max-width: 3.125rem;
    vertical-align: middle; }
  .searchResult figure a {
    display: block;
    line-height: 5.5; }
  .searchResult figure a:hover {
    border-bottom: none; }

.searchResult .newsListBox.articleBox .info,
.searchResult .newsListBoxNoSep.articleBox .info {
  clear: both; }
  .searchResult .newsListBox.articleBox .info h3, .searchResult .newsListBox.articleBox .info h2,
  .searchResult .newsListBoxNoSep.articleBox .info h3,
  .searchResult .newsListBoxNoSep.articleBox .info h2 {
    padding-top: 0.625rem; }
  .searchResult .newsListBox.articleBox .info figure,
  .searchResult .newsListBoxNoSep.articleBox .info figure {
    background-color: transparent;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 0.625rem;
    width: 6.125rem; }
    .searchResult .newsListBox.articleBox .info figure img,
    .searchResult .newsListBoxNoSep.articleBox .info figure img {
      height: auto;
      margin: 0;
      max-height: none;
      max-width: none; }

.searchResult .newsListBox h2 + p {
  margin-top: 0; }

.searchResult figure.owl {
  height: auto;
  margin-top: 0;
  width: auto; }
  .searchResult figure.owl img {
    max-height: 100%;
    max-width: 100%; }

.searchResult .suggestion figure {
  height: auto;
  width: auto; }
  .searchResult .suggestion figure img {
    max-height: 6.25rem;
    max-width: 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 {
  overflow: hidden;
  width: 100%; }
  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;
  padding-top: 0.3125rem; }

aside div.smallForm form fieldset.search-form .borderTop,
aside div.smallForm fieldset.comment-form .borderTop {
  border-top: 1px solid #E2E2E2; }

form fieldset.search-form div.formHeader p {
  line-height: 1.125rem; }

.searchResult figure.grid_2 {
  margin-bottom: 0.75rem;
  width: 8.125rem; }
  @media only screen and (min-width: 768px) {
    .searchResult figure.grid_2 {
      width: 100%;
      max-width: 12.1875rem; } }

@media only screen and (min-width: 768px) {
  .searchResult .vitae div.vcard.grid_2 {
    width: auto; } }

@media only screen {
  .searchResult .personinfo.text-image p {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 768px) {
  .searchResult .personinfo.text-image p {
    margin-bottom: 1.5rem; } }

.searchResult .vcard .org.alignTop h3 {
  padding-top: 0;
  margin-bottom: 0.75rem; }

.searchResult .accordion .addr p,
.searchResult .vitae p {
  margin-bottom: 0; }

@media only screen {
  .searchResult .adr {
    font-size: 1.125rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  .searchResult .adr {
    font-size: 1.25rem; } }

.searchResult .adr .building-name .printlink + .printlink {
  margin-left: 0.5rem; }

.searchResult .contactlist li {
  margin-bottom: 0.75rem; }
  @media only screen {
    .searchResult .contactlist li {
      font-size: 1.125rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .searchResult .contactlist li {
      font-size: 1.25rem; } }

.searchResult .clearfloat {
  clear: both; }

.searchResult div.info h2 {
  font-size: 1.25rem;
  line-height: 1.125rem !important; }

.searchResult .articleBox .head {
  padding-bottom: 0.125rem; }

.searchResult .articleBox article:first-child {
  margin-top: 0; }

.searchResult article h3 a {
  color: inherit;
  text-decoration: none; }
  .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: 18%; }

.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; }

.searchResult .vitae .contactlist li {
  line-height: 1.2; }

.search .searchResult .articleBox {
  padding-bottom: 0.625rem; }

.search .search-form .linklist__wrapper {
  margin-bottom: 0; }
  @media only screen {
    .search .search-form .linklist__wrapper .eth-link {
      font-size: 0.875rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .search .search-form .linklist__wrapper .eth-link {
      font-size: 1rem; } }

@media only screen and (min-width: 768px) {
  .search .search-form {
    background: #F6F6F6; } }

.search .link-morePersonHits {
  margin-bottom: 1.25rem; }

div.searchResult div.newsListBox {
  border-bottom: none; }

.vitae {
  margin: 0.9375rem 0 0.3125rem 0;
  overflow: hidden;
  width: 100%; }
  .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-bottom: 0;
    padding-top: 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-bottom: 0;
    padding-top: 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 {
  line-height: 1.3571428571;
  position: relative; }
  .vcard ul.contactlist li .icons,
  .vitae ul.contactlist li .icons {
    height: 1rem;
    width: 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.2; } }

@media screen and (min-width: 1024px) {
  form fieldset.search-form div.grouping-box div.box .form-select div {
    font-size: 1rem;
    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: 1023px) {
  #contentMain > .last-child,
  #contentMain > .last-child,
  #contentMain .searchResult.last-child {
    margin-bottom: 0.5rem; }
  /* body */
  .search section#contentMain .searchResult .newsListBox.articleBox .info figure {
    height: auto !important;
    width: 25% !important; }
  .searchResult ul.search_types {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 1.5rem; }
  .search-extended--mobile-web {
    float: left;
    width: 50%; }
  #form-extended-doc-filter-mobile .search-form.extended-mobile li {
    width: calc(33.33% - 24px); }
  #buildingSearch .search-form .grouping-box.cols-2 .box {
    float: left !important;
    padding-left: 0.75rem;
    width: 50%; }
    #buildingSearch .search-form .grouping-box.cols-2 .box:first-child {
      padding-left: 0;
      padding-right: 0.75rem; }
    #buildingSearch .search-form .grouping-box.cols-2 .box:last-child {
      padding-right: 0; } }

@media screen and (max-width: 1023px) {
  .search .searchResult table {
    margin-top: 0; }
  .contactlist li,
  .contactlist li {
    margin-bottom: 0.75rem; }
  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 {
    max-width: 25%;
    width: 6.25rem; }
    #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 {
      height: auto !important;
      max-height: none;
      max-width: 100%;
      width: 100% !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 {
    min-width: 0;
    width: 25% !important; }
  .searchResult ul.search_types li {
    margin-right: 1rem;
    min-width: 6rem;
    text-align: center; }
  .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 {
    color: #222;
    font-size: 1rem;
    margin-bottom: 0;
    padding-bottom: 0.375rem; }
  /* 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 {
    clear: both;
    content: "";
    display: table; }
  /* 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 {
    border-right: none;
    font-size: 1rem;
    height: 2.375rem;
    padding: 0.1875rem 0.5rem;
    width: calc(100% - 2.5rem); }
  div.searchMain form .searchsubmit {
    background: transparent;
    float: right;
    height: 2.45rem;
    margin-bottom: 1rem;
    padding: 0.5rem;
    width: 2.45rem; }
  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 {
      font-size: 1rem;
      height: 2rem !important;
      margin-top: -2rem; }
  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 {
      clear: both;
      content: "";
      display: table; }
  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 {
    float: none !important;
    width: 100%; }
  form .search-form div.grouping-box div.box {
    width: 100%; }
  .smallForm .formAddonLink {
    background-color: transparent !important; }
  aside div.smallForm form fieldset.search-form {
    box-sizing: border-box;
    width: 100%; }
  /* body */
  .search {
    /* body */ }
    .search .tableOfContents {
      background-color: transparent !important;
      margin: 1rem 0;
      padding-left: 0; }
      .search .tableOfContents .smallForm {
        background-color: #eaecee;
        display: block;
        margin-left: -2rem;
        margin-right: -4rem;
        padding: 0.25rem 4rem 0.25rem 2rem !important;
        width: 100% !important; }
      .search .tableOfContents .expanded .tocLink {
        background-color: #eaecee;
        border-bottom: 1px solid #c9cfd2;
        display: block;
        line-height: 2;
        margin-left: -2rem;
        margin-right: -4rem;
        padding: 0.25rem 4rem 0.25rem 2rem; }
        .search .tableOfContents .expanded .tocLink:hover {
          border-bottom: none; }
      .search .tableOfContents .table-matrix table tr:first-child {
        border-top: none; }
    .search #contentMain h1 {
      margin-bottom: 0; }
    .search #contentMain h3:not(.accordionHeader) {
      margin-bottom: 0;
      margin-top: 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.875rem; }
    .search div.searchMain {
      background-color: #fff;
      border-bottom: 1px solid #eaecee;
      display: inline-block;
      padding-bottom: 1rem; }
    .search fieldset.search-form.extended {
      font-size: 1rem !important;
      margin-top: 0; }
      .search fieldset.search-form.extended a {
        font-size: 0.875rem; }
      .search fieldset.search-form.extended .formHeader h2 {
        padding-bottom: 0.5rem; }
      .search fieldset.search-form.extended .checkbox > div {
        margin-bottom: 0.375rem; }
      .search fieldset.search-form.extended div.grouping-box::after {
        clear: both;
        content: "";
        display: table; }
      .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-bottom: 0.1875rem;
        padding-top: 0.1875rem; }
      .search fieldset.search-form.extended .end {
        clear: both;
        margin-top: 1rem; }
    .search fieldset.search-form.extended ul li {
      display: block;
      float: left;
      margin-bottom: 0.5rem;
      margin-right: 1.5rem; }
    .search form .search-form div.grouping-box div.box.full {
      clear: both;
      display: block;
      float: none;
      padding-left: 0; }
  .recommendation h2 {
    line-height: 1.15; }
  #mobile_extended_people_search label {
    clear: none;
    display: inline-block;
    float: left;
    font-size: 1rem !important;
    width: 85%; }
  #mobile_extended_people_search .option {
    float: left;
    line-height: 1.4;
    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 {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 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;
    max-width: 33.33%;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: 7rem; }
  .recommendation h2 {
    font-size: 1.25rem !important;
    padding-top: 0.125rem !important; }
  .search-extended--mobile-web,
  .search-extended--mobile-language {
    float: left;
    width: 100%; }
  .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"] {
    clear: none;
    display: inline-block;
    width: auto !important; }
  fieldset.search-form .grouping-box .box .option label {
    clear: none;
    display: inline-block;
    width: auto; }
  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 {
  margin-bottom: 1rem;
  padding-bottom: 0; }

.teaserboxline {
  margin-bottom: 1rem;
  margin-top: 1rem; }
  .teaserboxline hr {
    border-top: 1px solid #E2E2E2; }
  [id="contentMain"] .teaserboxline {
    margin-bottom: 2rem;
    margin-top: 2rem; }
  aside .teaserboxline {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem; }

.homepage .newsfeed + .teaserboxline {
  margin-top: 0.25rem; }

.site-search {
  position: relative;
  width: 100%; }
  .site-search form {
    height: 2.5rem;
    width: 100%; }
    .site-search form .searchinput {
      border: 0;
      color: #6F6F6F;
      font-family: "DINPro", helvetica, arial, sans-serif;
      font-size: 1rem;
      height: 3rem;
      padding: 0 2.5rem 0 0.75rem;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .site-search form .searchinput {
          height: 2.5rem; } }
    .site-search form .searchsubmit {
      bottom: 0;
      padding: 0;
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      color: #222; }
  .site-search .searchinput {
    margin-bottom: 0;
    /* stylelint-disable-next-line selector-pseudo-element-no-unknown */ }
    .site-search .searchinput:placeholder {
      color: #6F6F6F;
      opacity: 1; }
    .site-search .searchinput::placeholder {
      color: #6F6F6F;
      opacity: 1; }
    .site-search .searchinput::input-placeholder {
      color: #6F6F6F;
      opacity: 1; }

.gallery {
  margin-bottom: 1.25rem;
  margin-top: 2rem;
  width: 100%; }
  .gallery::after {
    clear: both;
    content: '';
    display: table; }
  .gallery .items li,
  .gallery ul li {
    width: 32%; }
    .gallery .items li:nth-child(1n),
    .gallery ul li:nth-child(1n) {
      margin-right: 2%; }
    .gallery .items li:nth-child(3n),
    .gallery ul li:nth-child(3n) {
      margin-right: 0; }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .gallery .items li,
    .gallery ul li {
      width: 49%; }
      .gallery .items li:nth-child(1n),
      .gallery ul li:nth-child(1n) {
        margin-right: 2%; }
      .gallery .items li:nth-child(2n),
      .gallery ul li:nth-child(2n) {
        margin-right: 0; } }
  .gallery h2,
  .gallery h3,
  .gallery h4 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem; }
  .gallery p {
    font-weight: bold; }
  .gallery h2,
  .gallery h3,
  .gallery h4,
  .gallery p {
    margin-bottom: 0;
    padding-bottom: 0; }
  .gallery .items,
  .gallery ul {
    margin-top: 0;
    width: 100%; }
    .gallery .items li,
    .gallery ul li {
      float: left; }
      @media only screen {
        .gallery .items li,
        .gallery ul li {
          padding-top: 0.75rem; } }
      @media only screen and (min-width: 768px) {
        .gallery .items li,
        .gallery ul li {
          padding-top: 1rem; } }
      .gallery .items li figure,
      .gallery ul li figure {
        background-color: #F1F1F1;
        display: block;
        float: left;
        margin-right: 0;
        padding-top: 0;
        position: relative;
        width: 100%; }
        @media only screen {
          .gallery .items li figure,
          .gallery ul li figure {
            margin-top: 1rem; } }
        @media only screen and (min-width: 768px) {
          .gallery .items li figure,
          .gallery ul li figure {
            margin-top: 1.5rem; } }
        .gallery .items li figure a,
        .gallery ul li figure a {
          display: block;
          height: 100%;
          overflow: hidden;
          position: relative; }
          .gallery .items li figure a:hover,
          .gallery ul li figure a:hover {
            border-bottom: none; }
        .gallery .items li figure div,
        .gallery ul li figure div {
          align-items: center;
          display: flex;
          justify-content: center; }
          .gallery .items li figure div img,
          .gallery ul li figure div img {
            display: flex;
            max-width: 100%; }
          .gallery .items li figure div .detail,
          .gallery ul li figure div .detail {
            background: url("img/icons/svg/search-small-plus.svg") no-repeat #000;
            background-position: 4px 4px;
            bottom: 0;
            display: none;
            height: 1.5rem;
            position: absolute;
            right: 0;
            width: 1.5rem; }
            @media only screen and (max-width: 1023px) {
              .gallery .items li figure div .detail,
              .gallery ul li figure div .detail {
                display: block !important; } }
            .gallery .items li figure div .detail:hover,
            .gallery ul li figure div .detail:hover {
              display: block; }
        .gallery .items li figure figcaption,
        .gallery ul li figure figcaption {
          background-color: #FFF;
          padding-top: 0.5rem; }
          .gallery .items li figure figcaption sub,
          .gallery .items li figure figcaption sup,
          .gallery .items li figure figcaption small,
          .gallery ul li figure figcaption sub,
          .gallery ul li figure figcaption sup,
          .gallery ul li figure figcaption small {
            font-size: 75%; }
        .gallery .items li figure figcaption,
        .gallery .items li figure figcaption *,
        .gallery ul li figure figcaption,
        .gallery ul li figure figcaption * {
          color: #6F6F6F;
          font-weight: normal;
          text-align: left;
          width: 100%; }

@media only screen and (min-width: 768px) {
  .gallery.gallery5image .items li,
  .gallery.gallery5image ul li {
    width: 18.4%; }
    .gallery.gallery5image .items li:nth-child(1n),
    .gallery.gallery5image ul li:nth-child(1n) {
      margin-right: 2%; }
    .gallery.gallery5image .items li:nth-child(5n),
    .gallery.gallery5image ul li:nth-child(5n) {
      margin-right: 0; } }

@media screen and (min-width: 593px) and (max-width: 767px) {
  .gallery.gallery5image .items li,
  .gallery.gallery5image ul li {
    width: 23.5%; }
    .gallery.gallery5image .items li:nth-child(1n),
    .gallery.gallery5image ul li:nth-child(1n) {
      margin-right: 2%; }
    .gallery.gallery5image .items li:nth-child(4n),
    .gallery.gallery5image ul li:nth-child(4n) {
      margin-right: 0; } }

.charttable .chart-download {
  clear: both;
  display: block;
  padding-top: 0.25rem;
  /* Special link styles */ }
  .charttable .chart-download .eth-link {
    border: none;
    color: var(--color-theme); }
    .charttable .chart-download .eth-link:hover, .charttable .chart-download .eth-link:focus {
      color: #000; }

#userStatusBar a.liveCopyLink {
  line-height: 0px;
  margin-left: 0.5rem; }

#userStatusBar .warning {
  background-color: #f00;
  font-size: 0.9375rem;
  text-align: center; }

#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: #f00;
    padding-left: 0.2rem;
    padding-right: 0.2rem; }
    #userStatusBar div.statusBarItem.liveCopy .button {
      display: inline;
      line-height: inherit;
      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;
  margin-top: 0.1875rem;
  overflow: hidden;
  padding: 0.1875rem 0.625rem;
  text-overflow: ellipsis;
  white-space: nowrap; }
  #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.status-ontime {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-ontime.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.status-offtime {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-offtime.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.status-onofftime {
    background-image: url("../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-onofftime.gif");
    padding-left: 2.625rem;
    width: 14rem; }
  #userStatusBar span.status.small {
    padding: 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; }

/**
 * TabAccordion basic styles
 */
.tabaccordion-body-wrapper {
  overflow: hidden; }

.accordion.basecomponent {
  margin-bottom: 2.5rem; }

.accordion > section > header,
.tabbed-content > section > header {
  cursor: pointer; }

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.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem; }

.tabbed-content > section > header:first-child {
  padding-left: 0; }

.tabbed-content .tabaccordion-body-wrapper {
  background: #FFF;
  left: 0;
  /* Fade in effect */
  opacity: 0;
  position: absolute;
  right: 0;
  top: 3.6rem;
  visibility: hidden; }

.tabbed-content .open .tabaccordion-body-wrapper {
  opacity: 1;
  -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;
  visibility: visible; }

/* 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 {
  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 {
  display: block;
  width: 100%; }
  div.accordion-editmode .accordionToolbar,
  div.accordion .accordionToolbar {
    margin-bottom: 0.5rem;
    padding-right: 0.937rem; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      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 {
      font-size: 0.75rem;
      position: relative;
      top: 0; }
      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 {
    position: relative;
    background: none;
    cursor: pointer;
    border: none;
    border-bottom: 1px solid rgba(34, 34, 34, 0.2);
    color: #222;
    font-weight: bold;
    padding: 15px 0 14px;
    transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1);
    margin-bottom: 0; }
    @media only screen {
      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 {
        font-size: 1.125rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      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 {
        font-size: 1.25rem; } }
    div.accordion-editmode h2.accordionHeader::before, div.accordion-editmode h2.accordionHeader::after,
    div.accordion-editmode h3.accordionHeader::before,
    div.accordion-editmode h3.accordionHeader::after,
    div.accordion-editmode h4.accordionHeader::before,
    div.accordion-editmode h4.accordionHeader::after,
    div.accordion h2.accordionHeader::before,
    div.accordion h2.accordionHeader::after,
    div.accordion h3.accordionHeader::before,
    div.accordion h3.accordionHeader::after,
    div.accordion h4.accordionHeader::before,
    div.accordion h4.accordionHeader::after {
      background: rgba(0, 0, 0, 0.6);
      content: '';
      height: 2px;
      position: absolute;
      right: 10px;
      top: 50%;
      transition: all 0.3s;
      width: 14px; }
    div.accordion-editmode h2.accordionHeader > a,
    div.accordion-editmode h3.accordionHeader > a,
    div.accordion-editmode h4.accordionHeader > a,
    div.accordion h2.accordionHeader > a,
    div.accordion h3.accordionHeader > a,
    div.accordion h4.accordionHeader > a {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    div.accordion-editmode h2.accordionHeader:not(.ui-accordion-header-active)::after,
    div.accordion-editmode h3.accordionHeader:not(.ui-accordion-header-active)::after,
    div.accordion-editmode h4.accordionHeader:not(.ui-accordion-header-active)::after,
    div.accordion h2.accordionHeader:not(.ui-accordion-header-active)::after,
    div.accordion h3.accordionHeader:not(.ui-accordion-header-active)::after,
    div.accordion h4.accordionHeader:not(.ui-accordion-header-active)::after {
      transform: rotate(90deg); }
    div.accordion-editmode h2.accordionHeader.ui-accordion-header-active,
    div.accordion-editmode h3.accordionHeader.ui-accordion-header-active,
    div.accordion-editmode h4.accordionHeader.ui-accordion-header-active,
    div.accordion h2.accordionHeader.ui-accordion-header-active,
    div.accordion h3.accordionHeader.ui-accordion-header-active,
    div.accordion h4.accordionHeader.ui-accordion-header-active {
      border-bottom-color: transparent; }
    div.accordion-editmode h2.accordionHeader[aria-expanded="true"], div.accordion-editmode h2.accordionHeader:hover,
    div.accordion-editmode h3.accordionHeader[aria-expanded="true"],
    div.accordion-editmode h3.accordionHeader:hover,
    div.accordion-editmode h4.accordionHeader[aria-expanded="true"],
    div.accordion-editmode h4.accordionHeader:hover,
    div.accordion h2.accordionHeader[aria-expanded="true"],
    div.accordion h2.accordionHeader:hover,
    div.accordion h3.accordionHeader[aria-expanded="true"],
    div.accordion h3.accordionHeader:hover,
    div.accordion h4.accordionHeader[aria-expanded="true"],
    div.accordion h4.accordionHeader:hover {
      color: var(--color-theme); }
    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 {
      display: inline-block;
      font-weight: bold;
      line-height: 1.4285714286;
      padding: 0; }
  div.accordion-editmode div.ui-accordion-content,
  div.accordion div.ui-accordion-content {
    display: block;
    padding: 1rem 0.9375rem 0.25rem; }
    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;
      margin-top: 0; }
    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 {
  color: #0069b4;
  display: inline-block;
  font-weight: normal; }
  @media only screen {
    .openCloseText {
      font-size: 0.875rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .openCloseText {
      font-size: 1rem; } }

/* 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 .text-image > h2 + ul > li:first-child,
.accordion .text-image > h2 + ol > li:first-child,
.accordion-editmode .text-image > h2 + ul > li:first-child,
.accordion-editmode .text-image > h2 + ol > li:first-child {
  margin-top: 0.75rem; }

.accordion .text-image > h3 + ul > li:first-child,
.accordion .text-image > h4 + ul > li:first-child,
.accordion .text-image > h3 + ol > li:first-child,
.accordion .text-image > h4 + ol > li:first-child,
.accordion-editmode .text-image > h3 + ul > li:first-child,
.accordion-editmode .text-image > h4 + ul > li:first-child,
.accordion-editmode .text-image > h3 + ol > li:first-child,
.accordion-editmode .text-image > h4 + ol > li:first-child {
  margin-top: 0.875rem; }

.accordion .text-image > h2,
.accordion .text-image > h3,
.accordion .text-image > h4,
.accordion-editmode .text-image > h2,
.accordion-editmode .text-image > h3,
.accordion-editmode .text-image > h4 {
  margin-top: 0;
  padding-top: 0; }

@media screen and (max-width: 1023px) {
  .accordionToolbar {
    margin-bottom: 1.0625rem; }
  div.accordion-editmode div.ui-accordion-content,
  div.accordion div.ui-accordion-content {
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1.5rem; }
  div.accordion {
    width: 100%; }
  #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 {
    background-position: right;
    background-size: 1rem;
    float: right;
    height: 1.5rem !important;
    margin-right: 0.875rem;
    width: 1.5rem !important; } }

@media screen and (max-width: 767px) {
  div.basecomponent.accordion {
    margin: 0; }
  div.tab_accordion .accordionToolbar {
    padding-left: 1.5rem; }
  .tab_accordion .accordion h2.accordionHeader a.accordionAnchor > div > span.openCloseText {
    display: none; }
  div.accordion {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    width: auto; }
  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; } }

.accordionToolbar .accordionCloseAll {
  margin-left: 0.6rem; }

/*
|--------------------------------------------------------------------------
| Responsive Tabs - Mobile View
| The Responsive Tabs component imitates the TabAccordion component on smaller screens.
|--------------------------------------------------------------------------
*/
@media only screen and (max-width: 767px) {
  .r-tabs-accordion-title {
    border-top: 1px solid rgba(34, 34, 34, 0.2); }
    .r-tabs-accordion-title:hover, .r-tabs-accordion-title.r-tabs-state-active {
      color: #222; }
    .r-tabs-accordion-title .r-tabs-anchor.r-tabs-anchor.r-tabs-anchor {
      background: transparent; }
  .r-tabs {
    border-bottom: 1px solid #F1F1F1; }
    .r-tabs .r-tabs-panel {
      border: none; } }

/*
|--------------------------------------------------------------------------
| Backend only fixes
|--------------------------------------------------------------------------
*/
.accordion .ui-accordion-header a {
  color: inherit; }

.tab-accordion-item__header {
  background: #E2E2E2;
  color: #222;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 0.5625rem 1rem;
  text-align: left;
  width: 100%; }

.tab-accordion-item--tab .tab-accordion-item__header {
  background: #F1F1F1;
  width: fit-content; }

.tab-accordion-item--tab .tab-accordion-item__content {
  background: #F1F1F1; }

/*
|--------------------------------------------------------------------------
| Variables
|--------------------------------------------------------------------------
*/
.site-content--wide .table.basecomponent {
  max-width: 100% !important; }

.site-content--wide .greybox .table.basecomponent,
.site-content--wide .textimage .table.basecomponent {
  margin-left: auto;
  margin-right: auto;
  max-width: 48.75rem; }

.table-matrix {
  /*
  |--------------------------------------------------------------------------
  | Elements
  |--------------------------------------------------------------------------
  */
  /*
  |--------------------------------------------------------------------------
  | tr types and states
  |--------------------------------------------------------------------------
  */
  /* tr */
  /* tr */
  /* tr */
  /* tr */ }
  .table-matrix.full-width {
    width: 40.8125rem; }
  .table-matrix.first-element {
    padding-top: 0.25rem; }
  .table-matrix.spacing-top {
    margin-top: 1.25rem; }
  .table-matrix.no-spacing-top {
    margin-top: 0; }
  .table-matrix table {
    background-color: #FFF;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%; }
    @media only screen {
      .table-matrix table,
      .table-matrix table p,
      .table-matrix table strong,
      .table-matrix table b,
      .table-matrix table td,
      .table-matrix table i,
      .table-matrix table u,
      .table-matrix table li,
      .table-matrix table ul,
      .table-matrix table ol,
      .table-matrix table a {
        font-size: 0.875rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .table-matrix table,
      .table-matrix table p,
      .table-matrix table strong,
      .table-matrix table b,
      .table-matrix table td,
      .table-matrix table i,
      .table-matrix table u,
      .table-matrix table li,
      .table-matrix table ul,
      .table-matrix table ol,
      .table-matrix table a {
        font-size: 1rem; } }
    .table-matrix table a.tel.tel,
    .table-matrix table a.email.email {
      margin: 0; }
  .table-matrix .right-align {
    text-align: right; }
  .table-matrix caption {
    color: #08407E;
    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-bottom: 0;
    margin-top: 0; }
  .table-matrix th {
    font-weight: bold;
    padding: 0.5rem 0.75rem; }
    .table-matrix th .icon.invisible {
      display: none; }
    .table-matrix th.detail {
      padding-right: 0.5rem; }
    .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.5rem 0.75rem; }
    .table-matrix td.detail {
      padding-right: 0.5rem; }
    .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.75rem; }
  .table-matrix .hidden {
    display: none; }
    .table-matrix .hidden td {
      border: 0 !important; }
  .table-matrix .description {
    background-color: #f3f5f5;
    border-top: 1px solid #A9A9A9; }
  .table-matrix .trSubheader td {
    font-size: 1.5rem;
    padding-bottom: 0.25rem;
    padding-top: 0.5rem; }
  .table-matrix .trSubheader:first-child td {
    border-top: none; }
  .table-matrix tbody:not(.no-vertical-border) th:first-child + td {
    border-left: solid 1px #A9A9A9; }
  .table-matrix tbody th.flipHeader + td {
    border-left-width: 0; }
  .table-matrix .row-header thead th:first-child {
    border-right: solid 1px #A9A9A9; }
  .table-matrix tbody tr:first-child,
  .table-matrix thead tr:first-child {
    border-bottom: 1px solid #A9A9A9; }
    .table-matrix tbody tr:first-child th,
    .table-matrix thead tr:first-child th {
      border-right-width: 0;
      vertical-align: middle; }
  .table-matrix thead + tbody tr:first-child {
    border-bottom-width: 0; }
    .table-matrix thead + tbody tr:first-child th {
      vertical-align: top; }
  .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 #E2E2E2; }
  .table-matrix.expandableTable tr th {
    border-bottom: 1px solid #E2E2E2; }
  .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");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer; }
  .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 #B7352D !important; }
  table.error tr,
  table.error td {
    border: none !important; }
  table.error td.message {
    color: #B7352D;
    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;
    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: 1023px) {
  .table-matrix table colgroup {
    display: none; }
  .table-matrix tbody th.flipHeader + td {
    padding-left: 10px !important; }
  #spinOffTable,
  .widepage .basecomponent.table .table-matrix table {
    min-width: 643px; }
  .menuDisplay .table-matrix table,
  .content .basecomponent.table .table-matrix table {
    min-width: 471px; } }

@media only screen and (max-width: 767px) {
  .table-matrix tbody th.flipHeader + td {
    border-left: solid 1px #A9A9A9; } }

/*
|--------------------------------------------------------------------------
| Link style overrides for links that should not be themed
|--------------------------------------------------------------------------
*/
div.course_details .eth-link,
table.course_list .eth-link,
table.university-calender .eth-link {
  border-color: rgba(0, 0, 0, 0.6);
  color: #000; }
  div.course_details .eth-link:hover, div.course_details .eth-link:focus,
  table.course_list .eth-link:hover,
  table.course_list .eth-link:focus,
  table.university-calender .eth-link:hover,
  table.university-calender .eth-link:focus {
    border-color: rgba(0, 0, 0, 0.6);
    color: rgba(0, 0, 0, 0.6); }

.text-box {
  background-color: #F1F1F1;
  /* Because of grey background these links should not be themed */
  /* Update styling for link lists as well */ }
  @media only screen {
    .text-box {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .text-box {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media only screen {
    .text-box {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  @media only screen and (min-width: 768px) {
    .text-box {
      margin-top: 3rem;
      margin-bottom: 3rem; } }
  @media only screen {
    .text-box {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .text-box {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  .text-box h1,
  .text-box h2,
  .text-box h3,
  .text-box h4,
  .text-box h5,
  .text-box h6 {
    padding-top: 0; }
    .text-box h1:only-child,
    .text-box h2:only-child,
    .text-box h3:only-child,
    .text-box h4:only-child,
    .text-box h5:only-child,
    .text-box h6:only-child {
      margin-bottom: 0; }
  .content-sidebar .text-box {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
    padding: 1.5rem; }
  .text-box .eth-link {
    border-color: rgba(0, 0, 0, 0.6);
    color: #000; }
    .text-box .eth-link:hover, .text-box .eth-link:focus {
      border-color: rgba(0, 0, 0, 0.6);
      color: rgba(0, 0, 0, 0.6); }
  .text-box .linklist .eth-link {
    color: rgba(0, 0, 0, 0.6); }
    .text-box .linklist .eth-link:hover, .text-box .linklist .eth-link:focus {
      color: #000; }

/* This should probably live in its own file */
.greybox__wrapper {
  /* Theming */ }
  .greybox__wrapper.is-themed-light .text-box {
    background: var(--color-theme-10); }
    .greybox__wrapper.is-themed-light .text-box .eth-link {
      color: #000; }
      .greybox__wrapper.is-themed-light .text-box .eth-link:hover {
        color: rgba(0, 0, 0, 0.6); }
  .greybox__wrapper.is-themed .text-box {
    background: var(--color-theme);
    color: #FFF; }
    .greybox__wrapper.is-themed .text-box .linklist .eth-link,
    .greybox__wrapper.is-themed .text-box .eth-link {
      border-color: rgba(255, 255, 255, 0.8);
      color: #FFF; }
      .greybox__wrapper.is-themed .text-box .linklist .eth-link:hover,
      .greybox__wrapper.is-themed .text-box .eth-link:hover {
        color: rgba(255, 255, 255, 0.8); }
  .greybox__wrapper  .personinfo .contactlist a, .greybox__wrapper  .personlist .contactlist a, .greybox__wrapper  .contactbox .contactlist a {
    color: rgba(0, 0, 0, 0.6); }
    .greybox__wrapper  .personinfo .contactlist a:hover, .greybox__wrapper  .personlist .contactlist a:hover, .greybox__wrapper  .contactbox .contactlist a:hover {
      color: #000; }

@media only screen {
  .greybox .linklist__wrapper {
    margin-top: 0.75rem; } }

@media only screen and (min-width: 768px) {
  .greybox .linklist__wrapper {
    margin-top: 1.25rem; } }

.greybox .textimage__wrapper.is-last p:last-of-type {
  margin-bottom: 0; }

.text-image {
  clear: both; }
  .text-image li {
    margin-bottom: 0.5rem; }

.text-image__image {
  float: left;
  position: relative;
  width: 100%; }
  @media only screen {
    .text-image__image {
      margin-bottom: 1rem; } }
  @media only screen and (min-width: 768px) {
    .text-image__image {
      margin-bottom: 1.5rem; } }
  @media only screen {
    .text-image__image {
      margin-right: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .text-image__image {
      margin-right: 1.5rem; } }
  .text-image__image--small {
    max-width: 6rem; }
    @media only screen and (max-width: 767px) {
      .text-image__image--small {
        width: 30%; } }
  .text-image__image--medium {
    max-width: 12rem; }
  .text-image__image--large {
    max-width: 50%; }
  @media only screen and (max-width: 767px) {
    .text-image__image--medium, .text-image__image--large {
      float: none;
      max-width: 100%;
      width: 100%; } }
  .text-image__image + h2,
  .text-image__image + h3,
  .text-image__image + h4 {
    margin-top: 0;
    padding-top: 0.25rem; }
  .text-image__image img {
    padding-top: 0.25rem;
    width: 100%; }
  .text-image__image figcaption {
    color: #6F6F6F;
    font-size: 0.75rem;
    margin-top: 0.5rem; }
    @media only screen and (max-width: 1023px) {
      .text-image__image figcaption {
        font-size: 0.875rem; } }
  .text-image__image a {
    cursor: pointer;
    display: block;
    position: relative; }
    .text-image__image a:hover {
      border-bottom: none; }
    .text-image__image a span.detail {
      background: url("img/icons/svg/search-small-plus.svg") no-repeat #000;
      background-position: 50% 50%;
      background-size: 66% 66%;
      bottom: 0;
      display: none;
      height: 1.5rem;
      position: absolute;
      right: 0;
      width: 1.5rem; }

@media only screen and (min-width: 1024px) {
  .content-sidebar .text-image .text-image__image--medium,
  .content-sidebar .text-image .text-image__image--large {
    float: none;
    max-width: 100%;
    width: 100%; } }

.twocolumns .box .basecomponent:first-child .text-image h2:first-child,
.twocolumns .box .basecomponent:first-child .text-image h3:first-child,
.twocolumns .box .basecomponent:first-child .text-image h4:first-child,
.twocolumns .box .basecomponent:first-child .text-image p:first-child {
  margin-top: 0.5rem; }
  @media only screen and (min-width: 768px) {
    .twocolumns .box .basecomponent:first-child .text-image h2:first-child,
    .twocolumns .box .basecomponent:first-child .text-image h3:first-child,
    .twocolumns .box .basecomponent:first-child .text-image h4:first-child,
    .twocolumns .box .basecomponent:first-child .text-image p:first-child {
      margin-top: 0; } }

.twocolumns .box .basecomponent:first-child .text-image h1:first-child,
.twocolumns .box .basecomponent:first-child .text-image h2:first-child,
.twocolumns .box .basecomponent:first-child .text-image h3:first-child,
.twocolumns .box .basecomponent:first-child .text-image h4:first-child,
.twocolumns .box .basecomponent:first-child .text-image h5:first-child,
.twocolumns .box .basecomponent:first-child .text-image h6:first-child {
  padding-top: 0; }

.twocolumns .linklist__wrapper.is-first h2:first-child {
  padding-top: 0; }

@media only screen {
  .twocolumns .linklist__wrapper.is-first.is-last {
    margin-bottom: 1rem; } }

@media only screen and (min-width: 768px) {
  .twocolumns .linklist__wrapper.is-first.is-last {
    margin-bottom: 1.5rem; } }

@media only screen and (max-width: 1279px) {
  .twocolumn .text-image .text-image__image--medium,
  .twocolumn .text-image .text-image__image--large {
    max-width: 100%;
    width: 100%; } }

.site-content--with-sidebar:not(.site-content--wide) .twocolumn .text-image .text-image__image--medium,
.site-content--with-sidebar:not(.site-content--wide) .twocolumn .text-image .text-image__image--large {
  max-width: 100%;
  width: 100%; }

[id='contentMain'] .textimage {
  margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    [id='contentMain'] .textimage {
      margin-bottom: 0; } }

.textimage h1 .default-link,
.textimage h2 .default-link,
.textimage h3 .default-link,
.textimage h4 .default-link,
.textimage h5 .default-link,
.textimage h6 .default-link {
  font-size: 1rem; }
  @media only screen and (min-width: 1024px) {
    .textimage h1 .default-link,
    .textimage h2 .default-link,
    .textimage h3 .default-link,
    .textimage h4 .default-link,
    .textimage h5 .default-link,
    .textimage h6 .default-link {
      font-size: 0.875rem; } }

.textimage .default-link {
  font-style: normal;
  font-weight: normal; }

#userStatusBar {
  background-color: #222;
  color: #FFF;
  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: 3rem;
    vertical-align: middle;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      #userStatusBar .container {
        height: 2.5625rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        width: auto; } }
    @media only screen and (min-width: 1440px) {
      #userStatusBar .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 84.25rem; } }
  #userStatusBar div.box {
    float: right;
    line-height: 1.5625rem;
    padding: 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;
        line-height: inherit;
        padding-left: 0.4375rem;
        width: 14.75rem; }
      #userStatusBar nav.viewNav div.list-dropdown .icon {
        float: right;
        padding-left: 0.625rem;
        padding-right: 0.4375rem;
        padding-top: 0.5rem;
        width: 0.75rem; }
    #userStatusBar nav.viewNav ul.list-dropdown-select {
      position: absolute;
      width: 14.75rem;
      z-index: 300; }
      #userStatusBar nav.viewNav ul.list-dropdown-select li {
        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 ul.list-dropdown-select li:hover {
          background: #6d6d6d;
          background: -ms-linear-gradient(0deg, #6d6d6d 100%, #414141 100%);
          background: -moz-linear-gradient(0deg, #6d6d6d 100%, #414141 100%);
          background: -webkit-linear-gradient(0deg, #6d6d6d 100%, #414141 100%); }
        #userStatusBar nav.viewNav ul.list-dropdown-select li a {
          padding-right: 1rem; }
  #userStatusBar .userStatusBarItem {
    float: left; }
  #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%);
      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: 1023px) {
  #userStatusBar {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    z-index: 300; }
    #userStatusBar div.box.logout {
      box-sizing: border-box;
      padding-left: 0;
      padding-right: 1.5rem;
      width: auto; }
    #userStatusBar div.box.username {
      box-sizing: border-box;
      line-height: 2rem;
      padding-right: 1.5rem; }
      #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; } }

@media screen and (max-width: 767px) {
  #userStatusBar div.box.username {
    float: left;
    max-width: calc(100% - 8.75rem);
    padding-left: 1.5rem; }
    #userStatusBar div.box.username .userStatusBarItem {
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }
    #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; } }

/* Variables
---------------------------------------------------------------------------------------------------- */
figure.mhvideo,
figure.youtube,
figure.vimeo {
  margin-bottom: 1.5625rem;
  margin-top: 0.25rem; }
  figure.mhvideo figcaption,
  figure.mhvideo figcaption *,
  figure.youtube figcaption,
  figure.youtube figcaption *,
  figure.vimeo figcaption,
  figure.vimeo figcaption * {
    box-sizing: border-box;
    background-color: #FFF;
    color: #6F6F6F;
    font-size: 0.8125rem;
    font-weight: normal;
    line-height: 1.125rem;
    padding-top: 0.1875rem;
    text-align: left;
    width: 100%; }

@media only screen {
  div.video-container figure figcaption,
  div.youtube figure figcaption,
  div.vimeo figure figcaption {
    font-size: 0.75rem;
    line-height: 1.5; } }

@media only screen and (min-width: 768px) {
  div.video-container figure figcaption,
  div.youtube figure figcaption,
  div.vimeo figure figcaption {
    font-size: 0.875rem; } }

.site-content--wide .basecomponent.mhvideo, .site-content--wide .basecomponent.youtube, .site-content--wide .basecomponent.vimeo {
  max-width: 100% !important; }

.basecomponent.mhvideo .video-title {
  background-color: #000;
  display: none;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  z-index: 1000; }
  .basecomponent.mhvideo .video-title h3 {
    color: #FFF;
    font-weight: normal;
    margin-bottom: 0;
    padding: 10px; }

.basecomponent.mhvideo div.video-container {
  margin-bottom: 0.9375rem;
  position: relative; }

.basecomponent.mhvideo .video-setup-error {
  border: 1px solid #000;
  padding: 10px 10px 0; }

.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-bottom: 5px;
  margin-top: 35px; }

.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 #000; }
  .youtube div.overlay,
  .vimeo div.overlay {
    background-color: #313131;
    background-size: 100%;
    border-radius: 0.9375rem;
    color: #FFF;
    display: none;
    font-size: 0.675rem;
    height: 6.5rem;
    left: 50%;
    margin-left: -8rem;
    margin-top: -4.25rem;
    opacity: 0.85;
    padding: 1rem;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 14rem; }
    .youtube div.overlay a.overlaybutton,
    .vimeo div.overlay a.overlaybutton {
      background-color: #212121;
      background-size: 100%;
      border: 1px solid !important;
      border-radius: 0.9375rem;
      bottom: -3.5rem;
      color: #FFF;
      display: inline-block;
      font-size: 1rem;
      left: calc(50% - 1.5rem);
      padding: 0.25rem;
      position: absolute;
      text-align: center;
      width: 3rem; }
    .youtube div.overlay a.overlaylink,
    .vimeo div.overlay a.overlaylink {
      display: block;
      margin-top: 0.5rem;
      text-decoration: underline; }
    .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 {
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 100%;
    border-radius: 0.9375rem;
    display: block;
    height: 4.125rem;
    left: 50%;
    margin-left: -3.65625rem;
    margin-top: -2.0625rem;
    position: absolute;
    top: 50%;
    width: 7.3125rem; }

.site-content--wide .youtube.basecomponent, .site-content--wide
.vimeo.basecomponent {
  max-width: 100% !important; }

.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-position: center;
  background-repeat: no-repeat;
  background-size: 75%; }

.preview-wrapper {
  padding-bottom: 56.2%;
  background-color: #F6F6F6; }

.preview-content {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0; }

@media screen and (max-width: 767px) {
  .youtube img.preview,
  .vimeo img.preview {
    width: 100%; } }

.site-content--wide .vvzlist {
  max-width: 100% !important; }

.whitebox {
  box-shadow: 0 0.1875rem 0.5rem rgba(31, 64, 122, 0.3);
  background-color: #FFF;
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  padding-top: 2rem; }
  @media only screen and (min-width: 1024px) {
    .whitebox {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }
  @media only screen and (max-width: 1023px) {
    .whitebox {
      display: none; } }
  .whitebox__content {
    max-width: 26rem; }
  .whitebox__description {
    margin-bottom: 1.25rem; }
    .whitebox__description:last-child {
      margin-bottom: 0; }
  .whitebox__pretitle {
    margin-bottom: 0.5rem; }
  .whitebox__forward.button {
    display: inline-block; }
  .whitebox .sublogo {
    margin-bottom: 0.75rem; }

.orgbox .sublogo {
  margin-left: 10px; }

.orgbox .whitebox .sublogo {
  margin-left: -15px; }

@media only screen {
  .child-nav {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 768px) {
  .child-nav {
    margin-bottom: 3rem; } }

.child-nav.child-nav--top {
  display: none;
  width: 100%; }
  @media only screen {
    .child-nav.child-nav--top {
      margin-top: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .child-nav.child-nav--top {
      margin-top: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .child-nav.child-nav--top {
      display: block; } }

.child-nav.child-nav--bottom {
  margin-left: auto;
  margin-right: auto;
  max-width: 87.25rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media only screen and (min-width: 1024px) {
    .child-nav.child-nav--bottom {
      max-width: 89.25rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem; } }
  @media only screen and (min-width: 1280px) {
    .child-nav.child-nav--bottom {
      max-width: 96.25rem;
      padding-left: 6rem;
      padding-right: 6rem; } }
  @media only screen {
    .child-nav.child-nav--bottom {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      box-sizing: border-box;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 100%;
      max-width: 100%; } }
  @media only screen {
    .child-nav.child-nav--bottom {
      padding-top: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .child-nav.child-nav--bottom {
      padding-top: 1.5rem; } }
  @media only screen and (min-width: 1024px) {
    .child-nav.child-nav--bottom {
      display: none; } }

.child-nav.child-nav--picture .child-nav__item-link .material-icons, .child-nav.child-nav--picture .child-nav__item-link .rsThumbsArrowIcn::before, .child-nav.child-nav--picture .child-nav__item-link .rsArrowIcn::before, .child-nav.child-nav--picture .child-nav__item-link .rsFullscreenIcn::before,
.child-nav.child-nav--picture .child-nav__item-link .child-nav__item-text {
  align-self: center; }

.child-nav .back {
  margin: 0.5rem 0; }
  .child-nav .back,
  .child-nav .back .material-icons,
  .child-nav .back .rsThumbsArrowIcn::before,
  .child-nav .back .rsArrowIcn::before,
  .child-nav .back .rsFullscreenIcn::before {
    color: #222;
    transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
    @media only screen {
      .child-nav .back,
      .child-nav .back .material-icons,
      .child-nav .back .rsThumbsArrowIcn::before,
      .child-nav .back .rsArrowIcn::before,
      .child-nav .back .rsFullscreenIcn::before {
        font-size: 1.125rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .child-nav .back,
      .child-nav .back .material-icons,
      .child-nav .back .rsThumbsArrowIcn::before,
      .child-nav .back .rsArrowIcn::before,
      .child-nav .back .rsFullscreenIcn::before {
        font-size: 1.25rem; } }
  
  .child-nav .back .material-icons,
  .child-nav .back .rsThumbsArrowIcn::before,
  .child-nav .back .rsArrowIcn::before,
  .child-nav .back .rsFullscreenIcn::before {
    margin-right: 0.5rem;
    transform: translateY(0.125rem); }
    @media only screen and (min-width: 768px) {
      
      .child-nav .back .material-icons,
      .child-nav .back .rsThumbsArrowIcn::before,
      .child-nav .back .rsArrowIcn::before,
      .child-nav .back .rsFullscreenIcn::before {
        transform: translateY(0.1875rem); } }
  .child-nav .back:hover,
  .child-nav .back:hover .material-icons,
  .child-nav .back:hover .rsThumbsArrowIcn::before,
  .child-nav .back:hover .rsArrowIcn::before,
  .child-nav .back:hover .rsFullscreenIcn::before, .child-nav .back:focus,
  .child-nav .back:focus .material-icons,
  .child-nav .back:focus .rsThumbsArrowIcn::before,
  .child-nav .back:focus .rsArrowIcn::before,
  .child-nav .back:focus .rsFullscreenIcn::before {
    color: var(--color-theme); }
  .child-nav .back.hidden {
    display: none; }

.child-nav h2 {
  color: #222; }
  @media only screen {
    .child-nav h2 {
      padding-top: 0.75rem; } }
  @media only screen and (min-width: 768px) {
    .child-nav h2 {
      padding-top: 1rem; } }
  @media only screen {
    .child-nav h2 {
      margin-bottom: 0.75rem; } }
  @media only screen and (min-width: 768px) {
    .child-nav h2 {
      margin-bottom: 1.25rem; } }
  @media only screen {
    .child-nav h2 {
      font-size: 1.5rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .child-nav h2 {
      font-size: 2rem;
      line-height: 1.2; } }
  .child-nav h2.hidden {
    display: none; }

.child-nav__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .child-nav__list {
      flex-direction: row; }
      .child-nav__list .child-nav__item {
        margin-right: 1rem;
        width: calc(50% - 0.5rem); }
        .child-nav__list .child-nav__item:nth-child(2n + 2) {
          margin-right: 0; }
      .child-nav__list--only-one-item .child-nav__item {
        width: 100%; } }
  @media only screen and (min-width: 1440px) {
    .site-content--wide .child-nav--teaser .child-nav__list:not(.child-nav__list--only-one-item):not(.child-nav__list--2-items):not(.child-nav__list--4-items) {
      max-width: 100% !important;
      justify-content: center; }
      .site-content--wide .child-nav--teaser .child-nav__list:not(.child-nav__list--only-one-item):not(.child-nav__list--2-items):not(.child-nav__list--4-items) .child-nav__item {
        width: calc(100% / 3 - 32px / 3); }
        .site-content--wide .child-nav--teaser .child-nav__list:not(.child-nav__list--only-one-item):not(.child-nav__list--2-items):not(.child-nav__list--4-items) .child-nav__item:nth-child(2n + 2) {
          margin-right: 1rem; }
        .site-content--wide .child-nav--teaser .child-nav__list:not(.child-nav__list--only-one-item):not(.child-nav__list--2-items):not(.child-nav__list--4-items) .child-nav__item:nth-child(3n + 3) {
          margin-right: 0; } }

.child-nav__item {
  break-inside: avoid-column;
  display: flex; }
  .child-nav__item.child-nav__picture-item, .child-nav__item.child-nav__teaser-item {
    margin-bottom: 0.5rem; }
    .child-nav__item.child-nav__picture-item .child-nav__link, .child-nav__item.child-nav__teaser-item .child-nav__link {
      align-items: center;
      display: flex; }
    .child-nav__item.child-nav__picture-item .child-nav__item-link, .child-nav__item.child-nav__teaser-item .child-nav__item-link {
      padding-left: 0.75rem;
      width: calc(100% - 72px); }
  @media only screen and (min-width: 768px) {
    .child-nav__item.child-nav__teaser-item .child-nav__item-text {
      -webkit-line-clamp: unset;
      line-clamp: unset;
      max-height: none;
      text-overflow: initial; } }
  @media only screen and (min-width: 1024px) {
    .child-nav__item.child-nav__teaser-item {
      margin-bottom: 1rem; }
      .child-nav__item.child-nav__teaser-item .child-nav__link {
        flex-direction: column; }
      .child-nav__item.child-nav__teaser-item .child-nav__item-link {
        padding-left: 0;
        width: 100%; } }

.child-nav__item-link {
  align-items: flex-start;
  color: var(--color-theme);
  display: flex;
  height: 100%;
  padding: 0.75rem 2.25rem 0.75rem 0;
  position: relative;
  transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
  .child-nav__item-link .material-icons, .child-nav__item-link .rsThumbsArrowIcn::before, .child-nav__item-link .rsArrowIcn::before, .child-nav__item-link .rsFullscreenIcn::before {
    align-self: center;
    color: rgba(34, 34, 34, 0.48);
    position: absolute;
    right: 0;
    transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
    @media only screen and (min-width: 768px) {
      .child-nav__item-link .material-icons, .child-nav__item-link .rsThumbsArrowIcn::before, .child-nav__item-link .rsArrowIcn::before, .child-nav__item-link .rsFullscreenIcn::before {
        align-self: flex-start; } }

.child-nav__item-text {
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: flex;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  max-height: 4.5rem;
  overflow: hidden;
  text-overflow: ellipsis; }

.child-nav__link {
  border-bottom: solid 1px rgba(34, 34, 34, 0.2);
  display: block;
  max-width: 100%;
  position: relative;
  width: 100%; }
  @media only screen {
    .child-nav__link,
    .child-nav__link .material-icons,
    .child-nav__link .rsThumbsArrowIcn::before,
    .child-nav__link .rsArrowIcn::before,
    .child-nav__link .rsFullscreenIcn::before {
      font-size: 1.125rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .child-nav__link,
    .child-nav__link .material-icons,
    .child-nav__link .rsThumbsArrowIcn::before,
    .child-nav__link .rsArrowIcn::before,
    .child-nav__link .rsFullscreenIcn::before {
      font-size: 1.25rem; } }
  .child-nav__picture-item .child-nav__link,
  .child-nav__teaser-item .child-nav__link {
    border-bottom-color: transparent; }
  .child-nav__link:hover, .child-nav__link:focus {
    border-bottom: solid 1px rgba(34, 34, 34, 0.2) !important; }
    .child-nav__link:hover .child-nav__item-link, .child-nav__link:focus .child-nav__item-link {
      color: #000; }
      .child-nav__link:hover .child-nav__item-link .material-icons, .child-nav__link:hover .child-nav__item-link .rsThumbsArrowIcn::before, .child-nav__link:hover .child-nav__item-link .rsArrowIcn::before, .child-nav__link:hover .child-nav__item-link .rsFullscreenIcn::before, .child-nav__link:focus .child-nav__item-link .material-icons, .child-nav__link:focus .child-nav__item-link .rsThumbsArrowIcn::before, .child-nav__link:focus .child-nav__item-link .rsArrowIcn::before, .child-nav__link:focus .child-nav__item-link .rsFullscreenIcn::before {
        color: #000;
        right: -0.25rem; }
    .child-nav__link:hover .child-nav__picture-wrapper::after,
    .child-nav__link:hover .child-nav__teaser-wrapper::after, .child-nav__link:focus .child-nav__picture-wrapper::after,
    .child-nav__link:focus .child-nav__teaser-wrapper::after {
      opacity: .08; }
    .child-nav__picture-item .child-nav__link:hover,
    .child-nav__teaser-item .child-nav__link:hover, .child-nav__picture-item .child-nav__link:focus,
    .child-nav__teaser-item .child-nav__link:focus {
      border-bottom-color: transparent !important; }

.child-nav__toggle {
  align-items: center;
  align-self: flex-start;
  background-color: transparent;
  border: none;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: space-between;
  outline: none;
  padding: 0.125rem 0.25rem;
  transition: color 80ms cubic-bezier(0.42, 0, 0.58, 1); }
  @media only screen {
    .child-nav__toggle {
      font-size: 1.125rem;
      line-height: 1.2; } }
  @media only screen and (min-width: 768px) {
    .child-nav__toggle {
      font-size: 1.25rem; } }
  @media only screen {
    .child-nav__toggle {
      margin-top: 1.25rem;
      margin-bottom: 1.25rem; } }
  @media only screen and (min-width: 768px) {
    .child-nav__toggle {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; } }
  .child-nav__toggle-icon {
    height: 1rem;
    margin-right: 0.5rem;
    position: relative;
    width: 1rem; }
    .child-nav__toggle-icon .child-nav__line {
      background-color: rgba(0, 0, 0, 0.6);
      height: 0.125rem;
      left: 0;
      position: absolute;
      transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1);
      width: 100%; }
      .child-nav__toggle-icon .child-nav__line:nth-child(1) {
        top: 0.125rem; }
      .child-nav__toggle-icon .child-nav__line:nth-child(2) {
        top: 0.4375rem; }
      .child-nav__toggle-icon .child-nav__line:nth-child(3) {
        top: 0.75rem; }
  .child-nav__toggle--open .child-nav__line:nth-child(1) {
    top: 0.4375rem;
    transform: rotate(45deg);
    width: 1.25rem; }
  .child-nav__toggle--open .child-nav__line:nth-child(2) {
    opacity: 0;
    top: 0.5rem; }
  .child-nav__toggle--open .child-nav__line:nth-child(3) {
    top: 0.4375rem;
    transform: rotate(-45deg);
    width: 1.25rem; }
  .child-nav__toggle:hover, .child-nav__toggle:focus {
    color: #000; }
    .child-nav__toggle:hover .child-nav__toggle-icon .child-nav__line, .child-nav__toggle:focus .child-nav__toggle-icon .child-nav__line {
      background-color: #000; }

.child-nav__picture-wrapper, .child-nav__teaser-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 4.5rem;
  position: relative;
  width: 4.5rem; }
  @media only screen and (min-width: 768px) {
    .child-nav__picture-wrapper, .child-nav__teaser-wrapper {
      padding-bottom: 5rem;
      width: 5rem; } }
  .child-nav__picture-wrapper::after, .child-nav__teaser-wrapper::after {
    background: #000;
    content: '';
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%; }

@media only screen and (min-width: 1024px) {
  .child-nav__teaser-wrapper {
    height: 0;
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    width: 100%; } }

.child-nav__image {
  bottom: 0;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: z-index(image, image); }

.sibling-nav {
  background-color: #F6F6F6;
  margin-bottom: 0;
  position: relative; }
  @media only screen {
    .sibling-nav {
      padding-top: 3rem;
      padding-bottom: 3rem; } }
  @media only screen and (min-width: 768px) {
    .sibling-nav {
      padding-top: 4rem;
      padding-bottom: 4rem; } }
  .sibling-nav__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 87.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .sibling-nav__wrapper {
        max-width: 89.25rem;
        padding-left: 2.5rem;
        padding-right: 2.5rem; } }
    @media only screen and (min-width: 1280px) {
      .sibling-nav__wrapper {
        max-width: 96.25rem;
        padding-left: 6rem;
        padding-right: 6rem; } }
    @media only screen and (min-width: 768px) {
      .sibling-nav__wrapper {
        flex-direction: row;
        justify-content: space-between; } }
  .sibling-nav .back {
    border-bottom: none;
    color: rgba(0, 0, 0, 0.6);
    order: 3;
    transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
    @media only screen {
      .sibling-nav .back {
        font-size: 1rem;
        line-height: 1.5; } }
    @media only screen and (min-width: 768px) {
      .sibling-nav .back {
        font-size: 1.125rem; } }
    @media only screen and (min-width: 768px) {
      .sibling-nav .back {
        align-items: center;
        display: inline-flex;
        margin: 0 0 2rem;
        max-width: 50%;
        order: 2;
        transform: translateY(0.25rem); } }
    .sibling-nav .back .material-icons, .sibling-nav .back .rsThumbsArrowIcn::before, .sibling-nav .back .rsArrowIcn::before, .sibling-nav .back .rsFullscreenIcn::before {
      margin-right: 0.5rem; }
      @media only screen {
        .sibling-nav .back .material-icons, .sibling-nav .back .rsThumbsArrowIcn::before, .sibling-nav .back .rsArrowIcn::before, .sibling-nav .back .rsFullscreenIcn::before {
          font-size: 1rem;
          line-height: 1.5; } }
      @media only screen and (min-width: 768px) {
        .sibling-nav .back .material-icons, .sibling-nav .back .rsThumbsArrowIcn::before, .sibling-nav .back .rsArrowIcn::before, .sibling-nav .back .rsFullscreenIcn::before {
          font-size: 1.125rem; } }
    .sibling-nav .back:hover, .sibling-nav .back:focus, .sibling-nav .back:active {
      color: #000; }
  .sibling-nav h2 {
    margin: 0 0 1.25rem;
    order: 1;
    padding: 0; }
    @media only screen {
      .sibling-nav h2 {
        font-size: 1.5rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .sibling-nav h2 {
        font-size: 2rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .sibling-nav h2 {
        display: block;
        margin: 0 0 2rem;
        max-width: 50%;
        width: 50%; } }
  .sibling-nav__list {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: 1fr;
    margin-bottom: 1.25rem;
    order: 2;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .sibling-nav__list {
        grid-auto-rows: auto;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 0;
        order: 3; } }
    @media only screen and (min-width: 1024px) {
      .sibling-nav__list {
        grid-template-columns: repeat(3, 1fr); }
        .sibling-nav__list > :nth-child(1):nth-last-child(2) {
          width: calc(150% + 2px); }
        .sibling-nav__list > :nth-child(2):nth-last-child(1) {
          grid-column: 3/4;
          margin-left: -50%;
          width: calc(150% + 2px); } }
    .sibling-nav__list > :only-child {
      grid-column: 1/-1; }
  .sibling-nav__item {
    display: flex; }
  .sibling-nav .sibling-nav__item-link {
    align-items: center;
    background-color: #FFF;
    border-bottom: none;
    color: #000;
    display: flex;
    flex: 1 0 100%;
    padding: 0.75rem 2rem 0.75rem 1rem;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .sibling-nav .sibling-nav__item-link {
        padding: 1.5rem 2rem 1.5rem 1.5rem; } }
    .sibling-nav .sibling-nav__item-link,
    .sibling-nav .sibling-nav__item-link .material-icons,
    .sibling-nav .sibling-nav__item-link .rsThumbsArrowIcn::before,
    .sibling-nav .sibling-nav__item-link .rsArrowIcn::before,
    .sibling-nav .sibling-nav__item-link .rsFullscreenIcn::before {
      transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
      @media only screen {
        .sibling-nav .sibling-nav__item-link,
        .sibling-nav .sibling-nav__item-link .material-icons,
        .sibling-nav .sibling-nav__item-link .rsThumbsArrowIcn::before,
        .sibling-nav .sibling-nav__item-link .rsArrowIcn::before,
        .sibling-nav .sibling-nav__item-link .rsFullscreenIcn::before {
          font-size: 1rem;
          line-height: 1.5; } }
      @media only screen and (min-width: 768px) {
        .sibling-nav .sibling-nav__item-link,
        .sibling-nav .sibling-nav__item-link .material-icons,
        .sibling-nav .sibling-nav__item-link .rsThumbsArrowIcn::before,
        .sibling-nav .sibling-nav__item-link .rsArrowIcn::before,
        .sibling-nav .sibling-nav__item-link .rsFullscreenIcn::before {
          font-size: 1.125rem; } }
    
    .sibling-nav .sibling-nav__item-link .material-icons,
    .sibling-nav .sibling-nav__item-link .rsThumbsArrowIcn::before,
    .sibling-nav .sibling-nav__item-link .rsArrowIcn::before,
    .sibling-nav .sibling-nav__item-link .rsFullscreenIcn::before {
      color: rgba(34, 34, 34, 0.48);
      display: block;
      position: absolute;
      right: 1rem; }
    .sibling-nav .sibling-nav__item-link:hover, .sibling-nav .sibling-nav__item-link:focus {
      color: var(--color-theme); }
      .sibling-nav .sibling-nav__item-link:hover .material-icons, .sibling-nav .sibling-nav__item-link:hover .rsThumbsArrowIcn::before, .sibling-nav .sibling-nav__item-link:hover .rsArrowIcn::before, .sibling-nav .sibling-nav__item-link:hover .rsFullscreenIcn::before, .sibling-nav .sibling-nav__item-link:focus .material-icons, .sibling-nav .sibling-nav__item-link:focus .rsThumbsArrowIcn::before, .sibling-nav .sibling-nav__item-link:focus .rsArrowIcn::before, .sibling-nav .sibling-nav__item-link:focus .rsFullscreenIcn::before {
        color: var(--color-theme);
        right: 0.75rem; }
    .sibling-nav .sibling-nav__item-link:active,
    .sibling-nav .sibling-nav__item-link:active .material-icons,
    .sibling-nav .sibling-nav__item-link:active .rsThumbsArrowIcn::before,
    .sibling-nav .sibling-nav__item-link:active .rsArrowIcn::before,
    .sibling-nav .sibling-nav__item-link:active .rsFullscreenIcn::before {
      color: var(--color-theme-120); }

.citation blockquote {
  color: var(--color-theme);
  font-family: "DINPro", helvetica, arial, sans-serif;
  font-weight: 700;
  margin-top: 1.5rem;
  text-align: center; }
  @media only screen {
    .citation blockquote {
      margin-bottom: 1rem; } }
  @media only screen and (min-width: 768px) {
    .citation blockquote {
      margin-bottom: 1.5rem; } }
  @media only screen {
    .citation blockquote {
      font-size: 1.25rem;
      line-height: 1.3; } }
  @media only screen and (min-width: 768px) {
    .citation blockquote {
      font-size: 1.5rem; } }
  @media only screen and (min-width: 768px) {
    .citation blockquote {
      margin: 0 auto;
      max-width: 640px; } }

.citation cite {
  color: #000;
  display: block;
  font-style: normal;
  font-weight: 400;
  margin-top: 0.5rem; }
  @media only screen {
    .citation cite {
      margin-bottom: 0.75rem; } }
  @media only screen and (min-width: 768px) {
    .citation cite {
      margin-bottom: 1rem; } }
  @media only screen {
    .citation cite {
      font-size: 0.75rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .citation cite {
      font-size: 0.875rem; } }
  .citation cite::before {
    content: '― '; }

@media (max-width: 767px) {
  .event-wrapper--exhibition {
    margin-left: -1.5rem;
    margin-right: -1.5rem; } }

.event-wrapper {
  border-bottom: 2px solid #C9CFD2; }
  .event-wrapper:first-child {
    border-top: 2px solid #C9CFD2; }
  @media (max-width: 767px) {
    .event-wrapper {
      padding-left: 1.5rem;
      padding-right: 1.5rem; } }

.event-wrapper--exhibition + .event-wrapper {
  border-top: 2px solid #C9CFD2;
  margin-top: 1rem; }

.event-wrapper + .event-wrapper--exhibition {
  margin-top: 1rem; }

.event {
  padding: 0;
  width: 100%; }
  .event--exhibition {
    margin: 2px 0; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .event--exhibition a {
        padding-left: 1rem; } }
    @media (max-width: 767px) {
      .event--exhibition a {
        padding-left: 1.5rem; } }
    .event--exhibition .event__left {
      margin-top: 1.6rem; }
  @media (min-width: 768px) and (max-width: 1023px) {
    .event {
      margin-left: 0;
      width: auto; } }
  .event.event--exhibition {
    background-color: #eaecee; }

.event__upper {
  display: flex;
  padding-top: 1rem; }

.event__left {
  line-height: 0.8;
  margin-top: -0.65rem;
  width: 6.5rem; }
  @media (max-width: 1023px) {
    .event__left {
      display: none; } }

@media (min-width: 1024px) and (max-width: 1279px) {
  .event--regular .event__left {
    margin-top: -0.5rem; } }

.event__right {
  margin-left: 1.2rem;
  width: calc(100% - 6.5rem - 1rem); }
  @media (max-width: 1023px) {
    .event__right {
      margin: 0;
      width: 100%; } }

.event--exhibition .event__right {
  width: calc(100% - 6.5rem - 1rem); }
  @media (max-width: 1023px) {
    .event--exhibition .event__right {
      margin-left: 0;
      width: 100%; } }

.event__event-note {
  background-color: #e61212;
  color: #FFF;
  float: right;
  font-size: 14px;
  padding: 10px; }

.event__title {
  padding-top: 0; }

.event--exhibition .event__title {
  padding-top: 0; }
  @media (max-width: 768px) {
    .event--exhibition .event__title {
      order: -1; } }

.event__below {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 1rem;
  width: 100%; }
  @media (max-width: 768px) {
    .event__below {
      display: block; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .event__below {
      flex-direction: column;
      margin-top: 0; } }

@media (max-width: 768px) {
  .event--exhibition .event__below {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; } }

@media (min-width: 1024px) {
  .event--exhibition .event__below {
    display: block; } }

.event__tags {
  margin-left: 0;
  margin-top: -0.3rem; }
  @media (max-width: 1023px) {
    .event__tags {
      display: flex; }
      .event__tags ul {
        margin-left: 1.5rem; } }

@media (max-width: 1023px) {
  .event--exhibition .event__tags ul {
    margin-left: 0; } }

.event__image-wrapper {
  width: 100%; }
  @media (min-width: 1024px) {
    .event__image-wrapper--mobile {
      display: none; } }
  @media (max-width: 1023px) {
    .event__image-wrapper {
      width: 50%; }
      .event__image-wrapper .event__image-wrapper--inner {
        margin-bottom: 0.5rem; } }
  .event__image-wrapper .event__image {
    width: 140px; }
    @media (max-width: 480px) {
      .event__image-wrapper .event__image {
        width: 100%; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .event__image-wrapper .event__image {
        width: 50%; } }
    @media (min-width: 1279px) {
      .event__image-wrapper .event__image {
        min-width: 24%; } }
  @media (max-width: 1024px) {
    .event__image-wrapper.event__image-wrapper--inner {
      min-height: 0; } }

@media (max-width: 768px) {
  .event--exhibition .event__image-wrapper {
    order: 2; } }

@media (min-width: 480px) and (max-width: 767px) {
  .event--exhibition .event__image-wrapper {
    margin-bottom: 0.8rem; } }

.tab-accordion {
  margin-bottom: 1rem; }
  .tab-accordion:not(.tab-accordion--tabs) {
    border-bottom: 1px solid rgba(34, 34, 34, 0.2); }
  .tab-accordion__controls {
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    margin-bottom: 1.25rem;
    text-align: right; }
    @media only screen {
      .tab-accordion__controls {
        font-size: 0.875rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion__controls {
        font-size: 1rem; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion__controls {
        margin-bottom: 1.5rem; } }
    .tab-accordion__controls span + span {
      margin-left: 35px; }
  .tab-accordion__tablist {
    border-bottom: 1px solid rgba(34, 34, 34, 0.2);
    display: flex;
    overflow-x: auto; }
  .tab-accordion__tab-header {
    background: none;
    border-bottom: 3px solid #FFF;
    color: #222;
    display: inline-block;
    flex-shrink: 0;
    font-weight: bold;
    margin-right: 2rem;
    padding: 16px 0 13px;
    position: relative;
    text-decoration: none;
    transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1); }
    @media only screen {
      .tab-accordion__tab-header {
        font-size: 0.875rem;
        line-height: 1.2; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion__tab-header {
        font-size: 1rem; } }
    .tab-accordion__tab-header--open {
      border-color: var(--color-theme);
      color: var(--color-theme); }
    @media only screen and (min-width: 1024px) {
      .tab-accordion__tab-header:hover {
        border-color: var(--color-theme);
        color: var(--color-theme); } }
  .tab-accordion-container__header {
    position: relative;
    background: none;
    border-top: 1px solid rgba(34, 34, 34, 0.2);
    color: #222;
    font-weight: bold;
    padding: 1rem 28px 1rem 0;
    text-align: left;
    transition: all 80ms cubic-bezier(0.42, 0, 0.58, 1);
    width: 100%; }
    .tab-accordion-container__header::before, .tab-accordion-container__header::after {
      background: rgba(0, 0, 0, 0.6);
      content: '';
      height: 2px;
      position: absolute;
      right: 10px;
      top: 50%;
      transition: all 0.3s;
      width: 14px; }
    @media only screen {
      .tab-accordion-container__header {
        font-size: 1.125rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion-container__header {
        font-size: 1.25rem; } }
    .tab-accordion-container__header::after {
      transform: rotate(90deg); }
    .tab-accordion-container__header--open {
      color: var(--color-theme); }
    @media only screen and (min-width: 1024px) {
      .tab-accordion-container__header:hover {
        color: var(--color-theme); } }
    .tab-accordion-container__header--open::after {
      transform: rotate(180deg); }
    @media only screen and (min-width: 1024px) {
      .tab-accordion-container__header--open:hover {
        color: #000; }
      .tab-accordion-container__header--open::before, .tab-accordion-container__header--open::after {
        background: #000; } }
    @media only screen and (min-width: 1024px) {
      .tab-accordion-container__header--open:hover::before, .tab-accordion-container__header--open:hover::after, .tab-accordion-container__header:hover::before, .tab-accordion-container__header:hover::after {
        background: var(--color-theme); } }
  @media only screen {
    .tab-accordion-container p {
      font-size: 1.125rem;
      line-height: 1.5; } }
  @media only screen and (min-width: 768px) {
    .tab-accordion-container p {
      font-size: 1.25rem; } }
  .tab-accordion-container h1, .tab-accordion-container h2, .tab-accordion-container h3 {
    margin-bottom: 0.75rem; }
    @media only screen {
      .tab-accordion-container h1, .tab-accordion-container h2, .tab-accordion-container h3 {
        font-size: 1.25rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion-container h1, .tab-accordion-container h2, .tab-accordion-container h3 {
        font-size: 1.5rem; } }
  .tab-accordion-container h4 {
    margin-bottom: 0.75rem; }
    @media only screen {
      .tab-accordion-container h4 {
        font-size: 1.125rem;
        line-height: 1.3; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion-container h4 {
        font-size: 1.25rem; } }
  .tab-accordion-container > h2,
  .tab-accordion-container > h3,
  .tab-accordion-container > h4 {
    padding-top: 0;
    margin: 0; }
  .tab-accordion-container__content {
    box-sizing: border-box; }
    @media only screen {
      .tab-accordion-container__content {
        padding-top: 0.75rem; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion-container__content {
        padding-top: 1rem; } }
    @media only screen {
      .tab-accordion-container__content {
        padding-bottom: 1.25rem; } }
    @media only screen and (min-width: 768px) {
      .tab-accordion-container__content {
        padding-bottom: 1.5rem; } }
    @media only screen and (min-width: 1440px) {
      .tab-accordion-container__content--tab {
        padding-top: 1.5rem; } }
  .tab-accordion__icon {
    position: relative; }
    .tab-accordion__icon::before, .tab-accordion__icon::after {
      background: rgba(0, 0, 0, 0.6);
      content: '';
      height: 2px;
      position: absolute;
      right: 10px;
      top: 50%;
      transition: all 0.3s;
      width: 9px; }
    .tab-accordion__icon--plus::after, .tab-accordion__icon--plus::before, .tab-accordion__icon--minus::after, .tab-accordion__icon--minus::before {
      top: 6px; }
    .tab-accordion__icon--plus::after {
      transform: rotate(90deg); }

@media print {
  header,
  ul#skipLinks,
  .mobile-header-top,
  .mobile-header-bottom,
  #mobile-nav-wrapper {
    display: none !important; }
  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%); } }

@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 {
      border-top: 1px solid #000;
      display: inline-block;
      margin-top: 1.25rem;
      padding-top: 0.625rem;
      width: 100%; } }

@media print {
  section#content,
  #content {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    margin-left: 0;
    margin-right: 0;
    margin-top: -0.625rem !important;
    padding-top: 0;
    position: static;
    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 #000;
      margin-top: 1.25rem !important;
      padding: 0.625rem 0 0 !important;
      position: static; }
      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 #E2E2E2; }
      section#content div#overviewContainer div#whiteBox div.whiteBox-text p.title,
      #content div#overviewContainer div#whiteBox div.whiteBox-text p.title {
        color: #08407E;
        font-size: 1.625rem;
        line-height: 1.1538461538; }
    section#content div#overviewContainer div.contentSubContainer,
    #content div#overviewContainer div.contentSubContainer {
      border: 1px solid #E2E2E2; }
    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 #E2E2E2 !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 {
    color: #6F6F6F;
    font-size: 0.625rem; }
  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: #215CAF;
    padding: 0.1875rem 0 0.3125rem; }
  section#content div#contentContainer div.text-image {
    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 #E2E2E2; } }

@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 {
    border: 0;
    text-decoration: none; }
  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 .fullwidth-image figure figcaption,
  section#content div#overviewContainer .fullwidth-image figure figcaption {
    background: #FFF;
    border: 2px solid  #fff;
    color: #6F6F6F;
    margin-left: 1px;
    margin-top: 1px;
    position: static; }
    section#content div#contentContainer .fullwidth-image figure figcaption span.imagecaption,
    section#content div#overviewContainer .fullwidth-image figure 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 {
    overflow: hidden;
    width: 100%; }
    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 {
    background: #FFF;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    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 {
      color: #08407E;
      font-size: 1rem;
      font-weight: bold;
      line-height: 22px;
      padding: 0.3125rem 0 0; }
    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 {
    float: left;
    padding: 0; }
    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: #ccc;
      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: #000; }
    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 > .fullwidth-image {
    right: unset;
    width: 100%; }
  .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; } }

@media print {
  #userStatusBar {
    display: none !important; } }