@charset "UTF-8";
/*
 * Main Stylesheet
 *
 * @copyright Copyright (c) 2012 rocksolidthemes.com
 * @license   https://rocksolidthemes.com/agb   No free usage allowed
 */
/* ===========================================
 * # Index: The structure of this stylesheet
 *
 * - Imports (SASS only)
 * - Fonts
 * - Basic settings (SASS only)
 * - Colors (SASS only)
 * - General styles
 * - Button styles
 * - Wrapper Elements
 * - Elements in order of appearance in HTML
 * - Homepage elements
 * - Content styles
 * - Form styles
 * - Footer styles
 * - No image-main
 * - Module styles (Search, FAQ, News, Events, Comments)
 * - Media queries
 * - Grid (design + production helper)
 * ======================================== */
/* ===========================================
 * Fonts
 * ======================================== */
/* ===========================================
 * General styles
 * ======================================== */
:root {
  --safe-area-left: 0px;
  --safe-area-right: 0px;
  --safe-area-top: 0px;
  --safe-area-bottom: 0px; }
  @supports (padding: calc(constant(safe-area-inset-left, 0px) / 1.5)) {
    :root {
      /* Non-standard iOS 11.1 syntax */
      --safe-area-left: calc(constant(safe-area-inset-left, 0px) / 1.5);
      --safe-area-right: calc(constant(safe-area-inset-right, 0px) / 1.5);
      --safe-area-top: constant(safe-area-inset-top, 0px);
      --safe-area-bottom: constant(safe-area-inset-bottom, 0px); } }
  @supports (padding: calc(max(0px, env(safe-area-inset-left, 0px) - 14px))) and (padding: calc(max(0px, 1px))) {
    :root {
      /* W3C standard and iOS 11.2 syntax */
      --safe-area-left: calc(max(0px, env(safe-area-inset-left, 0px) - 14px));
      --safe-area-right: calc(max(0px, env(safe-area-inset-right, 0px) - 14px));
      --safe-area-top: env(safe-area-inset-top, 0px);
      --safe-area-bottom: env(safe-area-inset-bottom, 0px); } }

html {
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: #0167b1; }

body {
  border-top: 32px solid #0167b1;
  font-family: Quicksand, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  color: #232222;
  background: white none 50% 0 no-repeat scroll;
  background-size: auto; }
  body.background-variation-1 {
    background: image-url("bg-cover.jpg") 0 0 no-repeat;
    background-attachment: fixed;
    background-size: cover; }
    body.background-variation-1 #content-wrapper {
      background: rgba(255, 255, 255, 0.6); }
  body.background-variation-2 #content-wrapper {
    background: transparent; }
  body.background-variation-2.sudo-home .teaser-boxes {
    margin-bottom: 0; }
    body.background-variation-2.sudo-home .teaser-boxes:after {
      border: 0; }
  body.background-variation-3 {
    background: image-url("bg-noise.jpg") 0 0; }
    body.background-variation-3 #content-wrapper {
      background: inline-image("bg-white-70.png");
      background: rgba(255, 255, 255, 0.7);
      box-shadow: compact(0 0 5px rgba(0, 0, 0, 0.1), false, false, false, false, false, false, false, false, false); }
    body.background-variation-3 section#tag-line {
      color: #f2f2f2;
      text-shadow: compact(0 1px 0 rgba(0, 0, 0, 0.25), false, false, false, false, false, false, false, false, false); }
  body.background-variation-1 footer, body.background-variation-1 footer h1, body.background-variation-1 footer h2, body.background-variation-1 footer h3, body.background-variation-1 footer h4, body.background-variation-1 #footer-info, body.background-variation-4 footer, body.background-variation-4 footer h1, body.background-variation-4 footer h2, body.background-variation-4 footer h3, body.background-variation-4 footer h4, body.background-variation-4 #footer-info {
    color: white !important; }
  body.background-variation-1 footer a, body.background-variation-1 #wrapper > footer .footer-column a, body.background-variation-4 footer a, body.background-variation-4 #wrapper > footer .footer-column a {
    color: #cccccd;
    border-color: #cccccd; }
    body.background-variation-1 footer a:hover, body.background-variation-1 #wrapper > footer .footer-column a:hover, body.background-variation-4 footer a:hover, body.background-variation-4 #wrapper > footer .footer-column a:hover {
      color: #e47f3e;
      border-color: #e47f3e; }
  body.background-variation-1 #wrapper > footer ul.news-list a:hover, body.background-variation-4 #wrapper > footer ul.news-list a:hover {
    border-color: #cccccd; }
  body.background-variation-1 #nav-footer a, body.background-variation-4 #nav-footer a {
    color: #cccccd;
    border-color: #cccccd; }
    body.background-variation-1 #nav-footer a:hover, body.background-variation-4 #nav-footer a:hover {
      color: #e47f3e; }
  body.background-variation-4 {
    background-color: #1c1919; }
    body.background-variation-4 #nav-main > ul > li > a, body.background-variation-4 #nav-header a, body.background-variation-4 #nav-search input, body.background-variation-4 #nav-search button:before {
      color: #cccccd; }
    body.background-variation-4 section#tag-line {
      color: #403d3d; }
    body.background-variation-4 #content-wrapper {
      background: white;
      background: rgba(255, 255, 255, 0.9); }
    body.background-variation-4.sudo-home #content-wrapper {
      margin-top: 110px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Big Shoulders Stencil Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-weight: 400;
  color: #0167b1; }

h1 {
  font-size: 4rem; }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2.5rem; }

h4 {
  font-size: 2rem; }

h5 {
  font-size: 1.75rem; }

h6 {
  font-size: 1.5rem; }

* {
  box-sizing: inherit; }

/* Resetting box model for moo_mediabox and j_colorbox */
#mbCenter, #colorbox {
  box-sizing: content-box; }

::-moz-selection {
  background: #232222;
  color: white;
  text-shadow: compact(none !important, false, false, false, false, false, false, false, false, false); }

::selection {
  background: #232222;
  color: white;
  text-shadow: compact(none !important, false, false, false, false, false, false, false, false, false); }

::-moz-selection {
  background: #232222;
  color: white;
  text-shadow: compact(none !important, false, false, false, false, false, false, false, false, false); }

button, input, select, textarea {
  font-family: inherit; }

