@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
* Settings
*/
/*
 * ================
 *    Layout
 * ================
 */
/*
 * Site components
 */
/*
 * Z Indices
 */
/*
 * Media paths - we need to specify them as variables as this repository is used in other projects but the image paths differ
 */
.file-download__size, .file-download__name, .pages-menu__more-lnk span, .link-external,
.link-mail,
.link-phone,
.link-fax,
.link-signature-key, a {
  text-decoration-thickness: 1px;
  text-decoration-style: dotted;
  text-decoration-line: underline;
  text-underline-position: under;
  text-underline-offset: -0.1em;
}

.file-download:hover .file-download__name,
.file-download:focus .file-download__name, .pages-menu__more-lnk:hover span, .pages-menu__more-lnk:focus span, .link-external:hover, .link-external:focus,
.link-mail:hover,
.link-mail:focus,
.link-phone:hover,
.link-phone:focus,
.link-fax:hover,
.link-fax:focus,
.link-signature-key:hover,
.link-signature-key:focus, a:hover, a:focus {
  text-decoration-thickness: 2px;
  text-decoration-style: solid;
}

/*
 * Merriweather
 */
/* merriweather-300 - latin */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/merriweather-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/merriweather-v30-latin-300.woff2") format("woff2"), url("../Fonts/merriweather-v30-latin-300.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/* merriweather-regular - latin */
@font-face {
  font-family: "Merriweather";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/merriweather-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/merriweather-v30-latin-regular.woff2") format("woff2"), url("../Fonts/merriweather-v30-latin-regular.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/*
 * Roboto
 */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../Fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../Fonts/roboto-v30-latin-300.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../Fonts/roboto-v30-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/roboto-v30-latin-300italic.woff2") format("woff2"), url("../Fonts/roboto-v30-latin-300italic.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../Fonts/roboto-v30-latin-regular.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../Fonts/roboto-v30-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/roboto-v30-latin-500.woff2") format("woff2"), url("../Fonts/roboto-v30-latin-500.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../Fonts/roboto-v30-latin-700.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../Fonts/roboto-v30-latin-900.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/roboto-v30-latin-900.woff2") format("woff2"), url("../Fonts/roboto-v30-latin-900.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
/*
 * Roboto Mono
 */
/* roboto-mono-regular - latin */
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/roboto-mono-v22-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/roboto-mono-v22-latin-regular.woff2") format("woff2"), url("../Fonts/roboto-mono-v22-latin-regular.woff") format("woff"); /* Modern Browsers */
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  letter-spacing: 0;
  color: rgb(0, 0, 0);
}
@media (min-width: 0em) {
  body {
    padding-top: 36px;
  }
}

strong {
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #555555;
}

mark {
  background-color: #fcf8e3;
}

a {
  color: #006c66;
  font-weight: normal;
}
a:active {
  outline: none;
}
a:hover, a:focus {
  color: #006c66;
}

big {
  font-size: 18px;
  line-height: 25px;
  color: #000000;
}
@media (min-width: 48em) {
  big {
    font-size: 24px;
    line-height: 34px;
  }
}

small {
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  color: #000000;
}

p {
  margin: 10px 0;
}
@media (min-width: 48em) {
  p {
    margin: 16px 0;
  }
}
@media (min-width: 62em) {
  p {
    margin: 27px 0;
  }
}

blockquote {
  font-size: 20px;
  line-height: 28px;
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-weight: 300;
  color: #000000;
  padding: 14px 25px;
  border-left: 5px solid #eeeeee;
  margin: 25px 0;
}
blockquote > :first-child {
  margin-top: 0;
}
blockquote > :last-child {
  margin-bottom: 0;
}

cite {
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  letter-spacing: 0;
  color: rgb(119, 119, 119);
}

/*
 * Headings
 */
h1 {
  font-family: "Merriweather", serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: normal;
  color: #006c66;
  margin: 0 0 20px 0;
  word-break: break-word;
}
@media (min-width: 48em) {
  h1 {
    margin-bottom: 36px;
  }
}
@media (min-width: 62em) {
  h1 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}

h2 {
  font-family: "Merriweather", serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  color: #006c66;
  margin: 36px 0 12px;
  word-break: break-word;
}
@media (min-width: 48em) {
  h2 {
    margin: 36px 0 20px;
  }
}
@media (min-width: 62em) {
  h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 20px;
  }
}