table {
  width: 100%;
  border-collapse: collapse; }
  table th {
    padding: 0.66667em 0.53333em;
    text-align: left;
    border-bottom: 1px solid #232222; }
  table td {
    padding: 0.4em 0.53333em;
    border-bottom: 1px solid #cccccd; }
  table td, table td img {
    vertical-align: top; }
  table tfoot td {
    border-bottom: 0;
    background: #f2f2f2; }

a {
  color: inherit;
  text-decoration: underline; }
  a:hover, a:focus {
    text-decoration: none;
    transition: all 0.3s ease; }
  a:hover, a:active {
    outline: 0; }
  a.external-link:after {
    font: 75%/1 "icomoon";
    content: " ";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-left: 0.2em; }

abbr[title] {
  border-bottom-style: dashed; }

/* Icon class */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icons/icomoon.eot?iqeisf");
  src: url("../fonts/icons/icomoon.eot?iqeisf#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?iqeisf") format("truetype"), url("../fonts/icons/icomoon.woff?iqeisf") format("woff"), url("../fonts/icons/icomoon.svg?iqeisf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

*[data-icon]:before {
  font: 100%/1 "icomoon";
  content: attr(data-icon);
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  font-size: 0.8em;
  margin-right: 0.26667em; }

*[data-icon].after:before {
  content: none; }

*[data-icon].after:after {
  font: 100%/1 "icomoon";
  content: attr(data-icon);
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  font-size: 0.8em;
  margin-left: 0.26667em; }

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-sea-transport-buoy:before {
  content: "\e903"; }

.icon-anchor:before {
  content: "\e904"; }

.icon-social-media-xing:before {
  content: "\e905"; }

.icon-professional-network-linkedin:before {
  content: "\e906"; }

.icon-phone-retro-1:before {
  content: "\e907"; }

.icon-phone-actions-next:before {
  content: "\e908"; }

.icon-phone:before {
  content: "\e909"; }

.icon-send-email:before {
  content: "\e90a"; }

.icon-pin:before {
  content: "\e90b"; }

.icon-print-text:before {
  content: "\e90c"; }

.icon-share:before {
  content: "\e90d"; }

.icon-share-2:before {
  content: "\e90e"; }

.icon-question-circle:before {
  content: "\e90f"; }

.icon-information-circle:before {
  content: "\e910"; }

.icon-alert-circle:before {
  content: "\e911"; }

.icon-alert-triangle:before {
  content: "\e912"; }

.icon-house-1:before {
  content: "\e913"; }

.icon-arrow-button-left:before {
  content: "\e914"; }

.icon-arrow-button-right:before {
  content: "\e915"; }

.icon-arrow-left:before {
  content: "\e916"; }

.icon-arrow-right:before {
  content: "\e917"; }

.icon-search-circle:before {
  content: "\e918"; }

.icon-search:before {
  content: "\e919"; }

.icon-wench-1:before {
  content: "\e91a"; }

.icon-tools-wench-screwdriver:before {
  content: "\e91b"; }

.icon-hardware-nuts:before {
  content: "\e91c"; }

.icon-equipment-machine-track:before {
  content: "\e91d"; }

.icon-tools-wench-1:before {
  content: "\e91e"; }

.icon-tools-wench-2:before {
  content: "\e91f"; }

.icon-sea-transport-wheel-boat:before {
  content: "\e920"; }

.icon-sea-transport-ship-cargo:before {
  content: "\e921"; }

.icon-sea-transport-ship-cargo-birds:before {
  content: "\e922"; }

.icon-shipment-cargo-boat:before {
  content: "\e923"; }

.icon-style-three-pin-anchor:before {
  content: "\e924"; }

.icon-sea-transport-boat:before {
  content: "\e925"; }

.icon-car:before {
  content: "\e900"; }

.icon-turbo:before {
  content: "\e901"; }

.icon-pipes:before {
  content: "\e902"; }

.icon-icon_arrow-left:before {
  content: "\e927"; }

.icon-icon_arrow-right:before {
  content: "\e928"; }

.clear {
  clear: both; }

.invisible {
  position: absolute;
  height: 1px !important;
  width: 1px !important;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0; }

.syndication {
  margin: 1em 0 0 1.33333em;
  float: right; }
  .syndication a {
    margin-left: 0.13333em;
    border: 0 !important; }
  .syndication img {
    border: 0 !important; }

.image_container.float_left {
  margin-right: 1.33333em; }

.image_container.float_right {
  margin-left: 1.33333em; }

.image_container a {
  border: 0; }

.mime_icon {
  margin-bottom: -0.26667em; }

.download-element {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0; }

.ce_toplink, .toplink {
  margin: 1.6em 0; }
  .ce_toplink a, .toplink a {
    display: block;
    width: 100%; }
    .ce_toplink a:hover, .toplink a:hover {
      border-bottom: 1px dotted #232222 !important; }

.ce_toplink > a:before, .toplink > a:before {
  font: 100%/1 "icomoon";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  margin-right: 0.33333em; }

.ce_accordion .accordion {
  zoom: 1;
  padding: 1px 3.84615%;
  background-color: #f2f2f2; }
  .ce_accordion .accordion:before {
    content: "";
    display: table; }
  .ce_accordion .accordion:after {
    content: "";
    display: table;
    clear: both; }
  .ce_accordion .accordion > div {
    padding-bottom: 0.8em; }

.ce_accordion .toggler {
  position: relative;
  display: block;
  padding: 8px 0;
  outline: none;
  font-weight: bold;
  cursor: pointer;
  border-bottom: 1px solid #cccccd; }
  .ce_accordion .toggler:after {
    font: 100%/1 "icomoon";
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px; }
  .ce_accordion .toggler:hover, .ce_accordion .toggler:hover:after {
    color: #e47f3e; }
  .ce_accordion .toggler.ui-accordion-header-active:after {
    content: "\e015"; }

.confirmation {
  color: #abd223; }

.information {
  color: #7eb6d3; }

.warning {
  color: #0167b1; }

p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning {
  position: relative;
  display: block;
  margin: 1.33333em -1px 1.33333em 0;
  padding: 1em 7.69231% 1em 15.38462%;
  border: 1px solid #cccccd;
  border-left: 0;
  border-radius: 3px;
  color: inherit;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: compact(inset 0 1px 4px rgba(0, 0, 0, 0.075), false, false, false, false, false, false, false, false, false); }
  p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before {
    font: 24px/1 "icomoon";
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: 0;
    width: 7.69231%;
    padding-top: 16px;
    border-radius: 3px 0 0 3px;
    color: white;
    text-align: center;
    background-color: #abd223; }

p.information:before, div.information:before, span.information:before {
  content: "\2139";
  background-color: #7eb6d3; }

p.warning:before, div.warning:before, span.warning:before {
  content: "\e144";
  background-color: #0167b1; }

p.drop-cap:first-letter, span.drop-cap {
  float: left;
  margin: 0.18182em 0.24242em 0.06061em 0;
  padding: 0.18182em;
  font-size: 2.2em;
  font-weight: bold;
  line-height: 0.75;
  color: white;
  background-color: #0167b1; }

p.drop-cap:first-letter {
  /* IE8/IE9 bugfix */
  padding: 0.51515em 0.39394em 0 �/; }

/* ===========================================
 * Button styles
 * ======================================== */
button, .button, input[type="submit"], input[type="reset"], input[type="button"] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  padding: .75rem 1.25rem;
  border: 0.125rem solid #0167b1 !important;
  border-radius: 2px;
  font-size: 0.86667em;
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none !important;
  background: #0167b1;
  cursor: pointer; }
  button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active {
    border-color: #e47f3e !important;
    color: white !important;
    background: #e47f3e;
    transition: all 0.3s ease; }
  button.secondary, .button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary {
    background: white;
    color: #0167b1;
    border: 0.125rem solid #0167b1;
    /*
		background: $grey;
		color: $color-brand;
		*/ }
    button.secondary:hover, button.secondary:focus, button.secondary:active, .button.secondary:hover, .button.secondary:focus, .button.secondary:active, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus, input[type="submit"].secondary:active, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="reset"].secondary:active, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="button"].secondary:active {
      color: #e47f3e !important; }

/* ===========================================
 * Wrapper Elements
 * ======================================== */
/* Main wrapper */
#wrapper {
  zoom: 1;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 0 0 0;
  padding-top: calc(24px + var(--safe-area-top));
  padding-bottom: var(--safe-area-bottom); }
  #wrapper:before {
    content: "";
    display: table; }
  #wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 1200px) {
    #wrapper {
      padding-right: var(--safe-area-right);
      padding-left: var(--safe-area-left); } }

/* ===========================================
 * Listing Page
 * ======================================== */
/* Listing Cards */
#sidebar h3 {
  font-family: Quicksand, "Helvetica Neue", Helvetica, Arial;
  font-weight: bold; }

#sidebar .ce_metamodels_frontendfilter label {
  font-weight: bold; }

#sidebar .ce_metamodels_frontendfilter ul {
  margin-top: 0; }
  #sidebar .ce_metamodels_frontendfilter ul li:first-child a {
    padding-bottom: .25rem;
    border-bottom: 1px solid #cccccd;
    margin-bottom: .25rem; }
  #sidebar .ce_metamodels_frontendfilter ul li a {
    display: block;
    padding: .125rem 0;
    text-decoration: none; }
    #sidebar .ce_metamodels_frontendfilter ul li a:hover, #sidebar .ce_metamodels_frontendfilter ul li a:focus, #sidebar .ce_metamodels_frontendfilter ul li a:active {
      color: #0167b1;
      text-decoration: underline; }

#sidebar .ce_metamodels_frontendfilter select {
  width: 100%;
  padding: .25rem .125rem; }

#sidebar .ce_metamodels_frontendfilter a.reset-filters {
  display: block;
  margin: 2rem 0 0 0;
  text-decoration: none;
  color: #0167b1;
  font-weight: bold;
  text-transform: uppercase; }

.mod_metamodel_list h2 + .cards {
  margin: 2rem 0; }

.cards .card {
  position: relative;
  overflow: hidden;
  margin: 0 0 1rem 0;
  padding: 0 0 3.5rem 0;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.05);
  transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s;
  border-radius: 5px;
  background-color: #FFFFFF; }
  .cards .card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06); }
  .cards .card__images > a {
    border-bottom: none !important; }
  .cards .card__data {
    position: relative;
    padding: 1rem;
    color: #605f5c; }
    .cards .card__data__condition {
      position: absolute;
      display: inline-block;
      top: -1.125rem;
      right: 1rem;
      width: auto;
      padding: 0 .5rem;
      border-radius: 16px;
      text-align: right;
      text-transform: uppercase;
      font-size: .875rem;
      color: white;
      background: #0167b1; }
    .cards .card__data h4 {
      margin: 0 !important;
      color: black;
      font-family: Quicksand, "Helvetica Neue", Helvetica, Arial;
      font-weight: bold;
      font-size: 1.25rem !important; }
      .cards .card__data h4 > a {
        text-decoration: none !important; }
        .cards .card__data h4 > a:hover, .cards .card__data h4 > a:focus, .cards .card__data h4 > a:active {
          color: #0167b1 !important; }
    .cards .card__data__subheadline {
      margin: 0 0 1rem 0;
      font-family: 1rem;
      color: #605f5c; }
  .cards .card__actions {
    position: absolute;
    width: 100%;
    bottom: .5rem;
    left: 0;
    padding: 0 1rem 1rem 1rem; }
    .cards .card__actions > a {
      color: #0167b1;
      text-decoration: none !important;
      font-weight: bold;
      text-transform: uppercase; }

@media screen and (min-width: 600px) {
  .cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem; }
  .cards > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .cards > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
    .cards .card {
      margin: 0; } }

/* ===========================================
 * Detail Page
 * ======================================== */
.detailpage h1 {
  margin: 0 !important;
  font-size: 2.5rem !important; }

.detailpage__subheadline {
  margin: -.25rem 0 0 0;
  font-size: 1.25rem;
  color: #504e4b; }

.detailpage figure {
  border-radius: 5px;
  overflow: hidden; }

.detailpage .item {
  margin: 2rem 0 0 0; }
  .detailpage .item__left {
    margin: 4rem 0 0 0; }
  .detailpage .item__table {
    display: table;
    width: 100%;
    margin: 1rem 0 3rem 0; }
    .detailpage .item__table__row {
      display: table-row; }
    .detailpage .item__table__cell {
      display: table-cell;
      padding: 1rem .25rem;
      border-bottom: 1px solid #e5e5e4;
      color: #605f5c;
      font-size: .875rem;
      line-height: 1; }
      .detailpage .item__table__cell strong {
        color: black;
        font-size: 1rem;
        line-height: 1.4; }
  .detailpage .item__cta .button {
    margin-bottom: .5rem; }

@media screen and (min-width: 769px) {
  .detailpage .item {
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
    .detailpage .item__left {
      margin: 0 2% 0 0;
      width: 31.3%; }
    .detailpage .item__main {
      margin: 0 0 0 2%;
      width: 64.7%; }
    .detailpage .item__table {
      margin: 0 0 5rem 0; } }

/* ===========================================
 * Elements in order of appearance in HTML
 * ======================================== */
#wrapper > header {
  zoom: 1;
  position: relative; }
  #wrapper > header:before {
    content: "";
    display: table; }
  #wrapper > header:after {
    content: "";
    display: table;
    clear: both; }

.trustbar {
  position: absolute;
  top: -56px;
  left: 0;
  width: 100%;
  height: 32px;
  font-size: .875rem;
  line-height: 32px;
  color: white; }
  @media screen and (min-width: 1200px) {
    .trustbar {
      padding: 0 4%; }
      .trustbar__left {
        text-align: left; }
      .trustbar__center {
        text-align: center; }
      .trustbar__right {
        text-align: right; }
        .trustbar__right strong {
          font-weight: normal; } }
  @media screen and (max-width: 1199px) {
    .trustbar__left, .trustbar__center, .trustbar__right {
      text-align: center; }
      .trustbar__left strong, .trustbar__center strong, .trustbar__right strong {
        font-weight: normal; } }
  @media screen and (max-width: 374px) {
    .trustbar__right strong {
      display: none; } }
  .trustbar--desktop {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .trustbar--desktop > div {
      width: 33.3%; }
    @media screen and (max-width: 1199px) {
      .trustbar--desktop {
        display: none; } }
  .trustbar--mobile div {
    width: 100%; }
  @media screen and (min-width: 1200px) {
    .trustbar--mobile {
      display: none; } }
  .trustbar .slider-control {
    display: none !important; }
  .trustbar p {
    margin: 0; }
  .trustbar a:hover, .trustbar a:focus, .trustbar a:active {
    color: #e47f3e; }

#logo {
  float: left;
  margin: 0 0 0 4%; }
  #logo img {
    display: block;
    width: auto;
    height: 80px; }

#nav-main {
  float: right;
  width: 64%;
  margin: 1.33333em 2% 0 0;
  text-align: right; }
  #nav-main ul {
    display: inline;
    margin: 0;
    padding: 0; }
  #nav-main li {
    position: relative;
    display: inline-block;
    margin: 0 2.5641%;
    z-index: 2; }
  #nav-main > ul > li:hover {
    z-index: 3; }
  #nav-main > ul > li > a {
    position: relative;
    display: block;
    border-bottom: 2px solid #0167b1;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
    color: #4d4747;
    text-decoration: none; }
    #nav-main > ul > li > a:hover, #nav-main > ul > li > a:focus {
      color: #e47f3e;
      border-bottom-color: #e47f3e; }
  #nav-main > ul > li.submenu:hover:before {
    content: "";
    position: absolute;
    display: none;
    left: -22px;
    top: -11px;
    width: 100%;
    height: 100%;
    padding: 11px 22px 12px;
    background: #0167b1; }
  #nav-main > ul > li.submenu:hover > a {
    color: white;
    border-bottom-color: #0167b1; }
  #nav-main > ul > li.active > a, #nav-main > ul > li.trail > a {
    color: #e47f3e;
    border-bottom-color: #e47f3e; }
  #nav-main > ul > li > ul {
    position: absolute;
    left: -22px;
    top: 100%;
    display: none;
    z-index: 1;
    min-width: 150%;
    margin-top: 12px;
    padding: 10px 22px;
    border-bottom: 4px solid #014474;
    text-align: left;
    background: #0167b1; }
    #nav-main > ul > li > ul li {
      display: inline;
      margin: 0; }
    #nav-main > ul > li > ul a {
      position: relative;
      display: block;
      padding: 0.71429em 0.71429em 0.64286em 0;
      border-top: 1px solid white;
      font-size: 0.93333em;
      line-height: 1.2143;
      color: white;
      text-decoration: none;
      white-space: nowrap; }
      #nav-main > ul > li > ul a:hover, #nav-main > ul > li > ul a:focus {
        text-decoration: underline; }
    #nav-main > ul > li > ul ul a {
      padding-left: 1.07143em;
      font-weight: normal; }
    #nav-main > ul > li > ul ul ul a {
      padding-left: 2.14286em; }
  #nav-main > ul > li:hover > ul, #nav-main > ul > li.submenu:hover:before {
    display: block; }
  #nav-main > ul > li:last-child > ul, #nav-main > ul > li.last > ul {
    left: auto;
    right: -22px; }

#nav-main-mobile, #nav-main-mobile_styled {
  /* Hide mobile navigation <select> by default */
  display: none; }

#nav-header {
  position: absolute;
  right: 4%;
  top: -.5rem;
  font-size: 0.86667em;
  line-height: 1.3;
  color: #504e4b; }
  #nav-header nav, #nav-header ul, #nav-header li {
    display: inline;
    margin: 0;
    padding: 0; }
  #nav-header a, #nav-header strong, #nav-header span.active {
    display: inline-block;
    margin: 0 0 0 1.53846em;
    padding: 0 0.07692em;
    color: inherit;
    text-decoration: none; }
    #nav-header a:hover, #nav-header a:focus, #nav-header strong:hover, #nav-header strong:focus, #nav-header span.active:hover, #nav-header span.active:focus {
      border-bottom: 1px dotted #232222; }

#nav-search {
  position: relative;
  display: inline-block;
  margin: 0 0 0 1.53846em; }
  #nav-search input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 5em;
    margin: 0;
    padding: 0 1.23077em 0 0;
    border: 0;
    border-bottom: 1px dotted #232222;
    font-weight: bold;
    color: inherit;
    border-radius: 0;
    background: none;
    transition: compact(width 0.2s ease-out, false, false, false, false, false, false, false, false, false);
    box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
    #nav-search input:-ms-input-placeholder {
      color: inherit; }
    #nav-search input::-moz-placeholder {
      color: inherit; }
    #nav-search input::placeholder {
      color: inherit; }
    #nav-search input:hover, #nav-search input:focus {
      border-bottom-style: solid; }
    #nav-search input:focus {
      width: 200px; }
  #nav-search button {
    position: absolute;
    top: -0.07692em;
    right: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.15385em;
    overflow: hidden;
    margin: 0;
    padding: 0.15385em;
    border: 0;
    color: inherit;
    white-space: nowrap;
    background: none;
    box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
    #nav-search button:before {
      font: 1.07692em/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      margin: 0 100% 0 0.07143em; }

section#tag-line {
  position: absolute;
  top: 160px;
  left: 0;
  z-index: -1;
  padding: 0 1%;
  font-size: 6.66667em;
  font-weight: bold;
  line-height: 1.1;
  color: #e5e5e4; }
  section#tag-line h1, section#tag-line h2, section#tag-line h3 {
    margin: 0;
    font-size: inherit; }

.mod_breadcrumb {
  margin: 0 0 2rem 0; }
  .mod_breadcrumb ul {
    padding-left: 0 !important;
    list-style-type: none; }
    .mod_breadcrumb ul li {
      display: inline;
      padding: 0; }
      .mod_breadcrumb ul li:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 1rem;
        height: 1rem;
        color: black;
        font: 0.75rem/1 "icomoon";
        content: "";
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        text-indent: 0;
        display: inline-block;
        position: relative; }
      .mod_breadcrumb ul li a {
        padding: 0 .5rem 0 0;
        text-decoration: none;
        border-bottom: none !important; }
        .mod_breadcrumb ul li a:hover, .mod_breadcrumb ul li a:focus, .mod_breadcrumb ul li a:active {
          color: #0167b1 !important; }
      .mod_breadcrumb ul li.last:after {
        content: ''; }

#content-wrapper {
  zoom: 1;
  margin: 0 4% 0;
  padding: 4%;
  background: inline-image("bg-white-50.png");
  background: rgba(255, 255, 255, 0.5);
  box-shadow: compact(0 1px 7px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); }
  #content-wrapper:before {
    content: "";
    display: table; }
  #content-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .modernizr-no-boxshadow #content-wrapper {
    border: 1px solid #e6e6e6; }

section#main-image, #main-image.ce_image {
  margin: 0 0 4.7619%; }
  section#main-image img, #main-image.ce_image img {
    display: block;
    width: 100%;
    height: auto; }
  .sudo-home section#main-image, .sudo-home #main-image.ce_image {
    margin: 5% 4%; }

aside#sidebar {
  position: relative;
  float: left;
  width: 23.80952%; }
  aside#sidebar .mod_article, aside#sidebar .block {
    margin: 1.6em 0; }
  .sudo-sidebar-right aside#sidebar {
    width: 33.33333%;
    padding: 4.5rem 0 0 0;
    float: right; }
    @media screen and (max-width: 900px) {
      .sudo-sidebar-right aside#sidebar {
        width: auto;
        padding: 1rem 0 0 0; } }

aside#sidebar #nav-sub {
  line-height: 1.5384; }
  aside#sidebar #nav-sub h3 {
    margin: 0 0 1em;
    font-weight: bold;
    color: #e47f3e; }
    aside#sidebar #nav-sub h3 a {
      color: #0167b1;
      text-decoration: none; }
      aside#sidebar #nav-sub h3 a:hover, aside#sidebar #nav-sub h3 a:focus {
        border-bottom: 1px dotted #e47f3e; }
  aside#sidebar #nav-sub ul {
    margin: 0;
    padding: 0; }
    aside#sidebar #nav-sub ul a {
      display: block;
      padding: 0.61538em 0 0.61538em 1px;
      border-bottom: 1px solid #cccccd;
      text-decoration: none; }
      aside#sidebar #nav-sub ul a:hover, aside#sidebar #nav-sub ul a:focus {
        color: #e47f3e; }
    aside#sidebar #nav-sub ul ul a {
      padding-left: 1em; }
    aside#sidebar #nav-sub ul ul ul a {
      padding-left: 2em; }
  aside#sidebar #nav-sub li {
    display: inline; }
  aside#sidebar #nav-sub > ul li.active > a, aside#sidebar #nav-sub > ul li.trail > a {
    font-weight: bold; }

/* ===========================================
 * Homepage elements
 * ======================================== */
.sudo-home #content-wrapper {
  zoom: 1;
  margin: 70px 0 0;
  padding: 0;
  background: none;
  box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
  .sudo-home #content-wrapper:before {
    content: "";
    display: table; }
  .sudo-home #content-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .modernizr-no-boxshadow .sudo-home #content-wrapper {
    border: none; }
  @media screen and (max-width: 1200px) {
    .sudo-home #content-wrapper {
      margin-right: calc(0px - var(--safe-area-right));
      margin-left: calc(0px - var(--safe-area-left));
      padding-right: var(--safe-area-right);
      padding-left: var(--safe-area-left); } }

.sudo-home .mod_article .ce_text, .sudo-home .mod_article .ce_headline, .sudo-home .mod_article .ce_gallery, .sudo-home .mod_article .rs-columns {
  margin-right: 4%;
  margin-left: 4%; }
  @media screen and (max-width: 900px) {
    .sudo-home .mod_article .ce_text, .sudo-home .mod_article .ce_headline, .sudo-home .mod_article .ce_gallery, .sudo-home .mod_article .rs-columns {
      margin-right: 6.66667%;
      margin-left: 6.66667%; } }

@media screen and (max-width: 899px) {
  .sudo-home .mod_article .rs-columns {
    width: auto !important; } }

@media screen and (min-width: 900px) {
  .sudo-home .mod_article .rs-column:first-child > * {
    margin-right: 4%; }
  .sudo-home .mod_article .rs-column:last-child > * {
    margin-left: 4%; } }

.sudo-home .mod_article .ce_gallery ul {
  display: flex;
  justify-content: center;
  align-items: center; }
  .sudo-home .mod_article .ce_gallery ul li {
    margin: 0 4%;
    width: 200px; }

.sudo-home .mod_article .ce_gallery:after {
  content: "";
  display: block;
  margin: 4rem 0 0 0;
  height: 0;
  border-bottom: 1px solid #cccccd; }

@media screen and (min-width: 768px) {
  .sudo-home .mod_article .ce_text {
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -moz-column-gap: 40px;
    -ms-column-gap: 40px;
    -o-column-gap: 40px;
    column-gap: 40px; }
    .sudo-home .mod_article .ce_text > p {
      margin: 0 0 2em 0; } }

.sudo-home .mod_article .rs-columns .ce_text {
  -moz-column-count: unset !important;
  column-count: unset !important; }

.sudo-home .mod_article .rs-columns .ce_headline,
.sudo-home .mod_article .rs-columns .ce_text {
  margin-right: 0;
  margin-left: 0; }

.sudo-home .mod_article .rs-columns .ce_hyperlink.button a {
  text-decoration: none; }

.sudo-home .mod_article .mod_newslist {
  margin: 0 0 1rem 0; }
  .sudo-home .mod_article .mod_newslist article {
    padding: 0;
    border-bottom: 1px solid #cccccc;
    margin: 0 0 1rem 0; }
    .sudo-home .mod_article .mod_newslist article h3 {
      margin: 0 0 1rem 0;
      font-family: Quicksand, "Helvetica Neue", Helvetica, Arial;
      font-weight: bold;
      font-size: 1.5rem;
      color: #232222; }

.sudo-home .mod_article .ce_hyperlink {
  margin: 1rem 0 2rem 0; }

#home-slider {
  margin: 0 4%;
  border-bottom: 1px solid #cccccd; }
  #home-slider .home-slide {
    margin: 0; }
  #home-slider .rsts-caption {
    display: none; }

.home-slide {
  position: relative;
  z-index: 1;
  margin: 0 4%; }
  .home-slide img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100% !important;
    max-height: 400px !important;
    width: auto !important; }
  .home-slide h1, .home-slide h2, .home-slide h3 {
    margin: 0 0 0.33333em;
    font-size: 3.3rem;
    line-height: 1.2222; }
  .home-slide p {
    margin: 0 0 0.75em 0;
    font-size: 1.6em;
    line-height: 1.5; }
  .home-slide.no-image {
    padding: 20px 0 40px; }
  @media screen and (min-width: 768px) {
    .home-slide {
      padding: 50px 36% 100px 0; } }
  @media screen and (max-width: 767px) {
    .home-slide img {
      position: static;
      height: auto !important;
      width: 100% !important;
      margin: 1rem auto; } }
  @media screen and (min-width: 768px) and (max-width: 900px) {
    .home-slide img {
      max-height: 300px !important; } }