h3 {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
}
@media (min-width: 62em) {
  h3 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

h4 {
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: #006c66;
  margin: 20px 0 10px 0;
}
@media (min-width: 62em) {
  h4 {
    margin-bottom: 16px;
  }
}

h5 {
  font-family: "Merriweather", serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  color: #006c66;
  margin: 14px 0 10px 0;
}
@media (min-width: 62em) {
  h5 {
    margin-bottom: 16px;
  }
}

h6 {
  font-family: "Merriweather", serif;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  color: #006c66;
  margin: 12px 0 8px 0;
}

/*
 * Lists
 */
ul,
ol {
  margin: 8px 0;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-latin;
}

dl {
  margin: 1em 0;
}

dt {
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #555555;
}

dd {
  margin: 2px 0 0 1em;
}
dd + dt {
  margin-top: 8px;
}

/*
 * Code
 */
pre,
code,
kbd,
tt,
samp,
var {
  font-family: "Roboto Mono", monospace;
  font-style: normal;
  line-height: 1.5;
  font-weight: 400;
}

pre {
  margin: 1em 0;
  padding: 8px 12px;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  border-radius: 3px;
  background-color: #f6f6f6;
}
@media (min-width: 48em) {
  pre {
    padding: 12px;
  }
}
@media (min-width: 62em) {
  pre {
    padding: 25px;
  }
}
pre > code {
  padding: 0;
  margin: 0;
  border-radius: 0;
}

code {
  background-color: #f6f6f6;
  padding: 1px 6px 3px;
  margin: 0 0.25em;
  border-radius: 1px;
}

kbd, samp, var, tt {
  font-weight: bold;
}

var, dfn {
  font-style: italic;
}

/*
 * Other typography
 */
menu,
dir {
  font-size: 1em;
  line-height: 1.4em;
  margin: 0.4em 0 0.4em 0;
}

address {
  margin: 0.5em 0;
  font-style: normal;
}

acronym, abbr {
  border-bottom: 1px #aaa dotted;
  font-variant: small-caps;
  letter-spacing: 0.07em;
  cursor: help;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*
 * Structuring elements
 */
hr {
  box-sizing: content-box;
  height: 0;
  margin: 27px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
}
@media (min-width: 48em) {
  hr {
    margin: 32px 0;
  }
}
.content__bd hr {
  clear: both;
}

/*
 * Tables
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  margin: 1em 0;
  padding: 0;
}
table caption {
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: #006c66;
  margin: 20px 0 10px 0;
  text-align: left;
  margin: 0 0 16px 0;
}
@media (min-width: 62em) {
  table caption {
    margin-bottom: 16px;
  }
}

thead {
  border-left: 1px solid #00786c;
  border-right: 1px solid #00786c;
  vertical-align: middle;
  text-align: left;
}

thead td, th {
  background-color: #00786c;
  color: white;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 25px;
  padding: 4px 12px;
}

tbody {
  border: 1px solid #cccccc;
}
thead + tbody {
  border-top: 0;
}
tbody tr:nth-child(2n+1) th {
  background-color: #006c66;
}

td {
  padding: 8px 12px;
  vertical-align: top;
}

tbody tr {
  background: white;
}
tbody tr:nth-child(2n) {
  background: #f6f6f6;
}
tbody th {
  padding: 8px 12px;
  text-align: left;
  font-weight: bold;
}
tbody td {
  text-align: left;
}

/*
 * Images & media
 */
img,
figure {
  margin: 0;
}

figcaption {
  padding: 16px;
  font-size: 14px;
  line-height: 17px;
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
  background-color: #eeeeee;
  color: black;
}
figcaption :first-child {
  margin-top: 0;
}
figcaption :last-child {
  margin-bottom: 0;
}

video {
  display: block;
  max-width: 100%;
  height: auto;
}

/*
 * Forms
 */
input[type=text] {
  min-height: 41px;
  background: white;
  border: 1px solid rgb(204, 204, 204);
  font-size: 16px;
  line-height: 27px;
  padding: 7px 12px;
  font-weight: 300;
  letter-spacing: 0;
  border-radius: 0;
  color: black;
}
input[type=text]::placeholder {
  color: rgb(170, 170, 170);
}

.ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

@font-face {
  font-family: "mpg_iconsregular";
  src: url("../Fonts/mpg_icons-webfont.eot");
  src: url("../Fonts/mpg_icons-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.news-date:before, .link-more:before, .link-external::before,
.link-mail::before,
.link-phone::before,
.link-fax::before,
.link-signature-key::before, .mpg-icon::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "mpg_iconsregular";
  font-style: normal;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  vertical-align: middle;
  speak: none;
}

.mpg-icon-english::after {
  background-image: url("../Images/Icons/uk.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 1em;
  width: 2em;
}

.mpg-icon-logo::after {
  content: "\f000" !important;
}

.mpg-icon-up1::after {
  content: "\f001" !important;
}

.mpg-icon-right1::after {
  content: "\f002" !important;
}

.mpg-icon-down1::after {
  content: "\f003" !important;
}

.mpg-icon-left1::after {
  content: "\f004" !important;
}

.mpg-icon-up2::after {
  content: "\f005" !important;
}

.mpg-icon-right2::after {
  content: "\f006" !important;
}

.mpg-icon-down2::after {
  content: "\f007" !important;
}

.mpg-icon-left2::after {
  content: "\f008" !important;
}

.mpg-icon-clipboard::after {
  content: "\f009" !important;
}

.mpg-icon-pdf::after {
  content: "\f032" !important;
}

.news-date:before, .mpg-icon-event::after {
  content: "\f00a" !important;
}

.mpg-icon-attention::after {
  content: "\f00b" !important;
}

.mpg-icon-fax::after {
  content: "\f00c" !important;
}

.mpg-icon-page::after {
  content: "\f00d" !important;
}

.mpg-icon-filter::after {
  content: "\f00e" !important;
}

.mpg-icon-lab::after {
  content: "\f00f" !important;
}

.mpg-icon-interests::after {
  content: "\f010" !important;
}

.mpg-icon-question::after {
  content: "\f011" !important;
}

.mpg-icon-home::after {
  content: "\f012" !important;
}

.mpg-icon-search::after {
  content: "\f013" !important;
}

.mpg-icon-email::after {
  content: "\f014" !important;
}

.mpg-icon-video::after {
  content: "\f015" !important;
}

.mpg-icon-play2::after {
  content: "\f016" !important;
}

.mpg-icon-hierarchy::after {
  content: "\f017" !important;
}

.mpg-icon-news::after {
  content: "\f018" !important;
}

.mpg-icon-phone::after {
  content: "\f019" !important;
}

.mpg-icon-pin::after {
  content: "\f01a" !important;
}

.mpg-icon-listen2::after {
  content: "\f01b" !important;
}

.mpg-icon-presentation::after {
  content: "\f01c" !important;
}

.mpg-icon-medal::after {
  content: "\f01d" !important;
}

.mpg-icon-book::after {
  content: "\f01e" !important;
}

.mpg-icon-share::after {
  content: "\f01f" !important;
}

.mpg-icon-sign::after {
  content: "\f020" !important;
}

.mpg-icon-podcast::after,
.mpg-icon-sound::after {
  content: "\f021" !important;
}

.mpg-icon-tag::after {
  content: "\f022" !important;
}

.mpg-icon-imprs::after {
  content: "\f023" !important;
}

.mpg-icon-person::after {
  content: "\f024" !important;
}

.mpg-icon-persons::after {
  content: "\f025" !important;
}

.mpg-icon-vcard::after {
  content: "\f026" !important;
}

.mpg-icon-facebook::after {
  content: "\f027" !important;
}

.mpg-icon-linkedin::after {
  content: "\f028" !important;
}

.mpg-icon-feed::after {
  content: "\f029" !important;
}

.mpg-icon-twitter::after {
  content: "\f02a" !important;
}

.mpg-icon-youtube::after {
  content: "\f02b" !important;
}

.mpg-icon-drag-hor::after {
  content: "\f02c" !important;
}

.mpg-icon-drag-ver::after {
  content: "\f02d" !important;
}

.mpg-icon-image::after {
  content: "\f02e" !important;
}

.mpg-icon-list::after {
  content: "\f02f" !important;
}

.mpg-icon-at::after {
  content: "\f02f" !important;
}

.mpg-icon-file-doc::after {
  content: "\f031" !important;
}

.mpg-icon-file-pdf::after {
  content: "\f032" !important;
}

.mpg-icon-file-ppt::after {
  content: "\f033" !important;
}

.mpg-icon-file-zip::after {
  content: "\f034" !important;
}

.mpg-icon-left3::after {
  content: "\f035" !important;
}

.mpg-icon-right3::after {
  content: "\f036" !important;
}

.mpg-icon-play::after {
  content: "\f037" !important;
}

.mpg-icon-listen::after {
  content: "\f038" !important;
}

.scroll {
  overflow-y: scroll;
}

.prevent-scroll {
  overflow: hidden;
}

@media (min-width: 36em) {
  .break-mobile {
    display: none;
  }
}

.nowrap {
  white-space: nowrap;
}

/*
 * Swiper overrides
 */
.swiper-horizontal {
  padding-bottom: 32px;
}
@media (min-width: 48em) {
  .swiper-horizontal {
    padding-bottom: 36px;
  }
}
@media (min-width: 62em) {
  .swiper-horizontal {
    padding-bottom: 40px;
  }
}

.swiper-button-next,
.swiper-button-prev {
  height: 32px;
  width: 32px;
  color: white;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: "mpg_iconsregular";
  font-size: 32px;
}

.swiper-button-prev {
  left: -15px;
  padding: 0 0 0 23px;
}
.swiper-button-prev::after {
  content: "\f035" !important;
}

.swiper-button-next {
  right: -15px;
  padding: 0 23px 0 0;
}
.swiper-button-next::after {
  content: "\f036" !important;
}

.swiper-horizontal > .swiper-pagination {
  bottom: 0;
  line-height: 8px;
}

.swiper-pagination-bullet {
  background-color: #006c66;
  opacity: 0.25;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.swiper-pagination-bullet-active {
  background-color: #006c66;
  opacity: 1;
}

.site__department-nav {
  position: fixed;
  z-index: 3000;
  height: 36px;
  top: 0;
  left: 0;
  right: 0;
}
.site__department-nav a {
  text-decoration: none !important;
}

.site__department-nav-ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
@media (min-width: 0em) {
  .site__department-nav-ct {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .site__department-nav-ct {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .site__department-nav-ct {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .site__department-nav-ct {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .site__department-nav-ct {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .site__department-nav-ct {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .site__department-nav-ct {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .site__department-nav-ct {
    padding-right: 40px;
  }
}

.department-dd__toggle {
  position: absolute;
  z-index: 20;
  top: 0;
  height: 36px;
  width: 36px;
  right: 0;
  color: white !important;
  transition: color 0.2s;
}
@media (min-width: 0em) {
  .department-dd__toggle {
    right: 15px;
  }
}
@media (min-width: 36em) {
  .department-dd__toggle {
    right: 16px;
  }
}
@media (min-width: 62em) {
  .department-dd__toggle {
    right: 32px;
  }
}
@media (min-width: 75em) {
  .department-dd__toggle {
    right: 40px;
  }
}
.department-dd__toggle .mpg-icon {
  display: block;
  font-size: 30px;
  height: 36px;
  line-height: 26px;
  padding: 5px 0;
  transform: rotate(0deg);
  transition: transform 0.4s ease-out;
}

.department-dd__menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  background-color: #eeeeee;
}
.department-dd__menu li {
  display: block;
}

.department-lnk {
  display: block;
  height: 0;
  overflow: hidden;
  font-size: 15px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: -0.33px;
  background-color: #eeeeee;
  color: #777777;
  border-bottom: 0px solid #eeeeee;
  opacity: 0;
  transition: height 0.3s ease-out, border-bottom-width 0.3s ease-out, border-bottom-color 0.3s ease-out, opacity 0.3s ease-out;
}
@media (min-width: 0em) {
  .department-lnk {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .department-lnk {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .department-lnk {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .department-lnk {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .department-lnk {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .department-lnk {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .department-lnk {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .department-lnk {
    padding-right: 40px;
  }
}
.department-lnk:hover, .department-lnk:active {
  background-color: #737373;
  color: white;
  outline: none !important;
}
.department-lnk:focus {
  outline: 1px dotted white;
}
.department-lnk.current, .department-lnk.active {
  position: relative;
  z-index: 10;
  height: 36px;
  background-color: #737373;
  opacity: 1;
  font-weight: bold;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
.department-lnk:hover .department-lnk__icon, .department-lnk:active .department-lnk__icon, .department-lnk.current .department-lnk__icon, .department-lnk.active .department-lnk__icon {
  background-color: white;
  color: white;
}
.department-lnk:hover .department-lnk__id, .department-lnk:active .department-lnk__id, .department-lnk.current .department-lnk__id, .department-lnk.active .department-lnk__id {
  color: #777;
}
.department-lnk:hover .department-lnk__lbl, .department-lnk:active .department-lnk__lbl, .department-lnk.current .department-lnk__lbl, .department-lnk.active .department-lnk__lbl {
  color: white;
  font-weight: bold;
}

.department-lnk__ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  display: block;
  position: relative;
  z-index: 1;
}

.department-lnk__icon {
  position: absolute;
  z-index: 2;
  top: 7px;
  left: 0;
  width: 22px;
  height: 22px;
  font-size: 22px;
  overflow: hidden;
  text-align: center;
  background-color: #737373;
}

.department-lnk__id {
  padding-top: 6px;
  display: block;
  color: white;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: -0.1px;
}

.department-lnk__lbl {
  display: block;
  padding-left: 31px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.department-lnk--home .department-lnk__lbl {
  font-weight: bold;
}
.department-lnk--home .department-lnk__icon {
  background: none !important;
  color: #00786c;
  top: -1px;
  height: auto;
}
.department-lnk--home:hover, .department-lnk--home:active, .department-lnk--home.current, .department-lnk--home.active {
  background-color: #00786c;
}

.department-dd__close-ct {
  height: 0;
  transition: height 0.4s ease-out;
  overflow: hidden;
}

.department-dd__close {
  display: block;
  height: 45px;
  padding-top: 23px;
  background-color: #eeeeee;
}
.department-dd__close:hover, .department-dd__close:active {
  background-color: #737373;
}
.department-dd__close:hover svg, .department-dd__close:active svg {
  stroke: white;
}
.department-dd__close svg {
  display: block;
  margin: auto;
  width: 14px;
  height: 14px;
  stroke: #777777;
}

.site__department-nav.is-open .department-lnk {
  height: 36px;
  border-bottom-width: 1px;
  border-bottom-color: white;
  opacity: 1;
}
.site__department-nav.is-open .department-dd__close-ct {
  height: 45px;
}
.site__department-nav.is-open .department-dd__toggle {
  color: #777777 !important;
}
.site__department-nav.is-open .department-dd__toggle .mpg-icon {
  transform: rotate(180deg);
}
.site__department-nav.is-open.is-home .department-dd__toggle {
  color: white !important;
}

@media (min-width: 80em) {
  .department-dd__toggle {
    right: 50%;
    transform: translateX(600px);
  }
}
.breadcrumb {
  margin: 8px 0 12px;
}

.breadcrumb__ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
@media (min-width: 0em) {
  .breadcrumb__ct {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .breadcrumb__ct {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .breadcrumb__ct {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .breadcrumb__ct {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .breadcrumb__ct {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .breadcrumb__ct {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .breadcrumb__ct {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .breadcrumb__ct {
    padding-right: 40px;
  }
}

.breadcrumb__items {
  display: flex;
  overflow: hidden;
  list-style-type: none;
  margin: 0 0 0 -8px;
  padding: 0;
}

.breadcrumb__item {
  position: relative;
  z-index: 1;
  padding-left: 8px;
}
.breadcrumb__item:before {
  position: absolute;
  content: "\f006";
  z-index: 2;
  height: 22px;
  top: 0;
  left: -4px;
  font-family: "mpg_iconsregular";
  font-size: 16px;
}
.breadcrumb__item.is-first {
  padding-left: 0;
}
.breadcrumb__item.is-first:before {
  content: none;
}

.breadcrumb__link,
.breadcrumb__lbl {
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

.breadcrumb__lbl {
  padding: 4px 8px;
}

.breadcrumb__link {
  color: #333333;
}
.breadcrumb__link:hover, .breadcrumb__link:focus, .breadcrumb__link:active {
  color: #006c66;
}

.breadcrumb__item.is-active .breadcrumb__lbl {
  color: #006c66;
  cursor: default;
}

@media (max-width: 47.9375em) {
  .breadcrumb__item {
    display: none;
  }
  .breadcrumb__item.is-sec-to-last, .breadcrumb__item.is-last {
    display: block;
  }
  .breadcrumb__item.is-sec-to-last {
    padding-left: 0;
  }
  .breadcrumb__item.is-sec-to-last:before {
    content: none;
  }
  .breadcrumb__item--home {
    display: none;
  }
  .breadcrumb__item--home + .breadcrumb__item {
    padding-left: 0;
  }
  .breadcrumb__item--home + .breadcrumb__item:before {
    display: none;
  }
}
@media (min-width: 48em) {
  .breadcrumb {
    margin: 16px 0 10px;
  }
}
@media (min-width: 62em) {
  .breadcrumb {
    margin: 24px 0 16px;
  }
}
.skip-link {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4000;
  background: #006c66;
  padding: 4px 8px;
  transform: translateY(-100%);
  transition: transform 0.4s;
  color: white;
  text-align: center;
}
.skip-link:focus, .skip-link:focus-within {
  transform: translateY(0%);
}
.skip-link a {
  color: white;
}
@media (min-width: 31.25em) {
  .skip-link {
    left: 50%;
    transform: translateY(-100%) translateX(-50%);
  }
  .skip-link:focus, .skip-link:focus-within {
    transform: translateY(0%) translateX(-50%);
  }
}

.site-header {
  background-color: #eeeeee;
  padding-top: 12px;
  padding-bottom: 12px;
  min-height: 58px;
  margin-bottom: 12px;
}
@media (min-width: 0em) {
  .site-header {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .site-header {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .site-header {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .site-header {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .site-header {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .site-header {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .site-header {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .site-header {
    padding-right: 40px;
  }
}

.site-header__ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.site-header__mob-ct {
  position: relative;
  z-index: 1;
}

.site-header__logo-lnk-ct {
  margin-right: 64px;
}

.site-header__logo-lnk,
.site-header__department-lnk {
  display: block;
  text-decoration: none;
}

.site-header__logo {
  display: block;
  width: 100%;
  max-width: 346px;
  height: auto;
}

.site-header__department-lnk {
  display: flex;
  padding-top: 6px;
}
.site-header__department-lnk:before {
  content: "";
  width: 24.5%;
  max-width: 84px;
  height: 19px;
  overflow: visible;
  visibility: hidden;
}
@media (min-width: 0em) and (max-width: 21.875em) {
  .site-header__department-lnk {
    padding-top: 12px;
  }
  .site-header__department-lnk:before {
    width: 0;
  }
}

.site-header__department-lbl {
  color: #006c66;
  font-size: 12px;
  line-height: 16px;
  min-height: 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0;
}

.site-header__nav-toggle {
  position: absolute;
  top: 50%;
  right: 0;
  outline: 0;
  border: 0;
  width: 42px;
  height: 42px;
  padding: 0;
  background: #eeeeee;
  transform: translateY(-50%);
}
.site-header__nav-toggle svg rect {
  fill: #006c66;
  transition: transform 0.4s, opacity 0.2s;
}
.site-header__nav-toggle:hover, .site-header__nav-toggle:active, .site-header__nav-toggle:focus {
  background: #eeeeee;
}
.site-header__nav-toggle:hover svg rect, .site-header__nav-toggle:active svg rect, .site-header__nav-toggle:focus svg rect {
  fill: #00786c;
}
.site-header__nav-toggle.is-open svg .burgerline-1 {
  transform: rotate(45deg) translateY(10px);
}
.site-header__nav-toggle.is-open svg .burgerline-2 {
  opacity: 0;
}
.site-header__nav-toggle.is-open svg .burgerline-3 {
  transform: rotate(-45deg) translateY(-10px);
}

.site-header__mob-nav-ct {
  position: relative;
  z-index: 1;
  top: 12px;
  height: 0;
  overflow: hidden;
  transition: height 0.6s;
  margin-left: -15px;
  margin-right: -15px;
}
.site-header__mob-nav-ct.is-open {
  overflow: visible !important;
  height: auto !important;
}

.site-header__mob-nav-ct-helper {
  border-top: 1px solid #e2e2e2;
  background: #eeeeee;
}

.site-header__search {
  padding: 32px 15px 26px;
}

.site-header__lang-switch {
  margin-top: 24px;
  padding-bottom: 4px;
}
.site-header__lang-switch > a {
  display: block;
  text-align: center;
  color: #006c66;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  padding: 8px;
  text-decoration: none;
}

@media (min-width: 48em) {
  .site-header {
    margin-bottom: 32px;
  }
  .site-header__mob-nav-ct {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
  .site-nav__sub-menu-wrap {
    display: flex;
  }
  .site-nav__sub-menu-column {
    flex: 1;
  }
  .site-header__department-lbl {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.64px;
  }
}
@media (min-width: 62em) {
  .site-header {
    height: auto;
    padding-bottom: 0;
    margin-bottom: 48px;
  }
  .site-header__ct {
    position: relative;
    z-index: 2000;
  }
  .site-header__nav-toggle,
.main-nav__expand-btn {
    display: none;
  }
  .site-header__logo {
    width: auto;
    height: 69px;
  }
  .site-header__mob-nav-ct {
    position: static;
    width: auto;
    height: auto;
    max-width: none;
    overflow: visible;
    margin: 0;
  }
  .site-header__mob-nav-ct-helper {
    background: none;
    border-top: 0;
  }
  .site-header__lang-switch {
    position: absolute;
    z-index: 2;
    top: 18px;
    right: 155px;
    margin: 0;
    padding: 0;
  }
  .site-header__lang-switch > a {
    height: 32px;
    padding: 5px 16px 3px;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 300;
  }
  .site-header__lang-switch > a:hover, .site-header__lang-switch > a:focus, .site-header__lang-switch > a:active {
    color: black;
    background-color: #eeeeee;
  }
  .site-header__search {
    padding: 0;
    position: absolute;
    top: 18px;
    right: 0;
    z-index: 2;
    width: 150px;
  }
}
.main-nav {
  min-height: 44px;
  background: rgb(238, 238, 238);
  border-radius: 0;
}

.main-nav__items {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.main-nav__item {
  display: block;
}
.main-nav__item.has-children {
  position: relative;
  z-index: 1;
}
.main-nav__item > a {
  display: block;
  padding: 8px 15px;
  text-transform: uppercase;
  color: #777777;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: none;
  border-bottom: 1px solid #e2e2e2;
}
.main-nav__item.is-expanded > a {
  border-bottom: 1px solid transparent;
}

.main-nav__expand-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px; /* same height as link */
  padding: 8px 15px 8px 8px;
  outline: none;
  border: 0;
  background: transparent;
  color: #777777;
}
.main-nav__expand-btn:hover, .main-nav__expand-btn:active, .main-nav__expand-btn:focus {
  background: transparent;
  color: #777777;
}
.main-nav__expand-btn:hover .main-nav__expand-btn-wrap, .main-nav__expand-btn:active .main-nav__expand-btn-wrap, .main-nav__expand-btn:focus .main-nav__expand-btn-wrap {
  color: black;
}

.main-nav__expand-btn-wrap {
  display: block;
  width: 24px; /* line height nav link */
  height: 24px; /* quadratic */
  border-radius: 12px;
  background: white;
  margin-right: auto;
  transition: transform 0.4s;
}
.main-nav__item.is-expanded .main-nav__expand-btn-wrap {
  transform: rotate(180deg);
}
.main-nav__expand-btn-wrap .mpg-icon {
  font-size: 22px;
}

.site-nav__sub-menu {
  height: 0;
  overflow: hidden;
  transition: height 0.4s;
}
.main-nav__item.is-expanded .site-nav__sub-menu {
  overflow: visible !important;
  height: auto !important;
}

.site-nav__sub-menu-wrap {
  padding: 16px 0;
  background: white;
}
.site-nav__sub-menu-wrap ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.site-nav__sub-menu-wrap a {
  display: block;
  padding: 8px 15px;
  color: rgb(51, 51, 51);
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0;
  text-decoration: none;
}
.site-nav__sub-menu-wrap a:hover, .site-nav__sub-menu-wrap a:focus, .site-nav__sub-menu-wrap a:active {
  color: black;
  background: #eeeeee;
}

.sub-menu > .sub-menu__itm > a {
  padding-top: 4px;
  padding-bottom: 4px;
}

.sub-menu--lvl-1 > .sub-menu__itm > a {
  color: #006c66;
  text-transform: uppercase;
  font-weight: normal;
}
.sub-menu--lvl-1 > .sub-menu__itm > a:hover, .sub-menu--lvl-1 > .sub-menu__itm > a:focus, .sub-menu--lvl-1 > .sub-menu__itm > a:active {
  color: #777777;
  background-color: #eee;
}

@media (min-width: 48em) {
  .site-nav__sub-menu-wrap .sub-menu a {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .main-nav__items {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    margin-left: -15px;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .main-nav__item.has-children {
    position: static;
  }
  .main-nav__item.has-children:hover > .site-nav__sub-menu {
    display: block;
  }
  .main-nav__item.has-children:hover > a, .main-nav__item.has-children:focus > a {
    z-index: 2001;
    color: #006c66;
  }
  .main-nav__item.has-children:hover > a:after, .main-nav__item.has-children:focus > a:after {
    visibility: visible;
  }
  .main-nav__item.has-children > a:after {
    visibility: hidden;
    content: "";
    width: 57px;
    height: 23px;
    background: transparent url("../Images/Core/mega-menu-nose.svg") 50% 50% no-repeat;
    background-size: 57px;
    position: absolute;
    z-index: 2002;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
  }
  .main-nav__item > a {
    position: relative;
    z-index: 1;
    padding: 4px 17px 12px;
    text-align: center;
    text-overflow: ellipsis;
    border-bottom: 0;
    line-height: 20px;
  }
  .main-nav__item > a:hover, .main-nav__item > a:active, .main-nav__item > a:focus, .main-nav__item > a.active {
    color: #006c66;
  }
  .main-nav__item > a:before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 16px;
    width: 3px;
    right: -1px;
    background: #006c66;
  }
  .main-nav__item:last-child {
    padding-right: 15px;
  }
  .main-nav__item:last-child a:before {
    display: none;
  }
  .site-nav__sub-menu {
    display: none;
    position: absolute;
    z-index: 2000;
    top: 100%;
    left: 0;
    width: 100%;
    right: 0;
    height: auto;
    overflow: visible;
    padding-top: 22px; /* space for nose */
  }
  .site-nav__sub-menu.is-visible {
    display: block;
  }
  .site-nav__sub-menu a {
    padding: 4px 8px;
  }
  .site-nav__sub-menu-wrap {
    background: white;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 0;
    padding: 20px 32px;
  }
  .site-nav__sub-menu-column + .site-nav__sub-menu-column {
    padding-left: 8px;
  }
}
.site__main > :first-child {
  padding-top: 0;
}

.site__sidebar {
  margin-top: 32px;
}
@media (min-width: 0em) {
  .site__sidebar {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .site__sidebar {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .site__sidebar {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .site__sidebar {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .site__sidebar {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .site__sidebar {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .site__sidebar {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .site__sidebar {
    padding-right: 40px;
  }
}

@media (min-width: 62em) {
  .site__body.has-sidebar {
    display: flex;
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
@media (min-width: 62em) and (min-width: 0em) {
  .site__body.has-sidebar {
    padding-left: 15px;
  }
}
@media (min-width: 62em) and (min-width: 36em) {
  .site__body.has-sidebar {
    padding-left: 16px;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .site__body.has-sidebar {
    padding-left: 32px;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  .site__body.has-sidebar {
    padding-left: 40px;
  }
}
@media (min-width: 62em) and (min-width: 0em) {
  .site__body.has-sidebar {
    padding-right: 15px;
  }
}
@media (min-width: 62em) and (min-width: 36em) {
  .site__body.has-sidebar {
    padding-right: 16px;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .site__body.has-sidebar {
    padding-right: 32px;
  }
}
@media (min-width: 62em) and (min-width: 75em) {
  .site__body.has-sidebar {
    padding-right: 40px;
  }
}
@media (min-width: 62em) {
  .site__body.has-sidebar .site__main {
    width: 75%;
    order: 2;
    padding-left: 16px;
  }
  .site__body.has-sidebar .site__main > .content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 62em) {
  .site__body.has-sidebar .site__sidebar {
    width: 25%;
    order: 1;
    padding-left: 0;
    padding-right: 16px;
    margin-top: 0;
  }
}
@media (min-width: 62em) {
  .site__sidebar {
    margin-top: 0;
  }
}
@media (min-width: 75em) {
  .site__body.has-sidebar .site__main {
    padding-left: 16px;
  }
  .site__body.has-sidebar .site__sidebar {
    padding-right: 16px;
  }
}
/*
 * Sidebar menu / nav
 */
.side-nav {
  margin-bottom: 24px;
}

.side-nav__menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.side-nav__itm {
  display: block;
  margin: 1px 0;
}

.side-nav__lnk {
  font-family: "Merriweather", serif;
  display: block;
  font-size: 15px;
  line-height: 22px;
  font-weight: normal;
  text-decoration: none;
  background-color: #777777;
  color: #fff;
  padding: 11px 10px 9px;
}
.side-nav__lnk:hover, .side-nav__lnk:active, .side-nav__lnk:focus {
  background-color: #777777;
  color: #eeeeee;
}
.active.side-nav__lnk {
  background-color: #aaaaaa;
}

.side-nav__menu--lvl-2 .side-nav__lnk {
  padding: 6px 10px 4px 24px;
}

.side-nav__menu--lvl-3 .side-nav__lnk {
  padding: 4px 10px 5px 32px;
}

.side-nav__menu--lvl-2 .side-nav__itm {
  margin: 0;
}
/*
 * Sidebar content
 */
.sidebar__content {
  color: rgb(119, 119, 119);
  font-size: 14px;
  line-height: 16px;
}
.sidebar__content h2, .sidebar__content h3, .sidebar__content h4, .sidebar__content h5, .sidebar__content h6 {
  color: #777777;
}
.sidebar__content p {
  margin: 10px 0;
}
.sidebar__content .content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.sidebar__content > :first-child {
  margin-top: 0;
}
.sidebar__content > :first-child .content__ttl {
  margin-top: 0;
}
.sidebar__content > :first-child.has-no-header .content__bd > :first-child {
  margin-top: 0;
}

.site__footer {
  margin-top: 66px;
}
.site__footer .content__wrap {
  max-width: none !important;
}

.site-footer {
  background: #00786c;
  padding-top: 32px;
  padding-bottom: 24px;
  color: white;
  /* reset content paddings and margins to 0 */
}
@media (min-width: 0em) {
  .site-footer {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .site-footer {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .site-footer {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .site-footer {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .site-footer {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .site-footer {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .site-footer {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .site-footer {
    padding-right: 40px;
  }
}
.site-footer a {
  display: block;
  color: white;
  font-weight: 300;
}
.site-footer a:hover {
  text-decoration: none;
}
.site-footer .content {
  padding: 0 !important;
  background-color: transparent !important;
}
.site-footer .content__bd {
  margin: 0 !important;
}

.site-footer__ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.site-footer__sec + .site-footer__sec {
  margin-top: 18px;
}

.site-footer--legal {
  background: #006c66;
  padding-top: 20px;
  padding-bottom: 40px;
}
@media (min-width: 62em) {
  .site-footer--legal {
    padding-bottom: 30px;
  }
}

.site-footer__sec--quick-actions p {
  margin: 0;
}
.site-footer__sec--quick-actions .button {
  display: block;
  background: rgb(0, 108, 102);
  box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.15);
  border-radius: 0;
  transition: background-color 0.25s;
  color: white;
  font-size: 12px;
  line-height: 15px;
  font-family: "Merriweather", serif;
  font-weight: 300;
  text-align: center;
  text-decoration: none !important;
  padding: 9px 9px 8px;
}
.site-footer__sec--quick-actions .button:hover {
  background-color: #001514;
  color: white;
}
.site-footer__sec--quick-actions .button:active, .site-footer__sec--quick-actions .button:focus {
  background-color: #003936;
  color: white;
}
.site-footer__sec--quick-actions .button + .button {
  margin-top: 16px;
}

.site-footer__sec-ttl {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  margin: 0 0 8px;
}
@media (min-width: 48em) {
  .site-footer__sec-ttl {
    font-size: 17px;
    line-height: 22px;
  }
}
@media (min-width: 62em) {
  .site-footer__sec-ttl {
    font-size: 19px;
    line-height: 24px;
  }
}

.site-footer__sec-ttl-lnk {
  display: block;
  text-decoration: none !important;
}
.site-footer__sec-ttl-lnk.is-collapsed .site-footer__sec-expand-icon {
  transform: rotate(0deg);
}

@media (min-width: 48em) {
  .site-footer-links.js-collapse-target-ct {
    height: auto !important;
    overflow: visible !important;
  }
}
.site-footer-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.site-footer__sec-expand-icon {
  display: inline-block;
  font-size: 22px;
  line-height: 18px;
  transition: transform 200ms;
  transform: rotate(180deg);
  transform-origin: 50% 45%;
}

.site-footer__org {
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-footer__org-img {
  height: 40px;
  width: 40px;
  margin-right: 16px;
}

.site-footer__org-lbl {
  text-transform: uppercase;
}

.site-footer__legal-links {
  margin-top: 10px;
  text-align: center;
}
.site-footer__legal-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.site-footer__legal-links li {
  display: inline-block;
}
.site-footer__legal-links .content__bd a {
  display: inline-block;
  padding: 14px 7px 13px;
}

.site-footer__copyright {
  margin-top: 14px;
  text-align: center;
}

.site-footer__to-top-lnk-ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  position: relative;
  z-index: 1;
}

.site-footer__to-top-lnk {
  position: fixed;
  right: 12px;
  bottom: 15px;
  padding-left: 34px;
  height: 34px;
  overflow: hidden;
  transform: translateX(0px);
  transition: width 0.4s, border-radius 0.4s, transform 0.4s;
  z-index: 1000;
  left: auto;
  background: #777777;
  color: white;
  text-decoration: none !important;
  line-height: 34px;
  width: 34px;
  border-radius: 17px;
}
.site-footer__to-top-lnk:hover, .site-footer__to-top-lnk:active, .site-footer__to-top-lnk:focus {
  background: #333333;
  color: white;
}
.site-footer__to-top-lnk:before, .site-footer__to-top-lnk:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 34px;
  height: 34px;
  background: #777777 url("../Images/Icons/arrow-to-top-basis.svg") 50% 50% no-repeat;
  background-size: 26px;
}
.site-footer__to-top-lnk:after {
  opacity: 0;
  transition: opacity 0.4s;
  background-image: url("../Images/Icons/arrow-to-top-transform.svg");
}
.site-footer__to-top-lnk.is-anchored {
  position: absolute;
  transform: translateX(-3px);
  border-radius: 0;
  width: 84px;
  top: -49px;
}
.site-footer__to-top-lnk.is-anchored:after {
  opacity: 1;
}

.site-footer__to-top-lnk-lbl {
  display: block;
  padding-right: 8px;
  text-transform: uppercase;
  text-align: center;
}

@media (min-width: 36em) {
  .site-footer__to-top-lnk {
    bottom: 16px;
  }
  .site-footer__to-top-lnk.is-anchored {
    transform: translateX(-4px);
  }
}
/**
 * Tablet styles
 */
@media (min-width: 48em) {
  .site__footer {
    margin-top: 96px;
  }
  .site-footer {
    padding-top: 16px;
  }
  .site-footer--contact .site-footer__row {
    display: flex;
  }
}
@media (min-width: 48em) and (min-width: 0em) {
  .site-footer--contact .site-footer__row {
    margin-left: -4px;
  }
}
@media (min-width: 48em) and (min-width: 36em) {
  .site-footer--contact .site-footer__row {
    margin-left: -8px;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .site-footer--contact .site-footer__row {
    margin-left: -16px;
  }
}
@media (min-width: 48em) and (min-width: 0em) {
  .site-footer--contact .site-footer__row {
    margin-right: -4px;
  }
}
@media (min-width: 48em) and (min-width: 36em) {
  .site-footer--contact .site-footer__row {
    margin-right: -8px;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .site-footer--contact .site-footer__row {
    margin-right: -16px;
  }
}
@media (min-width: 48em) {
  .site-footer--contact .site-footer__row > * {
    flex: 1;
  }
}
@media (min-width: 48em) and (min-width: 0em) {
  .site-footer--contact .site-footer__row > * {
    padding-left: 4px;
  }
}
@media (min-width: 48em) and (min-width: 36em) {
  .site-footer--contact .site-footer__row > * {
    padding-left: 8px;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .site-footer--contact .site-footer__row > * {
    padding-left: 16px;
  }
}
@media (min-width: 48em) and (min-width: 0em) {
  .site-footer--contact .site-footer__row > * {
    padding-right: 4px;
  }
}
@media (min-width: 48em) and (min-width: 36em) {
  .site-footer--contact .site-footer__row > * {
    padding-right: 8px;
  }
}
@media (min-width: 48em) and (min-width: 62em) {
  .site-footer--contact .site-footer__row > * {
    padding-right: 16px;
  }
}
@media (min-width: 48em) {
  .site-footer--contact .site-footer__sec + .site-footer__sec {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .site-footer__sec-expand-icon {
    display: none;
  }
}
@media (min-width: 48em) {
  .site-footer__to-top-lnk {
    right: auto;
    left: 16px;
    transform: translateX(-4px);
  }
  .site-footer__to-top-lnk.is-anchored {
    left: 16px;
    top: -56px;
    transform: translateX(0);
    right: auto;
  }
}
/**
 * Desktop styles
 */
@media (min-width: 62em) {
  .site-footer {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .site-footer--legal .site-footer__row {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 62em) and (min-width: 0em) {
  .site-footer--legal .site-footer__row {
    margin-left: -4px;
  }
}
@media (min-width: 62em) and (min-width: 36em) {
  .site-footer--legal .site-footer__row {
    margin-left: -8px;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .site-footer--legal .site-footer__row {
    margin-left: -16px;
  }
}
@media (min-width: 62em) and (min-width: 0em) {
  .site-footer--legal .site-footer__row {
    margin-right: -4px;
  }
}
@media (min-width: 62em) and (min-width: 36em) {
  .site-footer--legal .site-footer__row {
    margin-right: -8px;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .site-footer--legal .site-footer__row {
    margin-right: -16px;
  }
}
@media (min-width: 62em) {
  .site-footer--legal .site-footer__row > * {
    flex: 1;
  }
}
@media (min-width: 62em) and (min-width: 0em) {
  .site-footer--legal .site-footer__row > * {
    padding-left: 4px;
  }
}
@media (min-width: 62em) and (min-width: 36em) {
  .site-footer--legal .site-footer__row > * {
    padding-left: 8px;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .site-footer--legal .site-footer__row > * {
    padding-left: 16px;
  }
}
@media (min-width: 62em) and (min-width: 0em) {
  .site-footer--legal .site-footer__row > * {
    padding-right: 4px;
  }
}
@media (min-width: 62em) and (min-width: 36em) {
  .site-footer--legal .site-footer__row > * {
    padding-right: 8px;
  }
}
@media (min-width: 62em) and (min-width: 62em) {
  .site-footer--legal .site-footer__row > * {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .site-footer__sec + .site-footer__sec {
    margin-top: 0;
  }
}
@media (min-width: 62em) {
  .site-footer__sec--quick-actions .box_content {
    display: flex;
    justify-content: space-between;
  }
  .site-footer__sec--quick-actions .box_content > * {
    width: calc(50% - 32px);
  }
}
@media (min-width: 62em) {
  .site-footer__org {
    justify-content: flex-start;
  }
}
@media (min-width: 62em) {
  .site-footer__copyright {
    text-align: right;
  }
}
@media (min-width: 62em) {
  .site-footer__to-top-lnk {
    left: 32px;
    transform: translateX(-20px);
  }
  .site-footer__to-top-lnk.is-anchored {
    left: 32px;
  }
}
/**
 * Desktop styles
 */
@media (min-width: 75em) {
  .site-footer__to-top-lnk {
    left: 40px;
    transform: translateX(-28px);
  }
  .site-footer__to-top-lnk.is-anchored {
    left: 40px;
  }
}
/**
 * Position lock in of footer to top link
 */
@media (min-width: 82.75em) {
  .site-footer__to-top-lnk {
    left: calc(50% - 650px);
    transform: translateX(0);
  }
  .site-footer__to-top-lnk.is-anchored {
    left: 0;
    transform: translateX(40px);
  }
}
.tx-solr-search-form {
  position: relative;
  z-index: 1;
}

.tx-solr-search-form__input {
  display: block;
  width: 100%;
  height: 42px;
  background: white;
  border-radius: 0;
  border: 0;
  outline: 0;
  font-size: 19px;
  line-height: 23px;
  font-weight: 400;
  letter-spacing: 0;
  padding: 8px 50px 10px 16px;
}
.tx-solr-search-form__input::placeholder {
  color: rgb(128, 128, 128);
}

.tx-solr-search-form__submit {
  position: absolute;
  z-index: 2;
  width: 42px;
  height: 42px;
  padding: 0;
  right: 0;
  top: 0;
  outline: none;
  border: 0;
  background: white;
  color: #006c66;
}
.tx-solr-search-form__submit:hover, .tx-solr-search-form__submit:focus, .tx-solr-search-form__submit:active {
  background: white;
  color: #00786c;
}
.tx-solr-search-form__submit .mpg-icon-search {
  font-size: 24px;
  vertical-align: middle;
}

/*
 * Variant: Above results
 */
.tx-solr-results .tx-solr-search-form__input {
  padding: 9px 72px 9px 20px;
  background: #fafafa;
}
.tx-solr-results .tx-solr-search-form__submit {
  background: #fafafa;
}
.tx-solr-results .tx-solr-search-form__submit:hover, .tx-solr-results .tx-solr-search-form__submit:focus, .tx-solr-results .tx-solr-search-form__submit:active {
  background: #fafafa;
}

/*
 * Variant: Inside the header
 */
.site-header__search .tx-solr-search-form__input {
  height: 48px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: 0;
  padding: 11px 50px 13px 16px;
}
.site-header__search .tx-solr-search-form__submit {
  width: 48px;
  height: 48px;
}
.site-header__search .tx-solr-search-form__submit .mpg-icon-search {
  font-size: 24px;
}

@media (min-width: 62em) {
  .site-header__search .tx-solr-search-form__input {
    height: 32px;
    padding: 7px 40px 6px 16px;
    font-size: 14px;
    line-height: 19px;
  }
  .site-header__search .tx-solr-search-form__submit {
    width: 40px;
    height: 32px;
  }
  .tx-solr-results .tx-solr-search-form__input {
    background-color: #eeeeee;
  }
  .tx-solr-results .tx-solr-search-form__submit {
    width: auto;
    padding-left: 14px;
    padding-right: 14px;
    background-color: #eeeeee;
  }
  .tx-solr-results .tx-solr-search-form__submit:hover, .tx-solr-results .tx-solr-search-form__submit:focus, .tx-solr-results .tx-solr-search-form__submit:active {
    background-color: #eeeeee;
  }
  .tx-solr-results .tx-solr-search-form__submit .mpg-icon-search {
    font-size: 36px;
  }
}
/*
 * Results
 */
.tx-solr-results {
  max-width: 760px;
  margin: 0 auto;
}

.tx-solr-results__summary {
  margin-top: 4px;
}

.tx-solr-results__results {
  list-style-type: none;
  margin: 24px 0;
  padding: 0;
}

.tx-solr-results__result + .tx-solr-results__result {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e2e2e2;
}

.tx-solr-search-result__title {
  margin: 0;
}

.tx-solr-search-result__link {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #555555;
}
.tx-solr-search-result__link:hover, .tx-solr-search-result__link:focus, .tx-solr-search-result__link:active {
  color: #333333;
}

.tx-solr-search-result__teaser p {
  margin: 0;
}
.tx-solr-search-result__teaser p + p {
  margin-top: 1em;
}
.tx-solr-search-result__teaser .results-highlight {
  background-color: transparent;
  font-weight: bold;
}

@media (min-width: 48em) {
  .tx-solr-results__results {
    margin: 32px 0;
  }
  .tx-solr-results__result + .tx-solr-results__result {
    margin-top: 32px;
    padding-top: 32px;
  }
}
.content {
  background: white;
}
@media (min-width: 0em) {
  .content {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .content {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .content {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .content {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .content {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .content {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .content {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .content {
    padding-right: 40px;
  }
}
.content.content--layout-20 {
  padding: 0 !important;
}
.content.content--layout-21 > .content__ct > .content__wrap {
  max-width: none;
}
.content.frame--bg, .content.frame--bg-boxed {
  background-color: #f6f6f6;
  margin-top: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.content.frame--bg > .content__ct > .content__wrap > .content__hd > .content__ttl, .content.frame--bg-boxed > .content__ct > .content__wrap > .content__hd > .content__ttl {
  margin-top: 0;
}
.content.frame--bg-boxed > .content__ct > .content__wrap, .content.frame--boxed > .content__ct > .content__wrap {
  background-color: #f6f6f6;
  padding: 25px;
}
.content.frame--bg-boxed > .content__ct > .content__wrap > .content__hd > .content__ttl, .content.frame--boxed > .content__ct > .content__wrap > .content__hd > .content__ttl {
  margin-top: 0;
}
.content.frame--bg-boxed > .content__ct > .content__wrap > .content__bd > :first-child, .content.frame--boxed > .content__ct > .content__wrap > .content__bd > :first-child {
  margin-top: 0;
}
.content.frame--bg-boxed > .content__ct > .content__wrap > .content__bd :last-child, .content.frame--boxed > .content__ct > .content__wrap > .content__bd :last-child {
  margin-bottom: 0;
}
.content.frame--bg-boxed + .frame--bg-boxed,
.content.frame--bg-boxed + .frame--boxed, .content.frame--boxed + .frame--bg-boxed,
.content.frame--boxed + .frame--boxed {
  margin-top: 16px;
}
.content.frame--bg-boxed > .content__ct > .content__wrap {
  background: white;
}

.content__ct {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.content__wrap {
  max-width: 858px;
  margin-right: auto;
}
.layout--2 .content__wrap {
  max-width: none;
}

h1.content__ttl + h2.content__subttl {
  margin-top: -10px;
}
@media (min-width: 48em) {
  h1.content__ttl + h2.content__subttl {
    margin-top: -12px;
  }
}
@media (min-width: 62em) {
  h1.content__ttl + h2.content__subttl {
    margin-top: -30px;
  }
}

.content__bd .content:first-child {
  padding-top: 0;
}
.content__bd .content:last-child {
  padding-bottom: 0;
}

.content--shortcut {
  padding-left: 0;
  padding-right: 0;
}
.content--shortcut > .content__ct {
  max-width: none;
}
.content--shortcut > .content__ct > .content__wrap {
  max-width: none;
  margin: 0;
}
.content--shortcut > .content__ct > .content__wrap > .content__bd {
  margin: 0;
  max-width: none;
}

.content--header {
  padding-bottom: 0 !important;
}
.content--header.frame--bg {
  margin-bottom: 0 !important;
  padding-bottom: 1px !important;
}
.content--header + .content {
  padding-top: 0;
}

.frame--bg-boxed + .frame--bg-boxed,
.frame--bg-boxed + .frame--bg,
.frame--bg + .frame--bg-boxed,
.frame--bg + .frame--bg {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.frame--bg-boxed + .frame--default,
.frame--bg + .frame--default {
  margin-top: 24px;
}
@media (min-width: 48em) {
  .frame--bg-boxed + .frame--default,
.frame--bg + .frame--default {
    margin-top: 40px;
  }
}
@media (min-width: 62em) {
  .frame--bg-boxed + .frame--default,
.frame--bg + .frame--default {
    margin-top: 80px;
  }
}
.frame--bg-boxed > .content__ct > .content__wrap > .content__hd .content__ttl,
.frame--bg > .content__ct > .content__wrap > .content__hd .content__ttl {
  margin-top: 0;
}
.frame--bg-boxed > .content__ct > .content__wrap > .content__bd > :first-child,
.frame--bg > .content__ct > .content__wrap > .content__bd > :first-child {
  margin-top: 0;
}
.frame--bg-boxed > .content__ct > .content__wrap > .content__bd > :last-child,
.frame--bg > .content__ct > .content__wrap > .content__bd > :last-child {
  margin-bottom: 0;
}

.ce-textpic,
.ce-image,
.ce-gallery,
.ce-row,
.ce-uploads li,
.ce-uploads div {
  overflow: visible;
}

.ce-uploads li:after,
.ce-uploads div:after {
  content: " ";
  display: table;
}
.ce-uploads li:after,
.ce-uploads div:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

@media (min-width: 62em) {
  .content.frame--bg-boxed, .content.frame--bg {
    margin-top: 24px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .content.frame--bg-boxed + .frame--bg-boxed,
.content.frame--bg-boxed + .frame--boxed, .content.frame--boxed + .frame--bg-boxed,
.content.frame--boxed + .frame--boxed {
    margin-top: 0;
  }
}
.content--container + .content--container {
  margin-top: 27px;
}

.col-container__col > .content {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 0em) and (max-width: 47.9375em) {
  .col-container__col + .col-container__col {
    margin-top: 32px;
  }
}
@media (min-width: 48em) {
  .col-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
  }
  .col-container--2cols .col-container__col {
    width: calc(50% - 8px);
  }
  .col-container--3cols .col-container__col {
    width: calc(33.3333% - 10.6666666667px);
  }
  .col-container--4cols {
    flex-wrap: wrap;
  }
  .col-container--4cols .col-container__col {
    width: calc(50% - 8px);
  }
}
@media (min-width: 62em) {
  .col-container {
    gap: 32px;
  }
  .col-container--2cols .col-container__col {
    width: calc(50% - 16px);
  }
  .col-container--3cols .col-container__col {
    width: calc(33.3333% - 21.3333333333px);
  }
  .col-container--4cols {
    flex-wrap: nowrap;
  }
  .col-container--4cols .col-container__col {
    width: calc(25% - 24px);
  }
}
/**
 * Styles for links which can also be added vie the rich text editor (RTE)
 *
 * See the RTE configuration files in mpi_inf_site_package/Configuration/RTE for more information
 */
.link-external,
.link-mail,
.link-phone,
.link-fax,
.link-signature-key {
  color: #006c66;
}
.link-external:active,
.link-mail:active,
.link-phone:active,
.link-fax:active,
.link-signature-key:active {
  outline: none;
}
.link-external:hover, .link-external:focus,
.link-mail:hover,
.link-mail:focus,
.link-phone:hover,
.link-phone:focus,
.link-fax:hover,
.link-fax:focus,
.link-signature-key:hover,
.link-signature-key:focus {
  color: #006c66;
}
.link-external::before,
.link-mail::before,
.link-phone::before,
.link-fax::before,
.link-signature-key::before {
  display: inline-block;
  width: 1.5em;
}

.link-external::before {
  content: "\f002" !important; /* circled arrow */
  font-size: 1em;
  transform: translateX(-0.4em) translateY(-0.1em) rotate(-45deg);
  transform-origin: 50% 0;
}

.link-mail::before {
  content: "\f014" !important; /* envelope */
  font-size: 1.3em;
  text-indent: -0.15em;
  width: 1.154em;
  margin-top: 0.1em;
}

.link-phone::before {
  content: "\f019" !important; /* phone */
  font-size: 1.25em;
  text-indent: -0.1em;
  width: 1.2em;
}

.link-fax::before {
  content: "\f00c" !important; /* fax */
  font-size: 1.4em;
  text-indent: -0.15em;
  width: 1.0715em;
}

.link-signature-key::before {
  content: "\f026" !important; /* vcard */
  font-size: 1.2em;
  text-indent: -0.1em;
  width: 1.275em;
}

.link-more {
  display: block;
  padding: 2px 0;
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: #006c66;
  white-space: nowrap;
}
@media (min-width: 48em) {
  .link-more {
    padding: 4px 0;
  }
}
.link-more:before {
  float: left;
  margin-top: 0.1em;
  content: "\f006" !important;
  font-size: 1.3em;
  margin-left: -0.3em;
}

.link-more--expand:before {
  content: "\f007" !important;
  transform: rotate(180deg);
  transform-origin: 50% 43%;
  margin-top: 0.15em;
  transition: transform 300ms;
}
.link-more--expand.is-collapsed:before {
  transform: rotate(0deg);
}

.link-icon .mpg-icon {
  display: inline-block;
  margin-right: 0.25em;
}

.link-button {
  font-family: "Merriweather", serif;
  display: block;
  background: #49494b;
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  padding: 6px 15px;
  margin: 1em auto;
  text-align: center;
  text-decoration: none;
}
.link-button:hover, .link-button:active, .link-button:focus {
  background: #49494b;
  color: rgb(255, 255, 255);
}
@media (min-width: 48em) {
  .link-button {
    display: inline-block;
    padding: 6px 25px;
    margin: 0;
  }
}

.box {
  margin: 1em 0;
  padding: 25px;
  background-color: #f6f6f6;
}
.box > :first-child {
  margin-top: 0;
}
.box > :last-child {
  margin-bottom: 0;
}
.box .frame--bg .box,
.box .frame--bg-boxed .box {
  background-color: white;
}
.box .box {
  background-color: white;
  padding: 20px;
}
.box .box .box {
  background-color: #f6f6f6;
  padding: 16px;
}
.box .box .box .box {
  background-color: white;
}

.btn,
button {
  font-size: 16px;
  line-height: 22px;
  font-family: "Merriweather", serif;
  font-weight: 300;
  color: rgb(255, 255, 255);
  background-color: #49494b;
  padding: 6px 16px;
  outline: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
}
.btn:hover, .btn:active, .btn:focus,
button:hover,
button:active,
button:focus {
  color: rgb(255, 255, 255);
  background-color: #333333;
}

.btn--secondary {
  background-color: #006c66;
}
.btn--secondary:hover, .btn--secondary:active, .btn--secondary:focus {
  background-color: #49494b;
}

.btn--reset {
  background-color: white;
  border: 1px solid rgb(204, 204, 204);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
.btn--reset:hover, .btn--reset:active, .btn--reset:focus {
  background-color: rgb(238, 238, 238);
}

/*
 * ce-table
 *
 * Overrides and adaptions
 * Original styles: fluid_styled_content/Configuration/TypoScript/Styling/setup.typoscript
 */
.ce-table thead th {
  border-bottom: 0;
}

.ce-table th,
.ce-table td {
  padding: 4px 12px;
  vertical-align: top;
}

.ce-table thead th {
  border-bottom: 0;
}

.ce-table th,
.ce-table td {
  border-top: 0;
}

.ce-table-striped tbody tr:nth-of-type(even) {
  background-color: #eeeeee;
}

.ce-table-bordered th {
  border: 1px solid #006c66;
}

.ce-table-bordered td {
  border: 1px solid #e2e2e2;
}

/*
 * Inline tables (contentable) from Text or Text-Image content elements
 */
.contenttable {
  width: 100%;
  max-width: 100%;
}

/*
 * Responsive table container
 */
.table-resp-ct {
  overflow: auto;
  margin: 1em 0;
  /* Visual scrolling indicator */
  background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0)), linear-gradient(to right, rgba(255, 255, 255, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
  background-position: 0 0, 100%, 0 0, 100%;
  background-attachment: local, local, scroll, scroll;
}
.table-resp-ct:focus {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  outline: 0.1em solid rgba(0, 0, 0, 0.1);
}
.table-resp-ct table {
  margin: 0;
  width: auto;
  min-width: 100%;
  max-width: none;
}
.table-resp-ct table tbody tr {
  background: rgba(255, 255, 255, 0.07);
}
.table-resp-ct table tbody tr:nth-child(2n+1) {
  background: rgba(0, 0, 0, 0.07);
}

/************************ table definition begin *********************/
table.no-row-color th,
table.no-row-color td {
  padding: 3px 0;
}
table.no-row-color td {
  background-color: #fff !important;
}

/*
 * Legacy: Software list
 */
.software_liste {
  border-bottom: 1px solid #bcbcbc;
}
.software_liste th {
  background: rgba(84, 84, 84, 0.17);
}
.software_liste tr {
  border-top: 1px solid #bcbcbc;
}
.software_liste tr:nth-child(odd) {
  background-color: #fff;
}
.software_liste tr:nth-child(even) {
  background-color: #fff;
}
.software_liste th.homepage,
.software_liste td.homepage {
  text-align: right;
}
.software_liste td {
  vertical-align: middle;
}

.content--image.has-header .ce-image {
  margin-top: 0;
}

.ce-image {
  margin: 1.69em 0;
}
.ce-image img {
  display: block;
  margin: 0 auto;
}
.ce-image.ce-image--full-width img {
  width: 100%;
  height: auto;
}
.ce-image.ce-image--left img {
  margin-left: 0;
}

figure.image.has-caption {
  border: 1px solid #eeeeee;
}
figure.image.has-caption img {
  display: block;
  margin: 0 auto;
}

/*
 * Image header
 */
@media (min-width: 0em) {
  .content--image.content--layout-10 {
    margin-bottom: 15px;
  }
}
@media (min-width: 36em) {
  .content--image.content--layout-10 {
    margin-bottom: 16px;
  }
}
@media (min-width: 62em) {
  .content--image.content--layout-10 {
    margin-bottom: 32px;
  }
}
@media (min-width: 75em) {
  .content--image.content--layout-10 {
    margin-bottom: 40px;
  }
}
.content--image.content--layout-10 .content__wrap {
  max-width: none;
}
.content--image.content--layout-10 img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.content--image.content--layout-10 .image-header__img-ct {
  background: #49494b;
}
.content--image.content--layout-10 .image-header__ttl-ct {
  background: #eeeeee;
  padding: 25px 15px;
}
.content--image.content--layout-10 .content__ttl {
  font-family: "Merriweather", serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  color: #006c66;
  margin: 36px 0 12px;
  word-break: break-word;
  margin: 0 !important;
  text-align: center;
}
@media (min-width: 48em) {
  .content--image.content--layout-10 .content__ttl {
    margin: 36px 0 20px;
  }
}
@media (min-width: 62em) {
  .content--image.content--layout-10 .content__ttl {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 20px;
  }
}
.content--image.content--layout-10 .swiper-horizontal {
  padding-bottom: 0 !important;
}
@media (min-width: 36em) {
  .content--image.content--layout-10 .image-header__ttl-ct {
    padding: 40px 25px 33px;
  }
}
@media (min-width: 48em) {
  .content--image.content--layout-10 .image-header__img-ct {
    min-height: 62px;
  }
  .content--image.content--layout-10 .image-header__ttl-ct {
    position: relative;
    z-index: 1;
    margin: -62px 62px 0;
  }
}
@media (min-width: 62em) {
  .content--image.content--layout-10 .image-header__img-ct {
    min-height: 45px;
  }
  .content--image.content--layout-10 .image-header__ttl-ct {
    margin: -45px 80px 0;
  }
}
@media (min-width: 75em) {
  .content--image.content--layout-10 .image-header__img-ct {
    min-height: 50px;
  }
  .content--image.content--layout-10 .image-header__ttl-ct {
    margin: -50px 100px 0;
  }
}

/*
 * Layout "Hero"
 */
.content--text.content--layout-11 {
  font-family: "Merriweather", serif;
  font-weight: 300;
  letter-spacing: 0;
}
.content--text.content--layout-11 .link-more {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  font-family: "Merriweather", serif;
  color: rgb(255, 255, 255);
  background: #006c66;
  font-weight: 300;
  padding: 6px 16px;
  outline: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
}
.content--text.content--layout-11 .link-more:hover, .content--text.content--layout-11 .link-more:active, .content--text.content--layout-11 .link-more:focus {
  color: rgb(255, 255, 255);
  background: #49494b;
}
@media (min-width: 48em) {
  .content--text.content--layout-11 {
    text-align: center;
  }
  .content--text.content--layout-11 .content__wrap {
    margin-left: 8.3333% !important;
    margin-right: 8.3333% !important;
  }
}
@media (min-width: 62em) {
  .content--text.content--layout-11 .content__wrap {
    margin-left: 16.6667% !important;
    margin-right: 16.6667% !important;
  }
  .content--text.content--layout-11 .link-more {
    margin-top: 8px;
  }
}

.ce-textpic {
  margin: 1.69em 0;
}
.sidebar__content .ce-textpic {
  margin: 1em 0;
}
.ce-textpic .ce-gallery {
  margin: 1.69em 0;
}
.col-container .ce-textpic.ce-full-width {
  margin-top: 0;
}
.ce-textpic.ce-full-width .ce-gallery img {
  display: block;
  width: 100%;
  height: auto;
}
.ce-textpic.ce-full-width figure {
  border: 0 !important;
}
.ce-textpic.ce-full-width figcaption {
  padding: 16px !important;
}
.ce-textpic.ce-above .ce-gallery {
  float: none;
  margin-top: 0;
}
.ce-textpic.ce-above.ce-right .ce-gallery img {
  margin-left: auto;
  margin-right: 0;
}
.ce-textpic.ce-center .ce-outer {
  position: static;
  float: none;
}
.ce-textpic.ce-center .ce-inner {
  position: static;
  float: none;
}
.ce-textpic.ce-center img,
.ce-textpic.ce-center .video-embed iframe,
.ce-textpic.ce-center .video-embed video,
.ce-textpic.ce-center .audio-embed audio {
  margin: 0 auto;
}
.ce-textpic.ce-intext .ce-gallery {
  float: none;
  margin: 0 0 1.69em 0;
}
@media (min-width: 0em) and (max-width: 35.9375em) {
  .ce-textpic.ce-intext .ce-gallery .ce-row {
    float: none;
  }
  .ce-textpic.ce-intext .ce-gallery .ce-column {
    float: none;
  }
}
.ce-textpic.ce-intext .ce-bodytext > :first-child {
  margin-top: 0;
}
.ce-textpic.ce-intext .ce-bodytext > :first-child > :first-child {
  margin-top: 0;
}
.ce-textpic.ce-intext .ce-bodytext > :last-child {
  margin-bottom: 0;
}
.ce-textpic.ce-intext .ce-bodytext > :last-child > :last-child {
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .ce-textpic.ce-intext.ce-right:before, .ce-textpic.ce-intext.ce-right:after, .ce-textpic.ce-intext.ce-left:before, .ce-textpic.ce-intext.ce-left:after {
    content: " ";
    display: table;
  }
  .ce-textpic.ce-intext.ce-right:after, .ce-textpic.ce-intext.ce-left:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
  .ce-textpic.ce-intext.ce-right .ce-gallery, .ce-textpic.ce-intext.ce-left .ce-gallery {
    width: calc(50% + 8px);
    margin-bottom: 16px;
  }
  .ce-textpic.ce-intext.ce-right .ce-gallery img, .ce-textpic.ce-intext.ce-left .ce-gallery img {
    margin: 0 auto;
  }
  .sidebar__content .ce-textpic.ce-intext.ce-right .ce-gallery, .sidebar__content .ce-textpic.ce-intext.ce-left .ce-gallery {
    width: calc(50% + 6px);
  }
  .ce-textpic.ce-intext.ce-right .ce-gallery {
    float: right;
    padding-left: 8px;
    margin-left: 8px;
  }
  .sidebar__content .ce-textpic.ce-intext.ce-right .ce-gallery {
    padding-left: 3px;
    margin-left: 3px;
  }
  .ce-textpic.ce-intext.ce-left .ce-gallery {
    float: left;
    padding-right: 8px;
    margin-right: 8px;
  }
  .sidebar__content .ce-textpic.ce-intext.ce-left .ce-gallery {
    padding-right: 3px;
    margin-right: 3px;
  }
  .ce-textpic.ce-intext.ce-nowrap .ce-gallery {
    margin-bottom: 0 !important;
  }
  .ce-textpic.ce-intext.ce-nowrap .ce-bodytext {
    overflow: hidden;
  }
}
@media (min-width: 62em) {
  .ce-textpic.ce-intext.ce-right .ce-gallery, .ce-textpic.ce-intext.ce-left .ce-gallery {
    width: calc(33% + 12px);
    margin-bottom: 24px;
  }
  .sidebar__content .ce-textpic.ce-intext.ce-right .ce-gallery, .sidebar__content .ce-textpic.ce-intext.ce-left .ce-gallery {
    width: calc(33% + 6px);
  }
  .site__body.has-sidebar .ce-textpic.ce-intext.ce-right .ce-gallery, .site__body.has-sidebar .ce-textpic.ce-intext.ce-left .ce-gallery {
    width: calc(40% + 12px);
  }
  .ce-textpic.ce-intext.ce-right .ce-gallery {
    padding-left: 12px;
    margin-left: 12px;
  }
  .sidebar__content .ce-textpic.ce-intext.ce-right .ce-gallery {
    padding-left: 3px;
    margin-left: 3px;
  }
  .ce-textpic.ce-intext.ce-left .ce-gallery {
    padding-right: 12px;
    margin-right: 12px;
  }
  .sidebar__content .ce-textpic.ce-intext.ce-left .ce-gallery {
    padding-right: 3px;
    margin-right: 3px;
  }
}

.text-pic-hero {
  background-color: #006c66;
  height: auto;
  color: white;
}

.text-pic-hero__media-ct {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-bottom-width: 0;
}
.text-pic-hero__media-ct a {
  display: block;
}
.text-pic-hero__media-ct img {
  display: block;
  max-height: 300px;
  width: 100%;
  object-fit: contain;
}

.text-pic-hero__cnt-ct {
  padding: 28px 32px 24px;
}

.text-pic-hero__ttl-ct h1, .text-pic-hero__ttl-ct h2, .text-pic-hero__ttl-ct h3, .text-pic-hero__ttl-ct h4 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  color: white;
}
.text-pic-hero__ttl-ct h1 a, .text-pic-hero__ttl-ct h2 a, .text-pic-hero__ttl-ct h3 a, .text-pic-hero__ttl-ct h4 a {
  display: block;
  color: white !important;
  text-decoration: none !important;
}

.text-pic-hero__teaser :first-child {
  margin-top: 0;
}
.text-pic-hero__teaser :last-child {
  margin-bottom: 0;
}

@media (min-width: 36em) {
  .text-pic-hero__media {
    height: 33vh;
    min-height: 300px;
    max-height: 450px;
  }
}
@media (min-width: 48em) {
  .text-pic-hero__cnt-ct {
    padding-bottom: 44px;
  }
  .text-pic-hero__ttl-ct h1, .text-pic-hero__ttl-ct h2, .text-pic-hero__ttl-ct h3, .text-pic-hero__ttl-ct h4 {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 62em) {
  .text-pic-hero {
    display: flex;
  }
  .text-pic-hero__media-ct {
    display: flex;
    width: 58.4%;
    height: auto;
    border-right-width: 0;
    border-bottom-width: 1px;
  }
  .text-pic-hero__media-ct .ce-gallery {
    margin: auto;
  }
  .text-pic-hero__media-ct a {
    display: flex;
    height: 100%;
    margin: auto;
  }
  .text-pic-hero__media-ct img {
    margin: auto;
    height: auto;
    max-height: 40vh;
  }
  .text-pic-hero__ttl-ct h1, .text-pic-hero__ttl-ct h2, .text-pic-hero__ttl-ct h3, .text-pic-hero__ttl-ct h4 {
    margin-bottom: 16px !important;
  }
  .text-pic-hero__cnt-ct {
    width: 41.6%;
    padding: 32px 25px;
  }
}
@media (min-width: 75em) {
  .text-pic-hero__media-ct {
    width: 68%;
  }
  .text-pic-hero__media-ct img {
    margin: auto;
    max-height: 430px;
  }
  .text-pic-hero__cnt-ct {
    width: 32%;
  }
}
.text-pic-news-overview-item__media-ct {
  border: 1px solid #cccccc;
  background: #333;
}
.text-pic-news-overview-item__media-ct a {
  display: block;
}
.text-pic-news-overview-item__media-ct img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 300px;
  margin: 0 auto;
  object-fit: contain;
}

.text-pic-news-overview-item__cnt-ct {
  margin-top: 12px;
  /* we need to increase specificy to rule over home h3 to h2 override */
}
.text-pic-news-overview-item__cnt-ct .news-date {
  margin: 8px 0;
}
.text-pic-news-overview-item__cnt-ct .news-date + h3 {
  margin-top: 4px !important;
}
.text-pic-news-overview-item__cnt-ct h2, .text-pic-news-overview-item__cnt-ct h3, .text-pic-news-overview-item__cnt-ct h4, .text-pic-news-overview-item__cnt-ct h5 {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
}
@media (min-width: 62em) {
  .text-pic-news-overview-item__cnt-ct h2, .text-pic-news-overview-item__cnt-ct h3, .text-pic-news-overview-item__cnt-ct h4, .text-pic-news-overview-item__cnt-ct h5 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.text-pic-news-overview-item__cnt-ct h2 a, .text-pic-news-overview-item__cnt-ct h3 a, .text-pic-news-overview-item__cnt-ct h4 a, .text-pic-news-overview-item__cnt-ct h5 a {
  display: block;
  text-decoration: none !important;
}
.page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h2, .page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h3, .page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h4, .page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h5 {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
}
@media (min-width: 62em) {
  .page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h2, .page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h3, .page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h4, .page.layout--3 .site__main .content .text-pic-news-overview-item__cnt-ct h5 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

.text-pic-news-overview-item__ttl-ct h1, .text-pic-news-overview-item__ttl-ct h2, .text-pic-news-overview-item__ttl-ct h3, .text-pic-news-overview-item__ttl-ct h4 {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
}
@media (min-width: 62em) {
  .text-pic-news-overview-item__ttl-ct h1, .text-pic-news-overview-item__ttl-ct h2, .text-pic-news-overview-item__ttl-ct h3, .text-pic-news-overview-item__ttl-ct h4 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.text-pic-news-overview-item__ttl-ct h1 a, .text-pic-news-overview-item__ttl-ct h2 a, .text-pic-news-overview-item__ttl-ct h3 a, .text-pic-news-overview-item__ttl-ct h4 a {
  display: block;
  text-decoration: none !important;
}

.text-pic-news-overview-item__teaser :first-child {
  margin-top: 0 !important;
}
.text-pic-news-overview-item__teaser :last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 48em) {
  .text-pic-news-overview-item__cnt-ct {
    margin-top: 24px;
  }
}
.ce-gallery .ce-row {
  float: none;
  margin: 0;
}
.ce-gallery .ce-row + .ce-row {
  margin-top: 16px;
}
.ce-gallery .ce-column {
  float: none;
  margin: 0;
}
.ce-gallery .ce-column + .ce-column {
  margin-top: 16px;
}
.ce-gallery figure {
  display: block;
}
.ce-gallery figure a {
  display: block;
}
.ce-gallery figcaption {
  display: block;
}
.ce-gallery .video iframe,
.ce-gallery .video object {
  display: block;
  max-width: 100%;
}
.ce-gallery.ce-border figure {
  border: 1px solid #eeeeee;
}
.ce-gallery.ce-border figcaption {
  padding: 15px;
}
.ce-gallery.ce-border img {
  border: 0;
}
.frame--bg .ce-gallery figure {
  background: #333;
}
.frame--bg .ce-gallery figcaption {
  background: white;
}

@media (min-width: 36em) {
  .ce-gallery[data-ce-columns="2"]:before, .ce-gallery[data-ce-columns="2"]:after,
.ce-gallery[data-ce-columns="3"]:before,
.ce-gallery[data-ce-columns="3"]:after,
.ce-gallery[data-ce-columns="4"]:before,
.ce-gallery[data-ce-columns="4"]:after,
.ce-gallery[data-ce-columns="5"]:before,
.ce-gallery[data-ce-columns="5"]:after,
.ce-gallery[data-ce-columns="6"]:before,
.ce-gallery[data-ce-columns="6"]:after {
    content: " ";
    display: table;
  }
  .ce-gallery[data-ce-columns="2"]:after,
.ce-gallery[data-ce-columns="3"]:after,
.ce-gallery[data-ce-columns="4"]:after,
.ce-gallery[data-ce-columns="5"]:after,
.ce-gallery[data-ce-columns="6"]:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
  .ce-gallery[data-ce-columns="2"] .ce-row,
.ce-gallery[data-ce-columns="3"] .ce-row,
.ce-gallery[data-ce-columns="4"] .ce-row,
.ce-gallery[data-ce-columns="5"] .ce-row,
.ce-gallery[data-ce-columns="6"] .ce-row {
    margin: 0 -8px;
    width: auto;
  }
  .ce-gallery[data-ce-columns="2"] .ce-column,
.ce-gallery[data-ce-columns="3"] .ce-column,
.ce-gallery[data-ce-columns="4"] .ce-column,
.ce-gallery[data-ce-columns="5"] .ce-column,
.ce-gallery[data-ce-columns="6"] .ce-column {
    float: left;
    width: 50%;
    padding: 0 8px;
    margin: 0;
  }
  .ce-gallery[data-ce-columns="2"] .image-embed-item,
.ce-gallery[data-ce-columns="3"] .image-embed-item,
.ce-gallery[data-ce-columns="4"] .image-embed-item,
.ce-gallery[data-ce-columns="5"] .image-embed-item,
.ce-gallery[data-ce-columns="6"] .image-embed-item {
    margin: 0 auto;
  }
  .ce-gallery[data-ce-columns="2"] .ce-row:before, .ce-gallery[data-ce-columns="2"] .ce-row:after {
    content: " ";
    display: table;
  }
  .ce-gallery[data-ce-columns="2"] .ce-row:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
  .ce-gallery[data-ce-columns="2"] .ce-row + .ce-row {
    margin-top: 16px;
  }
}
/*
 * Some css magic to make every first column clear the left float. This is a bit cumbersome but necessary
 * because we the columns are inside row containers containing a different number of columns.
 */
@media (min-width: 36em) and (max-width: 47.9375em) {
  .ce-gallery[data-ce-columns="3"] .ce-row:nth-child(odd) .ce-column:nth-child(1),
.ce-gallery[data-ce-columns="5"] .ce-row:nth-child(odd) .ce-column:nth-child(1) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row:nth-child(odd) .ce-column:nth-child(3),
.ce-gallery[data-ce-columns="5"] .ce-row:nth-child(odd) .ce-column:nth-child(3) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row:nth-child(odd) .ce-column:nth-child(5),
.ce-gallery[data-ce-columns="5"] .ce-row:nth-child(odd) .ce-column:nth-child(5) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row:nth-child(even) .ce-column:nth-child(2),
.ce-gallery[data-ce-columns="5"] .ce-row:nth-child(even) .ce-column:nth-child(2) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row:nth-child(even) .ce-column:nth-child(4),
.ce-gallery[data-ce-columns="5"] .ce-row:nth-child(even) .ce-column:nth-child(4) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row:first-child > :nth-child(n+3),
.ce-gallery[data-ce-columns="5"] .ce-row:first-child > :nth-child(n+3) {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row + .ce-row .ce-column,
.ce-gallery[data-ce-columns="5"] .ce-row + .ce-row .ce-column {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="4"] .ce-column:nth-child(2n+1),
.ce-gallery[data-ce-columns="6"] .ce-column:nth-child(2n+1) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="4"] .ce-row:first-child .ce-column:nth-child(n+3),
.ce-gallery[data-ce-columns="6"] .ce-row:first-child .ce-column:nth-child(n+3) {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="4"] .ce-row:nth-child(n+2) .ce-column,
.ce-gallery[data-ce-columns="6"] .ce-row:nth-child(n+2) .ce-column {
    margin-top: 16px;
  }
}
@media (min-width: 48em) {
  .ce-gallery[data-ce-columns="3"] .ce-column,
.ce-gallery[data-ce-columns="4"] .ce-column,
.ce-gallery[data-ce-columns="5"] .ce-column,
.ce-gallery[data-ce-columns="6"] .ce-column {
    width: 33.3333333333%;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row + .ce-row {
    clear: left;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row + .ce-row .ce-column {
    margin-top: 16px;
  }
}
@media (min-width: 48em) and (max-width: 61.9375em) {
  /*
   * We need to clear some columns to make the gallery look good - since we have a 3 column grid consisting of 4 column rows
   * we need to specify the clearings for 3 rows differently (4*3 = 12 columns) until the pattern repeats:
   *
   * A1, A2, A3,
   * A4, B1, B2,
   * B3, B4, C1,
   * C2, C3, C4,
   */
  .ce-gallery[data-ce-columns="4"] .ce-row:nth-child(3n+1) .ce-column:nth-child(1) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="4"] .ce-row:nth-child(3n+1) .ce-column:nth-child(4) {
    clear: left;
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="4"] .ce-row:nth-child(3n+2) .ce-column {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="4"] .ce-row:nth-child(3n+2) .ce-column:nth-child(3) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="4"] .ce-row:nth-child(3n+3) .ce-column {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="4"] .ce-row:nth-child(3n+3) .ce-column:nth-child(2) {
    clear: left;
  }
  /*
   * We need to clear some columns to make the gallery look good - since we have a 3 column grid consisting of 5 columns
   * each row we need to specify the clearings for 3 rows differently (3*5 = 15 columns) until the pattern repeats:
   *
   * A1, A2, A3,
   * A4, A5, B1,
   * B2, B3, B4,
   * B5, C1, C2,
   * C3, C4, C5
   */
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+1) .ce-column:nth-child(1) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+1) .ce-column:nth-child(4) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+1) .ce-column:nth-child(n+4) {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+2) .ce-column {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+2) .ce-column:nth-child(2) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+2) .ce-column:nth-child(4) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+3) .ce-column {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="5"] .ce-row:nth-child(3n+3) .ce-column:nth-child(3) {
    clear: left;
  }
  /*
   * Easy peasy for a 6 column grid - we just need to clear the first and fourth column
   *
   * A1, A2, A3,
   * A4, A5, A6,
   */
  .ce-gallery[data-ce-columns="6"] .ce-row .ce-column:nth-child(1) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="6"] .ce-row .ce-column:nth-child(4) {
    clear: left;
  }
  .ce-gallery[data-ce-columns="6"] .ce-row .ce-column:nth-child(n+4) {
    margin-top: 16px;
  }
  .ce-gallery[data-ce-columns="6"] .ce-row:nth-child(n+2) .ce-column {
    margin-top: 16px;
  }
}
@media (min-width: 62em) {
  .ce-gallery[data-ce-columns="2"] .ce-row,
.ce-gallery[data-ce-columns="3"] .ce-row,
.ce-gallery[data-ce-columns="4"] .ce-row,
.ce-gallery[data-ce-columns="5"] .ce-row,
.ce-gallery[data-ce-columns="6"] .ce-row {
    margin: 0 -12px;
  }
  .ce-gallery[data-ce-columns="2"] .ce-row:before, .ce-gallery[data-ce-columns="2"] .ce-row:after,
.ce-gallery[data-ce-columns="3"] .ce-row:before,
.ce-gallery[data-ce-columns="3"] .ce-row:after,
.ce-gallery[data-ce-columns="4"] .ce-row:before,
.ce-gallery[data-ce-columns="4"] .ce-row:after,
.ce-gallery[data-ce-columns="5"] .ce-row:before,
.ce-gallery[data-ce-columns="5"] .ce-row:after,
.ce-gallery[data-ce-columns="6"] .ce-row:before,
.ce-gallery[data-ce-columns="6"] .ce-row:after {
    content: " ";
    display: table;
  }
  .ce-gallery[data-ce-columns="2"] .ce-row:after,
.ce-gallery[data-ce-columns="3"] .ce-row:after,
.ce-gallery[data-ce-columns="4"] .ce-row:after,
.ce-gallery[data-ce-columns="5"] .ce-row:after,
.ce-gallery[data-ce-columns="6"] .ce-row:after {
    display: block;
    clear: both;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
  }
  .ce-gallery[data-ce-columns="2"] .ce-row + .ce-row,
.ce-gallery[data-ce-columns="3"] .ce-row + .ce-row,
.ce-gallery[data-ce-columns="4"] .ce-row + .ce-row,
.ce-gallery[data-ce-columns="5"] .ce-row + .ce-row,
.ce-gallery[data-ce-columns="6"] .ce-row + .ce-row {
    margin-top: 24px;
  }
  .ce-gallery[data-ce-columns="2"] .ce-column,
.ce-gallery[data-ce-columns="3"] .ce-column,
.ce-gallery[data-ce-columns="4"] .ce-column,
.ce-gallery[data-ce-columns="5"] .ce-column,
.ce-gallery[data-ce-columns="6"] .ce-column {
    padding: 0 12px;
  }
  .ce-gallery[data-ce-columns="4"] .ce-column {
    width: 25%;
  }
  .ce-gallery[data-ce-columns="5"] .ce-column {
    width: 20%;
  }
  .ce-gallery[data-ce-columns="6"] .ce-column {
    width: 16.66666667%;
  }
}
/*
 * Address component
 */
.tt_address_list {
  margin: 16px 0;
}

.address-table {
  min-width: 100%;
}
.address-table thead .email a,
.address-table thead .info a {
  display: block;
}
.address-table .name {
  width: 28%;
  min-width: 200px;
}
.address-table .email {
  width: 17%;
  min-width: 160px;
  white-space: nowrap;
}
.address-table .department {
  width: 15%;
  min-width: 75px;
}
.address-table .phone {
  width: 18%;
  white-space: nowrap;
}
.address-table .address {
  width: 10%;
  white-space: nowrap;
}
.address-table .link-email-plaintext + .link-email-gatekeeper {
  text-decoration: none;
  margin-left: 4px;
}

.ist_address_letters {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  min-width: 800px;
}

.ist_address_letters a {
  background: #006c66;
  color: #fff;
  padding: 8px 4px;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
  vertical-align: middle;
  border-right: 1px solid white;
  width: 3.7%;
}
.ist_address_letters a:hover, .ist_address_letters a:focus {
  background-color: #49494b;
}

.ist_address_letters a.act {
  width: 7.5%;
  padding: 10px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 0;
}

.address-list-search__input {
  display: block;
  width: 100%;
}
@media (min-width: 48em) {
  .address-list-search__input {
    display: inline-block;
    width: auto;
    min-width: 250px;
  }
}

.address-card {
  background: #f6f6f6;
  padding: 16px;
}
.address-card + .address-card {
  margin-top: 16px;
}
.frame--bg .address-card, .frame--boxed .address-card {
  background: white;
}

.address-card__img {
  display: block;
  width: 100%;
  height: auto;
}

.address-card__cnt-ct {
  margin-top: 16px;
}

.address-card__address {
  margin: 0;
}

.address-card__name {
  font-family: "Merriweather", serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  color: #006c66;
  margin: 36px 0 12px;
  word-break: break-word;
  margin-bottom: 16px;
}
@media (min-width: 48em) {
  .address-card__name {
    margin: 36px 0 20px;
  }
}
@media (min-width: 62em) {
  .address-card__name {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 20px;
  }
}

.address-card__more-lnk {
  margin: 16px 0 0;
}

.address-card__sec-ttl {
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  letter-spacing: 0;
  color: rgb(0, 0, 0);
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #555555;
  margin: 24px 0 8px;
}

.address-card__contact-list {
  margin: 8px 0;
  list-style-type: none;
  padding: 0;
}
.address-card__contact-list li {
  margin: 8px 0;
}

@media (min-width: 36em) {
  .address-card {
    display: flex;
    justify-content: space-between;
    padding: 25px;
  }
  .address-card__img-ct {
    width: calc(40% - 8px);
    margin-right: 16px;
  }
  .address-card__cnt-ct {
    width: calc(60% - 8px);
    margin-top: 0;
  }
  .address-card__name {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .address-card__img-ct {
    width: calc(30% - 12px);
    margin-right: 24px;
  }
  .address-card__cnt-ct {
    width: calc(70% - 12px);
  }
  .address-card__cnt {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
  }
  .address-card__cnt > div {
    width: calc(50% - 12px);
  }
  .address-card__sec-ttl {
    margin-top: 0;
  }
}
@media (min-width: 62em) {
  .address-card__img-ct {
    width: calc(20% - 12px);
  }
  .address-card__cnt-ct {
    width: calc(80% - 12px);
  }
  .address-card__cnt > div {
    flex: 1;
    width: calc(33.33% - 18px);
    min-width: 15em;
  }
}
.address-card-mini {
  max-width: 450px;
  margin-right: auto;
}
.address-card-mini + .address-card-mini {
  margin-top: 16px;
}

.address-card-mini__img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 200px;
  margin-right: auto;
}

.address-card-mini__cnt-ct {
  margin-top: 16px;
}

.address-card-mini__name {
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: #006c66;
  margin: 20px 0 10px 0;
  margin-bottom: 8px;
}
@media (min-width: 62em) {
  .address-card-mini__name {
    margin-bottom: 16px;
  }
}

.address-card-mini__contact-list {
  margin: 8px 0;
  list-style-type: none;
  padding: 0;
}
.address-card-mini__contact-list li {
  margin: 4px 0;
}

@media (min-width: 48em) {
  .address-card-mini.has-photo {
    display: flex;
    justify-content: space-between;
  }
  .address-card-mini.has-photo .address-card-mini__img-ct {
    width: calc(33.333% - 3px);
    margin-right: 6px;
  }
  .address-card-mini.has-photo .address-card-mini__cnt-ct {
    width: calc(66.666% - 3px);
    margin-top: 0;
  }
  .address-card-mini.has-photo .address-card-mini__name {
    margin-top: 0;
  }
  .address-card-mini.has-photo .link-mail {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.profile-page-header {
  background: #f6f6f6;
  padding: 16px;
}
.profile-page-header + .profile-page-header {
  margin-top: 16px;
}
.frame--bg .profile-page-header, .frame--boxed .profile-page-header {
  background: white;
}

.profile-page-header__img {
  display: block;
  width: 100%;
  max-width: 250px;
  height: auto;
  margin: 0 auto;
}

.profile-page-header__cnt-ct {
  margin-top: 16px;
}

.profile-page-header__ttl {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.profile-page-header__sec-ttl {
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  letter-spacing: 0;
  color: rgb(0, 0, 0);
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #555555;
  margin: 24px 0 8px;
}

.profile-page-header__contact-list {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.profile-page-header__contact-list li + li {
  margin-top: 8px;
}

@media (min-width: 36em) {
  .profile-page-header {
    display: flex;
    justify-content: space-between;
    padding: 25px;
  }
  .profile-page-header__img-ct {
    width: calc(40% - 16px);
    max-width: 200px;
    margin-right: 16px;
  }
  .profile-page-header__cnt-ct {
    flex: 1;
    margin-top: 0;
  }
  .profile-page-header__ttl {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .profile-page-header__img-ct {
    width: 180px;
    margin-right: 24px;
  }
  .profile-page-header__cnt {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
  }
  .profile-page-header__cnt > div {
    width: calc(50% - 12px);
  }
  .profile-page-header__sec-ttl {
    margin-top: 0;
  }
}
.spotlight-slider .swiper-button-next,
.spotlight-slider .swiper-button-prev {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.spotlight-slide {
  background-color: #006c66;
  height: auto;
}

.spotlight-slide__ttl-lnk,
.spotlight-slide__media-lnk,
.spotlight-slide__teaser-lnk {
  display: block;
  color: white !important;
  text-decoration: none !important;
}

.spotlight-slide__teaser-lnk {
  font-weight: 300;
}

.spotlight-slide__media-ct {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-bottom-width: 0;
}

.spotlight-slide__media {
  display: block;
  height: 25vh;
  min-height: 200px;
  max-height: 300px;
  width: 100%;
  object-fit: contain;
}

.spotlight-slide__cnt-ct {
  padding: 28px 32px 24px;
}

.spotlight-slide__ttl {
  font-family: "Merriweather", serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  color: #006c66;
  margin: 36px 0 12px;
  word-break: break-word;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}
@media (min-width: 48em) {
  .spotlight-slide__ttl {
    margin: 36px 0 20px;
  }
}
@media (min-width: 62em) {
  .spotlight-slide__ttl {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 20px;
  }
}

.spotlight-slide__teaser :first-child {
  margin-top: 0;
}
.spotlight-slide__teaser :last-child {
  margin-bottom: 0;
}

@media (min-width: 36em) {
  .spotlight-slide__media {
    height: 33vh;
    min-height: 300px;
    max-height: 450px;
  }
}
@media (min-width: 48em) {
  .spotlight-slide__cnt-ct {
    padding-bottom: 44px;
  }
  .spotlight-slide__ttl {
    margin-bottom: 8px !important;
  }
}
@media (min-width: 62em) {
  .spotlight-slide {
    display: flex;
  }
  .spotlight-slide__media-ct {
    width: 58.4%;
    height: auto;
    border-right-width: 0;
    border-bottom-width: 1px;
  }
  .spotlight-slide__ttl {
    margin-bottom: 16px !important;
  }
  .spotlight-slide__media-lnk {
    display: flex;
    height: 100%;
    margin: auto;
  }
  .spotlight-slide__media {
    margin: auto;
    height: auto;
    max-height: 40vh;
  }
  .spotlight-slide__cnt-ct {
    width: 41.6%;
    padding: 32px 25px;
  }
}
@media (min-width: 75em) {
  .spotlight-slide__media-ct {
    width: 68%;
  }
  .spotlight-slide__media {
    margin: auto;
    max-height: 430px;
  }
  .spotlight-slide__cnt-ct {
    width: 32%;
  }
}
.pages-menu {
  display: block;
  margin: 27px 0;
  padding: 0;
  list-style-type: none;
}

.pages-menu__entry {
  border-bottom: 1px solid #cccccc;
}
.pages-menu__entry.has-abstract .pages-menu__page-ttl {
  padding-bottom: 6px;
}
@media (min-width: 48em) {
  .pages-menu__entry.has-abstract .pages-menu__page-ttl {
    padding-bottom: 10px;
  }
}

.pages-menu__lnk {
  display: block;
}

.pages-menu__page-ttl {
  display: block;
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
  margin: 0 !important;
  padding: 20px 0;
}
@media (min-width: 62em) {
  .pages-menu__page-ttl {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
@media (min-width: 48em) {
  .pages-menu__page-ttl {
    padding: 24px 0;
  }
}

.pages-menu__page-abstract-cnt {
  display: block;
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  letter-spacing: 0;
  color: rgb(0, 0, 0);
  color: #000000;
}
.pages-menu__page-abstract-cnt > :first-child {
  margin-top: 0;
}
.pages-menu__page-abstract-cnt > :last-child {
  margin-bottom: 0;
}

.pages-menu__more-lnk {
  margin-top: 4px;
  padding: 4px 0 20px;
  text-decoration: none !important;
}
@media (min-width: 48em) {
  .pages-menu__more-lnk {
    padding: 4px 0 24px;
  }
}

/*
 * Big layout
 */
.pages-menu--layout-big .pages-menu__page-ttl {
  font-family: "Merriweather", serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  color: #006c66;
  margin: 36px 0 12px;
  word-break: break-word;
}
@media (min-width: 48em) {
  .pages-menu--layout-big .pages-menu__page-ttl {
    margin: 36px 0 20px;
  }
}
@media (min-width: 62em) {
  .pages-menu--layout-big .pages-menu__page-ttl {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 20px;
  }
}

/*
 * Sidebar layout
 */
.pages-menu--layout-sidebar .pages-menu__lnk {
  display: block;
  text-decoration: none;
  background-color: #777777;
  color: #fff;
  padding: 11px 10px 9px;
}
.pages-menu--layout-sidebar .pages-menu__lnk:hover, .pages-menu--layout-sidebar .pages-menu__lnk:focus {
  background-color: #777777;
  color: #eeeeee;
}
.pages-menu--layout-sidebar .pages-menu__lnk:active, .pages-menu--layout-sidebar .pages-menu__lnk.is-active {
  background-color: #aaaaaa;
}
.pages-menu--layout-sidebar .pages-menu__page-ttl {
  font-family: "Merriweather", serif;
  font-size: 15px;
  line-height: 22px;
  color: white;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.page-grid {
  display: block;
  margin: 27px 0;
  padding: 0;
  list-style-type: none;
}

@media (min-width: 0em) and (max-width: 47.9375em) {
  .page-grid__item + .page-grid__item {
    margin-top: 24px;
  }
}

.page-grid-item {
  border: 1px solid rgb(204, 204, 204);
  background: white;
  padding: 20px;
}

.page-grid-item__ttl {
  margin: 0 !important;
}

.page-grid-item__ttl-lnk {
  text-decoration: none;
}

.page-grid-item__abstract {
  margin-top: 12px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.page-grid-item__abstract p {
  margin: 0;
}
.page-grid-item__abstract.is-expanded {
  -webkit-line-clamp: unset;
}

.page-grid-item__abstract-toggle {
  display: none;
  margin-top: 24px;
}
.page-grid-item__abstract.has-overflow + .page-grid-item__abstract-toggle {
  display: inline-block;
}

.page-grid-item__more-button {
  display: block;
  margin-top: 8px;
  text-align: center;
}

@media (min-width: 48em) {
  .page-grid {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 24px 16px;
    align-items: stretch;
    justify-content: flex-start;
  }
  .page-grid__item {
    display: flex;
    width: calc(50% - 8px);
    flex-grow: 0;
    flex-direction: column;
  }
  .page-grid-item {
    flex: 1;
    padding: 24px;
  }
}
@media (min-width: 62em) {
  .page-grid {
    gap: 24px;
  }
  .page-grid__item {
    width: calc(33.33333% - 16px);
  }
}
.ce-uploads {
  margin: 27px 0;
}

.file-download {
  display: block;
  text-decoration: none;
}
.file-download.has-icon {
  position: relative;
  z-index: 1;
  padding-left: 30px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  letter-spacing: 0;
  min-height: 24px;
}

.file-download__icon {
  position: absolute;
  z-index: 2;
  font-size: 24px;
  top: 0;
  left: 0;
}

.file-download__name {
  display: block;
}

.file-download__size {
  display: block;
  color: #777777;
  font-size: 9px;
  line-height: 11px;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 2px;
}

.file-download__desc {
  display: block;
  font-size: 14px;
  line-height: 16px;
  font-weight: 300;
  margin-top: 4px;
  color: #777777;
  text-decoration: none;
}

.news-list-item {
  margin: 32px 0;
}
.news-list-item + .news-list-item {
  padding-top: 32px;
  border-top: 1px solid #cccccc;
}

.news-list-item__media-preview {
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  margin-bottom: 16px;
}

.news-list-item__media-lnk {
  display: flex;
  min-height: 100px;
}
.news-list-item__media-lnk img {
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}

.news-list-item__ttl {
  margin: 0;
}

.news-list-item__date {
  margin-top: 8px;
}

.news-list-item__teaser {
  margin-top: 16px;
}

.news-list-item__link {
  font-size: 0.875rem;
  font-weight: 600;
}

@media (min-width: 0em) and (max-width: 47.9375em) {
  .news-list-item.has-no-preview .news-list-item__media-preview {
    display: none;
  }
}
@media (min-width: 48em) {
  .news-list-item {
    display: flex;
  }
  .news-list-item__media-ct {
    flex: 1;
    padding-right: 8px;
  }
  .news-list-item__media-preview {
    margin-bottom: 0;
  }
  .news-list-item__media-lnk {
    min-height: 200px;
  }
  .news-list-item__cnt-ct {
    flex: 1;
    padding-left: 8px;
  }
}
@media (min-width: 62em) {
  .news-list-item__media-ct {
    flex: 1;
    padding-right: 12px;
  }
  .news-list-item__media-lnk {
    min-height: 245px;
  }
  .news-list-item__cnt-ct {
    flex: 2;
    padding-left: 12px;
  }
}
/*
 * Utils
 */
.news-date {
  color: #49494b;
  font-size: 12px;
  line-height: 16px;
  font-weight: 900;
  letter-spacing: 0.24px;
}
.news-date:before {
  display: inline-block;
  padding-right: 1px;
  font-size: 1.75em;
  transform: translateX(-2px) translateY(-8%);
}
h2 + .news-date {
  padding-top: 6px;
  margin-top: -12px;
  margin-bottom: 12px;
}
@media (min-width: 48em) {
  h2 + .news-date {
    padding-top: 8px;
    margin-top: -20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 62em) {
  h2 + .news-date {
    margin-top: -22px;
    margin-bottom: 27px;
  }
}

.news-single__hd-wrap {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
@media (min-width: 0em) {
  .news-single__hd-wrap {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .news-single__hd-wrap {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .news-single__hd-wrap {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .news-single__hd-wrap {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .news-single__hd-wrap {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .news-single__hd-wrap {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .news-single__hd-wrap {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .news-single__hd-wrap {
    padding-right: 40px;
  }
}

.news-single__hd-ct {
  max-width: 858px;
  margin-right: auto;
}

.news-single__ttl {
  margin-bottom: 14px;
}

.news-single__date {
  font-size: 12px;
  line-height: 16px;
  color: rgb(73, 73, 75);
  font-weight: 900;
  letter-spacing: 0.24px;
  margin: 8px 0;
}

.news-single__teaser {
  color: rgb(85, 85, 85);
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.2px;
  font-weight: bold;
  margin: 16px 0 24px;
}
@media (min-width: 48em) {
  .news-single__teaser {
    margin-bottom: 32px;
  }
}

/*
 * Publication list
 */
.publication-list {
  list-style-type: none;
  margin: 1.5em 0;
  padding: 0;
}

.publication-list__item {
  margin: 0;
  padding: 0 0 0;
}
.publication-list__item + .publication-list__item {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #e2e2e2;
}

/*
 * Publication item
 */
.publication {
  position: relative;
  z-index: 1;
  padding-left: 40px;
}

.publication__number {
  position: absolute;
  z-index: 2;
  left: 0;
  font-family: "Merriweather", serif;
  color: #006c66;
  font-size: 19px;
  font-weight: normal;
  line-height: 26px;
  width: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.publication__meta {
  margin-bottom: 12px;
}

.publication__type {
  display: inline-block;
  color: rgb(115, 115, 115);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.24px;
  font-weight: 900;
  margin-right: 8px;
  vertical-align: middle;
}

.publication__departments {
  vertical-align: baseline;
  display: inline-block;
}
.publication__departments .department-badge + .department-badge {
  margin-left: 4px;
}

.publication__authors {
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #555555;
}

.publication__description {
  margin-top: 4px;
}

.publication__details-ct {
  margin-top: 8px;
}

.publication__links {
  margin-top: 16px;
  margin-left: -8px;
}

.publication__link-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.publication__link-list:before, .publication__link-list:after {
  content: " ";
  display: table;
}
.publication__link-list:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

.publication__link-item {
  float: left;
  margin: 0;
  padding: 0;
}

.publication__link {
  display: block;
  padding: 8px;
  font-size: 14px;
  line-height: 18px;
}

@media (min-width: 0em) and (max-width: 35.9375em) {
  .publication {
    padding-left: 0;
  }
  .publication__number {
    position: static;
    width: auto;
    margin-bottom: 8px;
  }
}
@media (min-width: 48em) {
  .publication {
    padding-left: 98px;
  }
  .publication__number {
    width: 82px;
  }
}
@media (min-width: 62em) {
  .publication__link {
    padding: 4px 8px;
  }
}
.js-collapse-target {
  display: block;
}

.js-collapse-target-ct {
  overflow: visible;
  height: auto;
}
.js-collapse-target-ct.is-collapsed {
  overflow: hidden;
  height: 0;
}

.js-collapse-toggle {
  cursor: pointer;
}

.department .department-icon {
  float: left;
  margin-top: 1px;
  margin-right: 8px;
  min-width: 24px;
  text-align: center;
}
.department .department-label {
  display: block;
  overflow: hidden;
}

.department-icon {
  padding: 3px 4px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.24px;
  white-space: nowrap;
  color: white;
  font-weight: normal;
  vertical-align: middle;
}

/* Generate selectors for department specific icon background colors */
.department-icon--d1 {
  background-color: #a50d0f;
}

.department-icon--d2 {
  background-color: #db6413;
}

.department-icon--d3 {
  background-color: #758e25;
}

.department-icon--d4 {
  background-color: #0d82a1;
}

.department-icon--d5 {
  background-color: #87136e;
}

.department-icon--d6 {
  background-color: #03325d;
}

.department-icon--bio {
  background-color: #2f6829;
}

.department-icon--rg1 {
  background-color: #f0b006;
}

.department-icon--rg2 {
  background-color: #d7390b;
}

.department-icon--rg3 {
  background-color: #5aa1a8;
}

.department-icon--former {
  background-color: #C0C0C0;
}

.department-badge {
  display: inline-block;
  border-radius: 3px;
  background-color: #49494b;
  padding: 2px 6px;
  white-space: nowrap;
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.24px;
  line-height: 16px;
}

/* Generate selectors for department specific badge background colors */
.department-badge--d1 {
  background-color: #a50d0f;
}

.department-badge--d2 {
  background-color: #db6413;
}

.department-badge--d3 {
  background-color: #758e25;
}

.department-badge--d4 {
  background-color: #0d82a1;
}

.department-badge--d5 {
  background-color: #87136e;
}

.department-badge--d6 {
  background-color: #03325d;
}

.department-badge--bio {
  background-color: #2f6829;
}

.department-badge--rg1 {
  background-color: #f0b006;
}

.department-badge--rg2 {
  background-color: #d7390b;
}

.department-badge--rg3 {
  background-color: #5aa1a8;
}

.department-badge--former {
  background-color: #C0C0C0;
}

.department-header {
  background-color: #777777;
  color: white;
  padding: 16px 12px;
  margin: 48px 0 16px;
}

.department-header__number {
  float: left;
  margin-top: 1px;
  padding: 3px 4px;
  font-size: 14px;
  line-height: 20px;
  min-width: 26px;
  height: 26px;
  background: white;
  margin-right: 8px;
  color: #C0C0C0;
  text-align: center;
  letter-spacing: 0.24px;
  white-space: nowrap;
  font-weight: bold;
  vertical-align: middle;
}

.department-header__title {
  margin: 0;
  color: white;
  overflow: hidden;
}

.department-header__director {
  margin-top: 4px;
}

.department-header__number a,
.department-header__title a,
.department-header__director a {
  display: block;
  text-decoration: none !important;
}

.department-header__title a,
.department-header__director a {
  color: white;
}

@media (min-width: 48em) {
  .department-header {
    padding: 26px 12px;
    margin-top: 64px;
  }
}
/* Generate selectors for department specific header background colors */
.department-header--d1 {
  background-color: #a50d0f;
}
.department-header--d1 .department-header__number,
.department-header--d1 .department-header__number a {
  color: #a50d0f;
}

.department-header--d2 {
  background-color: #db6413;
}
.department-header--d2 .department-header__number,
.department-header--d2 .department-header__number a {
  color: #db6413;
}

.department-header--d3 {
  background-color: #758e25;
}
.department-header--d3 .department-header__number,
.department-header--d3 .department-header__number a {
  color: #758e25;
}

.department-header--d4 {
  background-color: #0d82a1;
}
.department-header--d4 .department-header__number,
.department-header--d4 .department-header__number a {
  color: #0d82a1;
}

.department-header--d5 {
  background-color: #87136e;
}
.department-header--d5 .department-header__number,
.department-header--d5 .department-header__number a {
  color: #87136e;
}

.department-header--d6 {
  background-color: #03325d;
}
.department-header--d6 .department-header__number,
.department-header--d6 .department-header__number a {
  color: #03325d;
}

.department-header--bio {
  background-color: #2f6829;
}
.department-header--bio .department-header__number,
.department-header--bio .department-header__number a {
  color: #2f6829;
}

.department-header--rg1 {
  background-color: #f0b006;
}
.department-header--rg1 .department-header__number,
.department-header--rg1 .department-header__number a {
  color: #f0b006;
}

.department-header--rg2 {
  background-color: #d7390b;
}
.department-header--rg2 .department-header__number,
.department-header--rg2 .department-header__number a {
  color: #d7390b;
}

.department-header--rg3 {
  background-color: #5aa1a8;
}
.department-header--rg3 .department-header__number,
.department-header--rg3 .department-header__number a {
  color: #5aa1a8;
}

.department-header--former {
  background-color: #C0C0C0;
}
.department-header--former .department-header__number,
.department-header--former .department-header__number a {
  color: #C0C0C0;
}

.department-header--former {
  margin-top: 24px !important;
}

/*
 * Legacy code
 * TODO can be deleted once the department page has been fully migrated
 */
.box_header.department_overview {
  padding-left: 0;
  background-repeat: no-repeat;
}
.box_header.department_overview a {
  color: white;
}

.box_header.department_overview h1 {
  padding: 0 0 8px 0;
}

.box_header.department_overview .department_number {
  display: table-cell;
  font-size: 30px;
  height: 86px;
  text-align: center;
  vertical-align: middle;
  width: 86px;
  color: white;
}

.box_header.department_overview .department_title {
  display: table-cell;
  height: 86px;
  vertical-align: middle;
  padding-left: 8px;
  font-size: 16px;
}

.box_header.department_overview a.department_header {
  text-decoration: none;
}

.box_content.department_overview table td:first-child + td {
  width: 30%;
}

/*
 <div class="department-overview">
    <div class="department-overview-item department-overview-item--d1">
        <div class="department-overview-item__number">
            D1
        </div>
        <h3 class="department-overview-item__title">
            <a href="/departments/algorithms-complexity">
                Algorithms and Complexity
            </a>
        </h3>
        <div class="department-overview-item__director">
            Prof. Danupon Nanongkai, Ph.D. (Designated Director)
        </div>
    </div>
 */
.department-overview-item__number {
  color: #777777;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  padding-bottom: 8px;
  border-bottom: 3px solid #777777;
  margin-bottom: 11px;
}

/* Generate selectors for department specific colors */
.department-overview-item--d1 .department-overview-item__number {
  color: #a50d0f;
  border-bottom-color: #a50d0f;
}

.department-overview-item--d2 .department-overview-item__number {
  color: #db6413;
  border-bottom-color: #db6413;
}

.department-overview-item--d3 .department-overview-item__number {
  color: #758e25;
  border-bottom-color: #758e25;
}

.department-overview-item--d4 .department-overview-item__number {
  color: #0d82a1;
  border-bottom-color: #0d82a1;
}

.department-overview-item--d5 .department-overview-item__number {
  color: #87136e;
  border-bottom-color: #87136e;
}

.department-overview-item--d6 .department-overview-item__number {
  color: #03325d;
  border-bottom-color: #03325d;
}

.department-overview-item--bio .department-overview-item__number {
  color: #2f6829;
  border-bottom-color: #2f6829;
}

.department-overview-item--rg1 .department-overview-item__number {
  color: #f0b006;
  border-bottom-color: #f0b006;
}

.department-overview-item--rg2 .department-overview-item__number {
  color: #d7390b;
  border-bottom-color: #d7390b;
}

.department-overview-item--rg3 .department-overview-item__number {
  color: #5aa1a8;
  border-bottom-color: #5aa1a8;
}

.department-overview-item--former .department-overview-item__number {
  color: #C0C0C0;
  border-bottom-color: #C0C0C0;
}

.department-overview-item__title {
  margin: 0 !important;
}
.page.layout--3 .site__main .content .department-overview-item__title {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
}
@media (min-width: 62em) {
  .page.layout--3 .site__main .content .department-overview-item__title {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.department-overview-item__title a {
  display: block;
  text-decoration: none;
}

.department-overview-item__director {
  margin-top: 6px;
}

@media (min-width: 0em) and (max-width: 47.9375em) {
  .department-overview-item + .department-overview-item {
    margin-top: 16px;
  }
}
@media (min-width: 48em) {
  .department-overview {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
  }
  .department-overview-item {
    width: calc(50% - 8px);
  }
}
@media (min-width: 62em) {
  .department-overview {
    gap: 32px;
  }
  .department-overview-item {
    width: calc(33.3333% - 21.3333333333px);
  }
}
/*
 * Pagination
 */
@media (min-width: 0em) {
  .pagination-ct {
    margin-left: -15px;
  }
}
@media (min-width: 36em) {
  .pagination-ct {
    margin-left: -16px;
  }
}
@media (min-width: 62em) {
  .pagination-ct {
    margin-left: -32px;
  }
}
@media (min-width: 75em) {
  .pagination-ct {
    margin-left: -40px;
  }
}
@media (min-width: 0em) {
  .pagination-ct {
    margin-right: -15px;
  }
}
@media (min-width: 36em) {
  .pagination-ct {
    margin-right: -16px;
  }
}
@media (min-width: 62em) {
  .pagination-ct {
    margin-right: -32px;
  }
}
@media (min-width: 75em) {
  .pagination-ct {
    margin-right: -40px;
  }
}

.pagination {
  display: flex;
  list-style-type: none;
  margin: 20px auto;
  padding: 0;
  justify-content: center;
  align-items: center;
}

.pagination-item {
  display: block;
  flex: 1;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0;
  font-weight: 300;
  max-width: 60px;
}
.pagination-item a {
  display: block;
  padding: 8px 0;
  text-align: center;
  text-decoration: none;
}
.pagination-item + .pagination-item {
  position: relative;
  z-index: 1;
}
.pagination-item + .pagination-item:before {
  position: absolute;
  content: "";
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 1px;
  background: #006c66;
}

.pagination-item--first:before,
.pagination-item--next:before {
  display: none;
}

.pagination-item--previous + .pagination-item--truncated:before {
  display: none;
}

.pagination-item--truncated,
.pagination-item--current {
  text-align: center;
  color: #006c66;
}
.pagination-item--truncated span,
.pagination-item--current span {
  display: block;
  padding: 8px 0;
  cursor: default;
}

.pagination-item--current a, .pagination-item--current span {
  font-weight: bold;
}

@media (min-width: 0em) and (max-width: 47.9375em) {
  .pagination.is-truncated-start .is-start-outermost, .pagination.is-truncated-end .is-end-outermost {
    display: none;
  }
}
@media (min-width: 62em) {
  .pagination {
    margin: 32px 0;
  }
  .pagination-item {
    flex-grow: 0;
    max-width: none;
    min-width: 2.25em;
  }
  .pagination-item a {
    padding: 4px;
  }
  .pagination-item--truncated span {
    padding: 4px;
  }
}
.dep--d2 .frame--bg .ce-gallery figure {
  background: white;
}
.dep--d2 .frame--bg .ce-gallery figcaption {
  border-top: 1px solid #f6f6f6;
}

/*
 * Base styles for the Home (3) and Department home (5) layouts
 */
.page.layout--3 .site-header,
.page.layout--5 .site-header {
  margin-bottom: 0;
}
.page.layout--3 .site__main,
.page.layout--5 .site__main {
  /* We need to reset the headline color to white for the textpic content element in 'slide' mode */
}
.page.layout--3 .site__main .content h2,
.page.layout--5 .site__main .content h2 {
  font-family: "Merriweather", serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: normal;
  color: #006c66;
  margin: 0 0 20px 0;
  word-break: break-word;
  margin-top: 40px;
}
@media (min-width: 48em) {
  .page.layout--3 .site__main .content h2,
.page.layout--5 .site__main .content h2 {
    margin-bottom: 36px;
  }
}
@media (min-width: 62em) {
  .page.layout--3 .site__main .content h2,
.page.layout--5 .site__main .content h2 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
.page.layout--3 .site__main .content h3,
.page.layout--5 .site__main .content h3 {
  font-family: "Merriweather", serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: normal;
  color: #006c66;
  margin: 36px 0 12px;
  word-break: break-word;
}
@media (min-width: 48em) {
  .page.layout--3 .site__main .content h3,
.page.layout--5 .site__main .content h3 {
    margin: 36px 0 20px;
  }
}
@media (min-width: 62em) {
  .page.layout--3 .site__main .content h3,
.page.layout--5 .site__main .content h3 {
    font-size: 24px;
    line-height: 32px;
    margin: 40px 0 20px;
  }
}
.page.layout--3 .site__main .content h4,
.page.layout--5 .site__main .content h4 {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
}
@media (min-width: 62em) {
  .page.layout--3 .site__main .content h4,
.page.layout--5 .site__main .content h4 {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.page.layout--3 .site__main .content h5,
.page.layout--5 .site__main .content h5 {
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: #006c66;
  margin: 20px 0 10px 0;
}
@media (min-width: 62em) {
  .page.layout--3 .site__main .content h5,
.page.layout--5 .site__main .content h5 {
    margin-bottom: 16px;
  }
}
.page.layout--3 .site__main .content h6,
.page.layout--5 .site__main .content h6 {
  font-family: "Merriweather", serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  color: #006c66;
  margin: 14px 0 10px 0;
}
@media (min-width: 62em) {
  .page.layout--3 .site__main .content h6,
.page.layout--5 .site__main .content h6 {
    margin-bottom: 16px;
  }
}
.page.layout--3 .site__main .content--textpic.content--layout-10 h1, .page.layout--3 .site__main .content--textpic.content--layout-10 h2, .page.layout--3 .site__main .content--textpic.content--layout-10 h3, .page.layout--3 .site__main .content--textpic.content--layout-10 h4, .page.layout--3 .site__main .content--textpic.content--layout-10 h5, .page.layout--3 .site__main .content--textpic.content--layout-10 h6,
.page.layout--5 .site__main .content--textpic.content--layout-10 h1,
.page.layout--5 .site__main .content--textpic.content--layout-10 h2,
.page.layout--5 .site__main .content--textpic.content--layout-10 h3,
.page.layout--5 .site__main .content--textpic.content--layout-10 h4,
.page.layout--5 .site__main .content--textpic.content--layout-10 h5,
.page.layout--5 .site__main .content--textpic.content--layout-10 h6 {
  color: white;
}
.page.layout--3 .site__main > .content.frame--bg, .page.layout--3 .site__main > .content.frame--bg-boxed,
.page.layout--5 .site__main > .content.frame--bg,
.page.layout--5 .site__main > .content.frame--bg-boxed {
  margin-top: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
}
.page.layout--3 .site__main > .content.frame--bg + .frame--bg,
.page.layout--3 .site__main > .content.frame--bg + .frame--bg-boxed, .page.layout--3 .site__main > .content.frame--bg-boxed + .frame--bg,
.page.layout--3 .site__main > .content.frame--bg-boxed + .frame--bg-boxed,
.page.layout--5 .site__main > .content.frame--bg + .frame--bg,
.page.layout--5 .site__main > .content.frame--bg + .frame--bg-boxed,
.page.layout--5 .site__main > .content.frame--bg-boxed + .frame--bg,
.page.layout--5 .site__main > .content.frame--bg-boxed + .frame--bg-boxed {
  margin-top: 0;
  padding-top: 0;
}
.page.layout--3 .site__main .content__wrap,
.page.layout--5 .site__main .content__wrap {
  max-width: none;
  margin-left: auto;
}
.page.layout--3 .content--image.content--layout-10,
.page.layout--5 .content--image.content--layout-10 {
  padding: 0 !important;
  margin: 0 !important;
  background-color: #333;
}
.page.layout--3 .content--image.content--layout-10 .content__ct,
.page.layout--5 .content--image.content--layout-10 .content__ct {
  max-width: 1280px;
}
.page.layout--3 .content--image.content--layout-10 + .content--text.content--layout-11,
.page.layout--5 .content--image.content--layout-10 + .content--text.content--layout-11 {
  margin-top: 0 !important;
}
@media (min-width: 48em) {
  .page.layout--3 .site__main > .content.frame--bg, .page.layout--3 .site__main > .content.frame--bg-boxed,
.page.layout--5 .site__main > .content.frame--bg,
.page.layout--5 .site__main > .content.frame--bg-boxed {
    margin-top: 64px;
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .page.layout--3 .site__main .content h2,
.page.layout--5 .site__main .content h2 {
    margin-top: 64px;
  }
}
@media (min-width: 62em) {
  .page.layout--3 .site__main > .content.frame--bg, .page.layout--3 .site__main > .content.frame--bg-boxed,
.page.layout--5 .site__main > .content.frame--bg,
.page.layout--5 .site__main > .content.frame--bg-boxed {
    margin-top: 80px;
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .page.layout--3 .site__main .content h2,
.page.layout--5 .site__main .content h2 {
    margin-top: 80px;
  }
}

/*
 * Home (3) layout
 */
.page.layout--3 .site__main .content .link-more {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  font-family: "Merriweather", serif;
  color: rgb(255, 255, 255);
  background: #006c66;
  font-weight: 300;
  padding: 6px 16px;
  outline: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-decoration: none;
}
.page.layout--3 .site__main .content .link-more:hover, .page.layout--3 .site__main .content .link-more:active, .page.layout--3 .site__main .content .link-more:focus {
  color: rgb(255, 255, 255);
  background: #49494b;
}
.page.layout--3 .site__main .content--text.content--layout-11 .truncated-teaser {
  position: relative;
  z-index: 1;
  max-height: 8.2em;
  overflow: hidden;
  text-align: justify;
}
.page.layout--3 .site__main .content--text.content--layout-11 .truncated-teaser:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.5em;
  background: white;
  background: linear-gradient(0deg, white 0%, white 20%, rgba(255, 255, 255, 0.5) 75%, rgba(255, 255, 255, 0) 100%);
}
.page.layout--3 .site__main .content--text.content--layout-11.frame--bg .truncated-teaser:after, .page.layout--3 .site__main .content--text.content--layout-11.frame--bg-boxed .truncated-teaser:after {
  background: #f6f6f6;
  background: linear-gradient(0deg, #f6f6f6 0%, #f6f6f6 20%, rgba(246, 246, 246, 0.5) 75%, rgba(246, 246, 246, 0) 100%);
}

.page.layout--4 .content__wrap {
  max-width: none;
}
.page.layout--4 .breadcrumb {
  display: none !important;
}
@media (min-width: 0em) and (max-width: 47.9375em) {
  .page.layout--4 .site-header {
    margin-bottom: 0 !important;
  }
  .page.layout--4 .site__main .tx-solr-search-form {
    margin-left: -15px;
    margin-right: -15px;
    border-bottom: 1px solid #e2e2e2;
  }
}
@media (min-width: 36em) and (max-width: 47.9375em) {
  .page.layout--4 .site__main .tx-solr-search-form {
    margin-left: -16px;
    margin-right: -16px;
  }
}

.software-list {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
@media (min-width: 0em) {
  .software-list {
    padding-left: 15px;
  }
}
@media (min-width: 36em) {
  .software-list {
    padding-left: 16px;
  }
}
@media (min-width: 62em) {
  .software-list {
    padding-left: 32px;
  }
}
@media (min-width: 75em) {
  .software-list {
    padding-left: 40px;
  }
}
@media (min-width: 0em) {
  .software-list {
    padding-right: 15px;
  }
}
@media (min-width: 36em) {
  .software-list {
    padding-right: 16px;
  }
}
@media (min-width: 62em) {
  .software-list {
    padding-right: 32px;
  }
}
@media (min-width: 75em) {
  .software-list {
    padding-right: 40px;
  }
}
.software-list .ce-textpic {
  margin: 0;
}
.software-list .content {
  padding: 0;
}
.software-list .content + .content {
  margin-top: 16px;
}
.software-list .content__ct {
  border: 1px solid #cccccc;
  background: #f6f6f6;
}
.software-list .content__hd {
  padding: 16px 24px;
  background: white;
}
.software-list .content__ttl {
  font-family: "Merriweather", serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: normal;
  color: #006c66;
  margin: 0 0 20px 0;
  word-break: break-word;
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-weight: normal;
  margin: 0 !important;
  text-align: center;
  color: #333333;
}
@media (min-width: 48em) {
  .software-list .content__ttl {
    margin-bottom: 36px;
  }
}
@media (min-width: 62em) {
  .software-list .content__ttl {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
.software-list .content__bd {
  padding: 24px;
}
.software-list .ce-gallery + .ce-bodytext,
.software-list .ce-bodytext + .ce-gallery {
  margin-top: 24px;
}
.software-list .ce-above > .ce-gallery,
.software-list .ce-below > .ce-gallery {
  float: none;
  padding: 24px;
  background: white;
}
.software-list .has-no-header .ce-above .ce-gallery {
  margin: -24px -24px 0 !important;
  padding: 16px 24px;
  background: white;
}
.software-list .ce-bodytext :first-child {
  margin-top: 0;
}
.software-list .ce-bodytext :last-child {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .software-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
  }
  .software-list .content {
    width: 50%;
  }
  .software-list .content:nth-child(2) {
    margin-top: 0;
  }
  .software-list .content__ct {
    height: 100%;
  }
  .software-list .content__hd {
    display: flex;
    padding: 12px 24px;
    min-height: 100px;
    align-items: center;
    justify-content: center;
  }
  .software-list .has-no-header .ce-above .ce-gallery {
    display: flex;
    padding: 12px 24px;
    min-height: 100px;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 48em) and (max-width: 61.9375em) {
  .software-list .content:nth-child(even) {
    padding-left: 8px;
  }
  .software-list .content:nth-child(odd) {
    padding-right: 8px;
  }
}
@media (min-width: 62em) {
  .software-list .content {
    width: 33.3333%;
  }
  .software-list .content:nth-child(3) {
    margin-top: 0;
  }
  .software-list .content:nth-child(3n+1) {
    padding-right: 12px;
  }
  .software-list .content:nth-child(3n+2) {
    padding-left: 12px;
    padding-right: 12px;
  }
  .software-list .content:nth-child(3n+3) {
    padding-left: 12px;
  }
  .software-list .content:nth-child(n+4) {
    margin-top: 24px;
  }
}
.user-homepage-header {
  background: #f6f6f6;
  padding: 16px;
}
.frame--bg .user-homepage-header, .frame--boxed .user-homepage-header {
  background: white;
}
.user-homepage-header .content {
  background: transparent;
  padding: 0 !important;
}

.user-homepage-header__left .content__bd > :first-child {
  margin-top: 0;
}
.user-homepage-header__left img {
  display: block;
  width: 100%;
  max-width: 250px;
  height: auto;
  margin: 0 auto;
}

.user-homepage-header__right {
  margin-top: 16px;
}
.user-homepage-header__right .content__bd > :last-child {
  margin-bottom: 0;
}
.user-homepage-header__right .tt_address_list {
  margin-top: 0;
}
.user-homepage-header__right .tt_address_single .description h2 {
  display: block;
  float: none;
  margin: 0 0 16px !important;
}
.user-homepage-header__right .tt_address_single dt {
  width: 4.5em;
  margin: 0;
}
.user-homepage-header__right .tt_address_single dd {
  margin-left: 5.5em;
  padding: 0;
}
.user-homepage-header__right .tt_address_single dd address {
  margin: 0;
}
.user-homepage-header__right .tt_address_single dt + dd + dt {
  margin-top: 8px;
}
.user-homepage-header__right .tt_address_single dt + dd + dt + dd {
  margin-top: 8px;
}

.user-homepage-header__ttl {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.user-homepage-header__sec-ttl {
  font-family: "Roboto", "Tahoma", Arial, sans-serif;
  font-size: 16px;
  line-height: 27px;
  font-weight: 300;
  letter-spacing: 0;
  color: rgb(0, 0, 0);
  font-weight: bold;
  letter-spacing: 0.2px;
  color: #555555;
  margin: 24px 0 8px;
}

.user-homepage-header__contact-list {
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.user-homepage-header__contact-list li + li {
  margin-top: 8px;
}

@media (min-width: 36em) {
  .user-homepage-header {
    display: flex;
    justify-content: space-between;
    padding: 25px;
  }
  .user-homepage-header__left .content__bd > :first-child,
.user-homepage-header__right .content__bd > :first-child {
    margin-top: 0;
  }
  .user-homepage-header__left .content__bd > :last-child,
.user-homepage-header__right .content__bd > :last-child {
    margin-bottom: 0;
  }
  .user-homepage-header__left {
    width: calc(40% - 16px);
    max-width: 180px;
    margin-right: 16px;
  }
  .user-homepage-header__right {
    flex: 1;
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .user-homepage-header__left {
    width: 180px;
    margin-right: 24px;
  }
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */
@media all {
  /**
  * @section Float Handling Module
  */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .ym-clearfix:before {
    content: "";
    display: table;
  }
  .ym-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  /* (en) alternative solutions to contain floats */
  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
  .ym-contain-dt {
    display: table;
    width: 100%;
    overflow: visible;
  }
  .ym-contain-oh {
    overflow: hidden;
    width: 100%;
    display: block;
  }
  .ym-contain-fl {
    float: left;
    width: 100%;
  }
  /**
  * @section Accessibility Module
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .ym-skip,
.ym-hideme,
.ym-print {
    position: absolute;
    top: -32768px;
    left: -32768px; /* LTR */
  }
  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .ym-skip:focus,
.ym-skip:active {
    position: static;
    top: 0;
    left: 0;
  }
  /* skiplinks:technical setup */
  .ym-skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .ym-skiplinks .ym-skip:focus,
.ym-skiplinks .ym-skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }
}
@media screen, projection {
  /**
  * @section Column Module
  *
  * default column config:
  * |-------------------------------|
  * | col1    | col3      | col2    |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */
  .ym-column {
    display: table;
    width: 100%;
  }
  .ym-col1 {
    float: left;
    width: 20%;
  }
  .ym-col2 {
    float: right;
    width: 20%;
  }
  .ym-col3 {
    width: auto;
    margin: 0 20%;
  }
  .ym-cbox {
    padding: 0 10px;
  }
  .ym-cbox-left {
    padding: 0 10px 0 0;
  }
  .ym-cbox-right {
    padding: 0 0 0 10px;
  }
  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  .ym-ie-clearing {
    display: none;
  }
  /**
  * @section Grid Module
  *
  */
  .ym-grid {
    display: table;
    width: 100%;
    table-layout: fixed;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .ym-gl {
    float: left;
    margin: 0;
  }
  .ym-gr {
    float: right;
    margin: 0 0 0 -5px;
  }
  .ym-g20 {
    width: 20%;
  }
  .ym-g40 {
    width: 40%;
  }
  .ym-g60 {
    width: 60%;
  }
  .ym-g80 {
    width: 80%;
  }
  .ym-g25 {
    width: 25%;
  }
  .ym-g33 {
    width: 33.333%;
  }
  .ym-g50 {
    width: 50%;
  }
  .ym-g66 {
    width: 66.666%;
  }
  .ym-g75 {
    width: 75%;
  }
  .ym-g38 {
    width: 38.2%;
  }
  .ym-g62 {
    width: 61.8%;
  }
  .ym-gbox {
    padding: 0 3px;
  }
  .ym-gbox-left {
    padding: 0 7px 0 0;
  }
  .ym-gbox-right {
    padding: 0 0 0 7px;
  }
  .ym-equalize {
    overflow: hidden;
  }
  .ym-equalize > [class*=ym-g] {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top;
  }
  .ym-equalize > [class*=ym-g] > [class*=ym-gbox] {
    padding-bottom: 10000px;
    margin-bottom: -10000px;
  }
}
@media all {
  /**
  * @section Form Module
  *
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | form                          |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /form                         |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  */
  .ym-form,
.ym-form fieldset {
    overflow: hidden;
  }
  .ym-form div {
    position: relative;
  }
  .ym-form label,
.ym-form .ym-message {
    position: relative;
    display: block; /* important for Safari */
  }
  .ym-form .ym-fbox-check label {
    display: inline;
  }
  .ym-form input,
.ym-form textarea {
    cursor: text;
  }
  .ym-form input[type=checkbox],
.ym-form input[type=radio],
.ym-form select,
.ym-form label {
    cursor: pointer;
  }
  /* small adjustments for Internet Explorer - all versions */
  .ym-form textarea {
    overflow: auto;
  }
  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .ym-form input[type=hidden] {
    display: none !important;
  }
  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .ym-form .ym-fbox-text:before,
.ym-form .ym-fbox-select:before,
.ym-form .ym-fbox-check:before,
.ym-form .ym-fbox-button:before {
    content: "";
    display: table;
  }
  .ym-form .ym-fbox-text:after,
.ym-form .ym-fbox-select:after,
.ym-form .ym-fbox-check:after,
.ym-form .ym-fbox-button:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .ym-form select,
.ym-form input,
.ym-form textarea {
    display: block;
    position: relative;
    width: 58.5%;
  }
  .ym-form .ym-fbox-check input {
    display: inline;
    width: auto;
  }
  /* Styling of buttons | Gestaltung von Buttons */
  .ym-form .ym-fbox-button input {
    display: inline;
    overflow: visible; /* Fixes IE7 auto-padding bug */
    width: auto;
  }
  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .ym-form .ym-fbox-check input:focus,
.ym-form .ym-fbox-check input:hover,
.ym-form .ym-fbox-check input:active {
    border: 0 none;
  }
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-full .ym-fbox-select select,
.ym-full .ym-fbox-text input,
.ym-full .ym-fbox-text textarea {
    width: 94.2%;
    margin-right: -3px;
  }
  /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | form                                      |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /form                                     |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  */
  /* Columnar display | Spalten-Darstellung */
  .ym-columnar .ym-fbox-text label,
.ym-columnar .ym-fbox-select label {
    display: inline;
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }
  .ym-columnar .ym-fbox-check {
    position: relative;
  }
  .ym-label {
    display: block;
  }
  .ym-columnar .ym-fbox-check .ym-label {
    position: absolute;
    top: 0;
  }
  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .ym-columnar .ym-fbox-check input,
.ym-columnar .ym-error .ym-message {
    margin-left: 30%;
  }
  /* global and local columnar settings for button alignment */
  .ym-columnar fieldset .ym-fbox-button,
fieldset.ym-columnar .ym-fbox-button {
    padding-left: 30%;
  }
  .ym-columnar .ym-fbox-select select,
.ym-columnar .ym-fbox-text input,
.ym-columnar .ym-fbox-text textarea {
    float: left;
    width: 67.2%;
    margin-right: -3px;
  }
  /**
  * @section Form Construction Kit | Screen Adjustments
  *
  */
  .ym-fbox-select select {
    width: 60%;
  }
  .ym-full .ym-fbox-select select {
    width: 94.8%;
  }
  .ym-columnar .ym-fbox-select select {
    width: 68.8%;
  }
}
@media print {
  /**
  * @section print adjustments for core modules
  *
  * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
  * (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */
  .ym-grid > .ym-gl,
.ym-grid > .ym-gr {
    overflow: visible;
    display: table;
  }
  /* (en) make .ym-print class visible */
  /* (de) .ym-print-Klasse sichtbar schalten */
  .ym-print {
    position: static;
    left: 0;
  }
  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .ym-noprint {
    display: none !important;
  }
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0.2
 * @revision        $Revision: 743 $
 * @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */
@media screen {
  .ym-wbox {
    padding: 0;
    position: relative;
    background-color: #e6e6e6;
    z-index: 0;
  }
  /* Column-Set Configuration: 1-3 (sidebar right) */
  .ym-column {
    display: block;
    overflow: hidden;
    width: auto;
  }
  .ym-col1 {
    position: relative;
    float: left;
    width: 270px;
  }
  .ym-col3 {
    position: relative;
    margin: 0 0 0 280px;
  }
  .ym-col1 .ym-cbox {
    padding: 0;
  }
  .ym-col3 .ym-cbox {
    padding: 0;
    float: left;
    width: 100%;
  }
  /* skip links styling */
  .ym-skiplinks a.ym-skip:focus,
.ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }
  .ym-grid .box {
    margin: 0 0 20px 0;
  }
  .ym-grid .box_no_dist {
    margin: 0 0 0 0;
  }
  .ym-gbox {
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .ym-gbox.box_fixed_height {
    min-height: 200px;
    height: auto !important;
    height: 200px;
  }
  .box_content .morelink {
    margin-top: 60px;
    text-align: right;
  }
  .box_content .morelink a {
    text-decoration: none;
    background: rgba(84, 84, 84, 0.45);
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
  }
  .box_content .imagebox {
    text-align: center;
    margin: 0 auto;
  }
  .box_content .imagebox img {
    border: 1px solid #ddd;
  }
  .image-embed-item {
    max-width: 100%;
    height: auto;
  }
  .box_content dl.special_format {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
    /*border-top:1px solid #bcbcbc;*/
    width: 100%;
  }
  .box_content dl.special_format + dl.special_format {
    border-top: 1px solid #bcbcbc;
  }
  .box_content dl.special_format dt {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 160%;
    font-weight: normal;
    /*line-height:60px;*/
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
  }
  .box_content dl.special_format dt.ym-g33 {
    width: 25%;
    padding-left: 8.333%;
    background-image: url("../Images/Legacy/bg_dl_std.gif");
    background-repeat: no-repeat;
    background-position: 15px center;
  }
  .box_content dl.special_format dd {
    margin: 0;
    /*padding-top:8px;*/
  }
  .box_content dl.special_format dd p {
    margin: 10px;
  }
  .box_content dl.special_format:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
  }
  hr.clearer,
hr.clearright,
hr.clearleft {
    color: #fff;
    background: #fff;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 1px #fff solid;
  }
  .clearer {
    clear: both;
  }
  .clearright {
    clear: right;
  }
  .clearleft {
    clear: left;
  }
}
@media screen and (max-width: 1150px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1
  .linearize-level-1,*/
  .linearize-level-1 > [class*=ym-g],
.linearize-level-1 > [class*=ym-col] {
    /* width: 50% !important; */
  }
  .linearize-level-1 > [class*=ym-g] > [class*=ym-gbox],
.linearize-level-1 > [class*=ym-col] > [class*=ym-cbox] {
    overflow: hidden; /* optional for containing floats */
  }
  .ym-searchform {
    display: block;
    float: none;
    width: auto;
    padding-right: 10px;
    text-align: right;
  }
  .ym-searchform input[type=search] {
    width: 14%;
  }
}
@media screen and (max-width: 1000px) {
  .ym-col1 {
    float: none;
    width: 100%;
  }
  .ym-col3 {
    position: relative;
    margin: 10px 0 0 0;
  }
  .box {
    margin: 0 10px 20px 0;
  }
  .box_no_dist {
    margin: 0 10px 0 0;
  }
  .ym-hlist {
    width: 100%;
    height: 54px;
  }
  .ym-hlist ul {
    padding-left: 0;
  }
  .ym-hlist ul li {
    width: 25%;
    background: rgba(0, 51, 93, 0.9);
  }
  .ym-hlist ul li a,
.ym-hlist ul li a:visited {
    padding: 5px 0 4px 0;
    text-align: center;
  }
  .ym-hlist ul li ul li {
    float: none;
    width: 100%;
    z-index: 105;
  }
  .ym-hlist ul li:hover ul {
    top: 15px;
    left: 0;
    background-image: none;
  }
  .ym-hlist ul li:hover ul li a {
    text-align: left;
  }
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1
     .linearize-level-1,*/
  .linearize-level-1 > [class*=ym-g],
.linearize-level-1 > [class*=ym-col] {
    width: 100% !important;
  }
  .linearize-level-1 > [class*=ym-g] > [class*=ym-gbox],
.linearize-level-1 > [class*=ym-col] > [class*=ym-cbox] {
    overflow: hidden; /* optional for containing floats */
  }
  .ym-searchform {
    display: block;
    float: none;
    width: auto;
    padding-right: 10px;
    text-align: right;
  }
  .ym-searchform input[type=search] {
    width: 14%;
  }
}
ul.ttaddress_list_wrap {
  background-color: #fff;
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: left;
}

ul.ttaddress_list_wrap li {
  margin: 0;
  padding: 0;
  background-color: #ccccc5;
}

dl.ttaddress_all_list {
  border: 0 none;
  display: block;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
}

dl.ttaddress_all_list:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
}

dl.ttaddress_all_list dd {
  float: left;
  margin: 0;
  padding: 1%;
  min-height: 40px;
  height: auto !important;
  height: 40px;
}

dl.ttaddress_all_list dd img {
  margin-top: 1px;
}

dd.title {
  font-weight: bold;
}

dd.name {
  width: 30%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

dd.email {
  width: 5%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
}

dd.info {
  color: #fff;
  width: 5%;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
}

dd.department {
  width: 17%;
}

dd.phone {
  width: 21%;
  border-left: 1px solid #a2a29e;
}

dd.room {
  width: 8%;
  border-left: 1px solid #a2a29e;
}

.ist_publ_list2 .row.group {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
  border-top: 0;
}
@media (min-width: 62em) {
  .ist_publ_list2 .row.group {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

.ist_publ_list2 .row:before, .ist_publ_list2 .row:after {
  content: " ";
  display: table;
}
.ist_publ_list2 .row:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.ist_publ_list2 .row .col1 {
  float: left;
  margin-right: 12px;
  width: 70px;
}
.ist_publ_list2 .row .col2 {
  overflow: hidden;
}
.ist_publ_list2 .row + .row {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dotted #585858;
}

.ist_publ_list2 img {
  display: block;
  width: 100%;
  height: auto;
}

.ist_publ_list2 .state {
  cursor: pointer;
}

.csl-left-margin {
  float: left;
  margin-right: 0.3em;
  width: 2em;
}

.csl-right-inline {
  margin: 0 0 0 2.3em;
}

.ist_publ_list2 div.ist_publ_item_links * {
  margin-left: 0;
}

.ist_publ_list2 div.ist_publ_item_numbered {
  margin-left: 2.3em;
}

.ist_publ_list2 div.ist_publ_item_links > div {
  float: left;
  padding: 3px 5px 5px 0;
}

.ist_publ_list2 .ist_publ_details {
  background-color: #f6f6f6;
  padding: 12px;
  margin: 1em 0 0 2.3em;
  float: left; /* prevents floating bugs */
  width: calc(100% - 2.3em);
}
.ist_publ_list2 .ist_publ_details:before, .ist_publ_list2 .ist_publ_details:after {
  content: " ";
  display: table;
}
.ist_publ_list2 .ist_publ_details:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}
.ist_publ_list2 .ist_publ_details .title {
  font-family: "Merriweather", serif;
  font-size: 17px;
  line-height: 23px;
  font-weight: normal;
  color: #006c66;
  margin: 24px 0 10px 0;
  word-break: break-word;
}
@media (min-width: 62em) {
  .ist_publ_list2 .ist_publ_details .title {
    font-size: 19px;
    line-height: 26px;
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.ist_publ_list2 .ist_publ_details .subtitle {
  font-family: "Merriweather", serif;
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  color: #006c66;
  margin: 20px 0 10px 0;
}
@media (min-width: 62em) {
  .ist_publ_list2 .ist_publ_details .subtitle {
    margin-bottom: 16px;
  }
}
.ist_publ_list2 .ist_publ_details .ist_publ_details_link > .title {
  margin-top: 0;
}

.ist_publ_list2 .ist_publ_details_link div.links > div {
  display: list-item;
  margin-left: 20px;
}

.ist_publ_list2 .ist_publ_details_abstract div.abstract {
  margin: 0 10px 0 10px;
}

.ist_publ_list2 .ist_publ_details_export .bibtex,
.ist_publ_list2 .ist_publ_details_export .endnote {
  background: white;
  padding: 8px 12px;
  border-radius: 3px;
  font-family: "Roboto Mono", monospace;
  font-style: normal;
  line-height: 1.5;
  font-weight: 400;
  overflow-x: auto;
  white-space: pre-line;
  word-wrap: break-word;
  font-size: 75%;
}

@media (min-width: 36em) {
  .ist_publ_list2 .row + .row {
    margin-top: 16px;
    padding-top: 16px;
  }
  .csl-left-margin {
    width: 3em;
  }
  .csl-right-inline {
    margin-left: 3.3em;
  }
  .ist_publ_list2 div.ist_publ_item_numbered {
    margin-left: 3.3em;
  }
  .ist_publ_list2 .ist_publ_details {
    margin-left: 3.3em;
    width: calc(100% - 3.3em);
  }
}
span.coding {
  font-family: monospace;
  font-size: 1.1em;
}

span.note {
  background: #dfd;
  padding: 1em;
  border-top: 1px #bdb dotted;
  border-bottom: 1px #bdb dotted;
}

span.important {
  background: #ffd;
  padding: 1em;
  border-top: 1px #ddb dotted;
  border-bottom: 1px #ddb dotted;
}

span.warning {
  background: #fdd;
  padding: 1em;
  border-top: 1px #dbb dotted;
  border-bottom: 1px #dbb dotted;
}

p.coding {
  font-family: monospace;
  font-size: 1.1em;
}

p.note {
  background: #dfd;
  padding: 1em;
  border-top: 1px #bdb dotted;
  border-bottom: 1px #bdb dotted;
}

p.important {
  background: #ffd;
  padding: 1em;
  border-top: 1px #ddb dotted;
  border-bottom: 1px #ddb dotted;
}

p.warning {
  background: #fdd;
  padding: 1em;
  border-top: 1px #dbb dotted;
  border-bottom: 1px #dbb dotted;
}

p.float_left {
  float: left;
  display: inline;
  margin-right: 1em;
  margin-bottom: 0.15em;
}

p.float_right {
  float: right;
  display: inline;
  margin-left: 1em;
  margin-bottom: 0.15em;
}

p.center {
  text-align: center;
  margin: 0.5em auto;
}

p.autocolumns {
  -moz-column-width: 14em;
  -webkit-column-width: 14em;
  column-width: 14em;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
}

ul.autocolumns {
  list-style-type: none;
  -moz-column-width: 14em;
  -webkit-column-width: 14em;
  column-width: 14em;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
  padding: 0;
}

/* these are for showing alignment in RTE on the backend */
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

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

/* RTE_ckeditor */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

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

/* People A-Z */
p.filter_abc {
  background: none;
}

span.abc_letter {
  background: none;
  padding-right: 10px;
}

span.act {
  background: none;
}

/* amerkel: extra autocolumn fuer people-Seiten */
p.autocolumns_people {
  -moz-column-width: auto;
  -webkit-column-width: auto;
  column-width: auto;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
  white-space: nowrap;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

ul.autocolumns_people {
  list-style-type: none;
  -moz-column-width: auto;
  -webkit-column-width: auto;
  column-width: auto;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
  white-space: nowrap;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
}

/* ende autocolumn people */
/* amerkel Workaround fuer Bilder von D4 */
.csc-textpic-intext-left > div > div > div > figure > img {
  width: 180px;
  height: 240px;
}

/* Ende Workaround */
/* kein Workaround fuer Bilder von D4 */
.frame-image-180x240 img {
  width: 180px;
  height: 240px;
}

/* Boxen-css fuer grid (mehrere Boxen nebeinander) angepasst (People Homepage, Softwareliste ...) */
.ym-gbox .box_no_dist {
  margin: 0 10px 20px 10px;
  overflow: hidden;
}

.ym-gbox .box_no_right_dist {
  margin: 0 0 20px 10px;
  overflow: hidden;
}

.ym-gbox .box_no_right_bottom_dist {
  margin: 0 0 0 10px;
  overflow: hidden;
}

.ym-gbox .box_no_left_dist {
  margin: 0 10px 20px 0;
  overflow: hidden;
}

.ym-gbox .box_no_left_bottom_dist {
  margin: 0 10px 0 0;
  overflow: hidden;
}

.ym-gbox .box {
  margin: 0 10px 20px 10px;
  overflow: hidden;
}

.ym-gbox.box_fixed_height {
  height: auto !important;
  min-height: 220px;
  overflow: hidden;
}

.box_fixed_height .box_content {
  min-height: 160px;
  /* height: auto !important; */
  height: 160px;
}

.yagospecial .box_fixed_height .box_content {
  height: unset;
}

.ym-gbox .box_content {
  min-height: 220px;
}

.ym-hlist ul li:hover ul {
  white-space: unset;
  width: auto;
}

.ym-hlist ul li ul li {
  width: 175%;
}

.ym-hlist ul li a,
.ym-hlist ul li a:visited {
  white-space: unset;
}

/* Link special menu */
.box_content dl.special_format dt a {
  text-decoration: none;
}

.box_content dl.special_format a {
  text-decoration: none;
}

.box_content dl.special_format dt {
  background-image: url("../Images/Legacy/bg_dl_std.gif");
  background-position: 15px center;
  background-repeat: no-repeat;
  padding-left: 8.333%;
}

/* tt_address single */
div.tt_address_single div.picture {
  float: right;
}

div.tt_address_single div.description {
  float: left;
}

.clearafter:before, .clearafter:after {
  content: "";
  display: table;
}

.clearafter:after {
  clear: both;
}

div.tt_address_single:before, div.tt_address_single:after {
  content: "";
  display: table;
}

div.tt_address_single:after {
  clear: both;
}

div.tt_address_single h2 {
  margin-left: 70px;
}

div.tt_address_single dt {
  float: left;
  clear: left;
  width: 60px;
  text-align: right;
  font-weight: bold;
}

div.tt_address_single dt:after {
  content: ":";
}

div.tt_address_single dd {
  margin: 0 0 0 70px;
  padding: 0 0 0.5em 0;
}

div.tt_address_single dl {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* amerkel dl->a darf in csc-menu-1 kein underline haben*/
dl.csc-menu-1 a {
  text-decoration: none;
}

/* Fixing tt_address all list */
div.box_ttaddress dl.ttaddress_all_list dd a:link {
  color: white;
}

div.box_ttaddress dl.ttaddress_all_list dd a:visited {
  color: white;
}

div.box_ttaddress dl.ttaddress_all_list dd a:active {
  color: white;
}

div.box_ttaddress dl.ttaddress_all_list dd a:hover {
  color: white;
}

/* Sitemap */
div.box_content ul.sitemap {
  list-style-type: none;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 160%;
  margin-left: 0;
}

div.box_content ul.sitemap a:hover {
  text-decoration: underline;
}

div.box_content ul.sitemap a {
  text-decoration: none;
}

div.box_content ul.sitemap li {
  margin-left: 0;
}

div.box_content ul.sitemap > li > ul > li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;
}

div.box_content ul.sitemap > li > ul > li > a {
  font-weight: bold;
  color: black;
}

div.box_content ul.sitemap > li > ul {
  -moz-column-width: 18em;
  -webkit-column-width: 18em;
  column-width: 18em;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
}

div.box_content ul.sitemap ul {
  list-style-type: none;
  font-size: 85%;
  font-family: Arial, Helvetica, sans-serif;
  margin: 1% 2%;
}

div.box_content ul.sitemap > li > a {
  border-bottom: 2px solid black;
  display: block;
  text-decoration: none;
  padding: 1%;
  color: black;
}

@media screen and (max-width: 1150px) {
  .ym-hlist {
    height: 81px;
  }
  .ym-hlist ul li {
    width: 20%;
  }
  .ym-hlist ul li:hover ul {
    white-space: unset;
    width: auto;
    z-index: 105;
  }
  .ym-hlist ul li ul li {
    width: 100%;
  }
}
/* Fix the main nav responsively */
@media screen and (max-width: 1000px) {
  .ym-hlist {
    height: 54px;
  }
  .ym-hlist ul li:hover ul {
    white-space: unset;
    width: auto;
  }
  .ym-hlist ul li ul li {
    width: 100%;
  }
  .ym-hlist ul li {
    width: 20%;
  }
}
/* Fix floating/responsiveness of little boxes */
/* Remove fix: Margins gone between boxes */
/* div#main div.ym-cbox div.box {
  margin:0;
} */
.ym-gbox {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 1000px) {
  div.ym-gbox {
    padding-left: 0px;
  }
  div.ym-gbox.box_fixed_height {
    min-height: 0;
  }
  div.ym-gbox.box_fixed_height div.box_content {
    min-height: 0;
  }
  .ym-gbox .box_no_dist {
    margin: 0 10px 20px 0px;
  }
  .ym-gbox .box_no_right_dist {
    margin: 0 10px 20px 0px;
  }
  .ym-gbox .box_no_right_bottom_dist {
    margin: 0 10px 0 0px;
  }
  .ym-gbox .box_no_left_dist {
    margin: 0 10px 20px 0;
  }
  .ym-gbox .box_no_left_bottom_dist {
    margin: 0 10px 0 0;
  }
  .ym-gbox .box {
    margin: 0 10px 20px 0px;
  }
}
/* draufer responsive solr */
@media screen and (max-width: 1000px) {
  div.tx-solr div#tx-solr-search-functions {
    float: none;
    width: auto;
  }
  div.tx-solr div#tx-solr-search {
    margin: 0;
  }
}
/* solr fixes */
div.tx-solr div#tx-solr-search div.tx-solr-search-form-errors {
  padding: 20px;
}

div.tx-solr div#tx-solr-search div.tx-solr-search-form-errors ul.tx-solr-search-form-error-list {
  color: red;
  font-weight: bold;
}

div.tx-solr div#tx-solr-search div.tx-solr-search-no-results {
  padding: 20px;
}

p.autocolumns_people, ul.autocolumns_people {
  column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
}

/* kroeper responsive top menu and fontsize department navigation */
@media screen and (max-width: 1000px) {
  .ym-hlist ul li a,
.ym-hlist ul li a:visited {
    white-space: normal;
  }
}
@media screen and (max-width: 1000px) {
  .frame-space-after-box-wo-bo-di {
    margin: 0 10px 0 0px;
  }
}
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * YAML form theme: "gray-theme"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                       YAML-CDL (http://www.yaml.de/license.html)
 * @link                 http://www.yaml.de
 * @package         yaml
 * @version              v4.0.2
 * @revision             $Revision: 743 $
 * @lastmodified         $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $
 */
@media screen and (min-width: 0px) {
  /**
  * @section general width settings for formular elements in modern browsers
  *          switching to CSS3 box modell "border-box" for perfect flexible forms
  *
  * Styling for: <labels>, <input>, <textarea> and <select>
  *
  */
  .box_content form input,
.box_content form input,
.box_content form textarea,
.box_content form select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 60%;
  }
  .box_content form label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ym-full select,
.ym-full input,
.ym-full textarea {
    width: 100%;
  }
}
@media screen, projection {
  /**
  * @section general form styling
  *
  * Styling for: <form>, <fieldset>, <legend>, <label> and rows (class="ym-fbox-[xxx]")
  *
  */
  .box_content form fieldset {
    position: static;
    background: transparent;
    margin: 0;
    padding: 20px;
    border: 1px solid #ccccc7;
  }
  .box_content form legend {
    background: transparent;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 160%;
    line-height: 1.2em;
    color: #000;
  }
  .box_content form label {
    display: block;
    line-height: 1.5em;
    padding: 1em 0 0.25em 0;
  }
  /**
  * @section styling form elements
  *
  * Styling for: Input, Textarea, Select ...
  *
  */
  /* styling standard form elements with 'almost' equal flexible width */
  /* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .box_content form input,
.box_content form textarea {
    line-height: 1em;
    padding: 0.55em 0.55em;
    color: #656565;
  }
  .box_content form select {
    line-height: 1em;
    padding: 0.45em 2px 0.45em 1px;
    margin-top: -2px;
    color: #656565;
  }
  /* proportional fonts for all form elements */
  .box_content form input,
.box_content form textarea,
.box_content form select,
.box_content form optgroup {
    -webkit-box-shadow: inset 0 0 4px #eee;
    -moz-box-shadow: inset 0 0 4px #eee;
    box-shadow: inset 0 0 4px #eee;
  }
  .box_content form optgroup {
    font-style: normal;
    font-weight: bold;
  }
  .box_content form input,
.box_content form textarea,
.box_content form select {
    border: 1px solid #e6e6e4;
    background-color: #e6e6e4;
    font-family: Arial, Helvetica, sans-serif;
  }
  .box_content form div.radio_checkbox {
    clear: left;
    padding: 1em 0 0.25em 0;
  }
  .box_content form div.radio_checkbox input {
    border: 0px none;
    background: transparent;
    width: auto;
    margin-right: 20px;
    margin-bottom: 0.25em;
    display: block;
    float: left;
    clear: left;
  }
  .box_content form div.radio_checkbox label {
    float: left;
    padding: 0;
    line-height: 1em;
  }
  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .box_content form .mandatory {
    color: #800;
    font-weight: bold;
  }
  /**
  * @section error messages
  *
  */
  .box_content form .ym-error label {
    color: #800;
    font-weight: normal;
  }
  .box_content form .ym-error input,
.box_content form .ym-error select,
.box_content form .ym-error textarea {
    border: 1px #800 solid;
  }
  .box_content form .ym-error input:hover,
.box_content form .ym-error input:focus,
.box_content form .ym-error select:hover,
.box_content form .ym-error select:focus,
.box_content form .ym-error textarea:hover,
.box_content form .ym-error textarea:focus {
    border: 1px #800 solid !important;
  }
  .box_content form .ym-error .ym-message {
    color: #800;
    font-weight: bold;
    margin-top: 0;
  }
  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .box_content form input:focus,
.box_content form textarea:focus,
.box_content form input:hover,
.box_content form textarea:hover,
.box_content form input:active,
.box_content form textarea:active {
    border: 1px rgba(0, 51, 93, 1) solid;
    background: #e6e6e4;
  }
  .box_content form select:focus,
.box_content form select:hover,
.box_content form select:active {
    border: 1px #fff solid;
    background: #d7d7d4;
  }
  /**
  * @section Buttons
  *
  * inspired from: Catalin Rosu (http://www.red-team-design.com/just-another-awesome-css3-buttons)
  */
  .box_content form button,
.box_content form input[type=button],
.box_content form input[type=reset],
.box_content form input[type=submit] {
    min-height: 30px;
    display: block;
    clear: left;
    white-space: nowrap;
    color: #fff;
    font-weight: bold;
    border: 0px none;
    background-image: url(../Images/Legacy/btn_left.gif);
    background-repeat: no-repeat;
    background-color: #ababa6;
    width: 135px;
    padding: 2px 50px 2px 30px;
    cursor: pointer;
    margin: 2em 0 0 0;
    overflow: visible; /* removes extra side spacing in IE */
    text-decoration: none !important;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  /* pseudo elements don't work on input */
  .box_content form button:before {
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 0.2em;
    -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.5), 2px 0 0 rgba(255, 255, 255, 0.5);
    -moz-border-radius: 0.15em 0 0 0.15em;
    -webkit-border-radius: 0.15em 0 0 0.15em;
    border-radius: 0.15em 0 0 0.15em;
    pointer-events: none;
  }
  /* removes extra inner spacing in Firefox */
  .box_content form button::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  /* If line-height can't be modified, then fix Firefox spacing with padding */
  .box_content form input[type=button]::-moz-focus-inner,
.box_content form input[type=reset]::-moz-focus-inner,
.box_content form input[type=submit]::-moz-focus-inner {
    padding: 0.4em;
  }
  /* The disabled styles */
  .box_content form button[disabled],
.box_content form button[disabled]:hover,
.box_content form input[type=button][disabled],
.box_content form input[type=button][disabled]:hover,
.box_content form input[type=reset][disabled],
.box_content form input[type=reset][disabled]:hover,
.box_content form input[type=submit][disabled],
.box_content form input[type=submit][disabled]:hover {
    background: #eee;
    color: #aaa !important;
    border-color: #aaa;
    cursor: default;
    text-shadow: none;
    position: static;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  /*  .box_content form div.radio_checkbox {
      clear:left;
      padding:1em 0 0.25em 0;
    }
  */
  .box_content form input[type=radio],
.box_content form input[type=checkbox] {
    border: 0px none;
    background: transparent;
    width: auto;
    margin-right: 20px;
    margin-bottom: 0.25em;
    display: block;
    float: left;
    clear: left;
  }
  .box_content form div.radio_checkbox label {
    float: left;
    padding: 0;
    line-height: 1em;
  }
}
/* --- images ------------------ */
.flexible {
  margin-top: 1.5em;
  max-width: 100%;
  height: auto;
}

.bordered {
  margin-top: 1.5em;
  border: 2px white solid;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

/**
* ----------------------------------------------------------------------- #
*
* Generic Content Classes
*
* (en) standard classes for positioning and highlighting
* (de) Standardklassen zur Positionierung und Hervorhebung
*
* @section content-generic-classes
*/
.highlight {
  color: #c30;
}

.dimmed {
  color: #888;
}

.box > *:first-child {
  margin-top: 0;
}

.label {
  font-family: Verdana, Geneva, sans-serif;
  padding: 1px 6px 2px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #06C;
  color: #fff;
  font-size: 10px;
  line-height: 12px;
}

.success {
  background: #8c8;
}

.warning {
  background: #cc8;
}

.error {
  background: #c88;
}

.float-left {
  float: left;
  display: inline;
  margin: 0;
}

.float-left img {
  margin: 0 20px 0 0;
}

.float-right {
  float: right;
  display: inline;
  margin: 0;
}

.float-right img {
  margin: 0 0 0 20px;
}

.center {
  display: block;
  text-align: center;
  margin: 1.5em auto 0 auto;
}

/*
 * Print stylesheet
 */
@media print {
  /**
  * @section basic layout preparation
  */
  /* (en) change font size unit to [pt] - avoids problems with [px] in Gecko based browsers  	*/
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit [px] in Gecko-Browsern vermeiden */
  body {
    font-size: 10pt !important;
    padding: 0 5px;
    color: #000000;
  }
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  .ym-col1 {
    display: none;
  }
  /*------------------------------------------------------------------------------------------------------*/
  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    color: #000000;
  }
  h1 {
    font-size: 140%;
  }
  h2 {
    font-size: 120%;
  }
  h3 {
    font-size: 110%;
  }
  a {
    color: #000000;
  }
  /*------------------------------------------------------------------------------------------------------*/
  /* (de) (De)aktivierung der Contentspalten für den Ausdruck  */
  .ym-col2, .ym-col3, .ym-cbox {
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
  }
  /* (en) optional output of acronyms and abbreviations*/
  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */
  /*
  abbr[title]:after,
  acronym[title]:after {
      content:'(' attr(title) ')';
  }
  */
  /*------------------------------------------------------------------------------------------------------*/
  /* (en) optional URL output of hyperlinks in print layout */
  /* (de) optionale Ausgabe der URLs von Hyperlinks */
  /*
  a[href]:after {
      content:" <URL:"attr(href)">";
      color:#444;
      background:inherit;
      font-style:italic;
  }
  */
  /* publications */
  .ist_publ_list dd.ist_publ_morelink a {
    display: none;
  }
  .ist_publ_list dd.ist_publ_icons {
    display: none;
  }
  dd.ist_publ_citation {
    margin: 0;
  }
  .ist_publ_list .ist_publ_details {
    border: none !important;
  }
  .ist_publ_list .ist_publ_details_link,
.ist_publ_list .ist_publ_details_export {
    display: none;
  }
}