.teaser-boxes {
  margin: 4% 0 6%;
  /* collapse white-space between inline-block elements */
  letter-spacing: -0.2787em; }
  .teaser-boxes:after {
    content: "";
    display: block;
    height: 0;
    margin: 0 4%;
    border-bottom: 1px solid #cccccd; }
  .teaser-boxes .box {
    position: relative;
    display: inline-block;
    width: 20%;
    margin: 0 0 4% 4%;
    letter-spacing: normal;
    text-decoration: none;
    vertical-align: top; }
    .teaser-boxes .box:before {
      position: absolute;
      top: -6px;
      left: 0;
      width: 20px;
      height: 20px;
      padding: 10px;
      border-radius: 100%;
      font-size: 20px;
      color: white;
      text-align: center;
      background: #232222; }
    .teaser-boxes .box h3 {
      margin: 0;
      padding: 0 0 0 50px;
      font-size: 1.6em; }
    .teaser-boxes .box:hover, .teaser-boxes .box:focus {
      color: #e47f3e;
      transition: all 0.3s ease; }
      .teaser-boxes .box:hover h3, .teaser-boxes .box:focus h3 {
        color: #e47f3e;
        transition: all 0.3s ease; }
      .teaser-boxes .box:hover:before, .teaser-boxes .box:focus:before {
        background: #e47f3e;
        transition: all 0.3s ease; }

.teaser-boxes-text {
  margin: 4% 0 0;
  /* collapse white-space between inline-block elements */
  letter-spacing: -0.2787em; }
  .teaser-boxes-text .box {
    position: relative;
    display: inline-block;
    width: 20%;
    margin: 0 0 4% 4%;
    letter-spacing: normal;
    vertical-align: top; }
    .teaser-boxes-text .box h3 {
      margin: 0 0 1em 0;
      font-size: 1.06667em;
      line-height: 1.8125; }
      .teaser-boxes-text .box h3 a {
        text-decoration: none; }
        .teaser-boxes-text .box h3 a:hover {
          color: #e47f3e; }
    .teaser-boxes-text .box img {
      display: block;
      width: 100%;
      height: auto; }
    .teaser-boxes-text .box .no-image {
      position: relative;
      display: block;
      width: 100%;
      padding-bottom: 62.5%;
      color: #cccccd;
      background: #e5e5e4; }
      .teaser-boxes-text .box .no-image:after {
        font: 64px/1 "icomoon";
        content: "";
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        text-indent: 0;
        display: inline-block;
        position: relative;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -32px 0 0 -32px;
        text-decoration: none; }
      .teaser-boxes-text .box .no-image:hover {
        color: #e5e5e4;
        background: #cccccd; }
    .teaser-boxes-text .box p {
      margin: 1em 0;
      font-size: 0.86667em;
      line-height: 1.8462; }
    .teaser-boxes-text .box a.read-more {
      font-weight: bold;
      color: #0167b1;
      text-transform: uppercase;
      text-decoration: none; }
      .teaser-boxes-text .box a.read-more:after {
        font: 8px/1 "icomoon";
        content: "";
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        text-indent: 0;
        display: inline-block;
        position: relative;
        bottom: 1px;
        margin-left: 4px; }
      .teaser-boxes-text .box a.read-more:hover, .teaser-boxes-text .box a.read-more:focus {
        text-decoration: underline; }

.statement {
  zoom: 1;
  margin: 30px 4%; }
  .statement:before {
    content: "";
    display: table; }
  .statement:after {
    content: "";
    display: table;
    clear: both; }
  .statement header, .statement .header {
    float: left;
    width: 21.73913%; }
  .statement h2 {
    margin: 0;
    font-size: 1.06667em; }
  .statement h3 {
    margin: 0;
    font-size: 0.86667em;
    font-weight: normal;
    line-height: 1.8462; }
  .statement p {
    margin: 0 0 0 26.08696%;
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccd;
    font-size: 1.06667em;
    line-height: 1.5; }
  .statement a.read-more {
    font-weight: bold;
    color: #0167b1;
    text-decoration: none; }
    .statement a.read-more:after {
      font: 10px/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      bottom: 1px;
      margin-left: 4px; }
    .statement a.read-more:hover, .statement a.read-more:focus {
      text-decoration: underline; }

.highlight-box {
  zoom: 1;
  position: relative;
  margin: 4%;
  padding: 0 4%;
  background: #0167b1; }
  .highlight-box:before {
    content: "";
    display: table; }
  .highlight-box:after {
    content: "";
    display: table;
    clear: both; }
  .highlight-box h1, .highlight-box h2, .highlight-box h3 {
    float: left;
    margin: 0.95833em 0 0.95833em 0;
    font-size: 1.6em;
    line-height: 1.25;
    font-weight: normal;
    color: white; }
  .highlight-box .button {
    float: right;
    margin: 0.88889em 0 0.88889em 1em;
    padding: 0.72222em 3em;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1;
    color: white;
    background-color: #014474; }
    .highlight-box .button:hover, .highlight-box .button:focus, .highlight-box .button:active {
      background-color: #e47f3e; }

.big-teaser {
  margin: 1.25em 4%;
  font-size: 2.4em; }
  .big-teaser h1 {
    margin: 0;
    font-size: 2em;
    line-height: 1.333;
    letter-spacing: -0.01389em; }
    .big-teaser h1 em, .big-teaser h1 i {
      font-style: normal;
      color: #0167b1; }
      .big-teaser h1 em:after, .big-teaser h1 i:after {
        content: "\A";
        display: block; }
  .big-teaser a {
    display: block;
    margin-top: 0.41667em;
    border: 0;
    color: #0167b1;
    text-decoration: none; }
    .big-teaser a:after {
      font: 0.33333em/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      bottom: 0.41667em;
      margin-left: 0.66667em; }
    .big-teaser a:hover, .big-teaser a:focus {
      text-decoration: underline; }

/* ===========================================
 * Content styles
 * ======================================== */
section#content {
  position: relative;
  float: right;
  width: 61.90476%;
  margin: 0 4.7619% 0 0; }
  .sudo-sidebar-right section#content {
    float: left;
    margin-left: 0%; }
  .sudo-projects section#content {
    margin-right: 0; }
  .sudo-fullwidth section#content {
    width: 95.2381%; }

#content {
  /*
	&:hover {
		p, ul, ol {
			a {
				color: $link-color;
			}
		}
		.mod_sitemap {
			a {
				color: $font-color;
				&:hover, &:focus {
					color: $link-color;
				}
			}
		}
	}
	*/ }
  #content a {
    text-decoration: underline;
    transition: compact(color 0.2s, false, false, false, false, false, false, false, false, false); }
    #content a:hover, #content a:focus {
      color: #e47f3e;
      border: 0; }
  #content .ce_hyperlink.button > a {
    text-decoration: none; }
  #content p, #content ul, #content ol, #content table, #content form, #content fieldset {
    margin: 1.2em 0; }
  #content h1 {
    margin: 0.75em 0 0.5em;
    font-size: 3.2em;
    line-height: 1.25;
    color: #0167b1; }
  #content > h1:first-child,
  #content > div:first-child > h1:first-child,
  #content > div:first-child > div:first-child > h1:first-child,
  #content > div:first-child > div:first-child > div:first-child > h1:first-child,
  #content > div:first-child > .syndication:first-child + div > h1:first-child {
    /* Selector for the first headline in the content (Contao's extensive use of <div> elements makes this necessary) */
    margin-top: 0.1875em; }
    .sudo-projects #content > h1:first-child, .sudo-projects
    #content > div:first-child > h1:first-child, .sudo-projects
    #content > div:first-child > div:first-child > h1:first-child, .sudo-projects
    #content > div:first-child > div:first-child > div:first-child > h1:first-child, .sudo-projects
    #content > div:first-child > .syndication:first-child + div > h1:first-child {
      position: absolute;
      top: 0.0625em;
      left: -61.53846%;
      width: 53.84615%; }
      .sudo-projects #content > h1:first-child + p, .sudo-projects
      #content > div:first-child > h1:first-child + p, .sudo-projects
      #content > div:first-child > div:first-child > h1:first-child + p, .sudo-projects
      #content > div:first-child > div:first-child > div:first-child > h1:first-child + p, .sudo-projects
      #content > div:first-child > .syndication:first-child + div > h1:first-child + p {
        margin-top: 0; }
  #content h2, #content h3, #content h4, #content h5, #content h6 {
    margin: 0.75em 0 0.2em;
    line-height: 1.25; }
  #content h2 {
    font-size: 1.86667em; }
  #content h3 {
    font-size: 1.6em; }
  #content h4 {
    font-size: 1.4em; }
  #content h5, #content h6 {
    font-size: 1.2em; }
  #content h6 {
    font-size: 1em; }
  #content h2 + p, #content h2 + ul, #content h2 + ol, #content h2 + table, #content h2 + blockquote, #content h3 + p, #content h3 + ul, #content h3 + ol, #content h3 + table, #content h3 + blockquote, #content h4 + p, #content h4 + ul, #content h4 + ol, #content h4 + table, #content h4 + blockquote, #content h5 + p, #content h5 + ul, #content h5 + ol, #content h5 + table, #content h5 + blockquote, #content h6 + p, #content h6 + ul, #content h6 + ol, #content h6 + table, #content h6 + blockquote {
    margin-top: 0; }
  #content section h1, #content section h2, #content section h3, #content section h4, #content section h5, #content section h6, #content section p, #content section ul, #content section ol, #content section table, #content section blockquote, #content article h1, #content article h2, #content article h3, #content article h4, #content article h5, #content article h6, #content article p, #content article ul, #content article ol, #content article table, #content article blockquote {
    margin: 1em 0; }
  #content ul, #content ol {
    padding-left: 7.69231%; }
    #content ul li[data-icon], #content ol li[data-icon] {
      list-style: none; }
      #content ul li[data-icon]:before, #content ol li[data-icon]:before {
        left: -21px;
        width: 0; }
  #content ul {
    list-style: disc; }
    #content ul ul {
      margin-top: 0; }
  .sudo-fabrikate #content ul {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 2rem;
    column-gap: 2rem; }
  #content ol {
    list-style: decimal; }
    #content ol ol, #content ol ul {
      margin-top: 0; }
    #content ol ol {
      list-style: upper-alpha; }
      #content ol ol ol {
        list-style: lower-roman; }
        #content ol ol ol ol {
          list-style: lower-alpha; }
  #content blockquote {
    position: relative;
    margin: 2.22222em 0 2.22222em 15.38462%;
    font-size: 1.2em;
    font-weight: bold; }
    #content blockquote p {
      margin: 0.8em 0; }
    #content blockquote:before {
      content: "\201c";
      position: absolute;
      top: -10px;
      left: -18.18182%;
      margin-left: -0.03704em;
      font-size: 108px;
      font-weight: bold;
      line-height: 1;
      color: #0167b1; }
    #content blockquote small, #content blockquote i, #content blockquote em {
      font-weight: normal;
      font-style: normal; }
      #content blockquote small:before, #content blockquote i:before, #content blockquote em:before {
        content: "– "; }
  #content img {
    max-width: 100%;
    height: auto; }
  #content table {
    margin-bottom: 36px; }
  #content .content-404 {
    position: relative; }
    #content .content-404 h1 {
      color: #232222;
      text-align: center; }
      #content .content-404 h1 b {
        display: block;
        margin-bottom: -0.28947em;
        font-size: 3.95833em;
        line-height: 1;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
        opacity: 0.15; }
    #content .content-404 form {
      position: absolute;
      top: 22%;
      left: 15.38462%;
      width: 69.23077%;
      margin: 0 auto; }
      #content .content-404 form input {
        width: 100%;
        padding-right: 3.33333em;
        border: 1px solid #cccccd;
        border-color: rgba(35, 34, 34, 0.5);
        border-radius: 3px;
        background-color: white;
        background: rgba(255, 255, 255, 0.6);
        box-shadow: compact(inset 0 1px 4px rgba(0, 0, 0, 0.05), false, false, false, false, false, false, false, false, false); }
      #content .content-404 form button {
        position: absolute;
        top: -0.2em;
        right: 0;
        width: 3.53333em;
        height: 3.53333em;
        overflow: hidden;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        background: none;
        border: 0;
        box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
        #content .content-404 form button:before {
          font: 100%/1 "icomoon";
          content: "";
          -webkit-font-smoothing: antialiased;
          font-smoothing: antialiased;
          text-rendering: geometricPrecision;
          text-indent: 0;
          display: inline-block;
          position: relative;
          margin: 0.6087em 0.65217em;
          font-size: 1.53333em;
          color: #232222; }

.image_container {
  position: relative; }
  .image_container img {
    display: block;
    width: 100%;
    height: auto; }
  .image_container figcaption, .image_container .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto !important;
    padding: 0.46154em 1em;
    font-size: 0.86667em;
    color: white;
    background: #232222; }

.image_container.float_right, .image_container.float_left {
  float: right;
  width: 46.15385% !important;
  margin: 3.07692% 0 3.84615% 7.69231%; }
  .sudo-home .image_container.float_right, .sudo-fullwidth .image_container.float_right, .sudo-home .image_container.float_left, .sudo-fullwidth .image_container.float_left {
    width: 31.57895% !important;
    margin: 0 0 2.17391% 4.34783%; }
  .no-resize .image_container.float_right, .sudo-home .no-resize .image_container.float_right, .sudo-fullwidth .no-resize .image_container.float_right, .image_container.float_right.no-resize, .sudo-home .image_container.float_right.no-resize, .sudo-fullwidth .image_container.float_right.no-resize, .no-resize .image_container.float_left, .sudo-home .no-resize .image_container.float_left, .sudo-fullwidth .no-resize .image_container.float_left, .image_container.float_left.no-resize, .sudo-home .image_container.float_left.no-resize, .sudo-fullwidth .image_container.float_left.no-resize {
    width: auto !important; }
  .no-resize .image_container.float_right img, .image_container.float_right.no-resize img, .no-resize .image_container.float_left img, .image_container.float_left.no-resize img {
    width: auto; }

.image_container.float_left {
  float: left;
  margin: 3.07692% 7.69231% 3.84615% 0; }

.no-resize .image_container:not(.float_right):not(.float_left), .image_container:not(.float_right):not(.float_left).no-resize {
  display: inline-block;
  vertical-align: top;
  width: auto;
  max-width: 100%; }
  .no-resize .image_container:not(.float_right):not(.float_left) img, .image_container:not(.float_right):not(.float_left).no-resize img {
    width: auto;
    max-width: 100%; }

.ce_youtube-wrapper, .ce_vimeo-wrapper {
  position: relative;
  /* ratio 16 to 9 */
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed, .ce_vimeo-wrapper iframe, .ce_vimeo-wrapper object, .ce_vimeo-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.mejs__video:not(.mejs__container-fullscreen), .mejs__audio:not(.mejs__container-fullscreen) {
  margin: 24px 0; }
  .mejs__video:not(.mejs__container-fullscreen) video, .mejs__audio:not(.mejs__container-fullscreen) video {
    -o-object-fit: cover;
    object-fit: cover; }

.mejs__video button, .mejs__audio button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0;
  box-shadow: none !important; }
  .mejs__video button:hover, .mejs__video button:focus, .mejs__audio button:hover, .mejs__audio button:focus {
    background-image: url("../../../assets/mediaelement/images/mejs-controls.svg"); }

#content .mejs__video a, #content .mejs__audio a {
  border-bottom: 0; }

.video_container video,
.audio_container audio {
  display: block;
  width: 100%; }

.video_container video {
  height: auto; }

.video_container iframe {
  border: 0; }

.video_container .responsive {
  position: relative;
  padding-bottom: 56.25%; }
  .video_container .responsive.ratio-169 {
    padding-bottom: 56.25%; }
  .video_container .responsive.ratio-1610 {
    padding-bottom: 62.5%; }
  .video_container .responsive.ratio-219 {
    padding-bottom: 42.85714%; }
  .video_container .responsive.ratio-43 {
    padding-bottom: 75%; }
  .video_container .responsive.ratio-32 {
    padding-bottom: 66.66667%; }
  .video_container .responsive iframe,
  .video_container .responsive img,
  #content .video_container .responsive img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }

.ce_gallery > ul.cols_1 > li {
  width: 100%; }

.ce_gallery > ul.cols_2 > li {
  width: 49.25%; }

.ce_gallery > ul.cols_3 > li {
  width: 32.33333%; }

.ce_gallery > ul.cols_4 > li {
  width: 23.875%; }

.ce_gallery > ul.cols_5 > li {
  width: 18.8%; }

.ce_gallery > ul.cols_6 > li {
  width: 15.41667%; }

.ce_gallery > ul.cols_7 > li {
  width: 13%; }

.ce_gallery > ul.cols_8 > li {
  width: 11.1875%; }

.ce_gallery > ul.cols_9 > li {
  width: 9.77778%; }

.ce_gallery > ul.cols_10 > li {
  width: 8.65%; }

.ce_gallery > ul.cols_11 > li {
  width: 7.72727%; }

.ce_gallery > ul.cols_12 > li {
  width: 6.95833%; }

.ce_gallery.no-resize > ul > li {
  width: auto; }

.ce_gallery > ul {
  zoom: 1;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important; }
  .ce_gallery > ul:before {
    content: "";
    display: table; }
  .ce_gallery > ul:after {
    content: "";
    display: table;
    clear: both; }
  .ce_gallery > ul > li {
    float: left;
    width: 32.333%;
    margin: 1.5% 0 0 1.5%; }
    .ce_gallery > ul > li.col_first {
      clear: left;
      margin-left: 0; }
    .ce_gallery > ul > li.col_last {
      /* for rounding failures */
      margin-right: -1%; }

#sidebar .ce_gallery > ul.cols_1 > li {
  width: 100%; }

#sidebar .ce_gallery > ul.cols_2 > li {
  width: 48.5%; }

#sidebar .ce_gallery > ul.cols_3 > li {
  width: 31.33333%; }

#sidebar .ce_gallery > ul.cols_4 > li {
  width: 22.75%; }

#sidebar .ce_gallery > ul.cols_5 > li {
  width: 17.6%; }

#sidebar .ce_gallery > ul.cols_6 > li {
  width: 14.16667%; }

#sidebar .ce_gallery > ul.cols_7 > li {
  width: 11.71429%; }

#sidebar .ce_gallery > ul.cols_8 > li {
  width: 9.875%; }

#sidebar .ce_gallery > ul.cols_9 > li {
  width: 8.44444%; }

#sidebar .ce_gallery > ul.cols_10 > li {
  width: 7.3%; }

#sidebar .ce_gallery > ul.cols_11 > li {
  width: 6.36364%; }

#sidebar .ce_gallery > ul.cols_12 > li {
  width: 5.58333%; }

#sidebar .ce_gallery.no-resize > ul > li {
  width: auto; }

#sidebar .ce_gallery > ul > li {
  width: 48.5%;
  margin-top: 3%;
  margin-left: 3%; }
  #sidebar .ce_gallery > ul > li.col_first {
    margin-left: 0; }
  #sidebar .ce_gallery > ul > li.col_last {
    /* for rounding failures */
    margin-right: -1%; }

.ce_gallery .image_container {
  box-shadow: compact(none, false, false, false, false, false, false, false, false, false);
  margin: 0;
  padding: 0;
  border: 0; }

#content .ce_imageslider img {
  max-width: none; }

.enclosure, .ce_downloads {
  position: relative;
  margin: 2.66667em 0;
  padding: 1.33333em 0 1.33333em 15.38462%;
  border: solid #cccccd;
  border-width: 1px 0; }
  .enclosure:before, .ce_downloads:before {
    font: 40px/1 "icomoon";
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    position: absolute;
    top: 27px;
    left: 1px;
    color: #0167b1;
    cursor: default; }
  .enclosure a, #content .enclosure a, .ce_downloads a, #content .ce_downloads a {
    border-bottom: 0;
    color: #0167b1;
    text-decoration: underline; }
    .enclosure a:hover, .enclosure a:focus, #content .enclosure a:hover, #content .enclosure a:focus, .ce_downloads a:hover, .ce_downloads a:focus, #content .ce_downloads a:hover, #content .ce_downloads a:focus {
      text-decoration: none; }
  .enclosure p, .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .ce_downloads p, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6 {
    margin: 0.4em 0 !important; }
  .enclosure ul, #content .enclosure ul, .ce_downloads ul, #content .ce_downloads ul {
    margin: 0;
    padding: 0;
    list-style: none; }

#projects {
  zoom: 1;
  clear: both;
  margin: 0 -4.7619%; }
  #projects:before {
    content: "";
    display: table; }
  #projects:after {
    content: "";
    display: table;
    clear: both; }
  #projects .box {
    position: relative;
    float: left;
    width: 27.53478%;
    margin: 4.34783% 0 0 4.34783%; }
    #projects .box:nth-child(3n+1) {
      clear: both; }
    #projects .box img {
      display: block;
      width: 100%;
      height: auto; }
    #projects .box .no-image {
      position: relative;
      display: block;
      width: 100%;
      padding-bottom: 61.53846%;
      background: #e5e5e4; }
      #projects .box .no-image:after {
        font: 128px/1 "icomoon";
        content: "";
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        text-indent: 0;
        display: inline-block;
        position: relative;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -64px 0 0 -64px;
        color: #cccccd; }
    #projects .box a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 27% 1em;
      color: white;
      font-size: 1.06667em;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      background: #0167b1;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
      opacity: 0;
      transition: compact(opacity 0.1s, false, false, false, false, false, false, false, false, false); }
      #projects .box a:hover, #projects .box a:focus {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
        opacity: 0.9; }

aside#sidebar h1, aside#sidebar h2, aside#sidebar h3, aside#sidebar h4, aside#sidebar h5 {
  margin: 1em 0 0.5em; }

aside#sidebar h1, aside#sidebar h2, aside#sidebar h3 {
  font-family: Quicksand, "Helvetica Neue", Helvetica, Arial;
  font-size: 1.75rem;
  color: #0167b1; }

aside#sidebar h4 {
  font-size: 1.13333em; }

aside#sidebar h5 {
  font-size: 1em; }

aside#sidebar p, aside#sidebar ul, aside#sidebar ol, aside#sidebar table, aside#sidebar blockquote, aside#sidebar fieldset, aside#sidebar form {
  margin: 1em 0; }

aside#sidebar ul, aside#sidebar ol {
  padding: 0;
  list-style-type: none; }

aside#sidebar table {
  margin-bottom: 1.33333em; }

aside#sidebar .mod_article, aside#sidebar .block {
  margin: 1.33333em 0; }

/* ===========================================
 * Form styles
 * ======================================== */
form h1, form h2, form h3, form h4, form h5, form h6 {
  clear: both; }

form .widget {
  position: relative;
  margin: 1.2em 0; }

form p b.error, form p.error {
  display: block;
  margin: 0;
  padding: 0 1.33333em 0.13333em 1.33333em;
  color: #0167b1; }

form input, form textarea {
  padding: 0.8em 1.06667em;
  line-height: normal;
  border: 1px solid #cccccd;
  color: #232222;
  background: white;
  box-shadow: compact(inset 0 0 3px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); }
  form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    color: #504e4b; }
  form input::-moz-placeholder, form textarea::-moz-placeholder {
    color: #504e4b; }
  form input::placeholder, form textarea::placeholder {
    color: #504e4b; }
  form input:hover, form textarea:hover {
    border-color: #a5a5a7;
    box-shadow: compact(0 0 3px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false, false); }
  form input:focus, form textarea:focus {
    border-color: #98989b;
    box-shadow: compact(inset 0 0 3px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.2), false, false, false, false, false, false, false, false); }

form textarea {
  height: 200px;
  resize: vertical;
  line-height: 1.5; }

form fieldset {
  margin: 1.6em 0;
  border: 1px solid #cccccd; }
  form fieldset legend {
    padding: 0 0.4em; }
  form fieldset + br {
    /* Kill <br> that Contao injects */
    display: none; }

form input[type="checkbox"], form input[type="radio"], form input[type="image"] {
  width: auto !important;
  height: auto !important;
  margin: 0;
  padding: 0;
  border: 0; }

form input[type="checkbox"] {
  vertical-align: middle;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox; }

form input[type="radio"] {
  vertical-align: middle;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  background: none; }

form .valid input, form .valid textarea {
  background: #abd223; }

form .invalid input, form .invalid textarea, form input.error, form textarea.error {
  box-shadow: compact(inset 0 0 0.66667em #0167b1, false, false, false, false, false, false, false, false, false); }

form input[type="file"] {
  padding: 0;
  height: auto; }

form button, form input[type="submit"] {
  margin-top: 1em; }

.searchform {
  margin: 1.66667em 0; }
  .searchform .assistive-text {
    display: none !important; }
  .searchform input[type="search"] {
    width: 57.14286%;
    height: auto;
    margin: 0 -0.26667em 0 0;
    padding: 0.46667em 0.66667em;
    border: 1px solid #e5e5e4;
    vertical-align: bottom; }
  .searchform button, .searchform input[type="submit"] {
    width: 39.28571%;
    margin-left: 3.57143%;
    margin-right: -2%; }

#content .searchform input[type="search"] {
  width: 61.53846%; }

#content .searchform button, #content .searchform input[type="submit"] {
  width: 30.76923%;
  margin-left: 1.92308%; }

section#content form p b.error, section#content form p.error {
  float: right;
  width: 100%;
  margin: 0;
  padding-left: 33.84615%; }

section#content form .explanation, section#content form .captcha_text {
  width: 69.23077%;
  margin-left: 30.76923%; }

section#content form fieldset p b.error, section#content form fieldset p.error {
  width: auto;
  margin-left: 0; }

section#content form label {
  display: inline-block;
  width: 30.76923%; }
  section#content form label + input, section#content form label + textarea, section#content form label + select {
    /* Kill space between label and element */
    margin-left: -0.26667em; }

section#content form input[type="checkbox"] + label {
  display: inline;
  width: auto;
  margin-right: 0; }

section#content form textarea, section#content form fieldset, section#content form button, section#content form input[type="submit"] {
  margin-left: 30.76923%; }

section#content form fieldset p {
  margin: 0; }

section#content form fieldset label {
  display: inline;
  width: auto;
  margin: 0; }
  section#content form fieldset label:after {
    content: "\A";
    white-space: pre; }

section#content form input, section#content form textarea, section#content form select, section#content form fieldset, section#content form button {
  width: 69.23077%;
  /* For rounding failures */
  margin-right: -0.66667em; }

section#content form input[type="checkbox"], section#content form input[type="radio"], section#content form input[type="image"] {
  margin-right: 0; }

section#content form button, section#content form input[type="submit"] {
  font-size: 1em;
  border: 1px solid #01497e; }

form span.mandatory {
  margin-left: 0.11111em;
  font-size: 1.2em;
  color: #0167b1; }

form .explanation, form .captcha_text {
  font-size: 0.8em;
  margin: -1em 0 2em;
  color: #504e4b; }
  form .explanation p, form .captcha_text p {
    margin: 0 !important; }

form .captcha_text {
  float: left;
  margin-top: 0.8em;
  font-size: inherit;
  color: #0167b1;
  font-style: italic; }

form .styled_select {
  font-size: 1em; }

form label + .styled_select {
  /* Kill space between label and element */
  margin-left: -0.26667em; }

form .widget-submit {
  margin-top: 0.8em; }

aside#sidebar form input, aside#sidebar form textarea, aside#sidebar form button {
  width: 100%;
  margin: 0; }

aside#sidebar form label {
  display: block;
  margin-bottom: 0.4em; }

aside#sidebar form input[type="checkbox"], aside#sidebar form input[type="radio"], aside#sidebar form input[type="image"] {
  width: auto;
  height: auto; }

/* ===========================================
 * Footer styles
 * ======================================== */
#wrapper > footer {
  zoom: 1;
  margin: 0;
  font-size: 0.86667em;
  line-height: 1.6154;
  /* collapse white-space between inline-block elements */
  letter-spacing: -0.2787em; }
  #wrapper > footer:before {
    content: "";
    display: table; }
  #wrapper > footer:after {
    content: "";
    display: table;
    clear: both; }
  #wrapper > footer .footer-column {
    display: inline-block;
    width: 28%;
    margin: 0 0 0 4%;
    letter-spacing: 0;
    vertical-align: top; }
    #wrapper > footer .footer-column h1, #wrapper > footer .footer-column h2, #wrapper > footer .footer-column h3, #wrapper > footer .footer-column h4 {
      font-size: 1.5em;
      font-weight: bold;
      color: #232222;
      margin: 1.84615em 0; }
    #wrapper > footer .footer-column p, #wrapper > footer .footer-column ul {
      margin: 1.84615em 0; }
    #wrapper > footer .footer-column ul {
      padding: 0;
      list-style: none; }
    #wrapper > footer .footer-column a {
      text-decoration: none;
      border-bottom: 1px dotted #232222; }
      #wrapper > footer .footer-column a:hover, #wrapper > footer .footer-column a:focus {
        color: #e47f3e;
        border: 0; }
  #wrapper > footer ul.social-links li {
    display: inline; }
  #wrapper > footer ul.social-links a {
    display: inline-block;
    overflow: hidden;
    margin: 0 0.15385em 0 0;
    padding: .75rem;
    border: 0;
    line-height: 0;
    color: #fff;
    background: #0167b1;
    text-indent: -999px; }
    #wrapper > footer ul.social-links a:before {
      content: none; }
    #wrapper > footer ul.social-links a:after {
      font: 1.53846em/1 "icomoon";
      content: attr(data-icon);
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      display: block;
      text-indent: 0; }
    #wrapper > footer ul.social-links a:hover, #wrapper > footer ul.social-links a:focus {
      border: 0;
      color: #fff;
      background: #e47f3e; }
  #wrapper > footer ul.news-list {
    font-weight: bold; }
    #wrapper > footer ul.news-list li {
      display: inline; }
      #wrapper > footer ul.news-list li.last a {
        border-bottom: none; }
    #wrapper > footer ul.news-list a {
      display: block;
      padding: 0.76923em 0;
      border-bottom: 1px solid #cccccd; }
      #wrapper > footer ul.news-list a:hover, #wrapper > footer ul.news-list a:focus {
        border-bottom: 1px solid #cccccd;
        color: #e47f3e; }
  #wrapper > footer .mod_subscribe form {
    margin-bottom: 1.84615em;
    zoom: 1; }
    #wrapper > footer .mod_subscribe form:before {
      content: "";
      display: table; }
    #wrapper > footer .mod_subscribe form:after {
      content: "";
      display: table;
      clear: both; }
    #wrapper > footer .mod_subscribe form .widget {
      margin: 0; }
    #wrapper > footer .mod_subscribe form label {
      display: none; }
    #wrapper > footer .mod_subscribe form input {
      float: left;
      width: 82.85714%;
      padding: 0.73077em;
      border: 1px solid #cccccd;
      border-radius: 3px;
      background: white;
      box-shadow: compact(inset 0 1px 4px #d9d9d9, false, false, false, false, false, false, false, false, false); }
    #wrapper > footer .mod_subscribe form button {
      float: right;
      width: 14.28571%;
      height: 2.92308em;
      overflow: hidden;
      margin: 0;
      padding: 0;
      font-size: inherit; }
      #wrapper > footer .mod_subscribe form button:before {
        font: 1.53846em/1 "icomoon";
        content: "✉";
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        text-indent: 0;
        display: inline-block;
        position: relative;
        margin: 0.45em 0 100%;
        text-align: center; }
  #wrapper > footer a.rss-link {
    display: block;
    margin: 1.38462em 0;
    border: 0;
    font-weight: bold;
    color: #d2232d; }
    #wrapper > footer a.rss-link:before {
      font: 21px/0 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      top: 5px;
      margin-right: 9px; }
    #wrapper > footer a.rss-link:hover, #wrapper > footer a.rss-link:focus {
      color: #232222;
      border: 0; }

#nav-footer-wrap {
  zoom: 1;
  clear: both;
  margin: 0 4%;
  padding: 1.84615em 0;
  border-top: 1px solid #cccccd;
  letter-spacing: 0; }
  #nav-footer-wrap:before {
    content: "";
    display: table; }
  #nav-footer-wrap:after {
    content: "";
    display: table;
    clear: both; }

#content-wrapper {
  border-bottom: 1px solid #0167b1; }

#nav-footer {
  float: left;
  font-weight: bold; }
  #nav-footer ul, #nav-footer li {
    display: inline;
    margin: 0;
    padding: 0; }
  #nav-footer a {
    margin: 0 3.46154em 0 0;
    color: #605f5c;
    text-decoration: none; }
    #nav-footer a:hover, #nav-footer a:focus {
      color: #e47f3e; }

#footer-info {
  text-align: right;
  color: #504e4b; }
  #footer-info p {
    margin: 0; }
  #footer-info .rocksolid-copyright {
    color: #969593;
    text-decoration: none; }
    #footer-info .rocksolid-copyright:hover, #footer-info .rocksolid-copyright:focus {
      text-decoration: underline; }
    #footer-info .rocksolid-copyright:before {
      content: "·";
      display: inline-block;
      margin: 0 0.38462em 0 0.15385em; }

/* ===========================================
 * Module styles (Search, FAQ, News, Events, Comments, Sitemap etc.)
 * ======================================== */
.fixed-note {
  position: fixed;
  display: table;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 4em;
  padding: 0.8em 1.33333em 0.8em 5.33333em;
  padding-right: calc(1.33333em + var(--safe-area-right));
  padding-bottom: calc(0.8em + var(--safe-area-bottom));
  padding-left: calc(5.33333em + var(--safe-area-left));
  border-top: 1px solid #cccccd;
  z-index: 99;
  background-color: white;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 900px) {
    .fixed-note {
      position: relative;
      padding-top: calc(0.8em + var(--safe-area-top));
      padding-bottom: 0.8em; } }
  @media screen and (max-width: 599px) {
    .fixed-note {
      display: block;
      padding-left: 1.33333em;
      padding-left: calc(1.33333em + var(--safe-area-left)); } }
  .fixed-note:before {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 0.83333em;
    left: calc(0.83333em + var(--safe-area-left));
    font-size: 2.4em;
    color: #0167b1; }
    @media screen and (max-width: 900px) {
      .fixed-note:before {
        top: 0.66667em;
        margin-top: 0; } }
    @media screen and (max-width: 599px) {
      .fixed-note:before {
        position: static; } }
  .fixed-note h1, .fixed-note h2, .fixed-note h3 {
    font-size: 0.93333em;
    margin: 0.42857em 0; }
  .fixed-note p {
    font-size: 0.86667em;
    margin: 0.46154em 0; }

.fixed-note-column {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0.66667em; }
  .fixed-note-column:last-child {
    text-align: right; }
    @media screen and (max-width: 900px) {
      .fixed-note-column:last-child {
        text-align: left; } }
  @media screen and (max-width: 900px) {
    .fixed-note-column {
      display: block;
      margin: 0.8em 0;
      padding: 0; } }

.fixed-note-link, .fixed-note-button {
  white-space: nowrap; }

.fixed-note-button {
  margin: 0; }

.fixed-note-closed {
  position: fixed;
  right: 2em;
  right: calc(2em + var(--safe-area-right));
  bottom: 0;
  bottom: var(--safe-area-bottom);
  z-index: 99;
  padding: 0.53333em 0.8em;
  color: white;
  text-decoration: none;
  background: #0167b1;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); }
  @media screen and (max-width: 1240px) {
    .fixed-note-closed {
      right: 0;
      right: var(--safe-area-right); } }
  @media screen and (max-width: 900px) {
    .fixed-note-closed {
      position: absolute;
      top: 0.8em;
      top: calc(0.8em + var(--safe-area-top));
      right: auto;
      bottom: auto;
      left: 3.33333%;
      left: calc(3.33333% + var(--safe-area-left));
      margin-left: -1.06667em;
      padding: 0.26667em 0.8em; } }
  @media screen and (max-width: 599px) {
    .fixed-note-closed {
      margin-left: 0;
      left: 0;
      left: var(--safe-area-left);
      top: 0;
      top: var(--safe-area-top); } }
  .fixed-note-closed:hover, .fixed-note-closed:focus {
    background-color: #01497e; }
  .fixed-note-closed:before {
    font: 100%/1 "icomoon";
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative; }
  .fixed-note-closed > span {
    display: none; }

.back a,
.previous a {
  border: 0 !important;
  font-weight: bold;
  color: #0167b1;
  text-transform: uppercase; }
  .back a:before,
  .previous a:before {
    position: relative;
    top: -2px;
    font: 0.75rem/1 "icomoon";
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: 6px;
    vertical-align: middle; }

.next a {
  border: 0 !important;
  font-weight: bold;
  color: #0167b1;
  text-transform: uppercase; }
  .next a:after {
    font: 0.75rem/1 "icomoon";
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 0;
    margin-left: 6px; }

.pagination > p {
  text-align: center; }

.pagination ul {
  list-style-type: none !important;
  text-align: center; }
  .pagination ul li {
    display: inline-block; }
    .pagination ul li a, .pagination ul li strong, .pagination ul li span {
      padding: 4px 12px;
      background-color: white; }
    .pagination ul li .current, .pagination ul li .active {
      border-bottom: 1px solid #e5e5e4;
      background-image: -owg-compact(linear-gradient(white 1%, #ededed 100%), false, false, false, false, false, false, false, false, false);
      background-image: -webkit-compact(linear-gradient(white 1%, #ededed 100%), false, false, false, false, false, false, false, false, false);
      background-image: -moz-compact(linear-gradient(white 1%, #ededed 100%), false, false, false, false, false, false, false, false, false);
      background-image: -o-compact(linear-gradient(white 1%, #ededed 100%), false, false, false, false, false, false, false, false, false);
      background-image: compact(linear-gradient(white 1%, #ededed 100%), false, false, false, false, false, false, false, false, false);
      box-shadow: compact(1px 0 0 0 rgba(255, 255, 255, 0.9) inset, -1px 0 0 0 rgba(255, 255, 255, 0.9) inset, false, false, false, false, false, false, false, false); }

/* Search */
section#content .mod_search {
  margin: 24px 0; }
  section#content .mod_search .widget {
    display: inline; }
  section#content .mod_search form input[type="search"] {
    width: 74%;
    margin: 0; }
  section#content .mod_search form button[type="submit"], section#content .mod_search form input[type="submit"] {
    width: 25%;
    margin-left: 0;
    margin-right: -2%; }
  section#content .mod_search h3 span.relevance {
    float: right;
    font-size: 14px; }
  section#content .mod_search .header {
    padding-bottom: 6px;
    border-bottom: 1px solid #cccccd;
    color: #504e4b; }
  section#content .mod_search .highlight {
    font-weight: bold;
    transition: compact(color 0.3s, false, false, false, false, false, false, false, false, false); }
  section#content .mod_search .context:hover .highlight {
    color: #e47f3e; }
  section#content .mod_search .url {
    padding-bottom: 24px;
    border-bottom: 1px dotted #cccccd;
    color: #504e4b; }
    section#content .mod_search .url:before {
      margin-right: 5px;
      font: 16px/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      top: 1px; }
    section#content .mod_search .url .filesize {
      display: inline-block;
      font-size: 12px; }

/* FAQ */
.mod_faqpage {
  counter-reset: mod_faqpage; }
  .mod_faqpage section {
    margin: 2.13333em 0; }
    .mod_faqpage section h3 {
      font-size: 1.6em;
      color: #232222; }
      .mod_faqpage section h3:before {
        counter-increment: mod_faqpage;
        content: counter(mod_faqpage, decimal);
        display: inline-block;
        width: 7.69231%;
        margin-right: 0.5em;
        padding: 0.16667em 0;
        border-radius: 3px;
        color: white;
        text-align: center;
        background: #0167b1; }

.mod_faqpage .info, .mod_faqreader .info {
  font-size: 12px;
  color: #504e4b; }

.mod_faqlist ul {
  list-style-type: none !important; }
  .mod_faqlist ul li {
    padding: 3px 0; }
    .mod_faqlist ul li:before {
      font: 15px/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      margin-right: 4px;
      color: #0167b1; }

/* News */
.mod_newslist article, .mod_newsarchive article {
  padding: 2.25em 0 1em;
  font-size: 1.06667em; }
  #content .mod_newslist article h2, #content .mod_newsarchive article h2 {
    position: relative;
    margin: 0;
    padding: 0 4.58333em 0.33333em 7.69231%;
    border-bottom: 1px solid #cccccd;
    font-size: 1.5em;
    color: #232222; }
    #content .mod_newslist article h2 a, #content .mod_newsarchive article h2 a {
      border-bottom: 0; }
      #content .mod_newslist article h2 a:hover, #content .mod_newslist article h2 a:focus, #content .mod_newsarchive article h2 a:hover, #content .mod_newsarchive article h2 a:focus {
        color: #0167b1; }
    #content .mod_newslist article h2:before, #content .mod_newsarchive article h2:before {
      font: 16px/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      position: absolute;
      left: 0;
      top: 0;
      padding: 7px;
      border-radius: 2px;
      color: white;
      background-color: #0167b1; }
  .mod_newslist article h2 time, .mod_newsarchive article h2 time {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 1;
    color: #969593;
    font-weight: normal; }
    .mod_newslist article h2 time i, .mod_newsarchive article h2 time i {
      display: inline-block;
      padding: 0 0.66667em 0.27778em;
      border-left: 1px solid #cccccd;
      font-size: 0.75em;
      font-style: inherit;
      text-align: center;
      text-transform: uppercase;
      vertical-align: middle; }
    .mod_newslist article h2 time b, .mod_newsarchive article h2 time b {
      display: block;
      font-weight: inherit; }
  #content .mod_newslist article header p, #content .mod_newsarchive article header p {
    margin: 0.61538em 0;
    font-size: 0.8125em;
    font-weight: bold;
    color: #504e4b;
    text-transform: capitalize; }
    #content .mod_newslist article header p a, #content .mod_newsarchive article header p a {
      color: #504e4b !important; }
  .mod_newslist article > img, .mod_newslist article > picture > img, .mod_newsarchive article > img, .mod_newsarchive article > picture > img {
    display: block;
    width: 100%;
    height: auto;
    margin: 1em 0; }
  .mod_newslist article .read-more a, .mod_newsarchive article .read-more a {
    border: 0;
    font-weight: bold;
    color: #0167b1;
    text-transform: uppercase;
    text-decoration: none; }
    .mod_newslist article .read-more a:hover, .mod_newslist article .read-more a:focus, .mod_newsarchive article .read-more a:hover, .mod_newsarchive article .read-more a:focus {
      text-decoration: underline; }

.mod_newsmenu ul.level_1 > li > a {
  font-size: 1.25rem;
  font-weight: bold;
  color: #0167b1; }

.mod_newsmenu ul.level_1 a {
  text-decoration: none; }
  .mod_newsmenu ul.level_1 a:hover, .mod_newsmenu ul.level_1 a:focus, .mod_newsmenu ul.level_1 a:active {
    color: #0167b1;
    text-decoration: underline; }

/* Events */
.mod_calendar table {
  border-collapse: separate; }

.mod_calendar th {
  background: #f2f2f2;
  background-image: -owg-compact(linear-gradient(white, #e8e8e8), false, false, false, false, false, false, false, false, false);
  background-image: -webkit-compact(linear-gradient(white, #e8e8e8), false, false, false, false, false, false, false, false, false);
  background-image: -moz-compact(linear-gradient(white, #e8e8e8), false, false, false, false, false, false, false, false, false);
  background-image: -o-compact(linear-gradient(white, #e8e8e8), false, false, false, false, false, false, false, false, false);
  background-image: compact(linear-gradient(white, #e8e8e8), false, false, false, false, false, false, false, false, false);
  border-bottom: 1px solid #cccccd; }
  .mod_calendar th.previous, .mod_calendar th.next {
    padding: 0; }
    .mod_calendar th.previous a, .mod_calendar th.next a {
      padding: 11px 16px;
      display: block;
      border: 0 !important;
      text-decoration: none; }
      .mod_calendar th.previous a:hover, .mod_calendar th.next a:hover {
        color: #0167b1; }
      .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before {
        display: none; }
      .mod_calendar th.previous a:active, .mod_calendar th.next a:active {
        box-shadow: compact(0 0 3px rgba(0, 0, 0, 0.3) inset, false, false, false, false, false, false, false, false, false); }
  .mod_calendar th.current {
    text-align: center; }
    .mod_calendar th.current:before {
      font: 16px/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      top: 2px;
      margin-right: 6px; }
  .mod_calendar th.next {
    text-align: right; }
  .mod_calendar th.label {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 2px solid #e5e5e4 !important; }

.mod_calendar td {
  width: 14.28571%; }
  .mod_calendar td.empty, .mod_calendar td:hover {
    color: #232222;
    background: white; }
  .mod_calendar td.today {
    color: white !important;
    background: #0167b1;
    box-shadow: compact(0 0 5px #014474 inset, false, false, false, false, false, false, false, false, false); }
    .mod_calendar td.today a {
      color: white !important; }

.mod_calendar tbody tr:hover {
  background-color: #e8e8e8 !important; }

.mod_calendar .event {
  font-size: 12px; }

.mod_calendar .minicalendar td {
  padding: 3px;
  text-align: center; }

.mod_eventreader .info, .mod_eventlist .header {
  font-weight: bold; }

.mod_eventlist .event h2 {
  margin-top: 0 !important; }

.mod_eventreader .info time:first-of-type:before, .mod_eventlist .header:before {
  font: 15px/1 "icomoon";
  content: "";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  text-indent: 0;
  display: inline-block;
  position: relative;
  margin-right: 4px; }

/* Comments */
section#content .ce_comments {
  border-top: 1px solid #cccccd;
  margin-top: 36px; }
  section#content .ce_comments h2 {
    margin: 0.75em 0; }
  section#content .ce_comments .comment_default {
    position: relative;
    padding: 24px 7.69231%;
    margin-bottom: 24px;
    border: 1px solid #cccccd;
    background-color: white; }
    section#content .ce_comments .comment_default:after {
      font: 60px/1 "icomoon";
      content: "";
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      text-rendering: geometricPrecision;
      text-indent: 0;
      display: inline-block;
      position: relative;
      color: #e5e5e4;
      position: absolute;
      top: 10px;
      right: 8px;
      margin-right: 6px;
      z-index: 1; }
    section#content .ce_comments .comment_default .info {
      position: relative;
      display: inline;
      z-index: 2;
      border-bottom: 1px solid #cccccd; }
      section#content .ce_comments .comment_default .info a {
        text-decoration: none;
        border: 0;
        color: #e47f3e; }
      section#content .ce_comments .comment_default .info .date {
        display: inline-block;
        font-weight: normal;
        color: #504e4b; }
        section#content .ce_comments .comment_default .info .date:before {
          display: none; }
    section#content .ce_comments .comment_default .comment {
      font-size: 14px;
      position: relative;
      z-index: 2; }
    section#content .ce_comments .comment_default .reply {
      padding-left: 7.69231%; }
      section#content .ce_comments .comment_default .reply .info:before {
        font: 16px/1 "icomoon";
        content: "";
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        text-rendering: geometricPrecision;
        text-indent: 0;
        display: inline-block;
        position: relative;
        color: #0167b1;
        position: absolute;
        top: 2px;
        left: -24px; }
  section#content .ce_comments .form {
    margin-top: 36px; }
  section#content .ce_comments form input, #content section#content .ce_comments form input, section#content .ce_comments form textarea {
    float: right;
    width: 61.53846%;
    margin-right: 0;
    margin-left: -1%; }
  section#content .ce_comments form fieldset {
    width: auto;
    margin: 0 0 0 38.46154%;
    padding: 0;
    border: 0; }
    section#content .ce_comments form fieldset label {
      float: none;
      margin-left: 5px; }
    section#content .ce_comments form fieldset input[type="checkbox"], #content section#content .ce_comments form fieldset input[type="checkbox"] {
      float: none;
      width: auto;
      margin: 0; }
  section#content .ce_comments form label {
    float: left;
    width: 38.46154%;
    margin-top: 0.53333em; }
  section#content .ce_comments form .widget {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
    margin: 12px 0; }
  section#content .ce_comments form .captcha_text {
    float: none;
    display: inline;
    margin: 0;
    width: auto; }

/* Sitemap */
#content .mod_sitemap ul {
  padding-left: 0;
  list-style-type: none; }
  #content .mod_sitemap ul ul {
    margin-top: 1em; }
    #content .mod_sitemap ul ul ul {
      margin-left: 3.84615%; }
  #content .mod_sitemap ul li {
    font-weight: bold; }
    #content .mod_sitemap ul li a {
      display: block;
      border-bottom: 1px solid #cccccd; }
    #content .mod_sitemap ul li li {
      padding: 3px 0;
      font-weight: normal; }
      #content .mod_sitemap ul li li a {
        border: 0; }
    #content .mod_sitemap ul li li.submenu ul {
      margin-top: 0;
      margin-bottom: 0; }

#content .mod_sitemap > ul > li {
  padding: 6px 0; }
  #content .mod_sitemap > ul > li:before {
    font: 150%/1 "icomoon";
    content: "";
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    color: #cccccd; }

/* Login */
.mod_login p.error, #content .mod_login p.error {
  padding-left: 30.76923%;
  padding-bottom: 1em; }

/* Newsletter */
#content .mod_newsletterlist ul {
  padding-left: 0;
  list-style-type: none; }
  #content .mod_newsletterlist ul li {
    padding: 3px 0;
    border-top: 1px solid #cccccd; }
    #content .mod_newsletterlist ul li:first-child, #content .mod_newsletterlist ul li.first {
      border: 0; }

#sidebar .mod_subscribe {
  border: 5px solid #ececec;
  border-color: rgba(0, 0, 0, 0.075);
  padding: 20px; }
  #sidebar .mod_subscribe h1, #sidebar .mod_subscribe h2, #sidebar .mod_subscribe h3 {
    font-size: 1em;
    margin-top: 0; }
  #sidebar .mod_subscribe form {
    margin-bottom: 0; }
  #sidebar .mod_subscribe label {
    font-size: 0.86667em; }

/* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */
.dlh_googlemap {
  box-sizing: content-box; }

#sidebar .dlh_googlemap {
  /* Setting the maps width to 100% is best practice in the sidebar, since it becomes fluid that way */
  width: 100% !important; }

#content .dlh_googlemap img {
  max-width: none; }

/* ===========================================
 * Slider
 * ======================================== */
#content .rsts-main ul, #sidebar .rsts-main ul {
  margin: 0;
  padding: 0; }

#content .rsts-main .rsts-next, #content .rsts-main .rsts-prev, #content .rsts-main .rsts-nav-next a, #content .rsts-main .rsts-nav-prev a, #content .rsts-main .rsts-video-stop, #sidebar .rsts-main .rsts-next, #sidebar .rsts-main .rsts-prev, #sidebar .rsts-main .rsts-nav-next a, #sidebar .rsts-main .rsts-nav-prev a, #sidebar .rsts-main .rsts-video-stop {
  border-bottom: none;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.content-slider .slider-control b.active {
  color: #0167b1; }

/* ===========================================
 * Media queries
 * ======================================== */
/* Tablet portrait format (viewport width 900px and below) */
@media screen and (max-width: 1200px) {
  #logo {
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%; }
    #logo img {
      margin: 0 auto; }
  #nav-main {
    clear: both;
    float: none;
    width: auto;
    text-align: center; } }

@media screen and (max-width: 900px) {
  #nav-main {
    margin-right: 4.66667%;
    margin-left: 4.66667%; }
    #nav-main li {
      margin: 0 2.20588% 0.66667em; }
    #nav-main > ul > li > a {
      font-size: 1.06667em; }
  #nav-header {
    right: 6.66667%; }
  section#tag-line {
    display: none; }
  #content-wrapper {
    margin: 0;
    margin-right: calc(0px - var(--safe-area-right));
    margin-left: calc(0px - var(--safe-area-left));
    padding: 6.66667%;
    padding-right: calc(6.66667% + var(--safe-area-right));
    padding-left: calc(6.66667% + var(--safe-area-left));
    background: none;
    box-shadow: compact(none, false, false, false, false, false, false, false, false, false); }
    .modernizr-no-boxshadow #content-wrapper {
      border: 0; }
  section#main-image, #main-image.ce_image {
    margin: 0 -7.69231% 7.69231%;
    margin-right: calc(-7.69231% - var(--safe-area-right));
    margin-left: calc(-7.69231% - var(--safe-area-left)); }
    .sudo-home section#main-image, .sudo-home #main-image.ce_image {
      margin: 8.33333% 0;
      margin-right: calc(0px - var(--safe-area-right));
      margin-left: calc(0px - var(--safe-area-left)); }
  #main-image.mod_rocksolid_slider {
    margin-right: -7.69231%;
    margin-right: calc(-7.69231% - var(--safe-area-right));
    margin-left: -7.69231%;
    margin-left: calc(-7.69231% - var(--safe-area-left)); }
    .sudo-home #main-image.mod_rocksolid_slider {
      margin-right: 0;
      margin-right: calc(0px - var(--safe-area-right));
      margin-left: 0;
      margin-left: calc(0px - var(--safe-area-left)); }
  aside#sidebar {
    zoom: 1;
    clear: both;
    float: none;
    width: auto;
    margin: 0 -7.69231%;
    padding: 0; }
    aside#sidebar:before {
      content: "";
      display: table; }
    aside#sidebar:after {
      content: "";
      display: table;
      clear: both; }
    .sudo-sidebar-right aside#sidebar {
      float: none; }
    aside#sidebar .mod_article > .block, aside#sidebar .mod_form, aside#sidebar .mod_subscribe {
      width: auto;
      margin: 6.66667%; }
  aside#sidebar #nav-sub {
    float: left;
    width: 40%;
    margin: 6.66667% 0 0 6.66667%; }
  .sudo-home .mod_article .ce_text, .sudo-home .mod_article .ce_headline {
    margin-right: 6.66667%;
    margin-left: 6.66667%; }
  #home-slider {
    margin: 0 6.66667%; }
  .home-slide {
    margin: 0 6.66667%; }
    .home-slide h1, .home-slide h2, .home-slide h3 {
      font-size: 2em; }
    .home-slide p {
      font-size: 1.4em; }
  .teaser-boxes {
    margin: 6.66667% 0 10%; }
    .teaser-boxes:after {
      margin: 0 6.66667%; }
    .teaser-boxes .box {
      width: 40%;
      margin: 0 0 3.33333% 6.66667%; }
  .teaser-boxes-text {
    margin-top: 6.66667%; }
    .teaser-boxes-text .box {
      width: 40%;
      margin: 0 0 6.66667% 6.66667%; }
  .statement {
    margin: 30px 6.66667%; }
    .statement header, .statement .header {
      width: 30.76923%; }
    .statement p {
      margin-left: 38.46154%; }
  .highlight-box {
    margin: 6.66667%;
    padding: 0 6.66667%; }
    .highlight-box h1, .highlight-box h2, .highlight-box h3 {
      font-size: 1.33333em; }
    .highlight-box .button {
      font-size: 1em; }
  .big-teaser {
    margin-right: 6.66667%;
    margin-left: 6.66667%;
    font-size: 1.6em; }
  section#content, .sudo-fullwidth section#content, .sudo-sidebar-right section#content {
    float: none !important;
    width: auto;
    margin: 0; }
  #content > h1:first-child,
  #content > div:first-child > h1:first-child,
  #content > div:first-child > div:first-child > h1:first-child,
  #content > div:first-child > div:first-child > div:first-child > h1:first-child,
  #content > div:first-child > .syndication:first-child + div > h1:first-child {
    /* Selector for the first headline in the content (Contao's extensive use of <div> elements makes this necessary) */ }
    .sudo-projects #content > h1:first-child, .sudo-projects
    #content > div:first-child > h1:first-child, .sudo-projects
    #content > div:first-child > div:first-child > h1:first-child, .sudo-projects
    #content > div:first-child > div:first-child > div:first-child > h1:first-child, .sudo-projects
    #content > div:first-child > .syndication:first-child + div > h1:first-child {
      position: static;
      width: auto; }
  #projects .box .no-image:after {
    font-size: 64px;
    margin-top: -32px;
    margin-left: -32px; }
  #wrapper > footer {
    margin-top: 0; }
    #wrapper > footer .footer-column {
      width: 40%;
      margin-left: 6.66667%; }
  #nav-footer-wrap {
    margin: 0 6.66667%;
    border-top: 1px solid #cccccd; }
  #footer-info {
    text-align: left;
    clear: both;
    padding-top: 1em; } }

/* Mobile (viewport width 599px and below) */
@media screen and (max-width: 599px) {
  body {
    font-size: 16px; }
  p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before {
    width: 11.53846%; }
  #nav-header {
    position: static;
    text-align: center; }
    #nav-header a, #nav-header strong, #nav-header span.active {
      margin: 0 0.76923em; }
  #nav-search {
    margin: 0 0.76923em; }
    #nav-search input:focus {
      width: 10em; }
  #nav-main {
    display: none; }
  #nav-main-mobile, #nav-main-mobile_styled {
    display: block;
    margin: 1.53846em auto;
    width: 86.66667%;
    clear: both;
    font-size: 16px; }
  #nav-header {
    font-size: 1em;
    right: 6.66667%; }
  .sudo-home section#main-image, .sudo-home #main-image.ce_image {
    margin-top: 15.38462%;
    margin-bottom: 15.38462%; }
  aside#sidebar {
    margin: 0; }
    aside#sidebar .mod_article > .block, aside#sidebar .mod_form, aside#sidebar .mod_subscribe {
      float: none;
      width: auto;
      margin-left: 0; }
  aside#sidebar #nav-sub {
    display: none; }
  .sudo-home .mod_article .ce_text, .sudo-home .mod_article .ce_headline {
    margin-right: 7.69231%;
    margin-left: 7.69231%; }
  .sudo-home .mod_article .ce_text p {
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1; }
  .home-slide {
    padding-right: 0;
    padding-bottom: 60px; }
    .home-slide .button {
      width: 100%; }
    .home-slide.no-image {
      padding-bottom: 60px; }
  .teaser-boxes .box {
    display: block;
    width: auto;
    margin: 0 6.66667% 13.33333%; }
  .teaser-boxes-text .box {
    display: block;
    width: auto;
    margin: 0 6.66667% 13.33333%; }
  .statement header, .statement .header {
    float: none;
    width: auto; }
  .statement h2 {
    font-size: 1.30769em; }
  .statement h3 {
    font-size: 1em; }
  .statement p {
    margin: 1em 0 0; }
  .highlight-box {
    margin: 6.66667%;
    padding: 0 6.66667%; }
    .highlight-box h1, .highlight-box h2, .highlight-box h3 {
      font-size: 1.33333em; }
    .highlight-box .button {
      font-size: 1em; }
  #content h1 {
    font-size: 2.4em; }
  #content > h1:first-child,
  #content > div:first-child > h1:first-child,
  #content > div:first-child > div:first-child > h1:first-child,
  #content > div:first-child > div:first-child > div:first-child > h1:first-child,
  #content > div:first-child > .syndication:first-child + div > h1:first-child {
    /* Selector for the first headline in the content (Contao's extensive use of <div> elements makes this necessary) */
    margin-top: 0; }
  #content blockquote:before {
    font-size: 64px; }
  #content .content-404 form {
    left: 0;
    width: 100%; }
  .enclosure:before, .ce_downloads:before {
    font-size: 24px; }
  #projects {
    margin: 0 -7.69231%; }
    #projects .box {
      position: relative;
      float: left;
      width: 40%;
      margin: 6.66667% 0 0 6.66667%; }
      #projects .box:nth-child(3n+1) {
        clear: none; }
      #projects .box:nth-child(2n+1) {
        clear: both; }
      #projects .box a {
        font-size: 0.92308em; }
  .image_container.float_right, .image_container.float_left {
    float: none;
    width: 100% !important;
    margin-left: 0; }
    .sudo-home .image_container.float_right, .sudo-fullwidth .image_container.float_right, .sudo-home .image_container.float_left, .sudo-fullwidth .image_container.float_left {
      width: 100% !important;
      margin-left: 0; }
    .no-resize .image_container.float_right, .sudo-home .no-resize .image_container.float_right, .sudo-fullwidth .no-resize .image_container.float_right, .image_container.float_right.no-resize, .sudo-home .image_container.float_right.no-resize, .sudo-fullwidth .image_container.float_right.no-resize, .no-resize .image_container.float_left, .sudo-home .no-resize .image_container.float_left, .sudo-fullwidth .no-resize .image_container.float_left, .image_container.float_left.no-resize, .sudo-home .image_container.float_left.no-resize, .sudo-fullwidth .image_container.float_left.no-resize {
      width: auto !important; }
  .image_container.float_left {
    float: none;
    margin-right: 0; }
  section#content form p b.error, section#content form p.error {
    float: none;
    width: auto;
    margin: 0;
    padding: 0; }
  section#content form .explanation, section#content form .captcha_text {
    width: auto;
    margin-left: 0; }
  section#content form label {
    display: block;
    width: auto; }
    section#content form label + input, section#content form label + textarea, section#content form label + select {
      margin-left: 0; }
  section#content form textarea, section#content form fieldset, section#content form button, section#content form input[type="submit"] {
    margin-left: 0; }
  section#content form input, section#content form textarea, section#content form select, section#content form fieldset, section#content form button {
    width: 100%; }
  #wrapper > footer {
    font-size: 1em; }
    #wrapper > footer .footer-column {
      display: block;
      width: auto;
      margin-right: 6.66667%; }
  #nav-footer a {
    margin-right: 1em;
    white-space: nowrap; }
  #content .mod_newslist article h2, #content .mod_newsarchive article h2 {
    padding: 0 4.66667em 0.53333em 0;
    font-size: 1.15385em; }
    #content .mod_newslist article h2:before, #content .mod_newsarchive article h2:before {
      content: none; }
  section#content .ce_comments form input, #content section#content .ce_comments form input, section#content .ce_comments form textarea {
    float: none;
    width: 100%;
    margin-left: 0; }
  section#content .ce_comments form fieldset {
    margin-left: 0; }
  section#content .ce_comments form label {
    float: none;
    width: 100%; }
  .mod_login p.error, #content .mod_login p.error {
    padding-left: 0;
    padding-bottom: 0; }
  .ce_gallery.ce_gallery > ul, #sidebar .ce_gallery.ce_gallery > ul {
    /* doubled class for specificity */
    padding: 0 0 2% !important; }
    .ce_gallery.ce_gallery > ul > li, #sidebar .ce_gallery.ce_gallery > ul > li {
      display: inline-block;
      float: none;
      width: auto;
      margin: 2% 2% 0 0; } }

/*# sourceMappingURL=maps/main.css.map */