@charset "UTF-8";
/* ---------------------- */
/* Boxen: */
/* Box border */
/* Box shadow */
/* maincol */
/* maincol linklist (+ newslatest list) */
/* Collapsable Boxes */
/* Uniplan Boxes */
/* Marginal Boxes */
/**
 * Foundation for Sites
 * Version 6.7.4
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/* ---------------------- */
/* Boxen: */
/* Box border */
/* Box shadow */
/* maincol */
/* maincol linklist (+ newslatest list) */
/* Collapsable Boxes */
/* Uniplan Boxes */
/* Marginal Boxes */
@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto; } }

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

[data-whatintent="mouse"] *, [data-whatintent="mouse"] *:focus,
[data-whatintent="touch"] *,
[data-whatintent="touch"] *:focus,
[data-whatinput="mouse"] *,
[data-whatinput="mouse"] *:focus,
[data-whatinput="touch"] *,
[data-whatinput="touch"] *:focus {
  outline: none; }

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none; }

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  box-sizing: border-box;
  font-size: 20px;
  font-size: 1.125rem; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3;
  color: #2a2a2a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0; }

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto; }
  [data-whatinput='mouse'] button {
    outline: 0; }

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

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

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 35px;
  height: 1.98889rem;
  margin: 0 0 16px;
  margin: 0 0 0.88889rem;
  padding: 7px;
  padding: 0.44444rem;
  border: 1px solid rgba(0, 168, 229, 0.5);
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: normal;
  line-height: 1.3;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #00a8e5;
    background-color: #fff;
    box-shadow: none;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed; }

[type='submit'],
[type='button'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0; }

input[type='search'] {
  box-sizing: border-box; }

:-ms-input-placeholder {
  color: #cacaca; }

::placeholder {
  color: #cacaca; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 16px;
  margin: 0 0 0.88889rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 7px;
  margin-left: 0.44444rem;
  margin-right: 16px;
  margin-right: 0.88889rem;
  margin-bottom: 0; }
  [type='checkbox'] + label[for],
  [type='radio'] + label[for] {
    cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
  margin-right: 7px;
  margin-right: 0.44444rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 16px;
    margin: 0 0 0.88889rem;
    line-height: 1.3;
    padding: 9px 0;
    padding: 0.5rem 0; }

.help-text {
  margin-top: -7px;
  margin-top: -0.44444rem;
  font-size: 12px;
  font-size: 0.72222rem;
  font-style: italic;
  color: #0a0a0a; }

.input-group {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 16px;
  margin-bottom: 0.88889rem;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .input-group > :first-child, .input-group > :first-child.input-group-button > * {
    border-radius: 0 0 0 0; }
  .input-group > :last-child, .input-group > :last-child.input-group-button > * {
    border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  margin: 0;
  white-space: nowrap; }

.input-group-label {
  padding: 0 18px;
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-align: center;
      align-items: center; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-field {
  border-radius: 0;
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
  min-width: 0; }

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .input-group-button a,
  .input-group-button input,
  .input-group-button button,
  .input-group-button label {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    font-size: 0.88889rem; }

fieldset {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  max-width: 100%;
  margin-bottom: 7px;
  margin-bottom: 0.44444rem; }

.fieldset {
  margin: 18px 0;
  margin: 1rem 0;
  padding: 19px;
  padding: 1.11111rem;
  border: 1px solid #cacaca; }
  .fieldset legend {
    margin: 0;
    margin-left: -3px;
    margin-left: -0.16667rem;
    padding: 0 3px;
    padding: 0 0.16667rem; }

select {
  height: 35px;
  height: 1.98889rem;
  margin: 0 0 16px;
  margin: 0 0 0.88889rem;
  padding: 7px;
  padding: 0.44444rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid rgba(0, 168, 229, 0.5);
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: normal;
  line-height: 1.3;
  color: #0a0a0a;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-origin: content-box;
  background-position: right -16px center;
  background-position: right -0.88889rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 23px;
  padding-right: 1.33333rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
  select:focus {
    outline: none;
    border: 1px solid #00a8e5;
    background-color: #fff;
    box-shadow: none;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }
  select:not([multiple]) {
    padding-top: 0;
    padding-bottom: 0; }

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea; }
  .is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37; }
  .is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37; }

.is-invalid-label {
  color: #cc4b37; }

.form-error {
  display: none;
  margin-top: -7px;
  margin-top: -0.44444rem;
  margin-bottom: 16px;
  margin-bottom: 0.88889rem;
  font-size: 12px;
  font-size: 0.66667rem;
  font-weight: bold;
  color: #cc4b37; }
  .form-error.is-visible {
    display: block; }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  margin-bottom: 18px;
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 25px;
  line-height: 1.44444rem;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 15px;
  font-size: 0.875rem;
  line-height: inherit; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  text-rendering: optimizeLegibility; }
  h1 small, .h1 small,
  h2 small, .h2 small,
  h3 small, .h3 small,
  h4 small, .h4 small,
  h5 small, .h5 small,
  h6 small, .h6 small {
    line-height: 0;
    color: #cacaca; }

h1, .h1 {
  font-size: 23px;
  font-size: 1.33333rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }

h2, .h2 {
  font-size: 19px;
  font-size: 1.11111rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }

h3, .h3 {
  font-size: 19px;
  font-size: 1.05556rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }

h4, .h4 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 16px;
  font-size: 0.94444rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }

h6, .h6 {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3.33333rem; }
  h2, .h2 {
    font-size: 1.44444rem; }
  h3, .h3 {
    font-size: 1.11111rem; }
  h4, .h4 {
    font-size: 1rem; }
  h5, .h5 {
    font-size: 0.88889rem; }
  h6, .h6 {
    font-size: 0.88889rem; } }

a {
  line-height: inherit;
  color: #00a8e5;
  text-decoration: none;
  cursor: pointer; }
  a:hover, a:focus {
    color: #00a8e5; }
  a img {
    border: 0; }

hr {
  clear: both;
  max-width: 1200px;
  max-width: 66.66667rem;
  height: 0;
  margin: 19px auto;
  margin: 1.11111rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0; }

ul,
ol,
dl {
  margin-bottom: 18px;
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 25px;
  line-height: 1.44444rem; }

li {
  font-size: inherit; }

ul {
  margin-left: 22px;
  margin-left: 1.25rem;
  list-style-type: disc; }

ol {
  margin-left: 22px;
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 22px;
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 18px;
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 5px;
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 18px;
  margin: 0 0 1rem;
  padding: 9px 19px 0 19px;
  padding: 0.5rem 1.11111rem 0 1.05556rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 25px;
    line-height: 1.44444rem;
    color: #8a8a8a; }

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none; }

figure {
  margin: 0; }

kbd {
  margin: 0;
  padding: 1px 3px 0;
  padding: 0.11111rem 0.22222rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a; }

.subheader {
  margin-top: 3px;
  margin-top: 0.2rem;
  margin-bottom: 9px;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #0a0a0a; }

.lead {
  font-size: 25px;
  font-size: 1.40625rem;
  line-height: 1.6; }

.stat {
  font-size: 45px;
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -18px;
    margin-top: -1rem; }

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none; }

cite, .cite-block {
  display: block;
  color: #8a8a8a;
  font-size: 12px;
  font-size: 0.72222rem; }
  cite:before, .cite-block:before {
    content: "— "; }

code, .code-inline {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 1px 5px 1px;
  padding: 0.11111rem 0.27778rem 0.05556rem; }

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 18px;
  padding: 1rem;
  margin-bottom: 27px;
  margin-bottom: 1.5rem; }

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

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

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

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

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .print-break-inside {
    page-break-inside: auto; } }

.grid-container {
  padding-right: 10px;
  padding-right: 0.55556rem;
  padding-left: 10px;
  padding-left: 0.55556rem;
  max-width: 1200px;
  max-width: 66.66667rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container {
      padding-right: 0.83333rem;
      padding-left: 0.83333rem; } }
  .grid-container.fluid {
    padding-right: 10px;
    padding-right: 0.55556rem;
    padding-left: 10px;
    padding-left: 0.55556rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid {
        padding-right: 0.83333rem;
        padding-left: 0.83333rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.grid-x {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; }

.cell {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 100%; }
  .cell.auto {
    -ms-flex: 1 1 0;
        flex: 1 1 0; }
  .cell.shrink {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -ms-flex: 1 1 0;
        flex: 1 1 0;
    width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -ms-flex: 1 1 0;
        flex: 1 1 0;
    width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -10px;
  margin-left: -0.55556rem;
  margin-right: -10px;
  margin-right: -0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x {
      margin-left: -0.83333rem;
      margin-right: -0.83333rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 1.11111rem);
    margin-left: 10px;
    margin-left: 0.55556rem;
    margin-right: 10px;
    margin-right: 0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.66667rem);
      margin-left: 0.83333rem;
      margin-right: 0.83333rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.11111rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.11111rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.11111rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.11111rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.11111rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.11111rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.11111rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.11111rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.11111rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.11111rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.11111rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.11111rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.66667rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.66667rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.66667rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.66667rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.66667rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.66667rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.66667rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.66667rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.66667rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.66667rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.66667rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.66667rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.66667rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.66667rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.66667rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.66667rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.66667rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.66667rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.66667rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.66667rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.66667rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.66667rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.66667rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.66667rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.66667rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.66667rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.66667rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.66667rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.66667rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.66667rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.66667rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.66667rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.66667rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.66667rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.66667rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.66667rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -10px;
  margin-right: -0.55556rem;
  margin-left: -10px;
  margin-left: -0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.83333rem;
      margin-left: -0.83333rem; } }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -10px;
  margin-right: -0.55556rem;
  margin-left: -10px;
  margin-left: -0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -0.83333rem;
      margin-left: -0.83333rem; } }

.grid-padding-x > .cell {
  padding-right: 10px;
  padding-right: 0.55556rem;
  padding-left: 10px;
  padding-left: 0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 0.83333rem;
      padding-left: 0.83333rem; } }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.11111rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.11111rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.11111rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.11111rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.11111rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.11111rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.11111rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.11111rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.66667rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.66667rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.66667rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.66667rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.66667rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.66667rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.66667rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.66667rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.66667rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.66667rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.66667rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.66667rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.66667rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.66667rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.66667rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.66667rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.66667rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.66667rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.66667rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.66667rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.66667rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.66667rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.66667rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.66667rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 1.11111rem / 2); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 1.11111rem / 2); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 1.11111rem / 2); }

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

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 1.11111rem / 2); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 1.11111rem / 2); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 1.11111rem / 2); }

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

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 1.11111rem / 2); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 1.11111rem / 2); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 1.11111rem / 2); }

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

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 1.11111rem / 2); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 1.11111rem / 2); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 1.11111rem / 2); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 1.66667rem / 2); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 1.66667rem / 2); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 1.66667rem / 2); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 1.66667rem / 2); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 1.66667rem / 2); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 1.66667rem / 2); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 1.66667rem / 2); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 1.66667rem / 2); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 1.66667rem / 2); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 1.66667rem / 2); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 1.66667rem / 2); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 1.66667rem / 2); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 1.66667rem / 2); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 1.66667rem / 2); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 1.66667rem / 2); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 1.66667rem / 2); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 1.66667rem / 2); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 1.66667rem / 2); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 1.66667rem / 2); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 1.66667rem / 2); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 1.66667rem / 2); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 1.66667rem / 2); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 1.66667rem / 2); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 1.66667rem / 2); } }

.grid-y {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap; }
  .grid-y > .cell {
    height: auto;
    max-height: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -ms-flex-preferred-size: auto;
        flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }
  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      -ms-flex: 1 1 0;
          flex: 1 1 0;
      height: auto; }
    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      -ms-flex: 1 1 0;
          flex: 1 1 0;
      height: auto; }
    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -10px;
  margin-top: -0.55556rem;
  margin-bottom: -10px;
  margin-bottom: -0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.83333rem;
      margin-bottom: -0.83333rem; } }

.grid-padding-y > .cell {
  padding-top: 10px;
  padding-top: 0.55556rem;
  padding-bottom: 10px;
  padding-bottom: 0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
      padding-top: 0.83333rem;
      padding-bottom: 0.83333rem; } }

.grid-margin-y {
  margin-top: -10px;
  margin-top: -0.55556rem;
  margin-bottom: -10px;
  margin-bottom: -0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.83333rem;
      margin-bottom: -0.83333rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.11111rem);
    margin-top: 10px;
    margin-top: 0.55556rem;
    margin-bottom: 10px;
    margin-bottom: 0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.66667rem);
      margin-top: 0.83333rem;
      margin-bottom: 0.83333rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.11111rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.11111rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.11111rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.11111rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.11111rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.11111rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.11111rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.11111rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.11111rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.11111rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.11111rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.11111rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.66667rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.66667rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.66667rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.66667rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.66667rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.66667rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.66667rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.66667rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.66667rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.66667rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.66667rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.66667rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.66667rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.66667rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.66667rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.66667rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.66667rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.66667rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.66667rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.66667rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.66667rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.66667rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.66667rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.66667rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.66667rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.66667rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.66667rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.66667rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.66667rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.66667rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.66667rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.66667rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.66667rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.66667rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.66667rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.66667rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  overflow: hidden;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  height: 100vh;
  width: auto; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh;
    width: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    overflow: hidden;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-align: stretch;
        align-items: stretch;
    height: 100vh;
    width: auto; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -10px;
  margin-top: -0.55556rem;
  margin-bottom: -10px;
  margin-bottom: -0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.83333rem;
      margin-bottom: -0.83333rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.11111rem);
    margin-top: 10px;
    margin-top: 0.55556rem;
    margin-bottom: 10px;
    margin-bottom: 0.55556rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.66667rem);
      margin-top: 0.83333rem;
      margin-bottom: 0.83333rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.11111rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.11111rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.11111rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.11111rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.11111rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.11111rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.11111rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.11111rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.11111rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.11111rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.11111rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.11111rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.66667rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.66667rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.66667rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.66667rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.66667rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.66667rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.66667rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.66667rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.66667rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.66667rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.66667rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.66667rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.66667rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.66667rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.66667rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.66667rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.66667rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.66667rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.66667rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.66667rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.66667rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.66667rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.66667rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.66667rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.66667rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.66667rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.66667rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.66667rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.66667rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.66667rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.66667rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.66667rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.66667rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.66667rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.66667rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.66667rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.11111rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.66667rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.66667rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.66667rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.66667rem); } }

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 18px 0;
  margin: 0 0 1rem 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 16px;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button.tiny {
    font-size: 10px;
    font-size: 0.6rem; }
  .button.small {
    font-size: 13px;
    font-size: 0.75rem; }
  .button.large {
    font-size: 22px;
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; }
  .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #00a8e5;
    color: #fff; }
  .button:hover, .button:focus {
    background-color: #008fc3;
    color: #fff; }
  .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
    background-color: #00a8e5;
    color: #0a0a0a; }
  .button.primary:hover, .button.primary:focus {
    background-color: #0086b7;
    color: #0a0a0a; }
  .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
    background-color: #767676;
    color: #fff; }
  .button.secondary:hover, .button.secondary:focus {
    background-color: #5e5e5e;
    color: #fff; }
  .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
    background-color: #3adb76;
    color: #0a0a0a; }
  .button.success:hover, .button.success:focus {
    background-color: #22bb5b;
    color: #0a0a0a; }
  .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
    background-color: #ffae00;
    color: #0a0a0a; }
  .button.warning:hover, .button.warning:focus {
    background-color: #cc8b00;
    color: #0a0a0a; }
  .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
    background-color: #cc4b37;
    color: #fff; }
  .button.alert:hover, .button.alert:focus {
    background-color: #a53b2a;
    color: #fff; }
  .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
    background-color: transparent; }
  .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
    border: 1px solid #00a8e5;
    color: #00a8e5; }
  .button.hollow:hover, .button.hollow:focus {
    border-color: #005473;
    color: #005473; }
  .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
    border: 1px solid #00a8e5;
    color: #00a8e5; }
  .button.hollow.primary:hover, .button.hollow.primary:focus {
    border-color: #005473;
    color: #005473; }
  .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
    border: 1px solid #767676;
    color: #767676; }
  .button.hollow.secondary:hover, .button.hollow.secondary:focus {
    border-color: #3b3b3b;
    color: #3b3b3b; }
  .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
    border: 1px solid #3adb76;
    color: #3adb76; }
  .button.hollow.success:hover, .button.hollow.success:focus {
    border-color: #157539;
    color: #157539; }
  .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
    border: 1px solid #ffae00;
    color: #ffae00; }
  .button.hollow.warning:hover, .button.hollow.warning:focus {
    border-color: #805700;
    color: #805700; }
  .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
    border: 1px solid #cc4b37;
    color: #cc4b37; }
  .button.hollow.alert:hover, .button.hollow.alert:focus {
    border-color: #67251a;
    color: #67251a; }
  .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
    border-color: transparent;
    background-color: transparent; }
  .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
    color: #00a8e5; }
  .button.clear:hover, .button.clear:focus {
    color: #005473; }
  .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
    color: #00a8e5; }
  .button.clear.primary:hover, .button.clear.primary:focus {
    color: #005473; }
  .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
    color: #767676; }
  .button.clear.secondary:hover, .button.clear.secondary:focus {
    color: #3b3b3b; }
  .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
    color: #3adb76; }
  .button.clear.success:hover, .button.clear.success:focus {
    color: #157539; }
  .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
    color: #ffae00; }
  .button.clear.warning:hover, .button.clear.warning:focus {
    color: #805700; }
  .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
    color: #cc4b37; }
  .button.clear.alert:hover, .button.clear.alert:focus {
    color: #67251a; }
  .button.disabled, .button[disabled] {
    opacity: 0.25;
    cursor: not-allowed; }
  .button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em;
    content: '';
    border-bottom-width: 0;
    border-color: #fefefe transparent transparent;
    position: relative;
    top: 0.4em;
    display: inline-block;
    float: right;
    margin-left: 1em; }
  .button.dropdown.hollow::after, .button.dropdown.clear::after {
    border-top-color: #00a8e5; }
  .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
    border-top-color: #00a8e5; }
  .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
    border-top-color: #767676; }
  .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
    border-top-color: #3adb76; }
  .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
    border-top-color: #ffae00; }
  .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
    border-top-color: #cc4b37; }
  .button.arrow-only::after {
    top: -0.1em;
    float: none;
    margin-left: 0; }

a.button:hover, a.button:focus {
  text-decoration: none; }

.button-group {
  margin-bottom: 18px;
  margin-bottom: 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  .button-group::before, .button-group::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .button-group::after {
    clear: both; }
  .button-group::before, .button-group::after {
    display: none; }
  .button-group .button {
    margin: 0;
    margin-right: 1px;
    margin-bottom: 1px;
    font-size: 16px;
    font-size: 0.9rem;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto; }
    .button-group .button:last-child {
      margin-right: 0; }
  .button-group.tiny .button {
    font-size: 10px;
    font-size: 0.6rem; }
  .button-group.small .button {
    font-size: 13px;
    font-size: 0.75rem; }
  .button-group.large .button {
    font-size: 22px;
    font-size: 1.25rem; }
  .button-group.expanded .button {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
    background-color: #00a8e5;
    color: #0a0a0a; }
  .button-group.primary .button:hover, .button-group.primary .button:focus {
    background-color: #0086b7;
    color: #0a0a0a; }
  .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
    background-color: #767676;
    color: #fff; }
  .button-group.secondary .button:hover, .button-group.secondary .button:focus {
    background-color: #5e5e5e;
    color: #fff; }
  .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
    background-color: #3adb76;
    color: #0a0a0a; }
  .button-group.success .button:hover, .button-group.success .button:focus {
    background-color: #22bb5b;
    color: #0a0a0a; }
  .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
    background-color: #ffae00;
    color: #0a0a0a; }
  .button-group.warning .button:hover, .button-group.warning .button:focus {
    background-color: #cc8b00;
    color: #0a0a0a; }
  .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
    background-color: #cc4b37;
    color: #fff; }
  .button-group.alert .button:hover, .button-group.alert .button:focus {
    background-color: #a53b2a;
    color: #fff; }
  .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
    background-color: transparent; }
  .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
    border: 1px solid #00a8e5;
    color: #00a8e5; }
  .button-group.hollow .button:hover, .button-group.hollow .button:focus {
    border-color: #005473;
    color: #005473; }
  .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
    border: 1px solid #00a8e5;
    color: #00a8e5; }
  .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
    border-color: #005473;
    color: #005473; }
  .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
    border: 1px solid #767676;
    color: #767676; }
  .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
    border-color: #3b3b3b;
    color: #3b3b3b; }
  .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
    border: 1px solid #3adb76;
    color: #3adb76; }
  .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
    border-color: #157539;
    color: #157539; }
  .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
    border: 1px solid #ffae00;
    color: #ffae00; }
  .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
    border-color: #805700;
    color: #805700; }
  .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
    border: 1px solid #cc4b37;
    color: #cc4b37; }
  .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
    border-color: #67251a;
    color: #67251a; }
  .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
    border-color: transparent;
    background-color: transparent; }
  .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
    color: #00a8e5; }
  .button-group.clear .button:hover, .button-group.clear .button:focus {
    color: #005473; }
  .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
    color: #00a8e5; }
  .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
    color: #005473; }
  .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
    color: #767676; }
  .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
    color: #3b3b3b; }
  .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
    color: #3adb76; }
  .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
    color: #157539; }
  .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
    color: #ffae00; }
  .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
    color: #805700; }
  .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
    color: #cc4b37; }
  .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
    color: #67251a; }
  .button-group.no-gaps .button {
    margin-right: -1px;
    margin-right: -0.05556rem; }
    .button-group.no-gaps .button + .button {
      border-left-color: transparent; }
  .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
      .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
        margin-bottom: 0; }
    .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
  @media print, screen and (min-width: 40em) {
    .button-group.stacked-for-small .button {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-bottom: 0; } }
  @media print, screen and (min-width: 64em) {
    .button-group.stacked-for-medium .button {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-bottom: 0; } }
  @media print, screen and (max-width: 39.99875em) {
    .button-group.stacked-for-small.expanded {
      display: block; }
      .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0; } }
  @media print, screen and (max-width: 63.99875em) {
    .button-group.stacked-for-medium.expanded {
      display: block; }
      .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0; } }

.close-button {
  position: absolute;
  z-index: 10;
  color: #8a8a8a;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }
  .close-button.small {
    right: 11px;
    right: 0.66rem;
    top: 0.33em;
    font-size: 1.5em;
    line-height: 1; }
  .close-button, .close-button.medium {
    right: 18px;
    right: 1rem;
    top: 9px;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1; }

.label {
  display: inline-block;
  padding: 5px 9px;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 14px;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #00a8e5;
  color: #fff; }
  .label.primary {
    background: #00a8e5;
    color: #0a0a0a; }
  .label.secondary {
    background: #767676;
    color: #fff; }
  .label.success {
    background: #3adb76;
    color: #0a0a0a; }
  .label.warning {
    background: #ffae00;
    color: #0a0a0a; }
  .label.alert {
    background: #cc4b37;
    color: #fff; }

.progress {
  height: 18px;
  height: 1rem;
  margin-bottom: 18px;
  margin-bottom: 1rem;
  border-radius: 0;
  background-color: #cacaca; }
  .progress.primary .progress-meter {
    background-color: #00a8e5; }
  .progress.secondary .progress-meter {
    background-color: #767676; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }
  .progress.alert .progress-meter {
    background-color: #cc4b37; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #00a8e5; }

.progress-meter-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  margin: 0;
  font-size: 13px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #fefefe;
  white-space: nowrap; }

.slider {
  position: relative;
  height: 9px;
  height: 0.5rem;
  margin-top: 22px;
  margin-top: 1.25rem;
  margin-bottom: 40px;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: none;
      touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 9px;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  left: 0;
  z-index: 1;
  cursor: grab;
  display: inline-block;
  width: 25px;
  width: 1.4rem;
  height: 25px;
  height: 1.4rem;
  border-radius: 0;
  background-color: #00a8e5;
  transition: all 0.2s ease-in-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #008fc3; }
  .slider-handle.is-dragging {
    transition: all 0s linear;
    cursor: grabbing; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 9px;
  width: 0.5rem;
  height: 225px;
  height: 12.5rem;
  margin: 0 22px;
  margin: 0 1.25rem;
  -ms-transform: scale(1, -1);
      transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 9px;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 25px;
    width: 1.4rem;
    height: 25px;
    height: 1.4rem;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }

.switch {
  position: relative;
  margin-bottom: 18px;
  margin-bottom: 1rem;
  outline: 0;
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: bold;
  color: #fefefe;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 36px;
  height: 2rem; }

.switch-input {
  position: absolute;
  margin-bottom: 0;
  opacity: 0; }

.switch-paddle {
  position: relative;
  display: block;
  width: 72px;
  width: 4rem;
  height: 36px;
  height: 2rem;
  border-radius: 0;
  background: #cacaca;
  transition: all 0.25s ease-out;
  font-weight: inherit;
  color: inherit;
  cursor: pointer; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    position: absolute;
    top: 4px;
    top: 0.25rem;
    left: 4px;
    left: 0.25rem;
    display: block;
    width: 27px;
    width: 1.5rem;
    height: 27px;
    height: 1.5rem;
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    background: #fff;
    transition: all 0.25s ease-out;
    content: ''; }
  input:checked ~ .switch-paddle {
    background: #00a8e5; }
    input:checked ~ .switch-paddle::after {
      left: 40px;
      left: 2.25rem; }
  input:disabled ~ .switch-paddle {
    cursor: not-allowed;
    opacity: 0.5; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny {
  height: 27px;
  height: 1.5rem; }
  .switch.tiny .switch-paddle {
    width: 54px;
    width: 3rem;
    height: 27px;
    height: 1.5rem;
    font-size: 10px;
    font-size: 0.55556rem; }
  .switch.tiny .switch-paddle::after {
    top: 4px;
    top: 0.25rem;
    left: 4px;
    left: 0.25rem;
    width: 18px;
    width: 1rem;
    height: 18px;
    height: 1rem; }
  .switch.tiny input:checked ~ .switch-paddle::after {
    left: 31px;
    left: 1.75rem; }

.switch.small {
  height: 31px;
  height: 1.75rem; }
  .switch.small .switch-paddle {
    width: 63px;
    width: 3.5rem;
    height: 31px;
    height: 1.75rem;
    font-size: 12px;
    font-size: 0.66667rem; }
  .switch.small .switch-paddle::after {
    top: 4px;
    top: 0.25rem;
    left: 4px;
    left: 0.25rem;
    width: 22px;
    width: 1.25rem;
    height: 22px;
    height: 1.25rem; }
  .switch.small input:checked ~ .switch-paddle::after {
    left: 36px;
    left: 2rem; }

.switch.large {
  height: 45px;
  height: 2.5rem; }
  .switch.large .switch-paddle {
    width: 90px;
    width: 5rem;
    height: 45px;
    height: 2.5rem;
    font-size: 16px;
    font-size: 0.88889rem; }
  .switch.large .switch-paddle::after {
    top: 4px;
    top: 0.25rem;
    left: 4px;
    left: 0.25rem;
    width: 36px;
    width: 2rem;
    height: 36px;
    height: 2rem; }
  .switch.large input:checked ~ .switch-paddle::after {
    left: 49px;
    left: 2.75rem; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 18px;
  margin-bottom: 1rem;
  border-radius: 0; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #f2f2f2;
    background-color: #fff; }
  caption {
    padding: 7px 10px 10px;
    padding: 0.44444rem 0.55556rem 0.55556rem;
    font-weight: bold; }
  thead {
    background: #f9f9f9;
    color: #2a2a2a; }
  tfoot {
    background: #f2f2f2;
    color: #2a2a2a; }
  thead tr,
  tfoot tr {
    background: transparent; }
  thead th,
  thead td,
  tfoot th,
  tfoot td {
    padding: 7px 10px 10px;
    padding: 0.44444rem 0.55556rem 0.55556rem;
    font-weight: bold;
    text-align: left; }
  tbody th,
  tbody td {
    padding: 7px 10px 10px;
    padding: 0.44444rem 0.55556rem 0.55556rem; }
  tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f2f2f2; }
  table.unstriped tbody {
    background-color: #fff; }
    table.unstriped tbody tr {
      border-bottom: 1px solid #f2f2f2;
      background-color: #fff; }

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f4f4f4; }

table.hover tfoot tr:hover {
  background-color: #ededed; }

table.hover tbody tr:hover {
  background-color: #fafafa; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ededed; }

.table-scroll {
  overflow-x: auto; }

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 10px;
  font-size: 0.6rem;
  text-align: center;
  background: #00a8e5;
  color: #fff; }
  .badge.primary {
    background: #00a8e5;
    color: #0a0a0a; }
  .badge.secondary {
    background: #767676;
    color: #fff; }
  .badge.success {
    background: #3adb76;
    color: #0a0a0a; }
  .badge.warning {
    background: #ffae00;
    color: #0a0a0a; }
  .badge.alert {
    background: #cc4b37;
    color: #fff; }

.breadcrumbs {
  margin: 0 0 18px 0;
  margin: 0 0 1rem 0;
  list-style: none; }
  .breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    font-size: 10px;
    font-size: 0.61111rem;
    color: #0a0a0a;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 13px;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
  .breadcrumbs a {
    color: #00a8e5; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca;
    cursor: not-allowed; }

.callout {
  position: relative;
  margin: 0 0 18px 0;
  margin: 0 0 1rem 0;
  padding: 18px;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  background-color: white;
  color: #2a2a2a; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d5f4ff;
    color: #2a2a2a; }
  .callout.secondary {
    background-color: #eaeaea;
    color: #2a2a2a; }
  .callout.success {
    background-color: #e1faea;
    color: #2a2a2a; }
  .callout.warning {
    background-color: #fff3d9;
    color: #2a2a2a; }
  .callout.alert {
    background-color: #f7e4e1;
    color: #2a2a2a; }
  .callout.small {
    padding-top: 9px;
    padding-top: 0.5rem;
    padding-right: 9px;
    padding-right: 0.5rem;
    padding-bottom: 9px;
    padding-bottom: 0.5rem;
    padding-left: 9px;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 54px;
    padding-top: 3rem;
    padding-right: 54px;
    padding-right: 3rem;
    padding-bottom: 54px;
    padding-bottom: 3rem;
    padding-left: 54px;
    padding-left: 3rem; }

.card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-bottom: 18px;
  margin-bottom: 1rem;
  border: none;
  border-radius: 0;
  background: #00a8e5;
  box-shadow: none;
  overflow: hidden;
  color: #fff; }
  .card > :last-child {
    margin-bottom: 0; }

.card-divider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  padding: 18px;
  padding: 1rem;
  background: #00a8e5; }
  .card-divider > :last-child {
    margin-bottom: 0; }

.card-section {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding: 18px;
  padding: 1rem; }
  .card-section > :last-child {
    margin-bottom: 0; }

.card-image {
  min-height: 1px; }

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 18px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fff;
  font-size: 18px;
  font-size: 1rem; }
  .dropdown-pane.is-opening {
    display: block; }
  .dropdown-pane.is-open {
    display: block;
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

.pagination {
  margin-left: 0;
  margin-bottom: 18px;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .pagination::after {
    clear: both; }
  .pagination li {
    margin-right: 1px;
    margin-right: 0.05556rem;
    border-radius: 0;
    font-size: 14px;
    font-size: 0.77778rem;
    display: none; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media print, screen and (min-width: 40em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    display: block;
    padding: 3px 10px;
    padding: 0.16667rem 0.55556rem;
    border-radius: 0;
    color: #0a0a0a; }
    .pagination a:hover,
    .pagination button:hover {
      background: #e6e6e6; }
  .pagination .current {
    padding: 3px 10px;
    padding: 0.16667rem 0.55556rem;
    background: #00a8e5;
    color: #fff;
    cursor: default; }
  .pagination .disabled {
    padding: 3px 10px;
    padding: 0.16667rem 0.55556rem;
    color: #cacaca;
    cursor: not-allowed; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    padding: 3px 10px;
    padding: 0.16667rem 0.55556rem;
    content: '\2026';
    color: #0a0a0a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 9px;
  margin-right: 0.5rem;
  content: "«"; }

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 9px;
  margin-left: 0.5rem;
  content: "»"; }

.has-tip {
  position: relative;
  display: inline-block;
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  cursor: help; }

.tooltip {
  position: absolute;
  top: calc(100% + 0.6495rem);
  z-index: 1200;
  max-width: 180px;
  max-width: 10rem;
  padding: 13px;
  padding: 0.75rem;
  border-radius: 0;
  background-color: #0a0a0a;
  font-size: 80%;
  color: #fff; }
  .tooltip::before {
    position: absolute; }
  .tooltip.bottom::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px;
    border-width: 0.75rem;
    content: '';
    border-top-width: 0;
    border-color: transparent transparent #0a0a0a;
    bottom: 100%; }
  .tooltip.bottom.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .tooltip.top::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px;
    border-width: 0.75rem;
    content: '';
    border-bottom-width: 0;
    border-color: #0a0a0a transparent transparent;
    top: 100%;
    bottom: auto; }
  .tooltip.top.align-center::before {
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .tooltip.left::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px;
    border-width: 0.75rem;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #0a0a0a;
    left: 100%; }
  .tooltip.left.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .tooltip.right::before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px;
    border-width: 0.75rem;
    content: '';
    border-left-width: 0;
    border-color: transparent #0a0a0a transparent transparent;
    right: 100%;
    left: auto; }
  .tooltip.right.align-center::before {
    bottom: auto;
    top: 50%;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
  .tooltip.align-top::before {
    bottom: auto;
    top: 10%; }
  .tooltip.align-bottom::before {
    bottom: 10%;
    top: auto; }
  .tooltip.align-left::before {
    left: 10%;
    right: auto; }
  .tooltip.align-right::before {
    left: auto;
    right: 10%; }

.accordion {
  margin-left: 0;
  background: #fff;
  list-style-type: none; }
  .accordion[disabled] .accordion-title {
    cursor: not-allowed; }

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0; }

.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0; }

.accordion-title {
  position: relative;
  display: block;
  padding: 22px 18px;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 1;
  color: #00a8e5; }
  :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 18px;
    right: 1rem;
    margin-top: -9px;
    margin-top: -0.5rem;
    content: "+"; }
  .is-active > .accordion-title::before {
    content: "–"; }

.accordion-content {
  display: none;
  padding: 18px;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fff;
  color: #2a2a2a; }
  :last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6; }

.media-object {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 18px;
  margin-bottom: 1rem;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .media-object img {
    max-width: none; }
  @media print, screen and (max-width: 39.99875em) {
    .media-object.stack-for-small {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.media-object-section {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
  .media-object-section:first-child {
    padding-right: 18px;
    padding-right: 1rem; }
  .media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 18px;
    padding-left: 1rem; }
  .media-object-section > :last-child {
    margin-bottom: 0; }
  @media print, screen and (max-width: 39.99875em) {
    .stack-for-small .media-object-section {
      padding: 0;
      padding-bottom: 1rem;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; }
      .stack-for-small .media-object-section img {
        width: 100%; } }
  .media-object-section.main-section {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden; }

.orbit-slide {
  width: 100%;
  position: absolute; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  width: 100%;
  max-width: 100%;
  margin: 0; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 18px;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe; }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 10;
  padding: 18px;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 14px;
  margin-top: 0.8rem;
  margin-bottom: 14px;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 21px;
    width: 1.2rem;
    height: 21px;
    height: 1.2rem;
    margin: 1px;
    margin: 0.1rem;
    border-radius: 50%;
    background-color: #cacaca; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 16px;
  margin-bottom: 0.88889rem;
  padding-bottom: 75%;
  overflow: hidden; }
  .responsive-embed iframe,
  .responsive-embed object,
  .responsive-embed embed,
  .responsive-embed video,
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .responsive-embed.widescreen,
  .flex-video.widescreen {
    padding-bottom: 56.25%; }

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fff;
  list-style-type: none; }
  .tabs::before, .tabs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
  .tabs::after {
    clear: both; }

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto; }

.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: transparent; }

.tabs.primary {
  background: #00a8e5; }
  .tabs.primary > li > a {
    color: #0a0a0a; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #00a0da; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 22px 27px;
    padding: 1.25rem 1.5rem;
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1;
    color: #00a8e5; }
    [data-whatinput='mouse'] .tabs-title > a {
      outline: 0; }
    .tabs-title > a:hover {
      background: #fff;
      color: #0090c5; }
    .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #e6e6e6;
      color: #00a8e5; }

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fff;
  color: #2a2a2a;
  transition: all 0.5s ease; }

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0; }

.tabs-panel {
  display: none;
  padding: 18px;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 18px;
  margin-bottom: 1rem;
  border: 4px solid #fff;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0; }

a.thumbnail {
  transition: box-shadow 200ms ease-out; }
  a.thumbnail:hover, a.thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(0, 168, 229, 0.5); }
  a.thumbnail image {
    box-shadow: none; }

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  [data-whatinput='mouse'] .menu li {
    outline: 0; }
  .menu a,
  .menu .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 12px 18px;
    padding: 0.7rem 1rem; }
  .menu input,
  .menu select,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu input {
    display: inline-block; }
  .menu, .menu.horizontal {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row; }
  .menu.vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-direction: column;
        flex-direction: column; }
    .menu.vertical.icon-top li a img,
    .menu.vertical.icon-top li a i,
    .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
    .menu.vertical.icon-bottom li a i,
    .menu.vertical.icon-bottom li a svg {
      text-align: left; }
  .menu.expanded li {
    -ms-flex: 1 1 0px;
        flex: 1 1 0px; }
  .menu.expanded.icon-top li a img,
  .menu.expanded.icon-top li a i,
  .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
  .menu.expanded.icon-bottom li a i,
  .menu.expanded.icon-bottom li a svg {
    text-align: left; }
  .menu.simple {
    -ms-flex-align: center;
        align-items: center; }
    .menu.simple li + li {
      margin-left: 18px;
      margin-left: 1rem; }
    .menu.simple a {
      padding: 0; }
  @media print, screen and (min-width: 40em) {
    .menu.medium-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row; }
    .menu.medium-vertical {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-direction: column;
          flex-direction: column; }
    .menu.medium-expanded li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
    .menu.medium-simple li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; } }
  @media print, screen and (min-width: 64em) {
    .menu.large-horizontal {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-direction: row;
          flex-direction: row; }
    .menu.large-vertical {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-direction: column;
          flex-direction: column; }
    .menu.large-expanded li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; }
    .menu.large-simple li {
      -ms-flex: 1 1 0px;
          flex: 1 1 0px; } }
  .menu.nested {
    margin-right: 0;
    margin-left: 18px;
    margin-left: 1rem; }
  .menu.icons a {
    display: -ms-flexbox;
    display: flex; }
  .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
    display: -ms-flexbox;
    display: flex; }
  .menu.icon-left li a, .menu.nested.icon-left li a {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .menu.icon-left li a img,
    .menu.icon-left li a i,
    .menu.icon-left li a svg, .menu.nested.icon-left li a img,
    .menu.nested.icon-left li a i,
    .menu.nested.icon-left li a svg {
      margin-right: 4px;
      margin-right: 0.25rem; }
  .menu.icon-right li a, .menu.nested.icon-right li a {
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap; }
    .menu.icon-right li a img,
    .menu.icon-right li a i,
    .menu.icon-right li a svg, .menu.nested.icon-right li a img,
    .menu.nested.icon-right li a i,
    .menu.nested.icon-right li a svg {
      margin-left: 4px;
      margin-left: 0.25rem; }
  .menu.icon-top li a, .menu.nested.icon-top li a {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
    .menu.icon-top li a img,
    .menu.icon-top li a i,
    .menu.icon-top li a svg, .menu.nested.icon-top li a img,
    .menu.nested.icon-top li a i,
    .menu.nested.icon-top li a svg {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      margin-bottom: 4px;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu.icon-bottom li a, .menu.nested.icon-bottom li a {
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap; }
    .menu.icon-bottom li a img,
    .menu.icon-bottom li a i,
    .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
    .menu.nested.icon-bottom li a i,
    .menu.nested.icon-bottom li a svg {
      -ms-flex-item-align: stretch;
          align-self: stretch;
      margin-bottom: 4px;
      margin-bottom: 0.25rem;
      text-align: center; }
  .menu .is-active > a {
    background: #fff;
    color: #0a0a0a; }
  .menu .active > a {
    background: #fff;
    color: #0a0a0a; }
  .menu.align-left {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .menu.align-right li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .menu.align-right li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .menu.align-right.vertical li {
    display: block;
    text-align: right; }
    .menu.align-right.vertical li .submenu li {
      text-align: right; }
  .menu.align-right.icon-top li a img,
  .menu.align-right.icon-top li a i,
  .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
  .menu.align-right.icon-bottom li a i,
  .menu.align-right.icon-bottom li a svg {
    text-align: right; }
  .menu.align-right .nested {
    margin-right: 18px;
    margin-right: 1rem;
    margin-left: 0; }
  .menu.align-center li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .menu.align-center li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .menu .menu-text {
    padding: 12px 18px;
    padding: 0.7rem 1rem;
    font-weight: bold;
    line-height: 1;
    color: inherit; }

.menu-centered > .menu {
  -ms-flex-pack: center;
      justify-content: center; }
  .menu-centered > .menu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
    .menu-centered > .menu li .submenu li {
      -ms-flex-pack: start;
          justify-content: flex-start; }

.no-js [data-responsive-menu] ul {
  display: none; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
    content: ''; }
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer; }
  .menu-icon.dark::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: ''; }
  .menu-icon.dark:hover::after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.accordion-menu li {
  width: 100%; }

.accordion-menu a {
  padding: 12px 18px;
  padding: 0.7rem 1rem; }

.accordion-menu .is-accordion-submenu a {
  padding: 12px 18px;
  padding: 0.7rem 1rem; }

.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 18px;
  margin-left: 1rem; }

.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 18px;
  margin-right: 1rem;
  margin-left: 0; }

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative; }
  .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-bottom-width: 0;
    border-color: #00a8e5 transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 18px;
    right: 1rem; }

.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 18px;
  right: 1rem;
  left: auto; }

.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 18px;
  left: 1rem; }

.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }

.is-accordion-submenu-parent {
  position: relative; }

.has-submenu-toggle > a {
  margin-right: 40px; }

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer; }
  .submenu-toggle::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-bottom-width: 0;
    border-color: #00a8e5 transparent transparent;
    top: 0;
    bottom: 0;
    margin: auto; }

.submenu-toggle[aria-expanded='true']::after {
  -ms-transform: scaleY(-1);
      transform: scaleY(-1);
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; }

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.is-drilldown {
  position: relative;
  overflow: hidden; }
  .is-drilldown li {
    display: block; }
  .is-drilldown.animate-height {
    transition: height 0.5s; }

.drilldown a {
  padding: 12px 18px;
  padding: 0.7rem 1rem;
  background: #fff; }

.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fff;
  transition: transform 0.15s linear; }
  .drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -ms-transform: translateX(-100%);
        transform: translateX(-100%); }
  .drilldown .is-drilldown-submenu.is-closing {
    -ms-transform: translateX(100%);
        transform: translateX(100%); }
  .drilldown .is-drilldown-submenu a {
    padding: 12px 18px;
    padding: 0.7rem 1rem; }

.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0; }

.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%; }

.drilldown .is-drilldown-submenu-parent > a {
  position: relative; }
  .drilldown .is-drilldown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #00a8e5;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 18px;
    right: 1rem; }

.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: '';
  border-right-width: 0;
  border-color: transparent transparent transparent #00a8e5;
  right: 18px;
  right: 1rem;
  left: auto; }

.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: '';
  border-left-width: 0;
  border-color: transparent #00a8e5 transparent transparent;
  right: auto;
  left: 18px;
  left: 1rem; }

.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: '';
  border-left-width: 0;
  border-color: transparent #00a8e5 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
  margin-right: 0.75rem; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 27px;
  padding-right: 1.5rem; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: '';
  border-bottom-width: 0;
  border-color: #00a8e5 transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu > li > a {
  padding: 12px 18px;
  padding: 0.7rem 1rem; }

.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #00a8e5; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0; }

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto; }

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%; }

.dropdown.menu.vertical > li > a::after {
  right: 14px; }

.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: '';
  border-left-width: 0;
  border-color: transparent #00a8e5 transparent transparent;
  right: auto;
  left: 5px; }

.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: '';
  border-right-width: 0;
  border-color: transparent transparent transparent #00a8e5; }

@media print, screen and (min-width: 40em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-bottom-width: 0;
    border-color: #00a8e5 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent #00a8e5 transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #00a8e5; } }

@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto; }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem; }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-bottom-width: 0;
    border-color: #00a8e5 transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px; }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0; }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto; }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px; }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent #00a8e5 transparent transparent;
    right: auto;
    left: 5px; }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #00a8e5; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }

.is-dropdown-submenu-parent {
  position: relative; }
  .is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    left: auto;
    margin-top: -6px; }
  .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    top: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    right: 100%;
    left: auto; }
  .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%; }

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fff; }
  .dropdown .is-dropdown-submenu a {
    padding: 12px 18px;
    padding: 0.7rem 1rem; }
  .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
    right: 14px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-left-width: 0;
    border-color: transparent #00a8e5 transparent transparent;
    right: auto;
    left: 5px; }
  .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: '';
    border-right-width: 0;
    border-color: transparent transparent transparent #00a8e5; }
  .is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px; }
  .is-dropdown-submenu > li {
    width: 100%; }
  .is-dropdown-submenu.js-dropdown-active {
    display: block; }

.is-off-canvas-open {
  overflow: hidden; }

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }
  .js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible; }
  .js-off-canvas-overlay.is-closable {
    cursor: pointer; }
  .js-off-canvas-overlay.is-overlay-absolute {
    position: absolute; }
  .js-off-canvas-overlay.is-overlay-fixed {
    position: fixed; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas {
  position: fixed;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6; }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.is-transition-push {
    z-index: 12; }
  .off-canvas.is-closed {
    visibility: hidden; }
  .off-canvas.is-transition-overlap {
    z-index: 13; }
    .off-canvas.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
  .off-canvas.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6; }
  [data-whatinput='mouse'] .off-canvas-absolute {
    outline: 0; }
  .off-canvas-absolute.is-transition-push {
    z-index: 12; }
  .off-canvas-absolute.is-closed {
    visibility: hidden; }
  .off-canvas-absolute.is-transition-overlap {
    z-index: 13; }
    .off-canvas-absolute.is-transition-overlap.is-open {
      box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
  .off-canvas-absolute.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  -ms-transform: translateX(-250px);
      transform: translateX(-250px); }
  .off-canvas-content .off-canvas.position-left {
    -ms-transform: translateX(-250px);
        transform: translateX(-250px); }
    .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-left.has-transition-push {
    -ms-transform: translateX(250px);
        transform: translateX(250px); }
  .position-left.is-transition-push {
    box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  -ms-transform: translateX(250px);
      transform: translateX(250px); }
  .off-canvas-content .off-canvas.position-right {
    -ms-transform: translateX(250px);
        transform: translateX(250px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-right.has-transition-push {
    -ms-transform: translateX(-250px);
        transform: translateX(-250px); }
  .position-right.is-transition-push {
    box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); }

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  -ms-transform: translateY(-250px);
      transform: translateY(-250px); }
  .off-canvas-content .off-canvas.position-top {
    -ms-transform: translateY(-250px);
        transform: translateY(-250px); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-top.has-transition-push {
    -ms-transform: translateY(250px);
        transform: translateY(250px); }
  .position-top.is-transition-push {
    box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); }

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  -ms-transform: translateY(250px);
      transform: translateY(250px); }
  .off-canvas-content .off-canvas.position-bottom {
    -ms-transform: translateY(250px);
        transform: translateY(250px); }
    .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
      -ms-transform: translate(0, 0);
          transform: translate(0, 0); }
  .off-canvas-content.is-open-bottom.has-transition-push {
    -ms-transform: translateY(-250px);
        transform: translateY(-250px); }
  .position-bottom.is-transition-push {
    box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); }

.off-canvas-content {
  -ms-transform: none;
      transform: none;
  backface-visibility: hidden; }
  .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
    transition: transform 0.5s ease; }
  .off-canvas-content.has-transition-push {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
  .off-canvas-content .off-canvas.is-open {
    -ms-transform: translate(0, 0);
        transform: translate(0, 0); }

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-medium ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-medium ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-medium ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-medium {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-medium .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-medium {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-medium ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-left.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-left.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-left {
      margin-left: 250px; }
    .position-left.reveal-for-large ~ .off-canvas-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-right.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-right.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-right {
      margin-right: 250px; }
    .position-right.reveal-for-large ~ .off-canvas-content {
      margin-right: 250px; }
  .position-top.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-top.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-top.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-top {
      margin-top: 250px; }
    .position-top.reveal-for-large ~ .off-canvas-content {
      margin-top: 250px; }
  .position-bottom.reveal-for-large {
    -ms-transform: none;
        transform: none;
    z-index: 12;
    transition: none;
    visibility: visible; }
    .position-bottom.reveal-for-large .close-button {
      display: none; }
    .off-canvas-content .position-bottom.reveal-for-large {
      -ms-transform: none;
          transform: none; }
    .off-canvas-content.has-reveal-bottom {
      margin-bottom: 250px; }
    .position-bottom.reveal-for-large ~ .off-canvas-content {
      margin-bottom: 250px; } }

@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none; }
    .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
      box-shadow: none;
      -ms-transform: none;
          transform: none; }
    .off-canvas.in-canvas-for-medium .close-button {
      display: none; } }

@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none; }
    .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
      box-shadow: none;
      -ms-transform: none;
          transform: none; }
    .off-canvas.in-canvas-for-large .close-button {
      display: none; } }

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden; }
  html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  html.is-reveal-open body {
    overflow-y: hidden; }

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.6);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: #fff;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      min-height: 0; } }
  .reveal .column {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal {
      width: 560px;
      max-width: 66.66667rem; } }
  .reveal.collapse {
    padding: 0; }
  @media print, screen and (min-width: 40em) {
    .reveal.tiny {
      width: 30%;
      max-width: 66.66667rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.small {
      width: 50%;
      max-width: 66.66667rem; } }
  @media print, screen and (min-width: 40em) {
    .reveal.large {
      width: 90%;
      max-width: 66.66667rem; } }
  .reveal.full {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0; }
  @media print, screen and (max-width: 39.99875em) {
    .reveal {
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      min-height: 100%;
      margin-left: 0;
      border: 0;
      border-radius: 0; } }
  .reveal.without-overlay {
    position: fixed; }

.sticky-container {
  position: relative; }

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
  width: 100%; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

.title-bar {
  padding: 9px;
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center; }
  .title-bar .menu-icon {
    margin-left: 4px;
    margin-left: 0.25rem;
    margin-right: 4px;
    margin-right: 0.25rem; }

.title-bar-left,
.title-bar-right {
  -ms-flex: 1 1 0px;
      flex: 1 1 0px; }

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

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold; }

.top-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 9px;
  padding: 0.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .top-bar,
  .top-bar ul {
    background-color: #e6e6e6; }
  .top-bar input {
    max-width: 200px;
    margin-right: 18px;
    margin-right: 1rem; }
  .top-bar .input-group-field {
    width: 100%;
    margin-right: 0; }
  .top-bar input.button {
    width: auto; }
  .top-bar .top-bar-left,
  .top-bar .top-bar-right {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  @media print, screen and (min-width: 40em) {
    .top-bar {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .top-bar .top-bar-left {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        margin-right: auto; }
      .top-bar .top-bar-right {
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        margin-left: auto; } }
  @media print, screen and (max-width: 63.99875em) {
    .top-bar.stacked-for-medium {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-medium .top-bar-left,
      .top-bar.stacked-for-medium .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }
  @media print, screen and (max-width: 74.99875em) {
    .top-bar.stacked-for-large {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .top-bar.stacked-for-large .top-bar-left,
      .top-bar.stacked-for-large .top-bar-right {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
        max-width: 100%; } }

.top-bar-title {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  margin: 9px 18px 9px 0;
  margin: 0.5rem 1rem 0.5rem 0; }

.top-bar-left,
.top-bar-right {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-order: 1;
      order: 1; }

.clearfix::after {
  clear: both; }

.align-left {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.align-right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.align-center {
  -ms-flex-pack: center;
      justify-content: center; }

.align-justify {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.align-left.vertical.menu > li > a {
  -ms-flex-pack: start;
      justify-content: flex-start; }

.align-right.vertical.menu > li > a {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.align-center.vertical.menu > li > a {
  -ms-flex-pack: center;
      justify-content: center; }

.align-top {
  -ms-flex-align: start;
      align-items: flex-start; }

.align-self-top {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.align-bottom {
  -ms-flex-align: end;
      align-items: flex-end; }

.align-self-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.align-middle {
  -ms-flex-align: center;
      align-items: center; }

.align-self-middle {
  -ms-flex-item-align: center;
      align-self: center; }

.align-stretch {
  -ms-flex-align: stretch;
      align-items: stretch; }

.align-self-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.align-center-middle {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-line-pack: center;
      align-content: center; }

.small-order-1 {
  -ms-flex-order: 1;
      order: 1; }

.small-order-2 {
  -ms-flex-order: 2;
      order: 2; }

.small-order-3 {
  -ms-flex-order: 3;
      order: 3; }

.small-order-4 {
  -ms-flex-order: 4;
      order: 4; }

.small-order-5 {
  -ms-flex-order: 5;
      order: 5; }

.small-order-6 {
  -ms-flex-order: 6;
      order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -ms-flex-order: 1;
        order: 1; }
  .medium-order-2 {
    -ms-flex-order: 2;
        order: 2; }
  .medium-order-3 {
    -ms-flex-order: 3;
        order: 3; }
  .medium-order-4 {
    -ms-flex-order: 4;
        order: 4; }
  .medium-order-5 {
    -ms-flex-order: 5;
        order: 5; }
  .medium-order-6 {
    -ms-flex-order: 6;
        order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -ms-flex-order: 1;
        order: 1; }
  .large-order-2 {
    -ms-flex-order: 2;
        order: 2; }
  .large-order-3 {
    -ms-flex-order: 3;
        order: 3; }
  .large-order-4 {
    -ms-flex-order: 4;
        order: 4; }
  .large-order-5 {
    -ms-flex-order: 5;
        order: 5; }
  .large-order-6 {
    -ms-flex-order: 6;
        order: 6; } }

.flex-container {
  display: -ms-flexbox;
  display: flex; }

.flex-child-auto {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto; }

.flex-child-grow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto; }

.flex-child-shrink {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto; }

.flex-dir-row {
  -ms-flex-direction: row;
      flex-direction: row; }

.flex-dir-row-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.flex-dir-column {
  -ms-flex-direction: column;
      flex-direction: column; }

.flex-dir-column-reverse {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }

@media print, screen and (min-width: 40em) {
  .medium-flex-container {
    display: -ms-flexbox;
    display: flex; }
  .medium-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .medium-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .medium-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
  .medium-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .medium-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .medium-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .medium-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }

@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: -ms-flexbox;
    display: flex; }
  .large-flex-child-auto {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .large-flex-child-grow {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .large-flex-child-shrink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
  .large-flex-dir-row {
    -ms-flex-direction: row;
        flex-direction: row; }
  .large-flex-dir-row-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
  .large-flex-dir-column {
    -ms-flex-direction: column;
        flex-direction: column; }
  .large-flex-dir-column-reverse {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

.visible {
  visibility: visible; }

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important; } }

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important; } }

@media print, screen and (min-width: 64em) and (max-width: 74.99875em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.show-for-dark-mode {
  display: none; }

.hide-for-dark-mode {
  display: block; }

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important; }
  .hide-for-dark-mode {
    display: none !important; } }

.show-for-ie {
  display: none; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important; }
  .hide-for-ie {
    display: none !important; } }

.show-for-sticky {
  display: none; }

.is-stuck .show-for-sticky {
  display: block; }

.is-stuck .hide-for-sticky {
  display: none; }

/* LO dataset in search result list */
/* LO dataset in slider */
/* HmS dataset in slider */
/* LO dataset in shoppingbox */
/* LO dataset in shop basket */
/* LO shop item in search result list */
/* HmS dataset in search result list */
/* LO shop item in slider */
@font-face {
  font-family: 'icomoon';
  src: url("../Fonts/icomoon.eot?ci7a4l#iefix") format("embedded-opentype"), url("../Fonts/iconmoon/icomoon.ttf?ci7a4l") format("truetype"), url("../Fonts/icomoon.woff?ci7a4l") format("woff"), url("../Fonts/icomoon.svg?ci7a4l#icomoon") format("svg"); }

@font-face {
  font-family: 'icomoon';
  src: url("../Fonts/icomoon.eot?ci7a4l");
  src: url("../Fonts/icomoon.eot?ci7a4l#iefix") format("embedded-opentype"), url("../Fonts/icomoon.ttf?ci7a4l") format("truetype"), url("../Fonts/icomoon.woff?ci7a4l") format("woff"), url("../Fonts/icomoon.svg?ci7a4l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

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

.icon-clipboard:before {
  content: '\e902'; }

.icon-news:before {
  content: '\e800'; }

.icon-dossier:before {
  content: '\e903'; }

.icon-article:before {
  content: '\e904'; }

.icon-file:before {
  content: '\e905'; }

.icon-count-files:before {
  content: '\e906'; }

.icon-learningtype:before {
  content: '\ea70'; }

.icon-schoolstage:before {
  content: '\e802'; }

.icon-count-hours:before {
  content: '\ea4d'; }

.icon-delete:before,
.icon-bin:before {
  content: '\e623'; }

.icon-file-upload:before,
.icon-cloud-upload2:before {
  content: '\e62a'; }

.icon-file-download:before {
  content: '\e907'; }

.icon-share:before {
  content: '\e622'; }

.icon-preview:before {
  content: '\eb35'; }

.icon-facebook:before {
  content: '\eeea'; }

.icon-google-plus:before {
  content: '\eee6'; }

.icon-twitter:before {
  content: '\eeef'; }

.icon-folder4:before {
  content: '\e900'; }

.icon-magic-link:before {
  content: '\e908'; }

.icon-interner-link:before {
  /* content: '\e909';*/ }

.icon-expand:before {
  content: '\e90a'; }

.icon-collapse:before {
  content: '\e90b'; }

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

.icon-sharing-site:before {
  content: '\e90d'; }

.icon-info:before {
  content: '\e626'; }

.icon-tag:before {
  content: '\e801'; }

.icon-display4:before {
  content: '\e62b'; }

.icon-stairs-up:before {
  content: '\e62c'; }

.icon-road:before {
  content: '\e62d'; }

.icon-target:before {
  content: '\e62e'; }

.icon-equalizer2:before {
  content: '\e62f'; }

.icon-bubble-video:before {
  content: '\e630'; }

.icon-wrench:before {
  content: '\e631'; }

.icon-magic-wand:before {
  content: '\e632'; }

.icon-key:before {
  content: '\e633'; }

.icon-connection:before {
  content: '\e634'; }

.icon-keyboard2:before {
  content: '\e635'; }

.icon-earth:before {
  content: '\e636'; }

.icon-image-compare:before {
  content: '\e637'; }

.icon-city:before {
  content: '\e638'; }

.icon-transmission:before {
  content: '\ee43'; }

.icon-transmission2:before {
  content: '\ee44'; }

.icon-sort:before {
  content: '\ee45'; }

.icon-sort2:before {
  content: '\ee46'; }

.icon-link:before {
  content: '\ec98'; }

.icon-unlink:before {
  content: '\ec99'; }

.icon-check-ok:before {
  content: '\e628'; }

.icon-cancel-circle:before {
  content: '\e629'; }

.icon-avatar:before {
  content: '\eb05'; }

.icon-cross:before {
  content: '\e624'; }

.icon-warning:before {
  content: '\e625'; }

.icon-question3:before {
  content: '\e627'; }

.icon-stats-growth:before {
  content: '\e616'; }

.icon-cogs:before {
  content: '\e617'; }

.icon-bubble2:before {
  content: '\e618'; }

.icon-list2:before {
  content: '\e619'; }

.icon-bug2:before {
  content: '\e61a'; }

.icon-direction:before {
  content: '\e61b'; }

.icon-theater:before {
  content: '\e61c'; }

.icon-calculator3:before {
  content: '\e61d'; }

.icon-users4:before {
  content: '\e61e'; }

.icon-bubbles4:before {
  content: '\e61f'; }

.icon-aid-kit:before {
  content: '\e620'; }

.icon-books:before {
  content: '\e621'; }

.icon-buch:before {
  content: '\e613'; }

.icon-stift:before {
  content: '\e614'; }

.icon-menschen-paar:before {
  content: '\e615'; }

.icon-abc:before {
  content: '\e600'; }

.icon-stern:before {
  content: '\e601'; }

.icon-anmeldung:before {
  content: '\e602'; }

.icon-ball:before {
  content: '\e603'; }

.icon-dokument-hinzufuegen:before {
  /*content: '\e604';*/
  content: '\e90e'; }

.icon-email:before {
  content: '\e605'; }

.icon-email2:before {
  content: '\e606'; }

.icon-euro:before {
  content: '\e607'; }

.icon-mensch:before {
  content: '\e608'; }

.icon-menschen2:before {
  content: '\e609'; }

.icon-menschen:before {
  content: '\e60a'; }

.icon-naturwissenschaften:before {
  content: '\e60b'; }

.icon-pinsel:before {
  content: '\e60c'; }

.icon-play:before {
  content: '\e60d'; }

.icon-smartphone:before {
  content: '\e60e'; }

.icon-sprechblasen:before {
  content: '\e60f'; }

.icon-weltkugel:before {
  content: '\e610'; }

.icon-werkzeug:before {
  content: '\e611'; }

.icon-dokument_stift:before {
  content: '\e612'; }

.icon-home:before {
  content: '\e901'; }

.icon-file-text:before {
  content: '\e99b'; }

.icon-phone:before {
  content: '\ea1d'; }

.icon-envelop:before {
  content: '\ea30'; }

.icon-printer:before {
  content: '\ea66'; }

.icon-link-internal:before {
  content: '\eabd'; }

.icon-search:before {
  content: '\eb33'; }

.icon-download:before {
  content: '\ec88'; }

.icon-world:before {
  content: '\ec8e'; }

.icon-plus:before {
  content: '\ed58'; }

.icon-minus:before {
  content: '\ed59'; }

.icon-tab:before {
  content: '\ee42'; }

.icon-add-to-collection:before {
  content: '\e90e'; }

/* Add a star icon to the wishlist icon, default config, e.g. for search hit list items */
.icon-unit:before {
  content: '\e90f'; }

.icon-externer-link:before {
  content: '\eec5'; }

.icon-pulse:before {
  content: '\e910'; }

.icon-atom2:before {
  content: '\e911'; }

.icon-leaf:before {
  content: '\e912'; }

.icon-man-woman:before {
  content: '\e913'; }

.icon-section:before {
  content: '\e914'; }

/****************************/
/* svg icons by css class   */
/****************************/
i[class^='svg-icon-download']:before {
  content: '';
  background-color: transparent;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center 1px;
  position: absolute;
  width: 29px !important;
  height: 30px !important;
  display: inline-block; }

.svg-icon-download-black:before {
  background-image: url(../Icons/icon-hms-download-black.svg); }

.svg-icon-download-white:before {
  background-image: url(../Icons/icon-hms-download-white.svg); }

.svg-icon-download-red:before {
  background-image: url(../Icons/icon-hms-download-red.svg); }

/****************************/
/* new icons in search list */
.icon-lo:before {
  content: '';
  background-image: url("../Icons/Fonticons/lo-icon.png");
  background-color: #34A6BF;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
  width: 50px;
  height: 50px;
  display: inline-block; }

.icon-external:before {
  content: '';
  background-image: url("../Icons/elixier-icon.png");
  background-color: #f4f4f4;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: 5px -14px;
  width: 67px !important;
  width: 3.75rem !important;
  height: 67px !important;
  height: 3.75rem !important;
  display: inline-block; }

.icon-pinterest:before {
  content: '';
  background-image: url(../Icons/pinterest.svg);
  background-color: transparent;
  background-size: 43px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 60px !important;
  height: 45px !important;
  display: inline-block; }

.fa-icon-user-solid:before {
  content: '';
  background-image: url(../Icons/fa-user-regular.svg);
  background-color: transparent;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center 0px;
  position: absolute;
  width: 22px !important;
  height: 24px !important;
  display: inline-block; }

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

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

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

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

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

.icon-office:before {
  content: "\e903"; }

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

.icon-pencil:before {
  content: "\e905"; }

.icon-pencil2:before {
  content: "\e906"; }

.icon-quill:before {
  content: "\e907"; }

.icon-pen:before {
  content: "\e908"; }

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

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

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

.icon-paint-format:before {
  content: "\e90c"; }

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

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

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

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

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

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

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

.icon-video-camera:before {
  content: "\e914"; }

.icon-dice:before {
  content: "\e915"; }

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

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

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

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

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

.icon-connection:before {
  content: "\e91b"; }

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

.icon-feed:before {
  content: "\e91d"; }

.icon-mic:before {
  content: "\e91e"; }

.icon-book:before {
  content: "\e91f"; }

.icon-books:before {
  content: "\e920"; }

.icon-library:before {
  content: "\e921"; }

.icon-file-text:before {
  content: "\e922"; }

.icon-profile:before {
  content: "\e923"; }

.icon-file-empty:before {
  content: "\e924"; }

.icon-files-empty:before {
  content: "\e925"; }

.icon-file-text2:before {
  content: "\e926"; }

.icon-file-picture:before {
  content: "\e927"; }

.icon-file-music:before {
  content: "\e928"; }

.icon-file-play:before {
  content: "\e929"; }

.icon-file-video:before {
  content: "\e92a"; }

.icon-file-zip:before {
  content: "\e92b"; }

.icon-copy:before {
  content: "\e92c"; }

.icon-paste:before {
  content: "\e92d"; }

.icon-stack:before {
  content: "\e92e"; }

.icon-folder:before {
  content: "\e92f"; }

.icon-folder-open:before {
  content: "\e930"; }

.icon-folder-plus:before {
  content: "\e931"; }

.icon-folder-minus:before {
  content: "\e932"; }

.icon-folder-download:before {
  content: "\e933"; }

.icon-folder-upload:before {
  content: "\e934"; }

.icon-price-tag:before {
  content: "\e935"; }

.icon-price-tags:before {
  content: "\e936"; }

.icon-barcode:before {
  content: "\e937"; }

.icon-qrcode:before {
  content: "\e938"; }

.icon-ticket:before {
  content: "\e939"; }

.icon-cart:before {
  content: "\e93a"; }

.icon-coin-dollar:before {
  content: "\e93b"; }

.icon-coin-euro:before {
  content: "\e93c"; }

.icon-coin-pound:before {
  content: "\e93d"; }

.icon-coin-yen:before {
  content: "\e93e"; }

.icon-credit-card:before {
  content: "\e93f"; }

.icon-calculator:before {
  content: "\e940"; }

.icon-lifebuoy:before {
  content: "\e941"; }

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

.icon-phone-hang-up:before {
  content: "\e943"; }

.icon-address-book:before {
  content: "\e944"; }

.icon-envelop:before {
  content: "\e945"; }

.icon-pushpin:before {
  content: "\e946"; }

.icon-location:before {
  content: "\e947"; }

.icon-location2:before {
  content: "\e948"; }

.icon-compass:before {
  content: "\e949"; }

.icon-compass2:before {
  content: "\e94a"; }

.icon-map:before {
  content: "\e94b"; }

.icon-map2:before {
  content: "\e94c"; }

.icon-history:before {
  content: "\e94d"; }

.icon-clock:before {
  content: "\e94e"; }

.icon-clock2:before {
  content: "\e94f"; }

.icon-alarm:before {
  content: "\e950"; }

.icon-bell:before {
  content: "\e951"; }

.icon-stopwatch:before {
  content: "\e952"; }

.icon-calendar:before {
  content: "\e953"; }

.icon-printer:before {
  content: "\e954"; }

.icon-keyboard:before {
  content: "\e955"; }

.icon-display:before {
  content: "\e956"; }

.icon-laptop:before {
  content: "\e957"; }

.icon-mobile:before {
  content: "\e958"; }

.icon-mobile2:before {
  content: "\e959"; }

.icon-tablet:before {
  content: "\e95a"; }

.icon-tv:before {
  content: "\e95b"; }

.icon-drawer:before {
  content: "\e95c"; }

.icon-drawer2:before {
  content: "\e95d"; }

.icon-box-add:before {
  content: "\e95e"; }

.icon-box-remove:before {
  content: "\e95f"; }

.icon-download:before {
  content: "\e960"; }

.icon-upload:before {
  content: "\e961"; }

.icon-floppy-disk:before {
  content: "\e962"; }

.icon-drive:before {
  content: "\e963"; }

.icon-database:before {
  content: "\e964"; }

.icon-undo:before {
  content: "\e965"; }

.icon-redo:before {
  content: "\e966"; }

.icon-undo2:before {
  content: "\e967"; }

.icon-redo2:before {
  content: "\e968"; }

.icon-forward:before {
  content: "\e969"; }

.icon-reply:before {
  content: "\e96a"; }

.icon-bubble:before {
  content: "\e96b"; }

.icon-bubbles:before {
  content: "\e96c"; }

.icon-bubbles2:before {
  content: "\e96d"; }

.icon-bubble2:before {
  content: "\e96e"; }

.icon-bubbles3:before {
  content: "\e96f"; }

.icon-bubbles4:before {
  content: "\e970"; }

.icon-user:before {
  content: "\e971"; }

.icon-users:before {
  content: "\e972"; }

.icon-user-plus:before {
  content: "\e973"; }

.icon-user-minus:before {
  content: "\e974"; }

.icon-user-check:before {
  content: "\e975"; }

.icon-user-tie:before {
  content: "\e976"; }

.icon-quotes-left:before {
  content: "\e977"; }

.icon-quotes-right:before {
  content: "\e978"; }

.icon-hour-glass:before {
  content: "\e979"; }

.icon-spinner:before {
  content: "\e97a"; }

.icon-spinner2:before {
  content: "\e97b"; }

.icon-spinner3:before {
  content: "\e97c"; }

.icon-spinner4:before {
  content: "\e97d"; }

.icon-spinner5:before {
  content: "\e97e"; }

.icon-spinner6:before {
  content: "\e97f"; }

.icon-spinner7:before {
  content: "\e980"; }

.icon-spinner8:before {
  content: "\e981"; }

.icon-spinner9:before {
  content: "\e982"; }

.icon-spinner10:before {
  content: "\e983"; }

.icon-spinner11:before {
  content: "\e984"; }

.icon-binoculars:before {
  content: "\e985"; }

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

.icon-zoom-in:before {
  content: "\e987"; }

.icon-zoom-out:before {
  content: "\e988"; }

.icon-enlarge:before {
  content: "\e989"; }

.icon-shrink:before {
  content: "\e98a"; }

.icon-enlarge2:before {
  content: "\e98b"; }

.icon-shrink2:before {
  content: "\e98c"; }

.icon-key:before {
  content: "\e98d"; }

.icon-key2:before {
  content: "\e98e"; }

.icon-lock:before {
  content: "\e98f"; }

.icon-unlocked:before {
  content: "\e990"; }

.icon-wrench:before {
  content: "\e991"; }

.icon-equalizer:before {
  content: "\e992"; }

.icon-equalizer2:before {
  content: "\e993"; }

.icon-cog:before {
  content: "\e994"; }

.icon-cogs:before {
  content: "\e995"; }

.icon-hammer:before {
  content: "\e996"; }

.icon-magic-wand:before {
  content: "\e997"; }

.icon-aid-kit:before {
  content: "\e998"; }

.icon-bug:before {
  content: "\e999"; }

.icon-pie-chart:before {
  content: "\e99a"; }

.icon-stats-dots:before {
  content: "\e99b"; }

.icon-stats-bars:before {
  content: "\e99c"; }

.icon-stats-bars2:before {
  content: "\e99d"; }

.icon-trophy:before {
  content: "\e99e"; }

.icon-gift:before {
  content: "\e99f"; }

.icon-glass:before {
  content: "\e9a0"; }

.icon-glass2:before {
  content: "\e9a1"; }

.icon-mug:before {
  content: "\e9a2"; }

.icon-spoon-knife:before {
  content: "\e9a3"; }

.icon-leaf:before {
  content: "\e9a4"; }

.icon-rocket:before {
  content: "\e9a5"; }

.icon-meter:before {
  content: "\e9a6"; }

.icon-meter2:before {
  content: "\e9a7"; }

.icon-hammer2:before {
  content: "\e9a8"; }

.icon-fire:before {
  content: "\e9a9"; }

.icon-lab:before {
  content: "\e9aa"; }

.icon-magnet:before {
  content: "\e9ab"; }

.icon-bin:before {
  content: "\e9ac"; }

.icon-bin2:before {
  content: "\e9ad"; }

.icon-briefcase:before {
  content: "\e9ae"; }

.icon-airplane:before {
  content: "\e9af"; }

.icon-truck:before {
  content: "\e9b0"; }

.icon-road:before {
  content: "\e9b1"; }

.icon-accessibility:before {
  content: "\e9b2"; }

.icon-target:before {
  content: "\e9b3"; }

.icon-shield:before {
  content: "\e9b4"; }

.icon-power:before {
  content: "\e9b5"; }

.icon-switch:before {
  content: "\e9b6"; }

.icon-power-cord:before {
  content: "\e9b7"; }

.icon-clipboard:before {
  content: "\e9b8"; }

.icon-list-numbered:before {
  content: "\e9b9"; }

.icon-list:before {
  content: "\e9ba"; }

.icon-list2:before {
  content: "\e9bb"; }

.icon-tree:before {
  content: "\e9bc"; }

.icon-menu:before {
  content: "\e9bd"; }

.icon-menu2:before {
  content: "\e9be"; }

.icon-menu3:before {
  content: "\e9bf"; }

.icon-menu4:before {
  content: "\e9c0"; }

.icon-cloud:before {
  content: "\e9c1"; }

.icon-cloud-download:before {
  content: "\e9c2"; }

.icon-cloud-upload:before {
  content: "\e9c3"; }

.icon-cloud-check:before {
  content: "\e9c4"; }

.icon-download2:before {
  content: "\e9c5"; }

.icon-upload2:before {
  content: "\e9c6"; }

.icon-download3:before {
  content: "\e9c7"; }

.icon-upload3:before {
  content: "\e9c8"; }

.icon-sphere:before {
  content: "\e9c9"; }

.icon-earth:before {
  content: "\e9ca"; }

.icon-link:before {
  content: "\e9cb"; }

.icon-flag:before {
  content: "\e9cc"; }

.icon-attachment:before {
  content: "\e9cd"; }

.icon-eye:before {
  content: "\e9ce"; }

.icon-eye-plus:before {
  content: "\e9cf"; }

.icon-eye-minus:before {
  content: "\e9d0"; }

.icon-eye-blocked:before {
  content: "\e9d1"; }

.icon-bookmark:before {
  content: "\e9d2"; }

.icon-bookmarks:before {
  content: "\e9d3"; }

.icon-sun:before {
  content: "\e9d4"; }

.icon-contrast:before {
  content: "\e9d5"; }

.icon-brightness-contrast:before {
  content: "\e9d6"; }

.icon-star-empty:before {
  content: "\e9d7"; }

.icon-star-half:before {
  content: "\e9d8"; }

.icon-star-full:before {
  content: "\e9d9"; }

.icon-heart:before {
  content: "\e9da"; }

.icon-heart-broken:before {
  content: "\e9db"; }

.icon-man:before {
  content: "\e9dc"; }

.icon-woman:before {
  content: "\e9dd"; }

.icon-man-woman:before {
  content: "\e9de"; }

.icon-happy:before {
  content: "\e9df"; }

.icon-happy2:before {
  content: "\e9e0"; }

.icon-smile:before {
  content: "\e9e1"; }

.icon-smile2:before {
  content: "\e9e2"; }

.icon-tongue:before {
  content: "\e9e3"; }

.icon-tongue2:before {
  content: "\e9e4"; }

.icon-sad:before {
  content: "\e9e5"; }

.icon-sad2:before {
  content: "\e9e6"; }

.icon-wink:before {
  content: "\e9e7"; }

.icon-wink2:before {
  content: "\e9e8"; }

.icon-grin:before {
  content: "\e9e9"; }

.icon-grin2:before {
  content: "\e9ea"; }

.icon-cool:before {
  content: "\e9eb"; }

.icon-cool2:before {
  content: "\e9ec"; }

.icon-angry:before {
  content: "\e9ed"; }

.icon-angry2:before {
  content: "\e9ee"; }

.icon-evil:before {
  content: "\e9ef"; }

.icon-evil2:before {
  content: "\e9f0"; }

.icon-shocked:before {
  content: "\e9f1"; }

.icon-shocked2:before {
  content: "\e9f2"; }

.icon-baffled:before {
  content: "\e9f3"; }

.icon-baffled2:before {
  content: "\e9f4"; }

.icon-confused:before {
  content: "\e9f5"; }

.icon-confused2:before {
  content: "\e9f6"; }

.icon-neutral:before {
  content: "\e9f7"; }

.icon-neutral2:before {
  content: "\e9f8"; }

.icon-hipster:before {
  content: "\e9f9"; }

.icon-hipster2:before {
  content: "\e9fa"; }

.icon-wondering:before {
  content: "\e9fb"; }

.icon-wondering2:before {
  content: "\e9fc"; }

.icon-sleepy:before {
  content: "\e9fd"; }

.icon-sleepy2:before {
  content: "\e9fe"; }

.icon-frustrated:before {
  content: "\e9ff"; }

.icon-frustrated2:before {
  content: "\ea00"; }

.icon-crying:before {
  content: "\ea01"; }

.icon-crying2:before {
  content: "\ea02"; }

.icon-point-up:before {
  content: "\ea03"; }

.icon-point-right:before {
  content: "\ea04"; }

.icon-point-down:before {
  content: "\ea05"; }

.icon-point-left:before {
  content: "\ea06"; }

.icon-warning:before {
  content: "\ea07"; }

.icon-notification:before {
  content: "\ea08"; }

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

.icon-plus:before {
  content: "\ea0a"; }

.icon-minus:before {
  content: "\ea0b"; }

.icon-info:before {
  content: "\ea0c"; }

.icon-cancel-circle:before {
  content: "\ea0d"; }

.icon-blocked:before {
  content: "\ea0e"; }

.icon-cross:before {
  content: "\ea0f"; }

.icon-checkmark:before {
  content: "\ea10"; }

.icon-checkmark2:before {
  content: "\ea11"; }

.icon-spell-check:before {
  content: "\ea12"; }

.icon-enter:before {
  content: "\ea13"; }

.icon-exit:before {
  content: "\ea14"; }

.icon-play2:before {
  content: "\ea15"; }

.icon-pause:before {
  content: "\ea16"; }

.icon-stop:before {
  content: "\ea17"; }

.icon-previous:before {
  content: "\ea18"; }

.icon-next:before {
  content: "\ea19"; }

.icon-backward:before {
  content: "\ea1a"; }

.icon-forward2:before {
  content: "\ea1b"; }

.icon-play3:before {
  content: "\ea1c"; }

.icon-pause2:before {
  content: "\ea1d"; }

.icon-stop2:before {
  content: "\ea1e"; }

.icon-backward2:before {
  content: "\ea1f"; }

.icon-forward3:before {
  content: "\ea20"; }

.icon-first:before {
  content: "\ea21"; }

.icon-last:before {
  content: "\ea22"; }

.icon-previous2:before {
  content: "\ea23"; }

.icon-next2:before {
  content: "\ea24"; }

.icon-eject:before {
  content: "\ea25"; }

.icon-volume-high:before {
  content: "\ea26"; }

.icon-volume-medium:before {
  content: "\ea27"; }

.icon-volume-low:before {
  content: "\ea28"; }

.icon-volume-mute:before {
  content: "\ea29"; }

.icon-volume-mute2:before {
  content: "\ea2a"; }

.icon-volume-increase:before {
  content: "\ea2b"; }

.icon-volume-decrease:before {
  content: "\ea2c"; }

.icon-loop:before {
  content: "\ea2d"; }

.icon-loop2:before {
  content: "\ea2e"; }

.icon-infinite:before {
  content: "\ea2f"; }

.icon-shuffle:before {
  content: "\ea30"; }

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

.icon-arrow-up:before {
  content: "\ea32"; }

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

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

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

.icon-arrow-down:before {
  content: "\ea36"; }

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

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

.icon-arrow-up-left2:before {
  content: "\ea39"; }

.icon-arrow-up2:before {
  content: "\ea3a"; }

.icon-arrow-up-right2:before {
  content: "\ea3b"; }

.icon-arrow-right2:before {
  content: "\ea3c"; }

.icon-arrow-down-right2:before {
  content: "\ea3d"; }

.icon-arrow-down2:before {
  content: "\ea3e"; }

.icon-arrow-down-left2:before {
  content: "\ea3f"; }

.icon-arrow-left2:before {
  content: "\ea40"; }

.icon-circle-up:before {
  content: "\ea41"; }

.icon-circle-right:before {
  content: "\ea42"; }

.icon-circle-down:before {
  content: "\ea43"; }

.icon-circle-left:before {
  content: "\ea44"; }

.icon-tab:before {
  content: "\ea45"; }

.icon-move-up:before {
  content: "\ea46"; }

.icon-move-down:before {
  content: "\ea47"; }

.icon-sort-alpha-asc:before {
  content: "\ea48"; }

.icon-sort-alpha-desc:before {
  content: "\ea49"; }

.icon-sort-numeric-asc:before {
  content: "\ea4a"; }

.icon-sort-numberic-desc:before {
  content: "\ea4b"; }

.icon-sort-amount-asc:before {
  content: "\ea4c"; }

.icon-sort-amount-desc:before {
  content: "\ea4d"; }

.icon-command:before {
  content: "\ea4e"; }

.icon-shift:before {
  content: "\ea4f"; }

.icon-ctrl:before {
  content: "\ea50"; }

.icon-opt:before {
  content: "\ea51"; }

.icon-checkbox-checked:before {
  content: "\ea52"; }

.icon-checkbox-unchecked:before {
  content: "\ea53"; }

.icon-radio-checked:before {
  content: "\ea54"; }

.icon-radio-checked2:before {
  content: "\ea55"; }

.icon-radio-unchecked:before {
  content: "\ea56"; }

.icon-crop:before {
  content: "\ea57"; }

.icon-make-group:before {
  content: "\ea58"; }

.icon-ungroup:before {
  content: "\ea59"; }

.icon-scissors:before {
  content: "\ea5a"; }

.icon-filter:before {
  content: "\ea5b"; }

.icon-font:before {
  content: "\ea5c"; }

.icon-ligature:before {
  content: "\ea5d"; }

.icon-ligature2:before {
  content: "\ea5e"; }

.icon-text-height:before {
  content: "\ea5f"; }

.icon-text-width:before {
  content: "\ea60"; }

.icon-font-size:before {
  content: "\ea61"; }

.icon-bold:before {
  content: "\ea62"; }

.icon-underline:before {
  content: "\ea63"; }

.icon-italic:before {
  content: "\ea64"; }

.icon-strikethrough:before {
  content: "\ea65"; }

.icon-omega:before {
  content: "\ea66"; }

.icon-sigma:before {
  content: "\ea67"; }

.icon-page-break:before {
  content: "\ea68"; }

.icon-superscript:before {
  content: "\ea69"; }

.icon-subscript:before {
  content: "\ea6a"; }

.icon-superscript2:before {
  content: "\ea6b"; }

.icon-subscript2:before {
  content: "\ea6c"; }

.icon-text-color:before {
  content: "\ea6d"; }

.icon-pagebreak:before {
  content: "\ea6e"; }

.icon-clear-formatting:before {
  content: "\ea6f"; }

.icon-table:before {
  content: "\ea70"; }

.icon-table2:before {
  content: "\ea71"; }

.icon-insert-template:before {
  content: "\ea72"; }

.icon-pilcrow:before {
  content: "\ea73"; }

.icon-ltr:before {
  content: "\ea74"; }

.icon-rtl:before {
  content: "\ea75"; }

.icon-section:before {
  content: "\ea76"; }

.icon-paragraph-left:before {
  content: "\ea77"; }

.icon-paragraph-center:before {
  content: "\ea78"; }

.icon-paragraph-right:before {
  content: "\ea79"; }

.icon-paragraph-justify:before {
  content: "\ea7a"; }

.icon-indent-increase:before {
  content: "\ea7b"; }

.icon-indent-decrease:before {
  content: "\ea7c"; }

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

.icon-new-tab:before {
  content: "\ea7e"; }

.icon-embed:before {
  content: "\ea7f"; }

.icon-embed2:before {
  content: "\ea80"; }

.icon-terminal:before {
  content: "\ea81"; }

.icon-share2:before {
  content: "\ea82"; }

.icon-mail:before {
  content: "\ea83"; }

.icon-mail2:before {
  content: "\ea84"; }

.icon-mail3:before {
  content: "\ea85"; }

.icon-mail4:before {
  content: "\ea86"; }

.icon-amazon:before {
  content: "\ea87"; }

.icon-google:before {
  content: "\ea88"; }

.icon-google2:before {
  content: "\ea89"; }

.icon-google3:before {
  content: "\ea8a"; }

.icon-google-plus:before {
  content: "\ea8b"; }

.icon-google-plus2:before {
  content: "\ea8c"; }

.icon-google-plus3:before {
  content: "\ea8d"; }

.icon-hangouts:before {
  content: "\ea8e"; }

.icon-google-drive:before {
  content: "\ea8f"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-facebook2:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-whatsapp:before {
  content: "\ea93"; }

.icon-spotify:before {
  content: "\ea94"; }

.icon-telegram:before {
  content: "\ea95"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-vine:before {
  content: "\ea97"; }

.icon-vk:before {
  content: "\ea98"; }

.icon-renren:before {
  content: "\ea99"; }

.icon-sina-weibo:before {
  content: "\ea9a"; }

.icon-rss:before {
  content: "\ea9b"; }

.icon-rss2:before {
  content: "\ea9c"; }

.icon-youtube:before {
  content: "\ea9d"; }

.icon-youtube2:before {
  content: "\ea9e"; }

.icon-twitch:before {
  content: "\ea9f"; }

.icon-vimeo:before {
  content: "\eaa0"; }

.icon-vimeo2:before {
  content: "\eaa1"; }

.icon-lanyrd:before {
  content: "\eaa2"; }

.icon-flickr:before {
  content: "\eaa3"; }

.icon-flickr2:before {
  content: "\eaa4"; }

.icon-flickr3:before {
  content: "\eaa5"; }

.icon-flickr4:before {
  content: "\eaa6"; }

.icon-dribbble:before {
  content: "\eaa7"; }

.icon-behance:before {
  content: "\eaa8"; }

.icon-behance2:before {
  content: "\eaa9"; }

.icon-deviantart:before {
  content: "\eaaa"; }

.icon-500px:before {
  content: "\eaab"; }

.icon-steam:before {
  content: "\eaac"; }

.icon-steam2:before {
  content: "\eaad"; }

.icon-dropbox:before {
  content: "\eaae"; }

.icon-onedrive:before {
  content: "\eaaf"; }

.icon-github:before {
  content: "\eab0"; }

.icon-npm:before {
  content: "\eab1"; }

.icon-basecamp:before {
  content: "\eab2"; }

.icon-trello:before {
  content: "\eab3"; }

.icon-wordpress:before {
  content: "\eab4"; }

.icon-joomla:before {
  content: "\eab5"; }

.icon-ello:before {
  content: "\eab6"; }

.icon-blogger:before {
  content: "\eab7"; }

.icon-blogger2:before {
  content: "\eab8"; }

.icon-tumblr:before {
  content: "\eab9"; }

.icon-tumblr2:before {
  content: "\eaba"; }

.icon-yahoo:before {
  content: "\eabb"; }

.icon-yahoo2:before {
  content: "\eabc"; }

.icon-tux:before {
  content: "\eabd"; }

.icon-appleinc:before {
  content: "\eabe"; }

.icon-finder:before {
  content: "\eabf"; }

.icon-android:before {
  content: "\eac0"; }

.icon-windows:before {
  content: "\eac1"; }

.icon-windows8:before {
  content: "\eac2"; }

.icon-soundcloud:before {
  content: "\eac3"; }

.icon-soundcloud2:before {
  content: "\eac4"; }

.icon-skype:before {
  content: "\eac5"; }

.icon-reddit:before {
  content: "\eac6"; }

.icon-hackernews:before {
  content: "\eac7"; }

.icon-wikipedia:before {
  content: "\eac8"; }

.icon-linkedin:before {
  content: "\eac9"; }

.icon-linkedin2:before {
  content: "\eaca"; }

.icon-lastfm:before {
  content: "\eacb"; }

.icon-lastfm2:before {
  content: "\eacc"; }

.icon-delicious:before {
  content: "\eacd"; }

.icon-stumbleupon:before {
  content: "\eace"; }

.icon-stumbleupon2:before {
  content: "\eacf"; }

.icon-stackoverflow:before {
  content: "\ead0"; }

.icon-pinterest:before {
  content: "\ead1"; }

.icon-pinterest2:before {
  content: "\ead2"; }

.icon-xing:before {
  content: "\ead3"; }

.icon-xing2:before {
  content: "\ead4"; }

.icon-flattr:before {
  content: "\ead5"; }

.icon-foursquare:before {
  content: "\ead6"; }

.icon-yelp:before {
  content: "\ead7"; }

.icon-paypal:before {
  content: "\ead8"; }

.icon-chrome:before {
  content: "\ead9"; }

.icon-firefox:before {
  content: "\eada"; }

.icon-IE:before {
  content: "\eadb"; }

.icon-edge:before {
  content: "\eadc"; }

.icon-safari:before {
  content: "\eadd"; }

.icon-opera:before {
  content: "\eade"; }

.icon-file-pdf:before {
  content: "\eadf"; }

.icon-file-openoffice:before {
  content: "\eae0"; }

.icon-file-word:before {
  content: "\eae1"; }

.icon-file-excel:before {
  content: "\eae2"; }

.icon-libreoffice:before {
  content: "\eae3"; }

.icon-html-five:before {
  content: "\eae4"; }

.icon-html-five2:before {
  content: "\eae5"; }

.icon-css3:before {
  content: "\eae6"; }

.icon-git:before {
  content: "\eae7"; }

.icon-codepen:before {
  content: "\eae8"; }

.icon-svg:before {
  content: "\eae9"; }

.icon-IcoMoon:before {
  content: "\eaea"; }

/* LO Icons Definitions */
.icon-add-to-collection:before {
  content: '\e9c3';
  font-size: 16px;
  top: 2px;
  position: relative; }

.icon-add-to-wishlist:before {
  content: '\e9b8';
  padding-right: 4px; }

/* Same Pfeil-im-Kreis-Icon for all these lists */
.maincontent .link-box ul li.internal-link:before,
.maincontent .link-box table td.internal-link:before,
.maincontent .tx-locore-slot__wrapper ul li.tx-locore-slot__li:before,
.maincontent .tx-locore-slot__wrapper ul li.internal-link:before,
.maincontent .lo-collection-list .link-box ul li.workingmaterial:before {
  content: '\ea42'; }

.maincontent .link-box ul li.external-link:before {
  content: '\e9cb'; }

span.icon-preview:before {
  content: "\e986";
  padding-right: 4px; }

span.icon-download:before {
  content: "\e933";
  padding-right: 4px; }

span.icon-share:before {
  content: "\ea82";
  padding-right: 4px; }

span.icon-file-text:before {
  content: "\e905";
  padding-right: 4px; }

@font-face {
  font-family: 'Univers LT W04_55 Roman1475960';
  src: url("../Fonts/univers/1475960/938b61cf-8b60-408a-a252-531fc37ebeb3.woff2") format("woff2"), url("../Fonts/univers/1475960/df8a7a82-1b14-40c7-b6f8-7e2bac922b27.woff") format("woff");
  font-style: normal; }

@font-face {
  font-family: 'Univers LT W04_75 Black1475984';
  src: url("../Fonts/univers/1475984/a9188c70-fecb-4816-b42a-0264b6fdc056.woff2") format("woff2"), url("../Fonts/univers/1475984/7a9f2106-9430-45ff-9259-be54d516525d.woff") format("woff");
  font-style: normal; }

@font-face {
  font-family: 'Univers LT W04_93 X Bla1476062';
  src: url("../Fonts/univers/1476062/8fc099d2-6f60-429d-94d3-f4f5915a1a9b.woff2") format("woff2"), url("../Fonts/univers/1476062/ef38576c-2de2-4b42-af7c-37996155c113.woff") format("woff");
  font-style: normal; }

html {
  font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

body {
  font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

h1 {
  font-family: 'Univers LT W04_93 X Bla1476062', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

h2, h3, h4, strong {
  font-family: 'Univers LT W04_75 Black1475984', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

b,
strong {
  font-family: 'Univers LT W04_75 Black1475984', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  font-weight: 400; }

.button {
  border-radius: 2rem;
  width: 100%; }

img {
  filter: none; }

.csc-textpic-intext-right .csc-textpic-imagewrap {
  float: right;
  margin-left: 22px;
  margin-left: 1.25rem; }

.csc-textpic-intext-left .csc-textpic-imagewrap {
  float: left;
  margin-right: 22px;
  margin-right: 1.25rem; }

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

.csc-textpic-caption {
  color: #34A6BF;
  font-size: 11px;
  font-size: 0.625rem;
  padding: 11px;
  padding: 0.625rem;
  margin: 0;
  background: #f4f4f4; }

.csc-textpic-imagecolumn {
  float: left;
  padding-right: 10px; }

.csc-textpic-imagewrap {
  margin-bottom: 1em; }

.csc-header-alignment-center {
  text-align: center; }

.csc-header-alignment-right {
  text-align: right; }

.csc-textpic-image {
  font-size: 0; }
  .csc-textpic-image img {
    display: inline-block;
    max-width: 100%;
    height: auto; }

.onecol figure.csc-textpic-image img {
  max-width: 100%;
  width: 100%;
  height: auto; }

.row hr {
  margin-right: 0px; }

sup {
  vertical-align: super; }

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
  overflow: hidden; }

/* Self-hosted video in tt_content textmedia:  */
.frame-type-textmedia .video-embed video {
  width: 100%; }

.ce__nlsubscribe {
  margin-top: 0; }

.devider {
  margin: 0 0 56px;
  margin: 0 0 3.125rem; }

/* vertical distances */
/* main column */
.maincontent .twocol .column-main > *:not(.span12),
.maincontent .onecol > *:not(.span12) {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.content-wrapper .maincontent-outerwrap .maincontent .onecol {
  margin-bottom: 0px; }

*[class*='trennelementwrap'] .cell > [class*='trennelement-innerwrap'] .onecol > .col.span12 .frame-default:last-child {
  margin-bottom: 0 !important; }

/* vertical distances */
/* marginal column */
.maincontent > .twocol > .column-marginal > *,
.maincontent > .twocol > .column-marginal > .csc-default > .csc-default,
.maincontent > .twocol > .column-marginal .hms-box-content {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.maincontent > .twocol > .column-marginal .marginal--content > * {
  border-bottom: 2px solid #fff;
  padding: 10px 10px 10px 10px; }

.maincontent > .twocol > .column-marginal .marginal--content * {
  margin-bottom: 0; }

/* Restore h2 upper margin in text */
.maincontent p + h2 {
  margin-top: 36px;
  margin-top: 2rem; }

/* Any last p: no bottom margin */
.maincontent p:last-child {
  margin-bottom: 0; }

/* no double margin for nested boxed containers */
.maincontent .boxed .boxed {
  margin-bottom: 0 !important; }

.frame-default {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.marginBottom {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.narrowColumn {
  padding: 0 150px; }
  @media print, screen and (max-width: 63.99875em) {
    .narrowColumn {
      padding: 0; } }

.maincontent .frame-space-after-small {
  margin-bottom: 18px;
  margin-bottom: 1rem; }

.maincontent .frame-space-after-large {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.maincontent .frame-space-before-small {
  margin-top: 18px;
  margin-top: 1rem; }

.maincontent .frame-space-before-large {
  margin-top: 36px;
  margin-top: 2rem; }

.detail-marginal .marginal--content .frame-default {
  margin-bottom: 0; }

.csc-default:empty {
  margin-bottom: 0; }

/* detail pages */
article > *:not(h2):not(h3),
.lo-collection-show > *:not(h2):not(h3) {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.h5p-iframe-wrapper .h5p-content,
.h5p-iframe-wrapper .lo-font-family {
  font-family: "Verdana", sans-serif; }

.placeholder-no-image {
  background-color: #b0b0b0; }

/* Startseite Verbände Logos */
.pid__1003493 .list-logos .onecol > .cell,
.pid__1003497 .list-logos.onecol > .cell,
.pid__1003493 .container-logo-anbieter,
.pid__1003497 .container-logo-anbieter {
  display: -ms-flexbox;
  display: flex; }
  .pid__1003493 .list-logos .onecol > .cell .frame-type-header,
  .pid__1003497 .list-logos.onecol > .cell .frame-type-header,
  .pid__1003493 .container-logo-anbieter .frame-type-header,
  .pid__1003497 .container-logo-anbieter .frame-type-header {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%; }
  .pid__1003493 .list-logos .onecol > .cell > div,
  .pid__1003497 .list-logos.onecol > .cell > div,
  .pid__1003493 .container-logo-anbieter > div,
  .pid__1003497 .container-logo-anbieter > div {
    margin-right: 18px;
    margin-right: 1rem; }
    .pid__1003493 .list-logos .onecol > .cell > div img,
    .pid__1003497 .list-logos.onecol > .cell > div img,
    .pid__1003493 .container-logo-anbieter > div img,
    .pid__1003497 .container-logo-anbieter > div img {
      height: 60px;
      width: auto; }

.f3-widget-paginator {
  margin: 1em 0 36px 0;
  margin: 1em 0 2rem 0;
  padding: 0; }
  .f3-widget-paginator li {
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 1em;
    width: 1em;
    height: 1em;
    background: none; }
    .f3-widget-paginator li a {
      color: #2a2a2a; }
    .f3-widget-paginator li.previous {
      margin-right: 1em; }
      .f3-widget-paginator li.previous a {
        color: #fff; }
        .f3-widget-paginator li.previous a:before {
          display: inline-block;
          line-height: 1;
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
          content: "◀";
          color: #2a2a2a; }
    .f3-widget-paginator li.next {
      margin-left: 1em; }
      .f3-widget-paginator li.next a {
        color: #fff; }
        .f3-widget-paginator li.next a:before {
          display: inline-block;
          line-height: 1;
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
          content: "◀";
          color: #2a2a2a; }
    .f3-widget-paginator li.current {
      color: #dc004f; }
      .f3-widget-paginator li.current a {
        color: #dc004f; }

/* Extended to layout tables with class 'dossier-detail-table' as link list */
.detail-main .frame-type-locore_lodownloadlist .tx-locore-textbox header {
  margin-bottom: 27px !important;
  margin-bottom: 1.5rem !important; }

.detail-main .material-card-container.content {
  padding: 0; }

.detail-main .material-card-container ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 36px;
  row-gap: 2rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-left: 0;
  list-style: none; }
  .detail-main .material-card-container ul > li {
    width: 570px;
    padding: 0 !important; }
    .detail-main .material-card-container ul > li .linked-content-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      gap: 25px; }
      @media print, screen and (max-width: 39.99875em) {
        .detail-main .material-card-container ul > li .linked-content-container {
          -ms-flex-direction: column;
              flex-direction: column; } }
      .detail-main .material-card-container ul > li .linked-content-container .image-box {
        width: 200px;
        min-width: 200px;
        max-width: 300px;
        position: relative; }
        .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container {
          height: 282px; }
          .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container:hover .image-wrap {
            position: relative; }
            .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container:hover .image-wrap .thumb {
              position: absolute;
              z-index: 10;
              height: 100%;
              width: 100%;
              background-image: url("../Images/White-Coming-Soon-Stamp.svg");
              background-color: rgba(220, 0, 79, 0.6);
              background-size: 200px;
              background-repeat: no-repeat;
              background-position: center;
              transition: background-color 200ms linear; }
            .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container:hover .image-wrap img {
              filter: grayscale(100%) !important; }
          .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container:hover a {
            cursor: pointer; }
            .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container:hover a .image-wrap .thumb {
              background-image: url("../Images/Handwerk_Daumen.svg");
              background-size: 100px; }
          .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container.icon-dl:hover .image-wrap {
            position: relative; }
            .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container.icon-dl:hover .image-wrap .thumb {
              position: absolute;
              z-index: 10;
              height: 100%;
              width: 100%;
              background-image: url("../Images/White-Coming-Soon-Stamp.svg");
              background-color: rgba(220, 0, 79, 0.6);
              background-size: 200px;
              background-repeat: no-repeat;
              background-position: center;
              transition: background-color 200ms linear;
              background-image: url("../Icons/icon-hms-download-white.svg");
              background-size: 100px; }
            .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container.icon-dl:hover .image-wrap img {
              filter: grayscale(100%) !important; }
          .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container.icon-dl:hover a {
            cursor: pointer; }
            .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container.icon-dl:hover a .image-wrap .thumb {
              background-image: url("../Images/Handwerk_Daumen.svg");
              background-size: 100px;
              background-image: url("../Icons/icon-hms-download-white.svg");
              background-size: 130px; }
          .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container a {
            display: inline-block;
            height: 100%;
            width: 100%;
            position: relative; }
            .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container a .image-wrap {
              width: 200px;
              height: 282px;
              border: 1px solid #b0b0b0; }
              .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container a .image-wrap:hover {
                border-color: rgba(220, 0, 79, 0.6); }
              .detail-main .material-card-container ul > li .linked-content-container .image-box .image-container a .image-wrap img {
                object-fit: cover;
                height: 100%;
                width: 100%; }
        .detail-main .material-card-container ul > li .linked-content-container .image-box a.download-text {
          position: absolute;
          display: block;
          width: 200px;
          bottom: 0px;
          text-align: left;
          line-height: 27px;
          line-height: 1.5rem;
          background-color: #dc004f;
          color: #fff;
          padding: 10px; }
        .detail-main .material-card-container ul > li .linked-content-container .image-box:hover a.download-text {
          display: none; }
      .detail-main .material-card-container ul > li .linked-content-container .text-box {
        display: block;
        width: 100%; }
        .detail-main .material-card-container ul > li .linked-content-container .text-box a span {
          padding-left: 30px; }
        .detail-main .material-card-container ul > li .linked-content-container .text-box p {
          margin: 0; }
        .detail-main .material-card-container ul > li .linked-content-container .text-box .description {
          margin-bottom: 18px;
          margin-bottom: 1rem; }
      .detail-main .material-card-container ul > li .linked-content-container a.download-text i:before {
        background-position: left 2px; }
    @media print, screen and (max-width: 39.99875em) {
      .detail-main .material-card-container ul > li.internal-link.link-h5p .linked-content-container .image-box .image-container, .detail-main .material-card-container ul > li.download-doc .linked-content-container .image-box .image-container, .detail-main .material-card-container ul > li.download-audio .linked-content-container .image-box .image-container, .detail-main .material-card-container ul > li.download-zip .linked-content-container .image-box .image-container {
        padding: 10px; } }
    .detail-main .material-card-container ul > li.internal-link.link-h5p .linked-content-container .image-box .image-container > a, .detail-main .material-card-container ul > li.download-doc .linked-content-container .image-box .image-container > a, .detail-main .material-card-container ul > li.download-audio .linked-content-container .image-box .image-container > a, .detail-main .material-card-container ul > li.download-zip .linked-content-container .image-box .image-container > a {
      height: 100%;
      width: 100%;
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      border-bottom: none; }
      .detail-main .material-card-container ul > li.internal-link.link-h5p .linked-content-container .image-box .image-container > a .image-wrap, .detail-main .material-card-container ul > li.download-doc .linked-content-container .image-box .image-container > a .image-wrap, .detail-main .material-card-container ul > li.download-audio .linked-content-container .image-box .image-container > a .image-wrap, .detail-main .material-card-container ul > li.download-zip .linked-content-container .image-box .image-container > a .image-wrap {
        height: 100%;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        .detail-main .material-card-container ul > li.internal-link.link-h5p .linked-content-container .image-box .image-container > a .image-wrap img, .detail-main .material-card-container ul > li.download-doc .linked-content-container .image-box .image-container > a .image-wrap img, .detail-main .material-card-container ul > li.download-audio .linked-content-container .image-box .image-container > a .image-wrap img, .detail-main .material-card-container ul > li.download-zip .linked-content-container .image-box .image-container > a .image-wrap img {
          width: 70px;
          height: auto; }

.linklist .link-box ul li,
.link-zveh .link-box ul li {
  position: relative;
  list-style: none; }
  .linklist .link-box ul li:before,
  .link-zveh .link-box ul li:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 20px;
    font-size: 27px;
    font-size: 1.5rem;
    top: 15px; }
  .linklist .link-box ul li.workingmaterial:before, .linklist .link-box ul li.internal-link:before,
  .link-zveh .link-box ul li.workingmaterial:before,
  .link-zveh .link-box ul li.internal-link:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""; }
  .linklist .link-box ul li > DIV,
  .link-zveh .link-box ul li > DIV {
    padding-left: calc(20px + 2.0rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.linklist.interativ-weiterleitung .link-box ul li,
.link-zveh.interativ-weiterleitung .link-box ul li {
  display: -ms-flexbox;
  display: flex;
  gap: 20px; }
  .linklist.interativ-weiterleitung .link-box ul li:before,
  .link-zveh.interativ-weiterleitung .link-box ul li:before {
    content: none; }
  .linklist.interativ-weiterleitung .link-box ul li a .icon-play,
  .link-zveh.interativ-weiterleitung .link-box ul li a .icon-play {
    height: 80px;
    width: 80px;
    background-image: url("../Icons/icon-web-play_hms.svg");
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: center; }
    .linklist.interativ-weiterleitung .link-box ul li a .icon-play:before,
    .link-zveh.interativ-weiterleitung .link-box ul li a .icon-play:before {
      content: none; }
  .linklist.interativ-weiterleitung .link-box ul li a:hover,
  .link-zveh.interativ-weiterleitung .link-box ul li a:hover {
    border-bottom: transparent; }
  .linklist.interativ-weiterleitung .link-box ul li .text-block,
  .link-zveh.interativ-weiterleitung .link-box ul li .text-block {
    padding-left: 0px; }

.link-zveh {
  margin: 36px 0;
  margin: 2rem 0;
  background-color: #f4f4f4;
  padding: 18px;
  padding: 1rem;
  border: 4px solid #00a8e5; }
  .link-zveh header {
    margin-bottom: 0 !important; }
    .link-zveh header h2 {
      color: #00a8e5;
      margin-bottom: 0; }
  .link-zveh .link-box ul {
    margin: 0; }
    .link-zveh .link-box ul li {
      padding: 10px 20px 10px 20px; }
      .link-zveh .link-box ul li:before {
        left: 0; }
      .link-zveh .link-box ul li > DIV {
        padding-left: 30px; }

/* No list item icons in marginal */
.marginal--content .link-box__wrapper ul li b,
.marginal--content .link-box__wrapper ul td b,
.marginal--content .link-box__wrapper table li b,
.marginal--content .link-box__wrapper table td b,
.marginal--content .tx-locore-slot__wrapper ul li b,
.marginal--content .tx-locore-slot__wrapper ul td b,
.marginal--content .tx-locore-slot__wrapper table li b,
.marginal--content .tx-locore-slot__wrapper table td b {
  font-weight: normal !important; }

.marginal--content .link-box__wrapper ul li h3,
.marginal--content .link-box__wrapper ul td h3,
.marginal--content .link-box__wrapper table li h3,
.marginal--content .link-box__wrapper table td h3,
.marginal--content .tx-locore-slot__wrapper ul li h3,
.marginal--content .tx-locore-slot__wrapper ul td h3,
.marginal--content .tx-locore-slot__wrapper table li h3,
.marginal--content .tx-locore-slot__wrapper table td h3 {
  display: none; }

.marginal--content .link-box__wrapper ul li:before,
.marginal--content .link-box__wrapper ul td:before,
.marginal--content .link-box__wrapper table li:before,
.marginal--content .link-box__wrapper table td:before,
.marginal--content .tx-locore-slot__wrapper ul li:before,
.marginal--content .tx-locore-slot__wrapper ul td:before,
.marginal--content .tx-locore-slot__wrapper table li:before,
.marginal--content .tx-locore-slot__wrapper table td:before {
  display: none; }

.marginal--content .link-box__wrapper ul li > DIV,
.marginal--content .link-box__wrapper ul li > A,
.marginal--content .link-box__wrapper ul li > SPAN,
.marginal--content .link-box__wrapper ul td > DIV,
.marginal--content .link-box__wrapper ul td > A,
.marginal--content .link-box__wrapper ul td > SPAN,
.marginal--content .link-box__wrapper table li > DIV,
.marginal--content .link-box__wrapper table li > A,
.marginal--content .link-box__wrapper table li > SPAN,
.marginal--content .link-box__wrapper table td > DIV,
.marginal--content .link-box__wrapper table td > A,
.marginal--content .link-box__wrapper table td > SPAN,
.marginal--content .tx-locore-slot__wrapper ul li > DIV,
.marginal--content .tx-locore-slot__wrapper ul li > A,
.marginal--content .tx-locore-slot__wrapper ul li > SPAN,
.marginal--content .tx-locore-slot__wrapper ul td > DIV,
.marginal--content .tx-locore-slot__wrapper ul td > A,
.marginal--content .tx-locore-slot__wrapper ul td > SPAN,
.marginal--content .tx-locore-slot__wrapper table li > DIV,
.marginal--content .tx-locore-slot__wrapper table li > A,
.marginal--content .tx-locore-slot__wrapper table li > SPAN,
.marginal--content .tx-locore-slot__wrapper table td > DIV,
.marginal--content .tx-locore-slot__wrapper table td > A,
.marginal--content .tx-locore-slot__wrapper table td > SPAN {
  padding-left: 0; }

.marginal--content .link-box__wrapper ul li:hover .image-wrap,
.marginal--content .link-box__wrapper ul td:hover .image-wrap,
.marginal--content .link-box__wrapper table li:hover .image-wrap,
.marginal--content .link-box__wrapper table td:hover .image-wrap,
.marginal--content .tx-locore-slot__wrapper ul li:hover .image-wrap,
.marginal--content .tx-locore-slot__wrapper ul td:hover .image-wrap,
.marginal--content .tx-locore-slot__wrapper table li:hover .image-wrap,
.marginal--content .tx-locore-slot__wrapper table td:hover .image-wrap {
  position: relative; }
  .marginal--content .link-box__wrapper ul li:hover .image-wrap .thumb,
  .marginal--content .link-box__wrapper ul td:hover .image-wrap .thumb,
  .marginal--content .link-box__wrapper table li:hover .image-wrap .thumb,
  .marginal--content .link-box__wrapper table td:hover .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper ul li:hover .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper ul td:hover .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper table li:hover .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper table td:hover .image-wrap .thumb {
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
    background-image: url("../Images/White-Coming-Soon-Stamp.svg");
    background-color: rgba(220, 0, 79, 0.6);
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 200ms linear; }
  .marginal--content .link-box__wrapper ul li:hover .image-wrap img,
  .marginal--content .link-box__wrapper ul td:hover .image-wrap img,
  .marginal--content .link-box__wrapper table li:hover .image-wrap img,
  .marginal--content .link-box__wrapper table td:hover .image-wrap img,
  .marginal--content .tx-locore-slot__wrapper ul li:hover .image-wrap img,
  .marginal--content .tx-locore-slot__wrapper ul td:hover .image-wrap img,
  .marginal--content .tx-locore-slot__wrapper table li:hover .image-wrap img,
  .marginal--content .tx-locore-slot__wrapper table td:hover .image-wrap img {
    filter: grayscale(100%) !important; }

.marginal--content .link-box__wrapper ul li:hover a,
.marginal--content .link-box__wrapper ul td:hover a,
.marginal--content .link-box__wrapper table li:hover a,
.marginal--content .link-box__wrapper table td:hover a,
.marginal--content .tx-locore-slot__wrapper ul li:hover a,
.marginal--content .tx-locore-slot__wrapper ul td:hover a,
.marginal--content .tx-locore-slot__wrapper table li:hover a,
.marginal--content .tx-locore-slot__wrapper table td:hover a {
  cursor: pointer; }
  .marginal--content .link-box__wrapper ul li:hover a .image-wrap .thumb,
  .marginal--content .link-box__wrapper ul td:hover a .image-wrap .thumb,
  .marginal--content .link-box__wrapper table li:hover a .image-wrap .thumb,
  .marginal--content .link-box__wrapper table td:hover a .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper ul li:hover a .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper ul td:hover a .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper table li:hover a .image-wrap .thumb,
  .marginal--content .tx-locore-slot__wrapper table td:hover a .image-wrap .thumb {
    background-image: url("../Images/Handwerk_Daumen.svg");
    background-size: 100px; }

.marginal--content .link-box__wrapper ul li img,
.marginal--content .link-box__wrapper ul td img,
.marginal--content .link-box__wrapper table li img,
.marginal--content .link-box__wrapper table td img,
.marginal--content .tx-locore-slot__wrapper ul li img,
.marginal--content .tx-locore-slot__wrapper ul td img,
.marginal--content .tx-locore-slot__wrapper table li img,
.marginal--content .tx-locore-slot__wrapper table td img {
  filter: grayscale(100%); }

/* No bold text, no headlines in link-box list items */
.link-box__wrapper ul li b,
.link-box__wrapper ul td b,
.link-box__wrapper table li b,
.link-box__wrapper table td b {
  font-weight: normal !important; }

.link-box__wrapper ul li h3,
.link-box__wrapper ul li .cta,
.link-box__wrapper ul td h3,
.link-box__wrapper ul td .cta,
.link-box__wrapper table li h3,
.link-box__wrapper table li .cta,
.link-box__wrapper table td h3,
.link-box__wrapper table td .cta {
  display: none; }

/* ----------- */
/* Main column */
/* ----------- */
.maincontent {
  /* ---------------------------- */
  /* Container with class "boxed" */
  /* -------------------------------------------------------------------------------- */
  /* Other container with "boxed-like" layout, without class "boxed", non-collapsable */
  /* "boxed by design" */
  /* --------------------- */
  /* Collapsable container */
  /* see also Scss/Components/Plugins/_TextBoxCollapsable.scss */
  /* --------------------------------------------- */
  /* Recursively boxed structures (e.g. unitplan)  */
  /* --------------- */
  /* Marginal column */
  /* --------------- */ }
  .maincontent .boxed {
    padding: 0px;
    background-color: #fff;
    color: #2a2a2a;
    /* List items with border lines */ }
    .maincontent .boxed > .csc-header,
    .maincontent .boxed HEADER {
      background-color: #dc004f;
      margin-bottom: 0 !important; }
      .maincontent .boxed > .csc-header h1,
      .maincontent .boxed > .csc-header h2,
      .maincontent .boxed > .csc-header h4,
      .maincontent .boxed > .csc-header h3,
      .maincontent .boxed HEADER h1,
      .maincontent .boxed HEADER h2,
      .maincontent .boxed HEADER h4,
      .maincontent .boxed HEADER h3 {
        color: #fff !important;
        padding: 10px;
        font-size: 18px;
        font-size: 1rem;
        line-height: 1.3;
        margin: 0;
        letter-spacing: inherit; }
    .maincontent .boxed > .csc-header + DIV,
    .maincontent .boxed .link-box,
    .maincontent .boxed HEADER + DIV,
    .maincontent .boxed .tx-locore-slot__wrapper {
      padding: 10px; }
    .maincontent .boxed .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
    .maincontent .boxed .link-box table,
    .maincontent .boxed .tx-locore-slot__wrapper ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
    .maincontent .boxed .tx-locore-slot__wrapper table {
      margin-top: calc(-1rem);
      margin-bottom: calc(-1rem);
      margin-right: calc(-1rem);
      margin-left: calc(-1rem);
      width: calc(100% + 2 * 1rem); }
      .maincontent .boxed .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
      .maincontent .boxed .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
      .maincontent .boxed .link-box table li,
      .maincontent .boxed .link-box table td,
      .maincontent .boxed .tx-locore-slot__wrapper ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
      .maincontent .boxed .tx-locore-slot__wrapper ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
      .maincontent .boxed .tx-locore-slot__wrapper table li,
      .maincontent .boxed .tx-locore-slot__wrapper table td {
        border-bottom: 2px solid #e6e6e6;
        padding: 10px 18px 10px 18px;
        padding: 10px 1rem 10px 1rem; }
        .maincontent .boxed .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
        .maincontent .boxed .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
        .maincontent .boxed .link-box table li:last-child,
        .maincontent .boxed .link-box table td:last-child,
        .maincontent .boxed .tx-locore-slot__wrapper ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
        .maincontent .boxed .tx-locore-slot__wrapper ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
        .maincontent .boxed .tx-locore-slot__wrapper table li:last-child,
        .maincontent .boxed .tx-locore-slot__wrapper table td:last-child {
          border: none; }
  .maincontent .linklist,
  .maincontent .locore-lonews-latest,
  .maincontent .tx-locore-tipp,
  .maincontent .lo-collection-list-collection,
  .maincontent .lo-collection-list-wishlist,
  .maincontent .lo-collection-list-mappe,
  .maincontent .profile-percentage {
    padding: 0px;
    background-color: #fff;
    color: #2a2a2a; }
    .maincontent .linklist HEADER,
    .maincontent .locore-lonews-latest HEADER,
    .maincontent .tx-locore-tipp HEADER,
    .maincontent .lo-collection-list-collection HEADER,
    .maincontent .lo-collection-list-wishlist HEADER,
    .maincontent .lo-collection-list-mappe HEADER,
    .maincontent .profile-percentage HEADER {
      background-color: #dc004f;
      position: relative; }
      .maincontent .linklist HEADER h1,
      .maincontent .linklist HEADER h2,
      .maincontent .linklist HEADER h4,
      .maincontent .linklist HEADER h3,
      .maincontent .linklist HEADER span.title,
      .maincontent .locore-lonews-latest HEADER h1,
      .maincontent .locore-lonews-latest HEADER h2,
      .maincontent .locore-lonews-latest HEADER h4,
      .maincontent .locore-lonews-latest HEADER h3,
      .maincontent .locore-lonews-latest HEADER span.title,
      .maincontent .tx-locore-tipp HEADER h1,
      .maincontent .tx-locore-tipp HEADER h2,
      .maincontent .tx-locore-tipp HEADER h4,
      .maincontent .tx-locore-tipp HEADER h3,
      .maincontent .tx-locore-tipp HEADER span.title,
      .maincontent .lo-collection-list-collection HEADER h1,
      .maincontent .lo-collection-list-collection HEADER h2,
      .maincontent .lo-collection-list-collection HEADER h4,
      .maincontent .lo-collection-list-collection HEADER h3,
      .maincontent .lo-collection-list-collection HEADER span.title,
      .maincontent .lo-collection-list-wishlist HEADER h1,
      .maincontent .lo-collection-list-wishlist HEADER h2,
      .maincontent .lo-collection-list-wishlist HEADER h4,
      .maincontent .lo-collection-list-wishlist HEADER h3,
      .maincontent .lo-collection-list-wishlist HEADER span.title,
      .maincontent .lo-collection-list-mappe HEADER h1,
      .maincontent .lo-collection-list-mappe HEADER h2,
      .maincontent .lo-collection-list-mappe HEADER h4,
      .maincontent .lo-collection-list-mappe HEADER h3,
      .maincontent .lo-collection-list-mappe HEADER span.title,
      .maincontent .profile-percentage HEADER h1,
      .maincontent .profile-percentage HEADER h2,
      .maincontent .profile-percentage HEADER h4,
      .maincontent .profile-percentage HEADER h3,
      .maincontent .profile-percentage HEADER span.title {
        color: #fff !important;
        padding: 10px;
        font-size: 18px;
        font-size: 1rem;
        line-height: 1.3;
        margin: 0;
        letter-spacing: inherit; }
    .maincontent .linklist HEADER + DIV,
    .maincontent .linklist .link-box,
    .maincontent .linklist .textblock,
    .maincontent .locore-lonews-latest HEADER + DIV,
    .maincontent .locore-lonews-latest .link-box,
    .maincontent .locore-lonews-latest .textblock,
    .maincontent .tx-locore-tipp HEADER + DIV,
    .maincontent .tx-locore-tipp .link-box,
    .maincontent .tx-locore-tipp .textblock,
    .maincontent .lo-collection-list-collection HEADER + DIV,
    .maincontent .lo-collection-list-collection .link-box,
    .maincontent .lo-collection-list-collection .textblock,
    .maincontent .lo-collection-list-wishlist HEADER + DIV,
    .maincontent .lo-collection-list-wishlist .link-box,
    .maincontent .lo-collection-list-wishlist .textblock,
    .maincontent .lo-collection-list-mappe HEADER + DIV,
    .maincontent .lo-collection-list-mappe .link-box,
    .maincontent .lo-collection-list-mappe .textblock,
    .maincontent .profile-percentage HEADER + DIV,
    .maincontent .profile-percentage .link-box,
    .maincontent .profile-percentage .textblock {
      padding: 18px;
      padding: 1rem;
      width: 100%;
      margin: 0; }
      .maincontent .linklist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .linklist HEADER + DIV table,
      .maincontent .linklist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .linklist .link-box table,
      .maincontent .linklist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .linklist .textblock table,
      .maincontent .locore-lonews-latest HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .locore-lonews-latest HEADER + DIV table,
      .maincontent .locore-lonews-latest .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .locore-lonews-latest .link-box table,
      .maincontent .locore-lonews-latest .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .locore-lonews-latest .textblock table,
      .maincontent .tx-locore-tipp HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .tx-locore-tipp HEADER + DIV table,
      .maincontent .tx-locore-tipp .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .tx-locore-tipp .link-box table,
      .maincontent .tx-locore-tipp .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .tx-locore-tipp .textblock table,
      .maincontent .lo-collection-list-collection HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-collection HEADER + DIV table,
      .maincontent .lo-collection-list-collection .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-collection .link-box table,
      .maincontent .lo-collection-list-collection .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-collection .textblock table,
      .maincontent .lo-collection-list-wishlist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-wishlist HEADER + DIV table,
      .maincontent .lo-collection-list-wishlist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-wishlist .link-box table,
      .maincontent .lo-collection-list-wishlist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-wishlist .textblock table,
      .maincontent .lo-collection-list-mappe HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-mappe HEADER + DIV table,
      .maincontent .lo-collection-list-mappe .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-mappe .link-box table,
      .maincontent .lo-collection-list-mappe .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .lo-collection-list-mappe .textblock table,
      .maincontent .profile-percentage HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .profile-percentage HEADER + DIV table,
      .maincontent .profile-percentage .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .profile-percentage .link-box table,
      .maincontent .profile-percentage .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .profile-percentage .textblock table {
        margin-top: calc(-1rem);
        margin-bottom: calc(-1rem);
        margin-right: calc(-1rem);
        margin-left: calc(-1rem);
        width: calc(100% + 2 * 1rem); }
        .maincontent .linklist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .linklist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .linklist HEADER + DIV table li,
        .maincontent .linklist HEADER + DIV table td,
        .maincontent .linklist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .linklist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .linklist .link-box table li,
        .maincontent .linklist .link-box table td,
        .maincontent .linklist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .linklist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .linklist .textblock table li,
        .maincontent .linklist .textblock table td,
        .maincontent .locore-lonews-latest HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .locore-lonews-latest HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .locore-lonews-latest HEADER + DIV table li,
        .maincontent .locore-lonews-latest HEADER + DIV table td,
        .maincontent .locore-lonews-latest .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .locore-lonews-latest .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .locore-lonews-latest .link-box table li,
        .maincontent .locore-lonews-latest .link-box table td,
        .maincontent .locore-lonews-latest .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .locore-lonews-latest .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .locore-lonews-latest .textblock table li,
        .maincontent .locore-lonews-latest .textblock table td,
        .maincontent .tx-locore-tipp HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .tx-locore-tipp HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .tx-locore-tipp HEADER + DIV table li,
        .maincontent .tx-locore-tipp HEADER + DIV table td,
        .maincontent .tx-locore-tipp .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .tx-locore-tipp .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .tx-locore-tipp .link-box table li,
        .maincontent .tx-locore-tipp .link-box table td,
        .maincontent .tx-locore-tipp .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .tx-locore-tipp .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .tx-locore-tipp .textblock table li,
        .maincontent .tx-locore-tipp .textblock table td,
        .maincontent .lo-collection-list-collection HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-collection HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-collection HEADER + DIV table li,
        .maincontent .lo-collection-list-collection HEADER + DIV table td,
        .maincontent .lo-collection-list-collection .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-collection .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-collection .link-box table li,
        .maincontent .lo-collection-list-collection .link-box table td,
        .maincontent .lo-collection-list-collection .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-collection .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-collection .textblock table li,
        .maincontent .lo-collection-list-collection .textblock table td,
        .maincontent .lo-collection-list-wishlist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-wishlist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-wishlist HEADER + DIV table li,
        .maincontent .lo-collection-list-wishlist HEADER + DIV table td,
        .maincontent .lo-collection-list-wishlist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-wishlist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-wishlist .link-box table li,
        .maincontent .lo-collection-list-wishlist .link-box table td,
        .maincontent .lo-collection-list-wishlist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-wishlist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-wishlist .textblock table li,
        .maincontent .lo-collection-list-wishlist .textblock table td,
        .maincontent .lo-collection-list-mappe HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-mappe HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-mappe HEADER + DIV table li,
        .maincontent .lo-collection-list-mappe HEADER + DIV table td,
        .maincontent .lo-collection-list-mappe .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-mappe .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-mappe .link-box table li,
        .maincontent .lo-collection-list-mappe .link-box table td,
        .maincontent .lo-collection-list-mappe .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .lo-collection-list-mappe .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .lo-collection-list-mappe .textblock table li,
        .maincontent .lo-collection-list-mappe .textblock table td,
        .maincontent .profile-percentage HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .profile-percentage HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .profile-percentage HEADER + DIV table li,
        .maincontent .profile-percentage HEADER + DIV table td,
        .maincontent .profile-percentage .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .profile-percentage .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .profile-percentage .link-box table li,
        .maincontent .profile-percentage .link-box table td,
        .maincontent .profile-percentage .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .profile-percentage .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .profile-percentage .textblock table li,
        .maincontent .profile-percentage .textblock table td {
          border-bottom: 2px solid #e6e6e6;
          padding: 10px 18px 10px 18px;
          padding: 10px 1rem 10px 1rem; }
          .maincontent .linklist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .linklist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .linklist HEADER + DIV table li:last-child,
          .maincontent .linklist HEADER + DIV table td:last-child,
          .maincontent .linklist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .linklist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .linklist .link-box table li:last-child,
          .maincontent .linklist .link-box table td:last-child,
          .maincontent .linklist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .linklist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .linklist .textblock table li:last-child,
          .maincontent .linklist .textblock table td:last-child,
          .maincontent .locore-lonews-latest HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .locore-lonews-latest HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .locore-lonews-latest HEADER + DIV table li:last-child,
          .maincontent .locore-lonews-latest HEADER + DIV table td:last-child,
          .maincontent .locore-lonews-latest .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .locore-lonews-latest .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .locore-lonews-latest .link-box table li:last-child,
          .maincontent .locore-lonews-latest .link-box table td:last-child,
          .maincontent .locore-lonews-latest .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .locore-lonews-latest .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .locore-lonews-latest .textblock table li:last-child,
          .maincontent .locore-lonews-latest .textblock table td:last-child,
          .maincontent .tx-locore-tipp HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .tx-locore-tipp HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .tx-locore-tipp HEADER + DIV table li:last-child,
          .maincontent .tx-locore-tipp HEADER + DIV table td:last-child,
          .maincontent .tx-locore-tipp .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .tx-locore-tipp .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .tx-locore-tipp .link-box table li:last-child,
          .maincontent .tx-locore-tipp .link-box table td:last-child,
          .maincontent .tx-locore-tipp .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .tx-locore-tipp .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .tx-locore-tipp .textblock table li:last-child,
          .maincontent .tx-locore-tipp .textblock table td:last-child,
          .maincontent .lo-collection-list-collection HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-collection HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-collection HEADER + DIV table li:last-child,
          .maincontent .lo-collection-list-collection HEADER + DIV table td:last-child,
          .maincontent .lo-collection-list-collection .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-collection .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-collection .link-box table li:last-child,
          .maincontent .lo-collection-list-collection .link-box table td:last-child,
          .maincontent .lo-collection-list-collection .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-collection .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-collection .textblock table li:last-child,
          .maincontent .lo-collection-list-collection .textblock table td:last-child,
          .maincontent .lo-collection-list-wishlist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-wishlist HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-wishlist HEADER + DIV table li:last-child,
          .maincontent .lo-collection-list-wishlist HEADER + DIV table td:last-child,
          .maincontent .lo-collection-list-wishlist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-wishlist .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-wishlist .link-box table li:last-child,
          .maincontent .lo-collection-list-wishlist .link-box table td:last-child,
          .maincontent .lo-collection-list-wishlist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-wishlist .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-wishlist .textblock table li:last-child,
          .maincontent .lo-collection-list-wishlist .textblock table td:last-child,
          .maincontent .lo-collection-list-mappe HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-mappe HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-mappe HEADER + DIV table li:last-child,
          .maincontent .lo-collection-list-mappe HEADER + DIV table td:last-child,
          .maincontent .lo-collection-list-mappe .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-mappe .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-mappe .link-box table li:last-child,
          .maincontent .lo-collection-list-mappe .link-box table td:last-child,
          .maincontent .lo-collection-list-mappe .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .lo-collection-list-mappe .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .lo-collection-list-mappe .textblock table li:last-child,
          .maincontent .lo-collection-list-mappe .textblock table td:last-child,
          .maincontent .profile-percentage HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .profile-percentage HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .profile-percentage HEADER + DIV table li:last-child,
          .maincontent .profile-percentage HEADER + DIV table td:last-child,
          .maincontent .profile-percentage .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .profile-percentage .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .profile-percentage .link-box table li:last-child,
          .maincontent .profile-percentage .link-box table td:last-child,
          .maincontent .profile-percentage .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .profile-percentage .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .profile-percentage .textblock table li:last-child,
          .maincontent .profile-percentage .textblock table td:last-child {
            border: none; }
  .maincontent .tx-locore-textbox--collapsable {
    position: relative;
    padding: 0px;
    background-color: transparent;
    color: #2a2a2a;
    margin: 5px 0;
    margin: 0.3rem 0;
    /* For cases if header container is missing: */ }
    .maincontent .tx-locore-textbox--collapsable > HEADER {
      background-color: #00a8e5;
      position: relative;
      margin: 0;
      margin-bottom: 0 !important; }
      .maincontent .tx-locore-textbox--collapsable > HEADER h1,
      .maincontent .tx-locore-textbox--collapsable > HEADER h2,
      .maincontent .tx-locore-textbox--collapsable > HEADER h3,
      .maincontent .tx-locore-textbox--collapsable > HEADER h4 {
        color: #fff !important;
        padding: 10px;
        font-size: 18px;
        font-size: 1rem;
        line-height: 1.3;
        margin: 0;
        letter-spacing: inherit; }
      .maincontent .tx-locore-textbox--collapsable > HEADER label {
        color: #fff !important; }
    .maincontent .tx-locore-textbox--collapsable > h2, .maincontent .tx-locore-textbox--collapsable h3 {
      background-color: #00a8e5;
      position: relative;
      margin: 0;
      color: #fff !important;
      padding: 10px;
      font-size: 18px;
      font-size: 1rem;
      line-height: 1.3;
      letter-spacing: inherit; }
    .maincontent .tx-locore-textbox--collapsable HEADER + DIV,
    .maincontent .tx-locore-textbox--collapsable > h2 + DIV,
    .maincontent .tx-locore-textbox--collapsable > h3 + DIV,
    .maincontent .tx-locore-textbox--collapsable .textblock,
    .maincontent .tx-locore-textbox--collapsable .link-box {
      width: 100%;
      margin: 0;
      border: none;
      box-sizing: border-box;
      overflow: hidden;
      padding: 20px; }
      .maincontent .tx-locore-textbox--collapsable HEADER + DIV h3,
      .maincontent .tx-locore-textbox--collapsable > h2 + DIV h3,
      .maincontent .tx-locore-textbox--collapsable > h3 + DIV h3,
      .maincontent .tx-locore-textbox--collapsable .textblock h3,
      .maincontent .tx-locore-textbox--collapsable .link-box h3 {
        background-color: transparent;
        color: #34A6BF !important;
        margin-bottom: 9px;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.3;
        font-size: 20px;
        padding-left: 0; }
    .maincontent .tx-locore-textbox--collapsable > .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
    .maincontent .tx-locore-textbox--collapsable > .link-box table {
      margin-top: calc(-20px);
      margin-bottom: calc(-20px);
      margin-right: calc(-20px);
      margin-left: calc(-20px);
      width: calc(100% + 2 * 20px); }
      .maincontent .tx-locore-textbox--collapsable > .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
      .maincontent .tx-locore-textbox--collapsable > .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
      .maincontent .tx-locore-textbox--collapsable > .link-box table li,
      .maincontent .tx-locore-textbox--collapsable > .link-box table td {
        border-bottom: 2px solid #e6e6e6;
        padding: 10px 20px 10px 20px; }
        .maincontent .tx-locore-textbox--collapsable > .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
        .maincontent .tx-locore-textbox--collapsable > .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
        .maincontent .tx-locore-textbox--collapsable > .link-box table li:last-child,
        .maincontent .tx-locore-textbox--collapsable > .link-box table td:last-child {
          border: none; }
  .maincontent .unitplan {
    position: relative;
    padding: 0px;
    color: #2a2a2a;
    /* Outer header */
    /* Outer header body */ }
    .maincontent .unitplan > HEADER {
      margin-bottom: 0;
      background-color: #f4f4f4;
      position: relative;
      margin-bottom: 9px;
      margin-bottom: 0.5rem; }
      .maincontent .unitplan > HEADER DIV {
        color: #2a2a2a !important;
        padding: 10px;
        font-size: 18px;
        font-size: 1rem;
        line-height: 1.3;
        margin: 0;
        letter-spacing: inherit; }
    .maincontent .unitplan > HEADER + DIV,
    .maincontent .unitplan .textblock,
    .maincontent .unitplan .link-box {
      width: 100%;
      margin: 0;
      box-sizing: border-box;
      overflow: hidden;
      padding: 20px; }
      .maincontent .unitplan > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .unitplan > HEADER + DIV table,
      .maincontent .unitplan .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .unitplan .textblock table,
      .maincontent .unitplan .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
      .maincontent .unitplan .link-box table {
        margin-top: calc(-20px);
        margin-bottom: calc(-20px);
        margin-right: calc(-20px);
        margin-left: calc(-20px);
        width: calc(100% + 2 * 20px); }
        .maincontent .unitplan > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .unitplan > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .unitplan > HEADER + DIV table li,
        .maincontent .unitplan > HEADER + DIV table td,
        .maincontent .unitplan .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .unitplan .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .unitplan .textblock table li,
        .maincontent .unitplan .textblock table td,
        .maincontent .unitplan .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
        .maincontent .unitplan .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
        .maincontent .unitplan .link-box table li,
        .maincontent .unitplan .link-box table td {
          border-bottom: 2px solid #e6e6e6;
          padding: 10px 20px 10px 20px; }
          .maincontent .unitplan > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .unitplan > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .unitplan > HEADER + DIV table li:last-child,
          .maincontent .unitplan > HEADER + DIV table td:last-child,
          .maincontent .unitplan .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .unitplan .textblock ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .unitplan .textblock table li:last-child,
          .maincontent .unitplan .textblock table td:last-child,
          .maincontent .unitplan .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
          .maincontent .unitplan .link-box ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
          .maincontent .unitplan .link-box table li:last-child,
          .maincontent .unitplan .link-box table td:last-child {
            border: none; }
  .maincontent > .twocol > .column-marginal {
    /* Marginal containers with class .boxed */ }
    .maincontent > .twocol > .column-marginal .locore-recommended-units, .maincontent > .twocol > .column-marginal > {
      /* Header-body-content to be boxed without class .boxed, */
      /* care for content without wrapping container...    */ }
      .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header,
      .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER, .maincontent > .twocol > .column-marginal > .csc-header,
      .maincontent > .twocol > .column-marginal > HEADER {
        background-color: #f4f4f4;
        position: relative;
        text-align: left;
        border: none;
        box-shadow: none;
        border-bottom: none; }
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header h1,
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header h2,
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header h4,
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header h3,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER h1,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER h2,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER h4,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER h3, .maincontent > .twocol > .column-marginal > .csc-header h1,
        .maincontent > .twocol > .column-marginal > .csc-header h2,
        .maincontent > .twocol > .column-marginal > .csc-header h4,
        .maincontent > .twocol > .column-marginal > .csc-header h3,
        .maincontent > .twocol > .column-marginal > HEADER h1,
        .maincontent > .twocol > .column-marginal > HEADER h2,
        .maincontent > .twocol > .column-marginal > HEADER h4,
        .maincontent > .twocol > .column-marginal > HEADER h3 {
          color: #dc004f !important;
          padding: 10px;
          font-size: 18px;
          font-size: 1rem;
          line-height: 1.3;
          margin: 0;
          letter-spacing: inherit; }
      .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV,
      .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION,
      .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV, .maincontent > .twocol > .column-marginal > .csc-header + DIV,
      .maincontent > .twocol > .column-marginal > .csc-header + SECTION,
      .maincontent > .twocol > .column-marginal > HEADER + DIV {
        background-color: #f4f4f4;
        color: #2a2a2a;
        padding: 10px;
        margin: 0;
        border: none;
        box-shadow: none;
        border-top: none !important;
        /* Headlines in marginal boxed */ }
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV table,
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION table,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV table, .maincontent > .twocol > .column-marginal > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal > .csc-header + DIV table,
        .maincontent > .twocol > .column-marginal > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal > .csc-header + SECTION table,
        .maincontent > .twocol > .column-marginal > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal > HEADER + DIV table {
          margin-top: calc(-10px);
          margin-bottom: calc(-10px);
          margin-right: calc(-10px);
          margin-left: calc(-10px);
          width: calc(100% + 2 * 10px); }
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV table li,
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV table td,
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION table li,
          .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION table td,
          .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV table li,
          .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV table td, .maincontent > .twocol > .column-marginal > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal > .csc-header + DIV table li,
          .maincontent > .twocol > .column-marginal > .csc-header + DIV table td,
          .maincontent > .twocol > .column-marginal > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal > .csc-header + SECTION table li,
          .maincontent > .twocol > .column-marginal > .csc-header + SECTION table td,
          .maincontent > .twocol > .column-marginal > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal > HEADER + DIV table li,
          .maincontent > .twocol > .column-marginal > HEADER + DIV table td {
            border-bottom: 2px solid #fff;
            padding: 10px 10px 10px 10px; }
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV table td:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION table li:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION table td:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV table td:last-child, .maincontent > .twocol > .column-marginal > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal > .csc-header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal > .csc-header + DIV table td:last-child,
            .maincontent > .twocol > .column-marginal > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal > .csc-header + SECTION table li:last-child,
            .maincontent > .twocol > .column-marginal > .csc-header + SECTION table td:last-child,
            .maincontent > .twocol > .column-marginal > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal > HEADER + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal > HEADER + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal > HEADER + DIV table td:last-child {
              border: none; }
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV h2, .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV h3, .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + DIV h4,
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION h2,
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION h3,
        .maincontent > .twocol > .column-marginal .locore-recommended-units .csc-header + SECTION h4,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV h2,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV h3,
        .maincontent > .twocol > .column-marginal .locore-recommended-units HEADER + DIV h4, .maincontent > .twocol > .column-marginal > .csc-header + DIV h2, .maincontent > .twocol > .column-marginal > .csc-header + DIV h3, .maincontent > .twocol > .column-marginal > .csc-header + DIV h4,
        .maincontent > .twocol > .column-marginal > .csc-header + SECTION h2,
        .maincontent > .twocol > .column-marginal > .csc-header + SECTION h3,
        .maincontent > .twocol > .column-marginal > .csc-header + SECTION h4,
        .maincontent > .twocol > .column-marginal > HEADER + DIV h2,
        .maincontent > .twocol > .column-marginal > HEADER + DIV h3,
        .maincontent > .twocol > .column-marginal > HEADER + DIV h4 {
          font-size: 15px !important;
          font-size: 0.875rem !important;
          font-weight: 700;
          margin-bottom: 9px;
          margin-bottom: 0.5rem; }
    .maincontent > .twocol > .column-marginal .linklist,
    .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox,
    .maincontent > .twocol > .column-marginal .boxed {
      background-color: #f4f4f4;
      color: #2a2a2a;
      padding: 0px;
      border: none;
      box-shadow: none;
      /* remove border for nested .boxed containers */ }
      .maincontent > .twocol > .column-marginal .linklist > .csc-header,
      .maincontent > .twocol > .column-marginal .linklist header,
      .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header,
      .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header,
      .maincontent > .twocol > .column-marginal .boxed > .csc-header,
      .maincontent > .twocol > .column-marginal .boxed header {
        background-color: #f4f4f4;
        position: relative;
        text-align: left; }
        .maincontent > .twocol > .column-marginal .linklist > .csc-header h1,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header h2,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header h4,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header h3,
        .maincontent > .twocol > .column-marginal .linklist header h1,
        .maincontent > .twocol > .column-marginal .linklist header h2,
        .maincontent > .twocol > .column-marginal .linklist header h4,
        .maincontent > .twocol > .column-marginal .linklist header h3,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header h1,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header h2,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header h4,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header h3,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header h1,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header h2,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header h4,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header h3,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header h1,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header h2,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header h4,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header h3,
        .maincontent > .twocol > .column-marginal .boxed header h1,
        .maincontent > .twocol > .column-marginal .boxed header h2,
        .maincontent > .twocol > .column-marginal .boxed header h4,
        .maincontent > .twocol > .column-marginal .boxed header h3 {
          color: #dc004f !important;
          padding: 10px;
          font-size: 18px;
          font-size: 1rem;
          line-height: 1.3;
          margin: 0;
          letter-spacing: inherit; }
      .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV,
      .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION,
      .maincontent > .twocol > .column-marginal .linklist .box-content,
      .maincontent > .twocol > .column-marginal .linklist header + DIV,
      .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV,
      .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION,
      .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content,
      .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV,
      .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV,
      .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION,
      .maincontent > .twocol > .column-marginal .boxed .box-content,
      .maincontent > .twocol > .column-marginal .boxed header + DIV {
        padding: 10px;
        /* Headlines in marginal boxed */
        /* header image in body text */
        /* (for img in top position, todo: find solution for non-top position) */ }
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV table,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION table,
        .maincontent > .twocol > .column-marginal .linklist .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .linklist .box-content table,
        .maincontent > .twocol > .column-marginal .linklist header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .linklist header + DIV table,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV table,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION table,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content table,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV table,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV table,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION table,
        .maincontent > .twocol > .column-marginal .boxed .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .boxed .box-content table,
        .maincontent > .twocol > .column-marginal .boxed header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account),
        .maincontent > .twocol > .column-marginal .boxed header + DIV table {
          margin-top: calc(-10px);
          margin-bottom: calc(-10px);
          margin-right: calc(-10px);
          margin-left: calc(-10px);
          width: calc(100% + 2 * 10px); }
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV table li,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV table td,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION table li,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION table td,
          .maincontent > .twocol > .column-marginal .linklist .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .linklist .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .linklist .box-content table li,
          .maincontent > .twocol > .column-marginal .linklist .box-content table td,
          .maincontent > .twocol > .column-marginal .linklist header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .linklist header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .linklist header + DIV table li,
          .maincontent > .twocol > .column-marginal .linklist header + DIV table td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV table li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV table td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION table li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION table td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content table li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content table td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV table li,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV table td,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV table li,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV table td,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION table li,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION table td,
          .maincontent > .twocol > .column-marginal .boxed .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .boxed .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .boxed .box-content table li,
          .maincontent > .twocol > .column-marginal .boxed .box-content table td,
          .maincontent > .twocol > .column-marginal .boxed header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li,
          .maincontent > .twocol > .column-marginal .boxed header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td,
          .maincontent > .twocol > .column-marginal .boxed header + DIV table li,
          .maincontent > .twocol > .column-marginal .boxed header + DIV table td {
            border-bottom: 2px solid #fff;
            padding: 10px 10px 10px 10px; }
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV table td:last-child,
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION table li:last-child,
            .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION table td:last-child,
            .maincontent > .twocol > .column-marginal .linklist .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .linklist .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .linklist .box-content table li:last-child,
            .maincontent > .twocol > .column-marginal .linklist .box-content table td:last-child,
            .maincontent > .twocol > .column-marginal .linklist header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .linklist header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .linklist header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal .linklist header + DIV table td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV table td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION table li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION table td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content table li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content table td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV table td:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV table td:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION table li:last-child,
            .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION table td:last-child,
            .maincontent > .twocol > .column-marginal .boxed .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .boxed .box-content ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .boxed .box-content table li:last-child,
            .maincontent > .twocol > .column-marginal .boxed .box-content table td:last-child,
            .maincontent > .twocol > .column-marginal .boxed header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) li:last-child,
            .maincontent > .twocol > .column-marginal .boxed header + DIV ul:not(.icon-text-list-adv):not(.tx-locore-bill-list):not(.user--details-box--account) td:last-child,
            .maincontent > .twocol > .column-marginal .boxed header + DIV table li:last-child,
            .maincontent > .twocol > .column-marginal .boxed header + DIV table td:last-child {
              border: none; }
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV figure,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION figure,
        .maincontent > .twocol > .column-marginal .linklist .box-content figure,
        .maincontent > .twocol > .column-marginal .linklist header + DIV figure,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV figure,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION figure,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content figure,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV figure,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV figure,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION figure,
        .maincontent > .twocol > .column-marginal .boxed .box-content figure,
        .maincontent > .twocol > .column-marginal .boxed header + DIV figure {
          text-align: center;
          background-color: #fff; }
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV h2, .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV h3, .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV h4,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION h2,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION h3,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION h4,
        .maincontent > .twocol > .column-marginal .linklist .box-content h2,
        .maincontent > .twocol > .column-marginal .linklist .box-content h3,
        .maincontent > .twocol > .column-marginal .linklist .box-content h4,
        .maincontent > .twocol > .column-marginal .linklist header + DIV h2,
        .maincontent > .twocol > .column-marginal .linklist header + DIV h3,
        .maincontent > .twocol > .column-marginal .linklist header + DIV h4,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV h2,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV h3,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV h4,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION h2,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION h3,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION h4,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content h2,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content h3,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content h4,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV h2,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV h3,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV h4,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV h2,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV h3,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV h4,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION h2,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION h3,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION h4,
        .maincontent > .twocol > .column-marginal .boxed .box-content h2,
        .maincontent > .twocol > .column-marginal .boxed .box-content h3,
        .maincontent > .twocol > .column-marginal .boxed .box-content h4,
        .maincontent > .twocol > .column-marginal .boxed header + DIV h2,
        .maincontent > .twocol > .column-marginal .boxed header + DIV h3,
        .maincontent > .twocol > .column-marginal .boxed header + DIV h4 {
          font-size: 15px !important;
          font-size: 0.875rem !important;
          font-weight: 700;
          margin-bottom: 9px;
          margin-bottom: 0.5rem; }
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal .linklist .box-content .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal .linklist header + DIV .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal .boxed .box-content .csc-textpic-imagewrap,
        .maincontent > .twocol > .column-marginal .boxed header + DIV .csc-textpic-imagewrap {
          padding-left: 0px;
          padding-right: 0px; }
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + DIV .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal .linklist > .csc-header + SECTION .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal .linklist .box-content .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal .linklist header + DIV .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + DIV .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox > .csc-header + SECTION .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .box-content .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox header + DIV .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + DIV .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal .boxed > .csc-header + SECTION .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal .boxed .box-content .csc-textpic-imagewrap + DIV > DIV,
          .maincontent > .twocol > .column-marginal .boxed header + DIV .csc-textpic-imagewrap + DIV > DIV {
            margin-top: calc(2.0 * 10px); }
      .maincontent > .twocol > .column-marginal .linklist .boxed,
      .maincontent > .twocol > .column-marginal DIV[class*="boxed"] .textbox .boxed,
      .maincontent > .twocol > .column-marginal .boxed .boxed {
        border: none; }

.reveal#hms-modal-1 {
  max-width: 600px;
  width: 100%;
  background-color: transparent; }
  .reveal#hms-modal-1 .popup-banner-container {
    background-color: #00a8e5;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.8s, visibility 0.8s; }
    .reveal#hms-modal-1 .popup-banner-container.show {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.8s, visibility 0.8s; }
    .reveal#hms-modal-1 .popup-banner-container > .csc-default:last-of-type {
      margin-bottom: 0; }
    .reveal#hms-modal-1 .popup-banner-container p {
      text-align: center; }
      .reveal#hms-modal-1 .popup-banner-container p a {
        color: #fff;
        display: inline-block;
        padding: 9px 54px;
        padding: 0.5rem 3rem;
        background-color: #dc004f;
        border: 2px solid transparent; }
    .reveal#hms-modal-1 .popup-banner-container p.hasFocus a,
    .reveal#hms-modal-1 .popup-banner-container p:hover a {
      border: 2px solid #fff; }
    .reveal#hms-modal-1 .popup-banner-container .close-button {
      right: 36px;
      right: 2rem;
      top: 27px;
      top: 1.5rem; }
      .reveal#hms-modal-1 .popup-banner-container .close-button span {
        color: #fff; }

.tx-locore-textbox--collapsable > header,
.tx-locore-textbox--collapsable > h2,
.tx-locore-textbox--collapsable > h3 {
  background-color: #00a8e5;
  color: #fff;
  cursor: pointer;
  padding-right: 54px;
  padding-right: 3rem;
  margin: 0; }
  .tx-locore-textbox--collapsable > header:after,
  .tx-locore-textbox--collapsable > h2:after,
  .tx-locore-textbox--collapsable > h3:after {
    position: absolute;
    right: 18px;
    right: 1rem;
    top: 20px;
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 7.8px solid transparent;
    border-right: 7.8px solid transparent;
    border-bottom: 13px solid #fff;
    border-top: 0; }

.tx-locore-textbox--collapsable header,
.tx-locore-textbox--collapsable header > h2,
.tx-locore-textbox--collapsable header > h3 {
  font-size: 27px !important;
  font-size: 1.5rem !important; }

.tx-locore-textbox--collapsable > * {
  box-sizing: border-box;
  overflow: hidden; }
  .tx-locore-textbox--collapsable > * p:last-child {
    margin-bottom: 0; }

.tx-locore-textbox--collapsable.unitplanelement {
  margin-bottom: .5em !important; }

.tx-locore-textbox--collapsable.collapsed header,
.tx-locore-textbox--collapsable.collapsed header > h2,
.tx-locore-textbox--collapsable.collapsed header > h3 {
  font-size: 18px !important;
  font-size: 1rem !important; }

.tx-locore-textbox--collapsable.collapsed header:after,
.tx-locore-textbox--collapsable.collapsed > h2:after {
  top: 15px;
  width: 0;
  height: 0;
  display: inline-block;
  border-left: 7.8px solid transparent;
  border-right: 7.8px solid transparent;
  border-top: 13px solid #fff;
  border-bottom: 0; }

.tx-locore-textbox--collapsable.collapsed > div {
  display: none; }

.tx-locore-textbox header {
  position: relative;
  display: block; }

.tx-locore-textbox > div p:last-child {
  margin-bottom: 0; }

.tx-locore-imagetext p:last-child {
  margin-bottom: 0; }

.tx-locore-imagetext .cell.cell-text {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.tx-locore-imagetext .cell.cell-image {
  width: 300px;
  height: 200px;
  background-color: #fff; }
  .tx-locore-imagetext .cell.cell-image figure {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    padding: 0 18px;
    padding: 0 1rem; }
    .tx-locore-imagetext .cell.cell-image figure img {
      width: 100%;
      height: auto;
      max-width: 100%; }

.tx-locore-imagetext__uo .cell.cell-image {
  height: initial; }
  .tx-locore-imagetext__uo .cell.cell-image figure {
    padding: 0; }

.maincontent .tx-locore-themenweltteaser.hms-legacy {
  width: 270px; }
  .maincontent .tx-locore-themenweltteaser.hms-legacy.card {
    height: 100%;
    color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card h2, .maincontent .tx-locore-themenweltteaser.hms-legacy.card h3 {
      color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card img {
      max-width: 100%;
      filter: grayscale(100%); }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card .card-divider {
      color: #fff;
      padding-bottom: 5px;
      padding-bottom: 0.3rem;
      font-size: 16px;
      font-size: 0.88889rem; }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card .card-section {
      color: #fff;
      padding-top: 0;
      padding-bottom: 0; }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card:hover .image-wrap {
      position: relative; }
      .maincontent .tx-locore-themenweltteaser.hms-legacy.card:hover .image-wrap .thumb {
        position: absolute;
        z-index: 10;
        height: 100%;
        width: 100%;
        background-image: url("../Images/White-Coming-Soon-Stamp.svg");
        background-color: rgba(220, 0, 79, 0.6);
        background-size: 200px;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-color 200ms linear; }
      .maincontent .tx-locore-themenweltteaser.hms-legacy.card:hover .image-wrap img {
        filter: grayscale(100%) !important; }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card:hover a {
      cursor: pointer; }
      .maincontent .tx-locore-themenweltteaser.hms-legacy.card:hover a .image-wrap .thumb {
        background-image: url("../Images/Handwerk_Daumen.svg");
        background-size: 100px; }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card > a {
      height: 100%;
      border-bottom: none; }
      .maincontent .tx-locore-themenweltteaser.hms-legacy.card > a:hover {
        border-bottom: none !important; }
  .maincontent .tx-locore-themenweltteaser.hms-legacy.card {
    /* Dummy Kacheln */
    /* Kachel immer farbig */ }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card.no-image.no-text {
      height: 0; }
      @media print, screen and (max-width: 39.99875em) {
        .maincontent .tx-locore-themenweltteaser.hms-legacy.card.no-image.no-text {
          width: 0 !important; } }
    .maincontent .tx-locore-themenweltteaser.hms-legacy.card.hms-tipp img {
      filter: none; }

.maincontent .tx-locore-themenweltteaser.hms-faecher {
  margin-bottom: 0;
  width: 270px;
  background-color: transparent; }
  .maincontent .tx-locore-themenweltteaser.hms-faecher:hover {
    box-shadow: 0 2px 12px #565555; }
  .maincontent .tx-locore-themenweltteaser.hms-faecher.card {
    height: 100%;
    color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-faecher.card h2, .maincontent .tx-locore-themenweltteaser.hms-faecher.card h3 {
      color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-faecher.card img {
      max-width: 100%;
      width: 100%; }
    .maincontent .tx-locore-themenweltteaser.hms-faecher.card .card-divider {
      color: #fff;
      font-size: 16px;
      font-size: 0.88889rem; }
      .maincontent .tx-locore-themenweltteaser.hms-faecher.card .card-divider h3 {
        width: 100%;
        text-align: center; }
    .maincontent .tx-locore-themenweltteaser.hms-faecher.card .card-section {
      color: #fff;
      padding-top: 0;
      padding-bottom: 0; }
    .maincontent .tx-locore-themenweltteaser.hms-faecher.card > a {
      border-bottom: none; }
      .maincontent .tx-locore-themenweltteaser.hms-faecher.card > a:hover {
        border-bottom: none !important; }
  .maincontent .tx-locore-themenweltteaser.hms-faecher.card {
    /* Dummy Kacheln */ }
    .maincontent .tx-locore-themenweltteaser.hms-faecher.card.no-image.no-text {
      height: 0 !important; }
      @media print, screen and (max-width: 39.99875em) {
        .maincontent .tx-locore-themenweltteaser.hms-faecher.card.no-image.no-text {
          width: 0 !important; } }

.maincontent .tx-locore-themenweltteaser.hms-themen {
  margin-bottom: 0;
  width: 270px;
  background-color: transparent; }
  .maincontent .tx-locore-themenweltteaser.hms-themen:hover {
    box-shadow: 0 2px 12px #565555; }
  .maincontent .tx-locore-themenweltteaser.hms-themen.card {
    height: 100%;
    color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-themen.card h2, .maincontent .tx-locore-themenweltteaser.hms-themen.card h3 {
      color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-themen.card img {
      max-width: 100%;
      width: 100%; }
    .maincontent .tx-locore-themenweltteaser.hms-themen.card .card-divider {
      color: #fff;
      font-size: 16px;
      font-size: 0.88889rem; }
      .maincontent .tx-locore-themenweltteaser.hms-themen.card .card-divider h3 {
        width: 100%;
        text-align: center; }
    .maincontent .tx-locore-themenweltteaser.hms-themen.card .card-section {
      color: #fff;
      padding-top: 0;
      padding-bottom: 0; }
    .maincontent .tx-locore-themenweltteaser.hms-themen.card > a {
      border-bottom: none; }
      .maincontent .tx-locore-themenweltteaser.hms-themen.card > a:hover {
        border-bottom: none !important; }
  .maincontent .tx-locore-themenweltteaser.hms-themen.card {
    width: 270px;
    height: 238px;
    /* Dummy Kacheln */ }
    .maincontent .tx-locore-themenweltteaser.hms-themen.card a {
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .maincontent .tx-locore-themenweltteaser.hms-themen.card a .image-wrap {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: end;
            justify-content: end; }
        .maincontent .tx-locore-themenweltteaser.hms-themen.card a .image-wrap figure {
          width: 100%; }
          .maincontent .tx-locore-themenweltteaser.hms-themen.card a .image-wrap figure img {
            height: 143px; }
      .maincontent .tx-locore-themenweltteaser.hms-themen.card a .card-divider {
        -ms-flex-direction: column;
            flex-direction: column;
        height: 95px; }
        .maincontent .tx-locore-themenweltteaser.hms-themen.card a .card-divider h3 {
          text-align: left; }
    .maincontent .tx-locore-themenweltteaser.hms-themen.card.no-image.no-text {
      height: 0 !important; }
      @media print, screen and (max-width: 39.99875em) {
        .maincontent .tx-locore-themenweltteaser.hms-themen.card.no-image.no-text {
          width: 0 !important; } }

.maincontent .tx-locore-themenweltteaser.hms-verband {
  margin-bottom: 0;
  width: 270px;
  background-color: transparent; }
  .maincontent .tx-locore-themenweltteaser.hms-verband:hover {
    box-shadow: 0 2px 12px #565555; }
  .maincontent .tx-locore-themenweltteaser.hms-verband.card {
    height: 100%;
    color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-verband.card h2, .maincontent .tx-locore-themenweltteaser.hms-verband.card h3 {
      color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-verband.card img {
      max-width: 100%;
      width: 100%; }
    .maincontent .tx-locore-themenweltteaser.hms-verband.card .card-divider {
      color: #fff;
      font-size: 16px;
      font-size: 0.88889rem; }
      .maincontent .tx-locore-themenweltteaser.hms-verband.card .card-divider h3 {
        width: 100%;
        text-align: center; }
    .maincontent .tx-locore-themenweltteaser.hms-verband.card .card-section {
      color: #fff;
      padding-top: 0;
      padding-bottom: 0; }
    .maincontent .tx-locore-themenweltteaser.hms-verband.card > a {
      border-bottom: none; }
      .maincontent .tx-locore-themenweltteaser.hms-verband.card > a:hover {
        border-bottom: none !important; }
  .maincontent .tx-locore-themenweltteaser.hms-verband.card {
    width: 270px;
    background-color: #f4f4f4;
    height: 330px;
    /* Dummy Kacheln */ }
    .maincontent .tx-locore-themenweltteaser.hms-verband.card a {
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .maincontent .tx-locore-themenweltteaser.hms-verband.card a .image-wrap {
        height: 230px;
        width: 100%; }
      .maincontent .tx-locore-themenweltteaser.hms-verband.card a .card-divider {
        -ms-flex-direction: column;
            flex-direction: column;
        height: 100px; }
        .maincontent .tx-locore-themenweltteaser.hms-verband.card a .card-divider h3 {
          text-align: left; }
    .maincontent .tx-locore-themenweltteaser.hms-verband.card.no-image.no-text {
      height: 0 !important; }
      @media print, screen and (max-width: 39.99875em) {
        .maincontent .tx-locore-themenweltteaser.hms-verband.card.no-image.no-text {
          width: 0 !important; } }

.maincontent .tx-locore-themenweltteaser.hms-teaser {
  background-color: transparent; }
  .maincontent .tx-locore-themenweltteaser.hms-teaser.card {
    height: 100%;
    color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card h2, .maincontent .tx-locore-themenweltteaser.hms-teaser.card h3 {
      color: #fff; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card img {
      max-width: 100%;
      width: 100%; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card .card-divider {
      color: #fff;
      font-size: 16px;
      font-size: 0.88889rem; }
      .maincontent .tx-locore-themenweltteaser.hms-teaser.card .card-divider h3 {
        width: 100%;
        text-align: center; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card .card-section {
      color: #fff;
      padding-top: 0;
      padding-bottom: 0; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card > a {
      border-bottom: none; }
      .maincontent .tx-locore-themenweltteaser.hms-teaser.card > a:hover {
        border-bottom: none !important; }
  .maincontent .tx-locore-themenweltteaser.hms-teaser.card {
    /* Dummy Kacheln */ }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card:hover .image-wrap {
      position: relative; }
      .maincontent .tx-locore-themenweltteaser.hms-teaser.card:hover .image-wrap .thumb {
        position: absolute;
        z-index: 10;
        height: 100%;
        width: 100%;
        background-image: url("../Images/White-Coming-Soon-Stamp.svg");
        background-color: rgba(220, 0, 79, 0.6);
        background-size: 200px;
        background-repeat: no-repeat;
        background-position: center;
        transition: background-color 200ms linear; }
      .maincontent .tx-locore-themenweltteaser.hms-teaser.card:hover .image-wrap img {
        filter: grayscale(100%) !important; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card:hover a {
      cursor: pointer; }
      .maincontent .tx-locore-themenweltteaser.hms-teaser.card:hover a .image-wrap .thumb {
        background-image: url("../Images/Handwerk_Daumen.svg");
        background-size: 100px; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card .card-divider {
      -ms-flex-direction: column;
          flex-direction: column; }
      .maincontent .tx-locore-themenweltteaser.hms-teaser.card .card-divider h3 {
        text-align: left; }
    .maincontent .tx-locore-themenweltteaser.hms-teaser.card.no-image.no-text {
      height: 0 !important; }
      @media print, screen and (max-width: 39.99875em) {
        .maincontent .tx-locore-themenweltteaser.hms-teaser.card.no-image.no-text {
          width: 0 !important; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

.headcontent .csc-textpic-center-inner:not(.slick-initialized) .csc-textpic-imagerow ~ .csc-textpic-imagerow,
.lo-slider .images-box:not(.slick-initialized) .item ~ .item {
  display: none; }

.headcontent .csc-textpic-center-inner.slick-initialized,
.lo-slider .images-box.slick-initialized {
  position: relative; }

.headcontent .lo-slider .image {
  max-width: 1200px;
  margin: 0 auto; }

.headcontent .lo-slider .item img {
  width: 100%;
  height: 100%; }

/* ------*/
/* Icons */
/* ------*/
@font-face {
  font-family: "slick";
  src: url("../Fonts/slick.eot");
  src: url("../Fonts/slick.eot?#iefix") format("embedded-opentype"), url("../Fonts/slick.woff2") format("woff2"), url("../Fonts/slick.woff") format("woff"), url("../Fonts/slick.ttf") format("truetype"), url("../Fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/* -------*/
/* Arrows */
/* -------*/
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 50px;
  width: 50px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 50px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: 25px;
  z-index: 1; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: 25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

.slick-dotted.slick-slider {
  margin-bottom: 40px; }

.slick-dots {
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 44px;
    width: 44px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 44px;
      width: 44px;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover:before, .slick-dots li button:focus:before {
        opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 44px;
        height: 44px;
        font-family: "slick";
        font-size: 6px;
        line-height: 24px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-position: center center;
        background-size: 18px 18px;
        background-image: var(--svg-dot-blue-empty, url("../Icons/dot-blue-empty.svg")); }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }
  .slick-dots li button:before {
    background-image: var(--svg-dot-blue-empty, url("../Icons/dot-blue-empty.svg")); }
  .slick-dots li.slick-active button:before {
    background-image: var(--svg-dot-blue-filled, url("../Icons/dot-blue-filled.svg")); }

.slick-dots {
  position: relative; }
  .slick-dots li button:before {
    opacity: 1;
    font-size: 10px; }
  .slick-dots li.slick-active button:before {
    opacity: 1;
    font-size: 10px; }

.container-slider.slick-slider,
.lo-shoppingbox-slider .slick-slider,
.locore-imageslider .slick-slider,
.locore-louniversal-latest--slider .slick-slider,
.locore-lonews-latest--slider .slick-slider {
  margin-top: 0;
  margin-left: 40px;
  margin-right: 40px; }
  .container-slider.slick-slider .slick-list .slick-slide,
  .lo-shoppingbox-slider .slick-slider .slick-list .slick-slide,
  .locore-imageslider .slick-slider .slick-list .slick-slide,
  .locore-louniversal-latest--slider .slick-slider .slick-list .slick-slide,
  .locore-lonews-latest--slider .slick-slider .slick-list .slick-slide {
    margin: 0; }
  .container-slider.slick-slider .slick-dots,
  .lo-shoppingbox-slider .slick-slider .slick-dots,
  .locore-imageslider .slick-slider .slick-dots,
  .locore-louniversal-latest--slider .slick-slider .slick-dots,
  .locore-lonews-latest--slider .slick-slider .slick-dots {
    bottom: -50px; }
    .container-slider.slick-slider .slick-dots li,
    .lo-shoppingbox-slider .slick-slider .slick-dots li,
    .locore-imageslider .slick-slider .slick-dots li,
    .locore-louniversal-latest--slider .slick-slider .slick-dots li,
    .locore-lonews-latest--slider .slick-slider .slick-dots li {
      margin: 0; }
      .container-slider.slick-slider .slick-dots li button:before,
      .lo-shoppingbox-slider .slick-slider .slick-dots li button:before,
      .locore-imageslider .slick-slider .slick-dots li button:before,
      .locore-louniversal-latest--slider .slick-slider .slick-dots li button:before,
      .locore-lonews-latest--slider .slick-slider .slick-dots li button:before {
        content: '';
        opacity: 1;
        background-repeat: no-repeat; }
      .container-slider.slick-slider .slick-dots li.slick-active button:before,
      .lo-shoppingbox-slider .slick-slider .slick-dots li.slick-active button:before,
      .locore-imageslider .slick-slider .slick-dots li.slick-active button:before,
      .locore-louniversal-latest--slider .slick-slider .slick-dots li.slick-active button:before,
      .locore-lonews-latest--slider .slick-slider .slick-dots li.slick-active button:before {
        content: '';
        opacity: 1;
        background-repeat: no-repeat; }
  .container-slider.slick-slider .slick-arrow:before,
  .lo-shoppingbox-slider .slick-slider .slick-arrow:before,
  .locore-imageslider .slick-slider .slick-arrow:before,
  .locore-louniversal-latest--slider .slick-slider .slick-arrow:before,
  .locore-lonews-latest--slider .slick-slider .slick-arrow:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 50px;
    height: 50px; }
  .container-slider.slick-slider .slick-arrow.slick-prev,
  .lo-shoppingbox-slider .slick-slider .slick-arrow.slick-prev,
  .locore-imageslider .slick-slider .slick-arrow.slick-prev,
  .locore-louniversal-latest--slider .slick-slider .slick-arrow.slick-prev,
  .locore-lonews-latest--slider .slick-slider .slick-arrow.slick-prev {
    left: -50px; }
  .container-slider.slick-slider .slick-arrow.slick-next,
  .lo-shoppingbox-slider .slick-slider .slick-arrow.slick-next,
  .locore-imageslider .slick-slider .slick-arrow.slick-next,
  .locore-louniversal-latest--slider .slick-slider .slick-arrow.slick-next,
  .locore-lonews-latest--slider .slick-slider .slick-arrow.slick-next {
    right: -50px; }

/* Slider mit Schatten-Rahmen */
.locore-louniversal-latest--slider .slick-slider .slick-list .slick-slide,
.locore-lonews-latest--slider .slick-slider .slick-list .slick-slide {
  box-shadow: 0 2px 12px #a8a4a4;
  border-radius: 0;
  background-color: #fff;
  margin: 12px;
  padding: 0; }
  .locore-louniversal-latest--slider .slick-slider .slick-list .slick-slide .teaserbild-wrap,
  .locore-lonews-latest--slider .slick-slider .slick-list .slick-slide .teaserbild-wrap {
    border-radius: 0 0 0 0; }
  .locore-louniversal-latest--slider .slick-slider .slick-list .slick-slide .text,
  .locore-lonews-latest--slider .slick-slider .slick-list .slick-slide .text {
    padding-top: 10px;
    padding-bottom: 10px; }

.lo-shoppingbox-slider .slick-slider .slick-dots,
.trennelement--color1 .slick-slider .slick-dots,
.trennelement--color2 .slick-slider .slick-dots,
.locore-imageslider .slick-slider .slick-dots,
.trennelementwrap--color2 .slick-slider .slick-dots {
  bottom: -25px;
  padding-bottom: 25px; }
  .lo-shoppingbox-slider .slick-slider .slick-dots li button:before,
  .trennelement--color1 .slick-slider .slick-dots li button:before,
  .trennelement--color2 .slick-slider .slick-dots li button:before,
  .locore-imageslider .slick-slider .slick-dots li button:before,
  .trennelementwrap--color2 .slick-slider .slick-dots li button:before {
    background-image: var(--svg-dot-blue-empty, url("../Icons/dot-blue-empty.svg")); }
  .lo-shoppingbox-slider .slick-slider .slick-dots li.slick-active button:before,
  .trennelement--color1 .slick-slider .slick-dots li.slick-active button:before,
  .trennelement--color2 .slick-slider .slick-dots li.slick-active button:before,
  .locore-imageslider .slick-slider .slick-dots li.slick-active button:before,
  .trennelementwrap--color2 .slick-slider .slick-dots li.slick-active button:before {
    background-image: var(--svg-dot-blue-filled, url("../Icons/dot-blue-filled.svg")); }

.lo-shoppingbox-slider .slick-slider .slick-arrow.slick-prev:before,
.trennelement--color1 .slick-slider .slick-arrow.slick-prev:before,
.trennelement--color2 .slick-slider .slick-arrow.slick-prev:before,
.locore-imageslider .slick-slider .slick-arrow.slick-prev:before,
.trennelementwrap--color2 .slick-slider .slick-arrow.slick-prev:before {
  background-image: var(--svg-arrow-blue-left, url("../Icons/arrow-blue-left.svg")); }

.lo-shoppingbox-slider .slick-slider .slick-arrow.slick-next:before,
.trennelement--color1 .slick-slider .slick-arrow.slick-next:before,
.trennelement--color2 .slick-slider .slick-arrow.slick-next:before,
.locore-imageslider .slick-slider .slick-arrow.slick-next:before,
.trennelementwrap--color2 .slick-slider .slick-arrow.slick-next:before {
  background-image: var(--svg-arrow-blue-right, url("../Icons/arrow-blue-right.svg")); }

.trennelement--color3 .slick-slider .slick-dots,
.trennelementwrap--color3 .slick-slider .slick-dots {
  bottom: -25px;
  padding-bottom: 25px; }
  .trennelement--color3 .slick-slider .slick-dots li button:before,
  .trennelementwrap--color3 .slick-slider .slick-dots li button:before {
    background-image: var(--svg-dot-orange-empty, url("../Icons/dot-orange-empty.svg")); }
  .trennelement--color3 .slick-slider .slick-dots li.slick-active button:before,
  .trennelementwrap--color3 .slick-slider .slick-dots li.slick-active button:before {
    background-image: var(--svg-dot-orange-filled, url("../Icons/dot-orange-filled.svg")); }

.trennelement--color3 .slick-slider .slick-arrow.slick-prev:before,
.trennelementwrap--color3 .slick-slider .slick-arrow.slick-prev:before {
  background-image: var(--svg-arrow-orange-left, url("../Icons/arrow-orange-left.svg")); }

.trennelement--color3 .slick-slider .slick-arrow.slick-next:before,
.trennelementwrap--color3 .slick-slider .slick-arrow.slick-next:before {
  background-image: var(--svg-arrow-orange-right, url("../Icons/arrow-orange-right.svg")); }

.portal-hms .slick-slider .slick-list .slick-slide .image-description {
  margin-top: 18px;
  margin-top: 1rem; }
  .portal-hms .slick-slider .slick-list .slick-slide .image-description figcaption {
    color: #fff;
    text-align: center; }

.portal-hms .slick-slider .slick-dotted.slick-slider {
  margin-bottom: 30px; }

.portal-hms .slick-slider .slick-dots li {
  height: 20px;
  width: 20px; }
  .portal-hms .slick-slider .slick-dots li button {
    height: 20px;
    width: 20px; }
    .portal-hms .slick-slider .slick-dots li button:before {
      width: 20px;
      height: 20px;
      line-height: 20px; }

.portal-hms .slick-slider .slick-dots li button:before {
  color: #dc004f; }

.portal-hms .slick-slider .slick-dots li.slick-active button:before {
  color: #00a8e5; }

.portal-hms .slick-slider .slick-arrow.slick-prev:before {
  background-image: url("../Icons/Pfeil_blau_links.svg"); }

.portal-hms .slick-slider .slick-arrow.slick-next:before {
  background-image: url("../Icons/Pfeil_blau_rechts.svg"); }

.portal-hms.locore-louniversal-latest--slider .slick-slider .slick-list .slick-slide {
  box-shadow: none;
  background-color: transparent; }

.portal-hms.locore-louniversal-latest--slider .slick-slider .slick-arrow.slick-prev:before {
  background-image: url("../Icons/Pfeil_rot_links.svg"); }

.portal-hms.locore-louniversal-latest--slider .slick-slider .slick-arrow.slick-next:before {
  background-image: url("../Icons/Pfeil_rot_rechts.svg"); }

.portal-hms.locore-louniversal-latest--slider .slick-slider .slick-dots li {
  height: 44px;
  width: 44px; }
  .portal-hms.locore-louniversal-latest--slider .slick-slider .slick-dots li button:before {
    background-image: var(--svg-dot-red-empty, url("../Icons/dot-red-empty.svg")); }

.portal-hms.locore-louniversal-latest--slider .slick-slider .slick-dots li.slick-active button:before {
  background-image: var(--svg-dot-red-filled, url("../Icons/dot-red-filled.svg")); }

.portal-hms .headerslider-outerwrap {
  position: relative; }
  .portal-hms .headerslider-outerwrap .slider-headerslider.slick-slider {
    margin: 0; }
    .portal-hms .headerslider-outerwrap .slider-headerslider.slick-slider .slick-arrow.slick-prev {
      left: 100px; }
      .portal-hms .headerslider-outerwrap .slider-headerslider.slick-slider .slick-arrow.slick-prev:before {
        background-image: url("../Icons/Pfeil_weiss_links.svg"); }
    .portal-hms .headerslider-outerwrap .slider-headerslider.slick-slider .slick-arrow.slick-next {
      right: 100px; }
      .portal-hms .headerslider-outerwrap .slider-headerslider.slick-slider .slick-arrow.slick-next:before {
        background-image: url("../Icons/Pfeil_weiss_rechts.svg"); }
  .portal-hms .headerslider-outerwrap .container-text {
    position: absolute;
    bottom: 50px; }
    .portal-hms .headerslider-outerwrap .container-text h1 {
      display: inline;
      color: #fff;
      background-color: #dc004f;
      padding: 10px 21px 8px 21px;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      line-height: 36px;
      line-height: 2.0rem;
      position: relative;
      font-size: 48px;
      font-size: 2.7rem; }
      @media print, screen and (max-width: 63.99875em) {
        .portal-hms .headerslider-outerwrap .container-text h1 {
          font-size: 1.3rem;
          margin-bottom: 0; } }
      .portal-hms .headerslider-outerwrap .container-text h1:last-child {
        margin-bottom: 0; }

.portal-hms.lo-container .container-slider button.slick-prev {
  left: 0; }

.portal-hms.lo-container .container-slider button.slick-next {
  right: 0; }

.portal-hms.locore-louniversal-latest--slider > ul:not(.slick-initialized) li ~ li {
  display: none; }

.portal-hms .container-slider:not(.slick-initialized) .frame-type-locore_lobanner ~ .frame-type-locore_lobanner {
  display: none; }

.banner .container-image img {
  width: 100%;
  max-width: 100%;
  height: auto; }

.banner.hmsfachseitenbanner {
  padding: 0;
  margin-bottom: -36px;
  margin-bottom: -2rem; }
  .banner.hmsfachseitenbanner .headcontent-fachportal {
    max-width: 100%; }
  .banner.hmsfachseitenbanner .container-text-outerwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: end; }
    @media print, screen and (max-width: 63.99875em) {
      .banner.hmsfachseitenbanner .container-text-outerwrap {
        border-bottom: none; } }
    .banner.hmsfachseitenbanner .container-text-outerwrap .container-text {
      position: relative;
      bottom: -15px;
      z-index: 10; }
      .banner.hmsfachseitenbanner .container-text-outerwrap .container-text h1 {
        line-height: 90px;
        line-height: 5rem; }
        @media print, screen and (max-width: 63.99875em) {
          .banner.hmsfachseitenbanner .container-text-outerwrap .container-text h1 {
            font-size: 2rem;
            line-height: 3rem; } }
  .banner.hmsfachseitenbanner .container-image {
    width: 100%;
    height: 100%;
    max-width: 650px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: end; }
    @media print, screen and (max-width: 39.99875em) {
      .banner.hmsfachseitenbanner .container-image {
        display: none; } }

.banner.hmsverbandseitenbanner {
  padding: 0;
  margin-bottom: -36px;
  margin-bottom: -2rem; }
  .banner.hmsverbandseitenbanner .headcontent-verbandportal {
    max-width: 100%; }
  .banner.hmsverbandseitenbanner .container-text-outerwrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: end; }
    .banner.hmsverbandseitenbanner .container-text-outerwrap .container-text {
      position: relative;
      bottom: -15px;
      z-index: 10; }
      .banner.hmsverbandseitenbanner .container-text-outerwrap .container-text h1 {
        line-height: 90px;
        line-height: 5rem; }
        @media print, screen and (max-width: 63.99875em) {
          .banner.hmsverbandseitenbanner .container-text-outerwrap .container-text h1 {
            font-size: 2rem;
            line-height: 3rem; } }
  .banner.hmsverbandseitenbanner .container-image {
    width: 100%;
    height: 100%;
    max-width: 650px;
    top: -50px;
    position: relative; }

.banner.hmsgrossesheaderbild {
  position: relative; }
  .banner.hmsgrossesheaderbild .container-image {
    position: relative; }
  .banner.hmsgrossesheaderbild .container-text {
    position: absolute;
    bottom: -12px; }
    @media print, screen and (max-width: 74.99875em) {
      .banner.hmsgrossesheaderbild .container-text {
        bottom: 10%; } }
    @media print, screen and (max-width: 63.99875em) {
      .banner.hmsgrossesheaderbild .container-text {
        bottom: 0%; } }
    .banner.hmsgrossesheaderbild .container-text > h1 {
      display: inline;
      color: #fff;
      background-color: #dc004f;
      padding: 10px 21px 8px 21px;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      line-height: 1.2;
      position: relative; }
      @media print, screen and (max-width: 63.99875em) {
        .banner.hmsgrossesheaderbild .container-text > h1 {
          font-size: 1.3rem;
          margin-bottom: 0; } }
      .banner.hmsgrossesheaderbild .container-text > h1:last-child {
        margin-bottom: 0; }
    .banner.hmsgrossesheaderbild .container-text > p {
      font-size: 21px;
      font-size: 1.2rem;
      line-height: 27px;
      line-height: 1.5rem;
      margin-bottom: 54px;
      margin-bottom: 3rem;
      color: #fff; }
      .banner.hmsgrossesheaderbild .container-text > p:last-child {
        margin-bottom: 27px;
        margin-bottom: 1.5rem; }

.banner.hmsgrosserheaderslider {
  position: relative; }
  .banner.hmsgrosserheaderslider .container-image {
    position: relative; }

.banner.sloganbannerhms {
  margin: 36px 0 54px;
  margin: 2rem 0 3rem; }
  .banner.sloganbannerhms h3 {
    margin: 0;
    font-size: 30px;
    font-size: 1.7rem; }
  .banner.sloganbannerhms h2 {
    font-size: 45px;
    font-size: 2.5rem;
    line-height: 54px;
    line-height: 3rem;
    margin-bottom: 27px;
    margin-bottom: 1.5rem; }
  .banner.sloganbannerhms ul {
    list-style: none;
    margin: 0 0 36px 0;
    margin: 0 0 2rem 0;
    padding: 0; }
    .banner.sloganbannerhms ul li {
      position: relative;
      padding-left: 1.8em;
      margin-bottom: 10px;
      margin-bottom: 0.6rem; }
      .banner.sloganbannerhms ul li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.3em;
        width: 1em;
        height: 1em;
        background: url("../Icons/check-solid.svg") no-repeat center center;
        background-size: contain; }
  .banner.sloganbannerhms .button {
    display: inline;
    padding: 9px 18px;
    padding: 0.5rem 1rem; }
    .banner.sloganbannerhms .button a {
      color: #fff; }
      .banner.sloganbannerhms .button a:hover {
        text-decoration: none;
        border-bottom: none; }

.banner.textbannerhms {
  margin-bottom: -36px;
  margin-bottom: -2rem; }
  .banner.textbannerhms .container-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-top: 9px;
    margin-top: 0.5rem;
    margin-bottom: 9px;
    margin-bottom: 0.5rem; }
    .banner.textbannerhms .container-text p {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: center;
          justify-content: center;
      margin-bottom: 0;
      font-family: 'Univers LT W04_93 X Bla1476062', sans-serif;
      font-weight: 400;
      text-rendering: optimizeLegibility;
      font-size: 25px;
      font-size: 1.4rem;
      color: #dc004f; }
    .banner.textbannerhms .container-text .button {
      -ms-flex-preferred-size: 260px;
          flex-basis: 260px;
      display: inline;
      margin: 0;
      background-color: #fff;
      border-radius: 0;
      padding: 0;
      border: 2px solid #dc004f;
      animation: wobble 0.6s ease-in-out 1;
      /* duration | easing | run once */
      -ms-transform-origin: center;
          transform-origin: center; }

@keyframes wobble {
  0% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(-3deg); }
  30% {
    transform: rotate(3deg); }
  45% {
    transform: rotate(-2deg); }
  60% {
    transform: rotate(2deg); }
  75% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }
      .banner.textbannerhms .container-text .button a {
        padding: 9px 9px;
        padding: 0.5rem 0.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        height: 100%; }
        .banner.textbannerhms .container-text .button a strong {
          color: #dc004f; }
        .banner.textbannerhms .container-text .button a:hover {
          text-decoration: none;
          border-bottom: none; }
      .banner.textbannerhms .container-text .button:hover {
        background-color: #dc004f; }
        .banner.textbannerhms .container-text .button:hover a strong {
          color: #fff; }
    @media print, screen and (max-width: 39.99875em) {
      .banner.textbannerhms .container-text {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .banner.textbannerhms .container-text .button {
          min-height: 50px;
          margin-top: 10px; } }

.headline h3 {
  margin: 0; }

.headline.hmsred h2 {
  color: #dc004f; }

.headline.hmsblue h2 {
  color: #00a8e5; }

.frame-type-locore_loheadline {
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }

/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */
.pretty * {
  box-sizing: border-box; }

.pretty input:not([type=checkbox]):not([type=radio]) {
  display: none; }

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1; }

.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer; }

.pretty .state label {
  position: initial;
  display: inline-block;
  font-weight: 400;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px); }

.pretty .state label:after, .pretty .state label:before {
  content: '';
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  background-color: transparent; }

.pretty .state label:before {
  border-color: #bdc3c7; }

.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
  display: none; }

@keyframes zoom {
  0% {
    opacity: 0;
    transform: scale(0); } }

@keyframes tada {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: scale(7); }
  38% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1); }
  55% {
    animation-timing-function: ease-in;
    transform: scale(1.5); }
  72% {
    animation-timing-function: ease-out;
    transform: scale(1); }
  81% {
    animation-timing-function: ease-in;
    transform: scale(1.24); }
  89% {
    animation-timing-function: ease-out;
    transform: scale(1); }
  95% {
    animation-timing-function: ease-in;
    transform: scale(1.04); }
  100% {
    animation-timing-function: ease-out;
    transform: scale(1); } }

@keyframes jelly {
  0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(0.75, 1.25, 1); }
  40% {
    transform: scale3d(1.25, 0.75, 1); }
  50% {
    transform: scale3d(0.85, 1.15, 1); }
  65% {
    transform: scale3d(1.05, 0.95, 1); }
  75% {
    transform: scale3d(0.95, 1.05, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes rotate {
  0% {
    opacity: 0;
    transform: translateZ(-200px) rotate(-45deg); }
  100% {
    opacity: 1;
    transform: translateZ(0) rotate(0); } }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #bdc3c7; }
  100% {
    box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0); } }

.pretty.p-default.p-fill .state label:after {
  -ms-transform: scale(1);
  transform: scale(1); }

.pretty.p-default .state label:after {
  -ms-transform: scale(0.6);
  transform: scale(0.6); }

.pretty.p-default input:checked ~ .state label:after {
  background-color: #bdc3c7 !important; }

.pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before {
  border-width: calc(1em / 7); }

.pretty.p-default.p-thick .state label:after {
  -ms-transform: scale(0.4) !important;
  transform: scale(0.4) !important; }

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1; }

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1; }

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b; }

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0; }

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1; }

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1; }

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.pretty.p-image input:checked ~ .state img {
  opacity: 1; }

.pretty.p-switch input {
  min-width: 2em; }

.pretty.p-switch .state {
  position: relative; }

.pretty.p-switch .state:before {
  content: '';
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  transition: all .5s ease; }

.pretty.p-switch .state label {
  text-indent: 2.5em; }

.pretty.p-switch .state label:after, .pretty.p-switch .state label:before {
  transition: all .5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important; }

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b; }

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0; }

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em; }

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0; }

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em; }

.pretty.p-switch.p-slim .state:before {
  height: .1em;
  background: #bdc3c7 !important;
  top: calc(50% - .1em); }

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important; }

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none; }

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block; }

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block; }

.pretty.p-has-focus input:focus ~ .state label:before {
  box-shadow: 0 0 3px 0 #bdc3c7; }

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none; }

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {
  display: block; }

.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {
  display: block;
  opacity: 1; }

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none; }

.pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off {
  opacity: 1;
  display: inherit; }

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7; }

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit; }

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none; }

.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
  content: none; }

.pretty.p-plain.p-plain .icon {
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.pretty.p-round .state label:after, .pretty.p-round .state label:before {
  border-radius: 100%; }

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden; }

.pretty.p-round.p-icon .state .icon:before {
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
  border-radius: 20%; }

.pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before {
  transition: all .5s ease; }

.pretty.p-smooth input:checked + .state label:after {
  transition: all .3s ease; }

.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img {
  animation: zoom .2s ease; }

.pretty.p-smooth.p-default input:checked + .state label:after {
  animation: zoom .2s ease; }

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all .5s ease; }

.pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before {
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1; }

.pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent; }

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1; }

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent; }

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  animation: pulse 1s; }

.pretty input[disabled] {
  cursor: not-allowed;
  display: none; }

.pretty input[disabled] ~ * {
  opacity: .5; }

.pretty.p-locked input {
  display: none;
  cursor: not-allowed; }

.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
  background-color: #428bca !important; }

.pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
  border-color: #428bca; }

.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important; }

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca; }

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important; }

.pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de; }

.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de; }

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de; }

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important; }

.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important; }

.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c; }

.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important; }

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c; }

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important; }

.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important; }

.pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e; }

.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important; }

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e; }

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important; }

.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important; }

.pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff; }

.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f; }

.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent; }

.pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f; }

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important; }

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f; }

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important; }

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important; }

.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important; }

.pretty.p-bigger label {
  text-indent: 1.7em; }

@media print {
  .pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before {
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact; } }

.tx-locore-zitat .inner-wrap {
  padding: 20px; }
  .tx-locore-zitat .inner-wrap h3 {
    color: #dc004f; }
  .tx-locore-zitat .inner-wrap .subheader p {
    font-family: 'Univers LT W04_75 Black1475984', sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    font-size: 0.88889rem; }
  .tx-locore-zitat .inner-wrap .text {
    font-size: 16px;
    font-size: 0.88889rem;
    margin: 0.25em 0;
    padding: 0 30px 0 30px;
    color: #2a2a2a;
    border-radius: 1rem;
    position: relative;
    padding-left: 2em; }
    .tx-locore-zitat .inner-wrap .text > p {
      position: relative;
      display: inline;
      padding-left: 21px;
      padding-left: 1.2rem; }
      .tx-locore-zitat .inner-wrap .text > p:before {
        content: "\201E";
        font-size: 36px;
        font-size: 2rem;
        color: #dc004f;
        position: absolute;
        left: 0;
        top: -21px;
        top: -1.2rem;
        line-height: 36px;
        line-height: 2rem; }
      .tx-locore-zitat .inner-wrap .text > p:after {
        position: relative;
        content: "\201C";
        font-size: 36px;
        font-size: 2rem;
        color: #dc004f;
        margin-left: 0.1em;
        line-height: 0px;
        line-height: 0rem;
        top: 18px;
        top: 1rem;
        display: inline-block;
        vertical-align: baseline; }

.locore-louniversal-latest,
.universallist {
  position: relative; }
  .locore-louniversal-latest.linklist,
  .universallist.linklist {
    /* ------------- */
    /* HmS card list */
    /* ------------- */
    /* -------------------- */
    /* HmS list with images */
    /* -------------------- */
    /* -------------------------- */
    /* HmS Slider (mit LO-Kachel) */
    /* -------------------------- */ }
    .locore-louniversal-latest.linklist.no-header,
    .universallist.linklist.no-header {
      background-color: #fff; }
    .locore-louniversal-latest.linklist.universal-listimage ul,
    .universallist.linklist.universal-listimage ul {
      padding: 0;
      list-style: none; }
      .locore-louniversal-latest.linklist.universal-listimage ul li, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList,
      .universallist.linklist.universal-listimage ul li,
      .universallist.linklist.universal-listimage ul .linkToList {
        list-style-type: none;
        position: relative;
        line-height: 130%;
        padding: 1em 1em 1em 1em;
        margin: 0; }
        .locore-louniversal-latest.linklist.universal-listimage ul li:hover .image-wrap, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList:hover .image-wrap,
        .universallist.linklist.universal-listimage ul li:hover .image-wrap,
        .universallist.linklist.universal-listimage ul .linkToList:hover .image-wrap {
          position: relative; }
          .locore-louniversal-latest.linklist.universal-listimage ul li:hover .image-wrap .thumb, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList:hover .image-wrap .thumb,
          .universallist.linklist.universal-listimage ul li:hover .image-wrap .thumb,
          .universallist.linklist.universal-listimage ul .linkToList:hover .image-wrap .thumb {
            position: absolute;
            z-index: 10;
            height: 100%;
            width: 100%;
            background-image: url("../Images/White-Coming-Soon-Stamp.svg");
            background-color: rgba(220, 0, 79, 0.6);
            background-size: 200px;
            background-repeat: no-repeat;
            background-position: center;
            transition: background-color 200ms linear; }
          .locore-louniversal-latest.linklist.universal-listimage ul li:hover .image-wrap img, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList:hover .image-wrap img,
          .universallist.linklist.universal-listimage ul li:hover .image-wrap img,
          .universallist.linklist.universal-listimage ul .linkToList:hover .image-wrap img {
            filter: grayscale(100%) !important; }
        .locore-louniversal-latest.linklist.universal-listimage ul li:hover a, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList:hover a,
        .universallist.linklist.universal-listimage ul li:hover a,
        .universallist.linklist.universal-listimage ul .linkToList:hover a {
          cursor: pointer; }
          .locore-louniversal-latest.linklist.universal-listimage ul li:hover a .image-wrap .thumb, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList:hover a .image-wrap .thumb,
          .universallist.linklist.universal-listimage ul li:hover a .image-wrap .thumb,
          .universallist.linklist.universal-listimage ul .linkToList:hover a .image-wrap .thumb {
            background-image: url("../Images/Handwerk_Daumen.svg");
            background-size: 100px; }
        .locore-louniversal-latest.linklist.universal-listimage ul li .image-wrap img, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList .image-wrap img,
        .universallist.linklist.universal-listimage ul li .image-wrap img,
        .universallist.linklist.universal-listimage ul .linkToList .image-wrap img {
          filter: grayscale(100%); }
        .locore-louniversal-latest.linklist.universal-listimage ul li .discipline-title, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList .discipline-title,
        .universallist.linklist.universal-listimage ul li .discipline-title,
        .universallist.linklist.universal-listimage ul .linkToList .discipline-title {
          margin-bottom: 5px; }
          .locore-louniversal-latest.linklist.universal-listimage ul li .discipline-title a, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList .discipline-title a,
          .universallist.linklist.universal-listimage ul li .discipline-title a,
          .universallist.linklist.universal-listimage ul .linkToList .discipline-title a {
            color: #dc004f;
            display: inline-block; }
        .locore-louniversal-latest.linklist.universal-listimage ul li .title-wrap, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList .title-wrap,
        .universallist.linklist.universal-listimage ul li .title-wrap,
        .universallist.linklist.universal-listimage ul .linkToList .title-wrap {
          margin-top: 24px; }
          .locore-louniversal-latest.linklist.universal-listimage ul li .title-wrap span.title, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList .title-wrap span.title,
          .universallist.linklist.universal-listimage ul li .title-wrap span.title,
          .universallist.linklist.universal-listimage ul .linkToList .title-wrap span.title {
            margin-bottom: 7px;
            margin-bottom: 0.4rem;
            display: inline;
            border-bottom: 1px solid transparent; }
        .locore-louniversal-latest.linklist.universal-listimage ul li a.link-image, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList a.link-image,
        .universallist.linklist.universal-listimage ul li a.link-image,
        .universallist.linklist.universal-listimage ul .linkToList a.link-image {
          color: #dc004f;
          margin-bottom: 5px;
          display: block;
          white-space: normal; }
        .locore-louniversal-latest.linklist.universal-listimage ul li:hover .title-wrap span.title, .locore-louniversal-latest.linklist.universal-listimage ul .linkToList:hover .title-wrap span.title,
        .universallist.linklist.universal-listimage ul li:hover .title-wrap span.title,
        .universallist.linklist.universal-listimage ul .linkToList:hover .title-wrap span.title {
          border-bottom: 1px solid #dc004f; }
      .locore-louniversal-latest.linklist.universal-listimage ul li,
      .universallist.linklist.universal-listimage ul li {
        border-bottom: 1px solid #e6e6e6;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center; }
        .locore-louniversal-latest.linklist.universal-listimage ul li p,
        .universallist.linklist.universal-listimage ul li p {
          opacity: 0; }
    .locore-louniversal-latest.linklist.universal-listimage > a:hover,
    .universallist.linklist.universal-listimage > a:hover {
      text-decoration: none; }
    .locore-louniversal-latest.linklist.locore-louniversal-latest--slider,
    .universallist.linklist.locore-louniversal-latest--slider {
      background-color: transparent; }
      .locore-louniversal-latest.linklist.locore-louniversal-latest--slider header,
      .universallist.linklist.locore-louniversal-latest--slider header {
        color: #34A6BF;
        background-color: transparent; }
      .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li,
      .universallist.linklist.locore-louniversal-latest--slider ul li {
        color: #4f4f4f !important; }
        .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer,
        .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          overflow: auto;
          /*  kein rahmen, rechts eckig (tmp.?) */
          /* Losep articles */
          /* Shop articles */ }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap {
            border-radius: 0;
            overflow: hidden;
            position: relative;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            border: 1px solid #34A6BF; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap [class^='teaserbild-icon'],
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap [class^='teaserbild-icon'] {
              width: 100%;
              height: 100%; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap .teaserbild-icon--quelle,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap .teaserbild-icon--quelle {
              position: relative;
              background-color: #34A6BF;
              background-image: url("../Icons/lehreronline_logo_welle_weiss.svg");
              background-repeat: no-repeat;
              background-size: auto 70px;
              background-position: 20px 90%; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap .teaserbild-icon--discgr,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap .teaserbild-icon--discgr {
              position: absolute;
              top: 0;
              background-color: transparent;
              background-repeat: no-repeat;
              background-position: 0% 0%;
              background-size: 200px auto; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap .logged-in,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap .logged-in {
              padding: 5px;
              font-size: 60%;
              position: absolute;
              top: 5px;
              background-color: #fff;
              color: #34A6BF;
              left: 5px;
              border: 1px solid #34A6BF;
              width: 91%;
              z-index: 5; }
            @media print, screen and (max-width: 39.99875em) {
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap {
                display: none; } }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .teaserbild-wrap,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .teaserbild-wrap {
            border-color: #339900; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .teaserbild-wrap .teaserbild-icon--quelle,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .teaserbild-wrap .teaserbild-icon--quelle {
              background-color: #339900;
              background-image: url("../Icons/lehreronline_elixier_weiss.svg");
              background-size: 40px auto; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .text .text-innerwrap .title h2, .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .text .text-innerwrap .title .materialtype,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .text .text-innerwrap .title h2,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .text .text-innerwrap .title .materialtype {
            color: #339900; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .text .text-innerwrap .title .premium-and-losep-prices .basis-content i,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.elixier .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
            color: #339900; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .teaserbild-wrap,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .teaserbild-wrap {
            border-color: #b91b54; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .teaserbild-wrap .teaserbild-icon--quelle,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .teaserbild-wrap .teaserbild-icon--quelle {
              background-color: #b91b54;
              background-image: url("/_assets/98988d3104f243efdf102f732fe67400/Images/Handwerk_Daumen.svg");
              background-size: 40px auto;
              border: none; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .text .text-innerwrap .title h2, .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .text .text-innerwrap .title .materialtype,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .text .text-innerwrap .title h2,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .text .text-innerwrap .title .materialtype {
            color: #b91b54; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .text .text-innerwrap .title .premium-and-losep-prices .basis-content i,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.hms .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
            color: #b91b54; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .teaserbild-wrap,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .teaserbild-wrap {
            border-color: #022aba; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .teaserbild-wrap .teaserbild-icon--quelle,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .teaserbild-wrap .teaserbild-icon--quelle {
              background-color: #022aba;
              background-image: url("../Icons/lehreronline_partner_weiss.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .text .text-innerwrap .title h2, .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .text .text-innerwrap .title .materialtype,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .text .text-innerwrap .title h2,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .text .text-innerwrap .title .materialtype {
            color: #022aba; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .text .text-innerwrap .title .premium-and-losep-prices .basis-content i,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.allways .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
            color: #022aba; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.dguv .teaserbild-icon--quelle,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.dguv .teaserbild-icon--quelle {
            background-image: url("../Icons/lehreronline_gesundheit_weiss.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.lorecht .teaserbild-icon--quelle,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.lorecht .teaserbild-icon--quelle {
            background-image: url("../Icons/lehreronline_logo_welle_weiss.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.lorecht .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.lorecht .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_8.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.collection .teaserbild-icon--quelle,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.collection .teaserbild-icon--quelle {
            background-image: url("../Icons/lehreronline_tauschboerse_weiss.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.course .teaserbild-icon--quelle,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.course .teaserbild-icon--quelle {
            background-image: url("../Icons/lo-akademie_icon_weiss.svg");
            background-size: auto 93px;
            background-position: 15px 95%; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.course .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.course .teaserbild-icon--discgr {
            background-image: url("../Icons/lehreronline_course.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-1 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-1 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_1.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-2 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-2 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_2.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-3 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-3 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_3.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-4 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-4 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_4.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-5 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-5 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_5.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-6 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-6 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_6.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-7 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-7 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_7.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-8 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-8 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_8.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-9 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-9 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_9.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-10 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-10 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_10.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-11 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-11 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_Bildungsnews.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-100 .teaserbild-icon--discgr,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.discgr-100 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_100.svg"); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .logged-in,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .logged-in {
            padding: 3px 0 0 3px;
            font-size: 90%;
            color: #fff; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap {
            border: none !important;
            border-radius: 0 0 0 0; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text {
            font-size: 18px;
            font-size: 1rem;
            font-size: 16px;
            position: relative;
            height: 300px; }
            @media print, screen and (max-width: 39.99875em) {
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap {
                padding: 0;
                height: 200px; } }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title {
              position: relative; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title h2,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title h2 {
                display: block;
                position: relative;
                top: -2px;
                color: #34A6BF;
                -o-hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
                font-size: 17px;
                margin: 0 0 5px 0; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .materialtype,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .materialtype {
                color: #34A6BF;
                font-size: 15px;
                margin: 3px 0 7px; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices {
                display: inline-block;
                color: #4f4f4f;
                line-height: 25px;
                height: 20px;
                margin-bottom: 10px; }
                .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices .basis-content i,
                .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
                  color: var(--color-lo-blue, #34A6BF); }
                .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices .price-container,
                .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices .price-container {
                  font-size: 13px;
                  display: inline-block;
                  border: 1px solid #4f4f4f;
                  border-radius: 0;
                  padding: 0 5px; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title.premium .premium-and-losep-prices,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .title.premium .premium-and-losep-prices {
                background-image: var(--svg-crown, url("../Icons/crown.svg"));
                background-repeat: no-repeat;
                background-size: 24px auto;
                background-position: left 2px;
                padding-left: 30px; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap > p,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap > p {
              font-size: 15px;
              line-height: 21px;
              color: #4f4f4f;
              margin-bottom: 0;
              opacity: 0; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .description,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .description {
              opacity: 0; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta {
              position: absolute;
              bottom: 0;
              font-size: 16px;
              font-size: 0.9rem;
              width: 265px; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container {
                position: relative;
                width: 100%; }
                .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul,
                .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul {
                  margin: 0; }
                  .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li,
                  .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li {
                    margin: 0;
                    padding-left: 30px;
                    padding-bottom: 0;
                    list-style-type: none;
                    line-height: 27px;
                    line-height: 1.5rem;
                    speak: never;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    background-size: 24px 24px;
                    background-repeat: no-repeat; }
                    .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li.disc-list,
                    .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li.disc-list {
                      background-image: url("/_assets/df0316ebe866bbf57966530190eb9b2f/Icons/Erdkugel.svg"); }
                    .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li.educationlevel,
                    .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li.educationlevel {
                      background-image: url("/_assets/df0316ebe866bbf57966530190eb9b2f/Icons/Schulhaus.svg"); }
                    .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li span,
                    .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li span {
                      color: #4f4f4f;
                      line-height: 16px;
                      line-height: 0.9rem;
                      display: inline-block; }
                .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary.course ul li,
                .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary.course ul li {
                  padding-left: 0px; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap {
            background-color: #fff; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild {
              height: 100%;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column;
              -ms-flex-pack: center;
                  justify-content: center;
              background-repeat: no-repeat;
              background-size: auto 40px;
              background-position: center 96%; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild.has-no-product-img,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild.has-no-product-img {
                background-image: none; }
                .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild.has-no-product-img .articleimage,
                .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild.has-no-product-img .articleimage {
                  background-color: var(--color-lo-blue, #34A6BF);
                  position: relative;
                  background-image: url("../Icons/LO_Thumbnails_Shop.svg"), url("../Icons/cart-shopping-sharp-solid.svg");
                  background-repeat: no-repeat;
                  background-size: 200px auto, auto 70px;
                  background-position: center top, 20px 210px;
                  height: 100%; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .text .text-innerwrap .title.premium .materialtype,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.losep .text .text-innerwrap .title.premium .materialtype {
            background-image: none; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .teaserbild-wrap .teaserbild,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .teaserbild-wrap .teaserbild {
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-pack: end;
                justify-content: end; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop {
            position: absolute;
            bottom: 0px;
            left: 0px;
            padding: 0 0 10px 20px; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .price,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .price {
              display: inline-block;
              float: left;
              font-weight: 600;
              color: #4f4f4f !important;
              margin-bottom: 20px;
              padding-top: 5px; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .basket,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .basket {
              background-color: transparent !important;
              margin-top: 0px !important; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .basket:hover,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .basket:hover {
                box-shadow: none !important; }
        .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title .materialtype,
        .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title .materialtype {
          display: inline-block;
          padding-right: 40px;
          background-image: var(--svg-unlock-solid, url("../Icons/unlock-solid.svg"));
          background-repeat: no-repeat;
          background-size: 18px auto;
          background-position: right 2px;
          line-height: 25px; }
        .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title .premium-and-losep-prices,
        .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title .premium-and-losep-prices {
          display: none; }
        .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title.premium .materialtype,
        .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title.premium .materialtype {
          background-image: var(--svg-crown, url("../Icons/crown.svg"));
          background-size: 24px auto; }
        .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer,
        .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer {
          background-color: transparent;
          border-radius: 0; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap {
            height: 240px; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap img,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .teaserbild-wrap img {
              filter: grayscale(100%); }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text {
            padding: 18px;
            padding: 1rem;
            position: relative;
            height: 240px; }
            .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap,
            .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap {
              position: relative;
              height: 100%; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .materialtype,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .materialtype {
                color: #4f4f4f !important;
                font-family: 'Univers LT W04_75 Black1475984', sans-serif;
                font-weight: 400;
                text-rendering: optimizeLegibility; }
              .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta,
              .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta {
                width: unset; }
          .locore-louniversal-latest.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer:hover img,
          .universallist.linklist.locore-louniversal-latest--slider ul li .teaserbildAndTextContainer:hover img {
            filter: grayscale(0%); }

/* Im marginal / footer content auf Detail-seiten */
.detail-marginal .marginal--content .linklist.universal-card ul li .card > a .card-divider {
  display: none; }

.detail-marginal .marginal--content .linklist.universal-card ul li .card > a .card-section {
  padding-top: 18px;
  padding-top: 1rem; }

.locore-recommended-units {
  position: relative; }
  .locore-recommended-units .linkToList {
    position: relative;
    line-height: 130%;
    padding: 1em 1em 1em 1em;
    margin: 0; }
    .locore-recommended-units .linkToList a {
      color: #dc004f;
      margin-bottom: 5px;
      display: block;
      white-space: normal; }

/* News item no fixed height in marginal */
.twocol .column-marginal .locore-recommended-units ul li {
  height: inherit; }

.locore-search-list .searchheader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 0px;
  margin-bottom: 0rem;
  margin-right: 0px;
  margin-right: 0rem; }
  .locore-search-list .searchheader > div {
    margin-bottom: 18px;
    margin-bottom: 1rem; }
  .locore-search-list .searchheader .sortdrop {
    margin: 0 0 15px 0; }
  .locore-search-list .searchheader .view > SPAN {
    border: none;
    font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-size: 18px;
    font-size: 1rem;
    outline: none;
    background-color: #fff; }
    .locore-search-list .searchheader .view > SPAN:not(.active),
    .locore-search-list .searchheader .view > SPAN a {
      background-repeat: no-repeat;
      background-position-x: right;
      background-position-y: 2px;
      background-size: 20px 20px;
      padding: 5px 27px 0 0; }
    .locore-search-list .searchheader .view > SPAN.tiles {
      margin-right: 25px; }
      .locore-search-list .searchheader .view > SPAN.tiles:not(.active),
      .locore-search-list .searchheader .view > SPAN.tiles a {
        background-image: url(../Icons/Umschalt_Kachel_grey.svg); }
    .locore-search-list .searchheader .view > SPAN.list:not(.active),
    .locore-search-list .searchheader .view > SPAN.list a {
      background-image: url(../Icons/Umschalt_Liste_grey.svg); }
    .locore-search-list .searchheader .view > SPAN.active {
      text-decoration: none;
      color: #dc004f; }
      .locore-search-list .searchheader .view > SPAN.active.tiles a {
        background-image: var(--svg-umschalt-kachel-orange, url(../Icons/Umschalt_Kachel_orange.svg)); }
      .locore-search-list .searchheader .view > SPAN.active.list a {
        background-image: var(--svg-umschalt-liste-orange, url(../Icons/Umschalt_Liste_orange.svg)); }

.locore-search-list > ul {
  margin: 0 0 18px 0;
  margin: 0 0 1rem 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: start;
      align-items: flex-start; }
  .locore-search-list > ul.standardFilter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .locore-search-list > ul.additionalFilter {
    transition: width 515px 30px 15px 000ms linear;
    display: none;
    float: left;
    height: 60px; }
  .locore-search-list > ul.additionalFilter.show {
    transition: width 500ms linear;
    display: inline-block; }
  .locore-search-list > ul > li {
    list-style: none;
    position: relative;
    /*flex-basis: 25%;*/ }
    .locore-search-list > ul > li .title {
      margin: 9px 9px 9px 0;
      margin: 0.5rem 0.5rem 0.5rem 0;
      border: 1px solid #f4f4f4;
      background-color: #00a8e5;
      border-radius: 3px;
      padding: 5px 20px 5px 5px;
      color: #fff;
      cursor: pointer;
      display: inline-block;
      min-width: 180px;
      width: 80%;
      background-repeat: no-repeat;
      background-position-x: 95%;
      background-position-y: center;
      background-size: 15px 15px;
      background-size: 15px 15px;
      background-image: url(../Icons/white-arrow-down.png); }
      .locore-search-list > ul > li .title .num-selected {
        background-color: #fff;
        color: #00a8e5;
        display: block;
        width: 22px;
        height: 22px;
        text-align: center;
        float: right;
        margin-right: 10px;
        line-height: 21px;
        line-height: 1.2rem;
        font-family: 'Univers LT W04_75 Black1475984', sans-serif;
        font-weight: 400;
        text-rendering: optimizeLegibility;
        font-size: 14px;
        font-size: 0.77778rem; }
    .locore-search-list > ul > li.inactive .title {
      color: #fff;
      background-image: none;
      font-style: italic;
      cursor: default; }
    .locore-search-list > ul > li .innerWrap {
      background-color: #fff;
      z-index: 10;
      box-sizing: border-box;
      height: auto;
      opacity: 0.0; }
      .locore-search-list > ul > li .innerWrap .reset-block {
        background-color: #00a8e5;
        display: none;
        padding: 0px 35px 0px 10px;
        text-align: center;
        float: right;
        margin: 5px 5px 0 0;
        position: relative;
        font-size: 14px;
        font-size: 0.77778rem; }
        .locore-search-list > ul > li .innerWrap .reset-block .reset {
          padding: 0 0 0 10px; }
          .locore-search-list > ul > li .innerWrap .reset-block .reset .icon-cross {
            display: inline-block;
            padding: 8px; }
      .locore-search-list > ul > li .innerWrap .reset-block + ul.form-body {
        top: 32px; }
      .locore-search-list > ul > li .innerWrap ul.form-body {
        display: none;
        position: absolute;
        opacity: 0.0;
        padding: 9px 9px 0 9px;
        padding: 0.5rem 0.5rem 0 0.5rem;
        margin: 0; }
        .locore-search-list > ul > li .innerWrap ul.form-body > li {
          display: block;
          margin-right: 0;
          margin-bottom: 7px;
          margin-bottom: 0.4rem; }
          .locore-search-list > ul > li .innerWrap ul.form-body > li .pretty {
            margin-right: 0; }
            .locore-search-list > ul > li .innerWrap ul.form-body > li .pretty label {
              font-size: 15px;
              font-size: 0.875rem;
              line-height: 18px;
              line-height: 1rem; }
    .locore-search-list > ul > li.show .innerWrap {
      position: absolute;
      min-height: 50px;
      height: auto;
      margin-top: 0;
      overflow-y: auto;
      overflow-x: auto;
      word-wrap: break-word;
      min-width: 180px;
      border: 1px solid #00a8e5;
      border-radius: 3px;
      opacity: 1.0 !important; }
    .locore-search-list > ul > li.show .title {
      background-image: url(../Icons/white-arrow-up.png); }
    .locore-search-list > ul > li.show .reset-block {
      display: block;
      color: #fff;
      opacity: 1.0; }
      .locore-search-list > ul > li.show .reset-block .reset {
        color: #fff; }
    .locore-search-list > ul > li.show ul.form-body {
      display: block;
      opacity: 1.0 !important; }
      .locore-search-list > ul > li.show ul.form-body .pretty .state label:after,
      .locore-search-list > ul > li.show ul.form-body .pretty .state label:before {
        top: 0; }
    .locore-search-list > ul > li.inactive .innerWrap .title {
      border: 1px solid #fff;
      color: #999999;
      background-image: none; }
    .locore-search-list > ul > li.pretty input:checked ~ .state.p-info label:after,
    .locore-search-list > ul > li.pretty.p-toggle .state.p-info label:after {
      background-color: #00a8e5 !important; }

.locore-search-list .toggleAdditionalFilter {
  display: none;
  height: 31px;
  line-height: 30px;
  padding: 0px 30px 0px 10px;
  background-image: url(../Icons/chevron_right_black_144x144.png);
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-size: 24px 24px;
  margin-top: 14px;
  margin-left: 16px;
  float: left; }
  .locore-search-list .toggleAdditionalFilter span {
    vertical-align: middle; }

.locore-search-list .toggleAdditionalFilter.hide {
  background-image: url(../Icons/chevron_left_black_144x144.png); }
  .locore-search-list .toggleAdditionalFilter.hide span {
    display: none; }

.locore-search-list .toggleAdditionalFilter.show {
  display: inline-block; }

.locore-search-list .search-result ul li ul li {
  padding-left: 0;
  font-size: 14px;
  font-size: 0.8125rem; }

.locore-search-list .search-result ul li .highlight {
  color: #dc004f; }

.locore-search-list .search-result ul li .icon {
  display: inline-block;
  padding: 11px;
  padding: 0.625rem; }
  .locore-search-list .search-result ul li .icon:before {
    font-size: 33px;
    font-size: 1.875rem; }

.locore-search-list .search-result ul li a {
  font-weight: 700;
  margin-bottom: 16px;
  margin-bottom: 0.9375rem;
  display: inline-block; }

.locore-search-list .search-result ul li .text,
.locore-search-list .search-result ul li .cta {
  vertical-align: top;
  padding: 11px;
  padding: 0.625rem;
  display: inline-block; }

.locore-search-list .search-result ul li .text {
  width: calc(100% - 3.125rem - 2.5rem); }

.locore-search-list .search-result ul li .cta {
  font-size: 27px;
  font-size: 1.5rem;
  text-align: right;
  right: 11px;
  right: 0.625rem;
  top: 11px;
  top: 0.625rem;
  position: absolute; }

.locore-search-list .pagebrowser ul li {
  background-color: transparent;
  margin: 0 1%; }
  .locore-search-list .pagebrowser ul li.current {
    font-weight: 600; }

.list-filter-labels {
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }
  .list-filter-labels ul li {
    margin-left: 0; }

.locore-search-filter-label ul {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .locore-search-filter-label ul li {
    list-style-type: none; }

.locore-search-filter-label ul.label-group {
  margin: 0; }
  .locore-search-filter-label ul.label-group li .labelWrap {
    margin: 0 9px 0 0;
    margin: 0 0.5rem 0 0;
    position: relative;
    padding: 4px 2px 0px 5px;
    line-height: 1.4;
    min-width: 180px;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 3px; }

.locore-search-filter-label .pretty .state label {
  color: #2a2a2a;
  text-indent: 0;
  margin-top: 2px;
  padding-right: 35px;
  overflow: hidden; }

.locore-search-filter-label .pretty .state label:after,
.locore-search-filter-label .pretty .state label:before {
  color: #2a2a2a;
  display: none; }

.locore-search-filter-label .pretty .state .reset {
  color: #2a2a2a;
  padding: 0 0 0 10px; }
  .locore-search-filter-label .pretty .state .reset .icon-cross {
    display: inline-block;
    padding: 14px; }

.locore-search-filter-label .pretty .state img {
  right: 0px;
  left: initial;
  top: 4px;
  bottom: 0;
  width: 26px;
  height: 26px;
  cursor: pointer;
  opacity: 1 !important; }

.locore-search-filter-label .pretty input {
  z-index: -1; }

.locore-search-filter-label .pretty input:checked ~ .state.p-info label:after,
.locore-search-filter-label .pretty.p-toggle .state.p-info label:after {
  background-color: transparent !important; }

.reset {
  cursor: pointer;
  font-size: 10px;
  position: absolute;
  right: 0px;
  top: 0px; }

.search-filter ul.loFacetFach {
  /* Fächerübergreifend: keine fachbreich-id angegeben */ }
  .search-filter ul.loFacetFach > li:before {
    display: block;
    margin: 20px 0 0 0;
    border-top: 1px solid #4f4f4f;
    padding: 10px 0 10px 0;
    font-weight: bold; }
  .search-filter ul.loFacetFach > li:first-of-type:before {
    border-top: none;
    margin-top: 0; }
  .search-filter ul.loFacetFach > li.LoFacetSectionStart--1:before {
    content: 'MINT: Mathematik, Informatik, Naturwissenschaften, Technik'; }
  .search-filter ul.loFacetFach > li.LoFacetSectionStart--2:before {
    content: 'Geistes- und Gesellschaftswissenschaften'; }
  .search-filter ul.loFacetFach > li.LoFacetSectionStart--3:before {
    content: 'Fremdsprachen';
    content: 'Fremdsprachen'; }
  .search-filter ul.loFacetFach > li.LoFacetSectionStart--4:before {
    content: 'Arbeit / Wirtschaft'; }
  .search-filter ul.loFacetFach > li.LoFacetSectionStart--:before {
    content: '';
    padding-top: 5px; }
  .search-filter ul.loFacetFach > li.loFacetFach-10 LABEL {
    font-weight: bold;
    font-size: 18px !important;
    font-size: 1rem !important; }
    .search-filter ul.loFacetFach > li.loFacetFach-10 LABEL:before, .search-filter ul.loFacetFach > li.loFacetFach-10 LABEL:after {
      font-weight: normal !important;
      font-size: 15px !important;
      font-size: 0.875rem !important; }

.search-filter ul.loFacetFachHms {
  /* Fächerübergreifend: keine fachbreich-id angegeben */ }
  .search-filter ul.loFacetFachHms > li:before {
    display: block;
    margin: 20px 0 0 0;
    border-top: 1px solid #4f4f4f;
    padding: 10px 0 10px 0;
    font-weight: bold; }
  .search-filter ul.loFacetFachHms > li:first-of-type:before {
    border-top: none;
    margin-top: 0; }
  .search-filter ul.loFacetFachHms > li.LoFacetSectionStart--1:before {
    content: 'Sprachen'; }
  .search-filter ul.loFacetFachHms > li.LoFacetSectionStart--2:before {
    content: 'MINT'; }
  .search-filter ul.loFacetFachHms > li.LoFacetSectionStart--3:before {
    content: 'Gesellschaftslehre'; }
  .search-filter ul.loFacetFachHms > li.LoFacetSectionStart--4:before {
    content: 'Weitere'; }

.search-filter ul.loFacetMaterialtyp > li:before {
  display: block;
  margin: 20px 0 0 0;
  border-top: 1px solid #4f4f4f;
  padding: 10px 0 10px 0;
  font-weight: bold; }

.search-filter ul.loFacetMaterialtyp > li:first-of-type:before {
  border-top: none;
  margin-top: 0; }

.search-filter ul.loFacetMaterialtyp > li.LoFacetSectionStart--2:before {
  content: '';
  padding-top: 5px; }

.tx-powermail .powermail_form fieldset {
  margin: 56px 0 33px 0;
  margin: 3.125rem 0 1.875rem 0;
  padding: 22px 0;
  padding: 1.25rem 0; }
  .tx-powermail .powermail_form fieldset .powermail_fieldwrap {
    margin-bottom: 22px;
    margin-bottom: 1.25rem; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap legend {
      position: relative;
      top: -36px;
      top: -2rem;
      font-weight: 500;
      width: 100%; }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap legend span {
        font-weight: 400;
        display: block;
        width: 90%; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap::before, .tx-powermail .powermail_form fieldset .powermail_fieldwrap::after {
      display: table;
      content: ' ';
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
      -ms-flex-order: 1;
          order: 1; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap::after {
      clear: both; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap:last-child {
      margin-bottom: 0px;
      margin-bottom: 0rem; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap label.powermail_label {
      display: block;
      width: 168px;
      width: 9.375rem;
      text-align: right;
      margin-right: 22px;
      margin-right: 1.25rem;
      float: left; }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap label.powermail_label_radio, .tx-powermail .powermail_form fieldset .powermail_fieldwrap label.powermail_label_textarea {
        width: 100%;
        float: none;
        text-align: left;
        font-weight: bold;
        padding-bottom: 10px; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap .control-label {
      padding-top: 6px;
      padding-top: 0.375rem; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field {
      display: -ms-flexbox;
      display: flex; }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio {
        margin-right: 18px;
        margin-right: 1rem; }
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio label span {
          margin-left: 10px; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field {
      /*  Pretty checkboxen, radios */ }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .pretty .state label:before, .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .pretty .state label:after {
        top: 8px; }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field input,
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field textarea,
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field select {
        border: 1px solid #999999; }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_select {
        background: none;
        display: block;
        width: calc(100% - 9.375rem - 1.25rem);
        float: right; }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input {
        display: block;
        width: calc(100% - 9.375rem - 1.25rem);
        float: right; }
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input .errormsg {
          display: none;
          color: #dc004f; }
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input.validation-notEmpty-failed .errormsg {
          display: block; }
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input,
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input textarea,
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input select {
          display: inline-block;
          border-radius: 0; }
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="text"],
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="password"],
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input textarea,
        .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input select {
          width: 100%;
          background: none;
          border: 1px solid #f4f4f4; }
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="text"].zip,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="password"].zip,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input textarea.zip,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input select.zip {
            width: 90px;
            width: 5rem;
            margin-right: 11px;
            margin-right: 0.625rem; }
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="text"].city,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="password"].city,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input textarea.city,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input select.city {
            width: calc(100% - 5rem - 0.875rem); }
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="text"].error,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input input[type="password"].error,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input textarea.error,
          .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_input select.error {
            border: 1px solid rgba(220, 0, 79, 0.6);
            background-color: rgba(220, 0, 79, 0.1); }
      .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_field .powermail_submit {
        float: right;
        background: #dc004f;
        border: none; }
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap .powermail_submit,
    .tx-powermail .powermail_form fieldset .powermail_fieldwrap .csc-mailform-field input[type="submit"] {
      color: #fff;
      background: #dc004f;
      border: 2px solid #dc004f;
      display: inline-block;
      line-height: 28px;
      line-height: 1.5625rem;
      padding: 3px 15px 4px 15px;
      white-space: nowrap; }

.tx-powermail .powermail_create {
  padding: 18px 36px;
  padding: 1rem 2rem;
  border: 4px solid #dc004f;
  text-align: center; }

/*  schoeneres Layout für Checkbox + Label: */
.tx-powermail fieldset .powermail_fieldwrap_werbeeinwilligungtext .powermail_checkbox {
  margin: 0; }

.tx-powermail fieldset .powermail_fieldwrap_werbeeinwilligungtext label {
  position: relative;
  white-space: break-spaces;
  width: 100%;
  padding-left: 230px;
  text-align: left;
  text-indent: 0; }
  .tx-powermail fieldset .powermail_fieldwrap_werbeeinwilligungtext label:before, .tx-powermail fieldset .powermail_fieldwrap_werbeeinwilligungtext label:after {
    margin-left: 192px; }
  .tx-powermail fieldset .powermail_fieldwrap_werbeeinwilligungtext label a {
    z-index: 10;
    position: relative; }

.tx-powermail fieldset .powermail_fieldwrap_marker .powermail_field {
  padding-left: 200px; }

.powermail_field .parsley-error {
  margin-bottom: 0; }

.powermail_field .parsley-errors-list {
  color: #fe6546;
  list-style: none;
  padding-left: 170px; }

.onecol {
  margin-bottom: 36px;
  margin-bottom: 2rem; }
  .onecol > .flexRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media print, screen and (max-width: 74.99875em) {
      .onecol > .flexRow {
        -ms-flex-pack: distribute;
            justify-content: space-around;
        gap: 10px; } }
  .onecol.row-fluid > .col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    gap: 36px 18px;
    gap: 2rem 1rem;
    /* Stretch content of each item box to equal height */
    /* If flex item is wrapping container */
    /* If flex item is already content box */ }
    .onecol.row-fluid > .col:after {
      display: none; }
    .onecol.row-fluid > .col > div {
      -ms-flex-positive: 1;
          flex-grow: 1; }
    .onecol.row-fluid > .col.flexRowLengthXXL-4 > div {
      -ms-flex-preferred-size: 23%;
          flex-basis: 23%; }
    .onecol.row-fluid > .col.flexRowLengthXXL-3 > div {
      -ms-flex-preferred-size: 30%;
          flex-basis: 30%; }
    .onecol.row-fluid > .col.flexRowLengthXXL-2 > div {
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%; }
    .onecol.row-fluid > .col.flexRowLengthXXL-1 > div {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-line-pack: center;
          align-content: center; }
    @media print, screen and (max-width: 89.99875em) {
      .onecol.row-fluid > .col.flexRowLengthXL-4 > div {
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%; } }
    @media print, screen and (max-width: 89.99875em) {
      .onecol.row-fluid > .col.flexRowLengthXL-3 > div {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; } }
    @media print, screen and (max-width: 89.99875em) {
      .onecol.row-fluid > .col.flexRowLengthXL-2 > div {
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%; } }
    @media print, screen and (max-width: 89.99875em) {
      .onecol.row-fluid > .col.flexRowLengthXL-1 > div {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-line-pack: center;
            align-content: center; } }
    @media print, screen and (max-width: 74.99875em) {
      .onecol.row-fluid > .col.flexRowLengthL-4 > div {
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%; } }
    @media print, screen and (max-width: 74.99875em) {
      .onecol.row-fluid > .col.flexRowLengthL-3 > div {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; } }
    @media print, screen and (max-width: 74.99875em) {
      .onecol.row-fluid > .col.flexRowLengthL-2 > div {
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%; } }
    @media print, screen and (max-width: 74.99875em) {
      .onecol.row-fluid > .col.flexRowLengthL-1 > div {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-line-pack: center;
            align-content: center; } }
    @media print, screen and (max-width: 63.99875em) {
      .onecol.row-fluid > .col.flexRowLengthM-4 > div {
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%; } }
    @media print, screen and (max-width: 63.99875em) {
      .onecol.row-fluid > .col.flexRowLengthM-3 > div {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; } }
    @media print, screen and (max-width: 63.99875em) {
      .onecol.row-fluid > .col.flexRowLengthM-2 > div {
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%; } }
    @media print, screen and (max-width: 63.99875em) {
      .onecol.row-fluid > .col.flexRowLengthM-1 > div {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-line-pack: center;
            align-content: center; } }
    @media print, screen and (max-width: 39.99875em) {
      .onecol.row-fluid > .col.flexRowLengthS-4 > div {
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%; } }
    @media print, screen and (max-width: 39.99875em) {
      .onecol.row-fluid > .col.flexRowLengthS-3 > div {
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%; } }
    @media print, screen and (max-width: 39.99875em) {
      .onecol.row-fluid > .col.flexRowLengthS-2 > div {
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%; } }
    @media print, screen and (max-width: 39.99875em) {
      .onecol.row-fluid > .col.flexRowLengthS-1 > div {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-line-pack: center;
            align-content: center; } }
    .onecol.row-fluid > .col > DIV > DIV:only-child {
      height: 100%; }
    .onecol.row-fluid > .col.flexRowLength-1 > div {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }
    .onecol.row-fluid > .col.flexRowLength-2 > div {
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%; }
    .onecol.row-fluid > .col.flexRowLength-3 > div {
      -ms-flex-preferred-size: 33%;
          flex-basis: 33%; }
    .onecol.row-fluid > .col.flexRowLength-4 > div {
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%; }

.twocol > .flexRow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.twocol > .flexCol {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start; }
  .twocol > .flexCol > div {
    width: 100%; }

.partner-box {
  border: none;
  box-shadow: none; }
  .partner-box .box-content a {
    display: block;
    width: 100%;
    height: inherit; }
  .partner-box .box-content figure.partner-fig {
    width: 500px;
    height: 110px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: transparent !important; }
    .partner-box .box-content figure.partner-fig img {
      max-width: 80%;
      height: auto;
      width: auto;
      box-sizing: border-box; }

.maincontent [class*='trennelement-innerwrap'] .frame-type-locore_lopartnerbox,
.maincontent [class*='trennelement-innerwrap'] .detail-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  justify-items: start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .maincontent [class*='trennelement-innerwrap'] .frame-type-locore_lopartnerbox .partner-box,
  .maincontent [class*='trennelement-innerwrap'] .detail-footer .partner-box {
    width: 300px;
    background-color: transparent; }
    .maincontent [class*='trennelement-innerwrap'] .frame-type-locore_lopartnerbox .partner-box header,
    .maincontent [class*='trennelement-innerwrap'] .detail-footer .partner-box header {
      background-color: transparent; }
      .maincontent [class*='trennelement-innerwrap'] .frame-type-locore_lopartnerbox .partner-box header h3,
      .maincontent [class*='trennelement-innerwrap'] .detail-footer .partner-box header h3 {
        color: #2a2a2a !important;
        margin: 0; }
    .maincontent [class*='trennelement-innerwrap'] .frame-type-locore_lopartnerbox .partner-box .box-content a figure.partner-fig,
    .maincontent [class*='trennelement-innerwrap'] .detail-footer .partner-box .box-content a figure.partner-fig {
      text-align: left; }

.awards-box {
  border: none;
  box-shadow: none; }
  .awards-box .box-content a {
    display: block;
    width: 100%;
    height: inherit; }
  .awards-box .box-content figure {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: transparent !important; }
    .awards-box .box-content figure img {
      max-width: 60%;
      height: auto;
      width: auto;
      box-sizing: border-box; }

h1.headlineSearch {
  margin-top: 36px;
  margin-top: 2rem; }
  h1.headlineSearch .arrow {
    font-size: 54px;
    font-size: 3rem;
    line-height: 18px;
    line-height: 1rem; }

.search-mask {
  padding: 36px 0;
  padding: 2rem 0;
  display: -ms-flexbox;
  display: flex; }
  .search-mask .search-input {
    margin-right: 9px;
    margin-right: 0.5rem; }
  .search-mask input {
    border: 1px solid #00a8e5;
    border-radius: 3px; }
  .search-mask .search-input {
    position: relative; }
    .search-mask .search-input input {
      width: calc(812px + 0.5rem);
      margin-bottom: 0; }
      @media print, screen and (max-width: 63.99875em) {
        .search-mask .search-input input {
          width: calc(500px + 0.5rem); } }
      @media print, screen and (max-width: 39.99875em) {
        .search-mask .search-input input {
          width: calc(300px + 0.5rem); } }
    .search-mask .search-input .icon-clear-input {
      position: absolute;
      right: 5px;
      top: 5px;
      height: 23px;
      width: 23px;
      text-align: center;
      background-color: #00a8e5;
      cursor: pointer; }
      .search-mask .search-input .icon-clear-input:before {
        content: "\ea0f";
        font-size: 10px;
        font-size: 0.6rem;
        color: #fff; }
      .search-mask .search-input .icon-clear-input:hover:before {
        font-size: 12px;
        font-size: 0.7rem; }
  .search-mask .search-submit input {
    background-color: #00a8e5;
    border-color: #00a8e5;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    height: 100%;
    padding: 0 20px; }
  .search-mask .ui-widget.ui-widget-content {
    border: 1px solid #00a8e5;
    max-height: 400px;
    overflow: auto; }
  .search-mask ul.ui-autocomplete {
    padding: 0 0 10px 10px; }
    .search-mask ul.ui-autocomplete li {
      list-style: none;
      margin: 0; }
      .search-mask ul.ui-autocomplete li a {
        color: #4f4f4f;
        cursor: pointer; }
      .search-mask ul.ui-autocomplete li:hover a {
        text-decoration: none;
        color: #00a8e5; }

.search-filter label {
  color: #4f4f4f;
  font-weight: 300; }

.search-filter > ul > li {
  padding: 0;
  margin: 0; }
  .search-filter > ul > li > ul {
    padding-top: 5px;
    padding-top: .3rem;
    padding-bottom: 9px;
    padding-bottom: .5rem; }
  .search-filter > ul > li > a {
    font-size: 14px;
    font-size: 0.8125rem;
    padding-left: 28px;
    padding-left: 1.5625rem;
    font-weight: 500; }

.search-result .highlight {
  font-family: 'Univers LT W04_75 Black1475984', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility; }

.search-result.list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .search-result.list .search-teaser {
    position: relative;
    margin-bottom: 20px; }
    .search-result.list .search-teaser > a {
      color: #4f4f4f !important;
      margin-bottom: 18px;
      margin-bottom: 1rem;
      background-color: #f4f4f4;
      padding: 20px; }
      .search-result.list .search-teaser > a:hover, .search-result.list .search-teaser > a:hover span {
        text-decoration: none !important; }
      .search-result.list .search-teaser > a .teaserbildAndTextContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row; }
        .search-result.list .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap {
          width: 200px;
          position: relative;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .search-result.list .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.domainuid-1003493.no-image {
            height: 133px;
            background-color: #dc004f;
            position: relative; }
            .search-result.list .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.domainuid-1003493.no-image .image-innerwrap {
              padding: 20px 10px 10px 10px;
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              width: 100%;
              height: 100%; }
          .search-result.list .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.hms .teaserbild-icon--quelle {
            background-color: #dc004f;
            background-image: url("../Images/Handwerk_Daumen.svg");
            background-size: 40px auto; }
          .search-result.list .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.hms .text h2, .search-result.list .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.hms .text .materialtype {
            color: #dc004f; }
      .search-result.list .search-teaser > a .title {
        position: relative; }
        .search-result.list .search-teaser > a .title h2 {
          font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
          font-weight: 400;
          text-rendering: optimizeLegibility;
          font-size: 18px;
          font-size: 1rem;
          display: block;
          position: relative;
          top: -3px;
          top: -0.2rem;
          color: #00a8e5;
          -o-hyphens: auto;
          -webkit-hyphens: auto;
          -ms-hyphens: auto;
          hyphens: auto;
          margin: 0; }
        .search-result.list .search-teaser > a .title .materialtype {
          display: inline-block;
          color: #dc004f;
          margin: 5px 0 12px;
          margin: 0.3rem 0 0.7rem;
          font-size: 16px;
          font-size: 0.88889rem; }
      .search-result.list .search-teaser > a .text {
        font-size: 16px;
        font-size: 0.88889rem;
        -ms-flex-positive: 3;
            flex-grow: 3;
        position: relative;
        padding: 0 18px 0 18px;
        padding: 0 1rem 0 1rem;
        height: 133px; }
        .search-result.list .search-teaser > a .text p {
          margin-bottom: 0;
          opacity: 0; }
        .search-result.list .search-teaser > a .text .description {
          opacity: 0; }
  .search-result.list .search-summary-container {
    display: inline-block;
    padding: 0;
    margin-bottom: 9px;
    margin-bottom: 0.5rem; }
    .search-result.list .search-summary-container .summary ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .search-result.list .search-summary-container .summary ul li {
        display: inline-block;
        list-style-type: none;
        margin: 9px 18px 9px 0;
        margin: 0.5rem 1rem 0.5rem 0;
        padding: 0; }
        .search-result.list .search-summary-container .summary ul li.disc-list > span {
          opacity: 0; }
        .search-result.list .search-summary-container .summary ul li span {
          font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
          font-weight: 400;
          text-rendering: optimizeLegibility;
          font-size: 16px;
          font-size: 0.88889rem;
          line-height: 23px;
          line-height: 1.3rem;
          color: #dc004f; }
          .search-result.list .search-summary-container .summary ul li span .title {
            white-space: nowrap; }
  .search-result.list .search-teaser {
    max-width: none;
    width: 100%;
    -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    .search-result.list .search-teaser > a {
      -ms-flex-direction: row;
          flex-direction: row;
      margin-bottom: 0;
      width: 100%; }
      .search-result.list .search-teaser > a .teaserbild {
        background-size: 50px auto; }
      .search-result.list .search-teaser > a .title.premium h2 {
        display: inline-block;
        padding-right: 40px;
        background-image: url("/_assets/df0316ebe866bbf57966530190eb9b2f/Icons/lehreronline_premium_krone.png");
        background-image: url("/_assets/df0316ebe866bbf57966530190eb9b2f/Icons/lehreronline_premium_krone.png");
        background-repeat: no-repeat;
        background-size: 30px auto;
        background-position: right 2px; }
      .search-result.list .search-teaser > a .title.premium .materialtype {
        padding-right: 0;
        background-image: none; }
      .search-result.list .search-teaser > a .text {
        width: 100%; }
    .search-result.list .search-teaser .search-summary-container .summary ul {
      margin-top: -9px;
      margin-top: -0.5rem; }
      .search-result.list .search-teaser .search-summary-container .summary ul li {
        display: block;
        margin-right: 0; }
    .search-result.list .search-teaser .summaryAndCta .cta {
      display: block; }

.search-result.tiles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start; }
  .search-result.tiles .search-teaser {
    position: relative;
    margin-bottom: 20px; }
    .search-result.tiles .search-teaser > a {
      color: #4f4f4f !important;
      margin-bottom: 18px;
      margin-bottom: 1rem; }
      .search-result.tiles .search-teaser > a:hover, .search-result.tiles .search-teaser > a:hover span {
        text-decoration: none !important; }
      .search-result.tiles .search-teaser > a .teaserbildAndTextContainer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
            flex-direction: row; }
        .search-result.tiles .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap {
          width: 200px;
          position: relative;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
          .search-result.tiles .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.domainuid-1003493.no-image {
            height: 133px;
            background-color: #dc004f;
            position: relative; }
            .search-result.tiles .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.domainuid-1003493.no-image .image-innerwrap {
              padding: 20px 10px 10px 10px;
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              width: 100%;
              height: 100%; }
          .search-result.tiles .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.hms .teaserbild-icon--quelle {
            background-color: #dc004f;
            background-image: url("../Images/Handwerk_Daumen.svg");
            background-size: 40px auto; }
          .search-result.tiles .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.hms .text h2, .search-result.tiles .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap.hms .text .materialtype {
            color: #dc004f; }
      .search-result.tiles .search-teaser > a .title {
        position: relative; }
      .search-result.tiles .search-teaser > a .text {
        font-size: 15px;
        font-size: 0.85rem;
        -ms-flex-positive: 3;
            flex-grow: 3;
        position: relative;
        padding: 0 18px 0 18px;
        padding: 0 1rem 0 1rem;
        height: 133px; }
        .search-result.tiles .search-teaser > a .text p {
          line-height: 21px; }
        .search-result.tiles .search-teaser > a .text .description {
          opacity: 0; }
  .search-result.tiles.flex-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media print, screen and (max-width: 74.99875em) {
      .search-result.tiles.flex-container {
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
    .search-result.tiles.flex-container .search-teaser {
      position: relative;
      margin: 0;
      padding: 50px 50px 25px 0;
      min-width: 480px;
      max-width: 700px;
      width: 50%; }
      .search-result.tiles.flex-container .search-teaser > a {
        color: #4f4f4f !important; }
        .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: row;
              flex-direction: row;
          overflow: auto;
          /*  kein rahmen, rechts eckig (tmp.?) */
          /* Losep articles */
          /* Shop articles */ }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap {
            border-radius: 0;
            overflow: hidden;
            position: relative;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            border: 1px solid #34A6BF; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap [class^='teaserbild-icon'] {
              width: 100%;
              height: 100%; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap .teaserbild-icon--quelle {
              position: relative;
              background-color: #34A6BF;
              background-image: url("../Icons/lehreronline_logo_welle_weiss.svg");
              background-repeat: no-repeat;
              background-size: auto 70px;
              background-position: 20px 90%; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap .teaserbild-icon--discgr {
              position: absolute;
              top: 0;
              background-color: transparent;
              background-repeat: no-repeat;
              background-position: 0% 0%;
              background-size: 200px auto; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap .logged-in {
              padding: 5px;
              font-size: 60%;
              position: absolute;
              top: 5px;
              background-color: #fff;
              color: #34A6BF;
              left: 5px;
              border: 1px solid #34A6BF;
              width: 91%;
              z-index: 5; }
            @media print, screen and (max-width: 39.99875em) {
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap {
                display: none; } }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.elixier .teaserbild-wrap {
            border-color: #339900; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.elixier .teaserbild-wrap .teaserbild-icon--quelle {
              background-color: #339900;
              background-image: url("../Icons/lehreronline_elixier_weiss.svg");
              background-size: 40px auto; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.elixier .text .text-innerwrap .title h2, .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.elixier .text .text-innerwrap .title .materialtype {
            color: #339900; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.elixier .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
            color: #339900; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.hms .teaserbild-wrap {
            border-color: #b91b54; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.hms .teaserbild-wrap .teaserbild-icon--quelle {
              background-color: #b91b54;
              background-image: url("/_assets/98988d3104f243efdf102f732fe67400/Images/Handwerk_Daumen.svg");
              background-size: 40px auto;
              border: none; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.hms .text .text-innerwrap .title h2, .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.hms .text .text-innerwrap .title .materialtype {
            color: #b91b54; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.hms .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
            color: #b91b54; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.allways .teaserbild-wrap {
            border-color: #022aba; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.allways .teaserbild-wrap .teaserbild-icon--quelle {
              background-color: #022aba;
              background-image: url("../Icons/lehreronline_partner_weiss.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.allways .text .text-innerwrap .title h2, .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.allways .text .text-innerwrap .title .materialtype {
            color: #022aba; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.allways .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
            color: #022aba; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.dguv .teaserbild-icon--quelle {
            background-image: url("../Icons/lehreronline_gesundheit_weiss.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.lorecht .teaserbild-icon--quelle {
            background-image: url("../Icons/lehreronline_logo_welle_weiss.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.lorecht .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_8.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.collection .teaserbild-icon--quelle {
            background-image: url("../Icons/lehreronline_tauschboerse_weiss.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.course .teaserbild-icon--quelle {
            background-image: url("../Icons/lo-akademie_icon_weiss.svg");
            background-size: auto 93px;
            background-position: 15px 95%; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.course .teaserbild-icon--discgr {
            background-image: url("../Icons/lehreronline_course.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-1 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_1.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-2 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_2.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-3 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_3.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-4 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_4.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-5 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_5.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-6 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_6.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-7 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_7.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-8 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_8.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-9 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_9.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-10 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_10.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-11 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_Bildungsnews.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.discgr-100 .teaserbild-icon--discgr {
            background-image: url("../Icons/LO_Thumbnails_100.svg"); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .logged-in {
            padding: 3px 0 0 3px;
            font-size: 90%;
            color: #fff; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap {
            border: none !important;
            border-radius: 0 0 0 0; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text {
            font-size: 18px;
            font-size: 1rem;
            font-size: 16px;
            position: relative;
            height: 300px; }
            @media print, screen and (max-width: 39.99875em) {
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap {
                padding: 0;
                height: 200px; } }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .title {
              position: relative; }
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .title h2 {
                display: block;
                position: relative;
                top: -2px;
                color: #34A6BF;
                -o-hyphens: auto;
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto;
                font-size: 17px;
                margin: 0 0 5px 0; }
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .title .materialtype {
                color: #34A6BF;
                font-size: 15px;
                margin: 3px 0 7px; }
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices {
                display: inline-block;
                color: #4f4f4f;
                line-height: 25px;
                height: 20px;
                margin-bottom: 10px; }
                .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices .basis-content i {
                  color: var(--color-lo-blue, #34A6BF); }
                .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .title .premium-and-losep-prices .price-container {
                  font-size: 13px;
                  display: inline-block;
                  border: 1px solid #4f4f4f;
                  border-radius: 0;
                  padding: 0 5px; }
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .title.premium .premium-and-losep-prices {
                background-image: var(--svg-crown, url("../Icons/crown.svg"));
                background-repeat: no-repeat;
                background-size: 24px auto;
                background-position: left 2px;
                padding-left: 30px; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap > p {
              font-size: 15px;
              line-height: 21px;
              color: #4f4f4f;
              margin-bottom: 0;
              opacity: 0; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .description {
              opacity: 0; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta {
              position: absolute;
              bottom: 0;
              font-size: 16px;
              font-size: 0.9rem;
              width: 265px; }
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container {
                position: relative;
                width: 100%; }
                .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul {
                  margin: 0; }
                  .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li {
                    margin: 0;
                    padding-left: 30px;
                    padding-bottom: 0;
                    list-style-type: none;
                    line-height: 27px;
                    line-height: 1.5rem;
                    speak: never;
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    background-size: 24px 24px;
                    background-repeat: no-repeat; }
                    .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li.disc-list {
                      background-image: url("/_assets/df0316ebe866bbf57966530190eb9b2f/Icons/Erdkugel.svg"); }
                    .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li.educationlevel {
                      background-image: url("/_assets/df0316ebe866bbf57966530190eb9b2f/Icons/Schulhaus.svg"); }
                    .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary ul li span {
                      color: #4f4f4f;
                      line-height: 16px;
                      line-height: 0.9rem;
                      display: inline-block; }
                .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap .summaryAndCta .summary-container .summary.course ul li {
                  padding-left: 0px; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.losep .teaserbild-wrap {
            background-color: #fff; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild {
              height: 100%;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column;
              -ms-flex-pack: center;
                  justify-content: center;
              background-repeat: no-repeat;
              background-size: auto 40px;
              background-position: center 96%; }
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild.has-no-product-img {
                background-image: none; }
                .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.losep .teaserbild-wrap .teaserbild.has-no-product-img .articleimage {
                  background-color: var(--color-lo-blue, #34A6BF);
                  position: relative;
                  background-image: url("../Icons/LO_Thumbnails_Shop.svg"), url("../Icons/cart-shopping-sharp-solid.svg");
                  background-repeat: no-repeat;
                  background-size: 200px auto, auto 70px;
                  background-position: center top, 20px 210px;
                  height: 100%; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.losep .text .text-innerwrap .title.premium .materialtype {
            background-image: none; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.shop .teaserbild-wrap .teaserbild {
            height: 100%;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
                flex-direction: column;
            -ms-flex-pack: end;
                justify-content: end; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.shop .text .text-innerwrap .shop {
            position: absolute;
            bottom: 0px;
            left: 0px;
            padding: 0 0 10px 20px; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .price {
              display: inline-block;
              float: left;
              font-weight: 600;
              color: #4f4f4f !important;
              margin-bottom: 20px;
              padding-top: 5px; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .basket {
              background-color: transparent !important;
              margin-top: 0px !important; }
              .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.shop .text .text-innerwrap .shop .basket:hover {
                box-shadow: none !important; }
        .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title .materialtype {
          display: inline-block;
          padding-right: 40px;
          background-image: var(--svg-unlock-solid, url("../Icons/unlock-solid.svg"));
          background-repeat: no-repeat;
          background-size: 18px auto;
          background-position: right 2px;
          line-height: 25px; }
        .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title .premium-and-losep-prices {
          display: none; }
        .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer.excludeNewLoShopInKachel .text .text-innerwrap .title.premium .materialtype {
          background-image: var(--svg-crown, url("../Icons/crown.svg"));
          background-size: 24px auto; }
        .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer {
          box-shadow: 0 2px 12px #a8a4a4;
          border-radius: 0;
          background-color: #fff; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap {
            width: 200px;
            height: 300px;
            border: 1px solid var(--color-lo-blue, #34A6BF); }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .teaserbild-wrap img {
              object-fit: cover;
              width: 100%;
              height: 100%;
              filter: grayscale(100%); }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text {
            padding: 18px;
            padding: 1rem;
            position: relative; }
            .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer .text .text-innerwrap {
              position: relative;
              height: 100%; }
          .search-result.tiles.flex-container .search-teaser > a .teaserbildAndTextContainer:hover img {
            filter: grayscale(0%); }
      @media print, screen and (max-width: 74.99875em) {
        .search-result.tiles.flex-container .search-teaser {
          -ms-flex-direction: column;
              flex-direction: column;
          width: 100%;
          padding: 30px 15px 10px; } }
      @media print, screen and (max-width: 39.99875em) {
        .search-result.tiles.flex-container .search-teaser {
          min-width: initial;
          padding: 15px 10px; }
          .search-result.tiles.flex-container .search-teaser .teaserbild-wrap {
            display: none; } }

.locore-search-list header {
  border: 0px solid #999999;
  padding: 10px;
  margin: 0 0 22px 0;
  margin: 0 0 1.25rem 0;
  background-color: #fff;
  color: #4f4f4f; }

.locore-search-list .interactive-dropdown {
  background-color: #999999; }

h1.headlineSearch, #c3204 {
  margin-bottom: 0; }

.locore-search-list header span:last-child {
  text-align: right;
  padding-right: 25px;
  padding-right: 1.4rem; }

form .locore-search-list > ul > li.facet.title {
  background-color: #999999 !important; }

.unitplan li {
  list-style: none;
  margin: 0;
  padding: 0; }

.unitplan ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.unitplan header {
  display: table;
  background-color: #00a8e5;
  color: #fff;
  width: 100%;
  margin-bottom: 7px; }
  .unitplan header h2, .unitplan header h3 {
    color: #fff;
    margin: 0; }

.unitplan li .unitplan-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 18px 0;
  margin: 0 0 1rem 0; }
  .unitplan li .unitplan-header h3 {
    padding: 0;
    margin: 0; }
  .unitplan li .unitplan-header .unitplan-meta-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .unitplan li .unitplan-header .unitplan-meta-container .socialform {
      margin-right: 18px;
      margin-right: 1rem; }
      .unitplan li .unitplan-header .unitplan-meta-container .socialform span:before {
        margin-right: 6px; }
    .unitplan li .unitplan-header .unitplan-meta-container .duration > .icon-clock {
      color: #dc004f; }

.unitplan li .plancontent {
  border-bottom: 1px solid #00a8e5;
  padding-bottom: 18px;
  padding-bottom: 1rem;
  margin-bottom: 18px;
  margin-bottom: 1rem; }
  .unitplan li .plancontent ul {
    margin-left: 27px;
    margin-left: 1.5rem;
    margin-bottom: 18px;
    margin-bottom: 1rem; }
    .unitplan li .plancontent ul li {
      list-style: disc; }

.unitplan li:last-child .plancontent {
  border-bottom: none; }

.tx-locore-loarticle--detail header {
  position: relative; }
  .tx-locore-loarticle--detail header h1 {
    word-wrap: break-word;
    overflow-wrap: break-word; }
  .tx-locore-loarticle--detail header .label.premium {
    font-size: 27px;
    font-size: 1.5rem;
    color: #FFBF00; }

.tx-locore-loarticle--detail .keywords {
  padding: 16px;
  padding: 0.9375rem;
  background-color: #e6e6e6; }
  .tx-locore-loarticle--detail .keywords ul.tags {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tx-locore-loarticle--detail .keywords ul.tags li {
      margin: 0 0px 0px 18px;
      margin: 0 0rem 0rem 1rem;
      color: #707070; }
      .tx-locore-loarticle--detail .keywords ul.tags li::marker {
        list-style: none; }
      .tx-locore-loarticle--detail .keywords ul.tags li span {
        margin-right: 18px;
        margin-right: 1.0rem; }
        .tx-locore-loarticle--detail .keywords ul.tags li span a {
          font-size: 13px;
          font-size: 0.75rem;
          color: #707070; }
          .tx-locore-loarticle--detail .keywords ul.tags li span a:before {
            margin-right: 7px;
            margin-right: 0.4rem; }
            .tx-locore-loarticle--detail .keywords ul.tags li span a:before:hover {
              text-decoration: none; }

.tx-locore-loarticle--detail .discipline-group-head {
  margin: 0 0 11px 0;
  margin: 0 0 0.625rem 0;
  background: none !important;
  vertical-align: middle;
  line-height: 2.6em;
  text-transform: uppercase;
  overflow: visible;
  padding: 0;
  font-size: 22px;
  color: #999999 !important; }
  .tx-locore-loarticle--detail .discipline-group-head .text {
    margin-left: .1em;
    font-weight: 400;
    text-transform: uppercase; }
  .tx-locore-loarticle--detail .discipline-group-head .icon {
    margin-top: 0px;
    margin-right: .2em;
    font-size: 1.2em;
    color: #999999 !important; }
    .tx-locore-loarticle--detail .discipline-group-head .icon:nth-child(1):before {
      color: #4f4f4f !important; }

.tx-locore-loarticle--detail .author-and-date {
  font-size: 13px;
  font-size: 0.75rem; }

.tx-locore-loarticle--detail .summary-container {
  padding-bottom: 18px;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e6e6e6; }
  .tx-locore-loarticle--detail .summary-container > .grid-x > .cell,
  .tx-locore-loarticle--detail .summary-container .outside-grid {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .datatype,
    .tx-locore-loarticle--detail .summary-container .outside-grid .datatype {
      color: #dc004f;
      margin: 0 0 9px 28px;
      margin: 0 0 0.5rem 1.6rem;
      font-size: 16px;
      font-size: 0.88889rem; }
    .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .summary,
    .tx-locore-loarticle--detail .summary-container .outside-grid .summary {
      position: relative; }
      .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .summary ul,
      .tx-locore-loarticle--detail .summary-container .outside-grid .summary ul {
        width: 100%;
        list-style-type: none;
        margin: 0; }
        .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .summary ul li,
        .tx-locore-loarticle--detail .summary-container .outside-grid .summary ul li {
          margin: 0 28px 9px 0;
          margin: 0 1.6rem 0.5rem 0;
          list-style-type: none;
          display: inline-block; }
          .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .summary ul li:before,
          .tx-locore-loarticle--detail .summary-container .outside-grid .summary ul li:before {
            left: 0;
            font-size: 14px;
            font-size: 0.8rem;
            line-height: 25px;
            line-height: 1.4rem; }
          .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .summary ul li span,
          .tx-locore-loarticle--detail .summary-container .outside-grid .summary ul li span {
            font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
            font-weight: 400;
            text-rendering: optimizeLegibility;
            font-size: 16px;
            font-size: 0.9rem;
            margin-left: 9px;
            margin-left: 0.5rem; }
    .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .position-at-bottom,
    .tx-locore-loarticle--detail .summary-container .outside-grid .position-at-bottom {
      margin-top: auto; }
    .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .authoranchorlink,
    .tx-locore-loarticle--detail .summary-container .outside-grid .authoranchorlink {
      -ms-flex-item-align: start;
          align-self: start; }
      .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .authoranchorlink a,
      .tx-locore-loarticle--detail .summary-container .outside-grid .authoranchorlink a {
        display: inline-block; }
        .tx-locore-loarticle--detail .summary-container > .grid-x > .cell .authoranchorlink a .authorname,
        .tx-locore-loarticle--detail .summary-container .outside-grid .authoranchorlink a .authorname {
          padding-left: 30px; }
  .tx-locore-loarticle--detail .summary-container .outside-grid .authoranchorlink a {
    margin-top: 18px;
    margin-top: 1rem; }

.tx-locore-loarticle--detail .teaserpic {
  max-width: 100%; }
  .tx-locore-loarticle--detail .teaserpic img {
    max-width: 100%; }

.tx-locore-loarticle--detail header {
  margin-bottom: 18px !important;
  margin-bottom: 1rem !important; }
  .tx-locore-loarticle--detail header h1 {
    font-family: 'Univers LT W04_93 X Bla1476062', sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-size: 32px;
    display: block;
    color: #dc004f;
    background-color: #fff;
    padding: 0px 0px 0px 0px; }

.tx-locore-loarticle--detail ol li {
  list-style: decimal; }

.tx-locore-loarticle--detail .description {
  line-height: 1.4; }

.tx-locore-loarticle--detail .frame-type-locore_lodownloadlist {
  padding-bottom: 18px;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e6e6e6; }

article a.internal-link {
  white-space: normal; }

article .dossier-detail.dossier-95 .description {
  display: none; }

.tx-locore-lounit--detail header {
  position: relative; }
  .tx-locore-lounit--detail header h1 {
    word-wrap: break-word;
    overflow-wrap: break-word; }
  .tx-locore-lounit--detail header .label.premium {
    font-size: 27px;
    font-size: 1.5rem;
    color: #FFBF00; }

.tx-locore-lounit--detail header {
  margin-bottom: 18px !important;
  margin-bottom: 1rem !important; }
  .tx-locore-lounit--detail header h1 {
    font-size: 32px;
    display: block;
    color: #dc004f;
    background-color: #fff;
    padding: 0px 0px 0px 0px; }

.tx-locore-lounit--detail .keywords {
  padding: 16px;
  padding: 0.9375rem;
  background-color: #e6e6e6; }
  .tx-locore-lounit--detail .keywords ul.tags {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tx-locore-lounit--detail .keywords ul.tags li {
      margin: 0 0px 0px 18px;
      margin: 0 0rem 0rem 1rem;
      color: #707070; }
      .tx-locore-lounit--detail .keywords ul.tags li::marker {
        list-style: none; }
      .tx-locore-lounit--detail .keywords ul.tags li span {
        margin-right: 18px;
        margin-right: 1.0rem; }
        .tx-locore-lounit--detail .keywords ul.tags li span a {
          font-size: 13px;
          font-size: 0.75rem;
          color: #707070; }
          .tx-locore-lounit--detail .keywords ul.tags li span a:before {
            margin-right: 7px;
            margin-right: 0.4rem; }
            .tx-locore-lounit--detail .keywords ul.tags li span a:before:hover {
              text-decoration: none; }

.tx-locore-lounit--detail .discipline-group-head {
  margin: 0 0 11px 0;
  margin: 0 0 0.625rem 0;
  background: none !important;
  vertical-align: middle;
  line-height: 2.6em;
  text-transform: uppercase;
  overflow: visible;
  padding: 0;
  font-size: 22px;
  color: #999999 !important; }
  .tx-locore-lounit--detail .discipline-group-head .text {
    margin-left: .1em;
    font-weight: 400;
    text-transform: uppercase; }
  .tx-locore-lounit--detail .discipline-group-head .icon {
    margin-top: 0px;
    margin-right: .2em;
    font-size: 1.2em;
    color: #999999 !important; }
    .tx-locore-lounit--detail .discipline-group-head .icon:nth-child(1):before {
      color: #4f4f4f !important; }

.tx-locore-lounit--detail .author-and-date {
  font-size: 13px;
  font-size: 0.75rem; }

.tx-locore-lounit--detail .summary-container {
  padding-bottom: 18px;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e6e6e6; }
  .tx-locore-lounit--detail .summary-container > .grid-x > .cell,
  .tx-locore-lounit--detail .summary-container .outside-grid {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .tx-locore-lounit--detail .summary-container > .grid-x > .cell .datatype,
    .tx-locore-lounit--detail .summary-container .outside-grid .datatype {
      color: #dc004f;
      margin: 0 0 9px 28px;
      margin: 0 0 0.5rem 1.6rem;
      font-size: 16px;
      font-size: 0.88889rem; }
    .tx-locore-lounit--detail .summary-container > .grid-x > .cell .summary,
    .tx-locore-lounit--detail .summary-container .outside-grid .summary {
      position: relative; }
      .tx-locore-lounit--detail .summary-container > .grid-x > .cell .summary ul,
      .tx-locore-lounit--detail .summary-container .outside-grid .summary ul {
        width: 100%;
        list-style-type: none;
        margin: 0; }
        .tx-locore-lounit--detail .summary-container > .grid-x > .cell .summary ul li,
        .tx-locore-lounit--detail .summary-container .outside-grid .summary ul li {
          margin: 0 28px 9px 0;
          margin: 0 1.6rem 0.5rem 0;
          list-style-type: none;
          display: inline-block; }
          .tx-locore-lounit--detail .summary-container > .grid-x > .cell .summary ul li:before,
          .tx-locore-lounit--detail .summary-container .outside-grid .summary ul li:before {
            left: 0;
            font-size: 14px;
            font-size: 0.8rem;
            line-height: 25px;
            line-height: 1.4rem; }
          .tx-locore-lounit--detail .summary-container > .grid-x > .cell .summary ul li span,
          .tx-locore-lounit--detail .summary-container .outside-grid .summary ul li span {
            font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
            font-weight: 400;
            text-rendering: optimizeLegibility;
            font-size: 16px;
            font-size: 0.9rem;
            margin-left: 9px;
            margin-left: 0.5rem; }
    .tx-locore-lounit--detail .summary-container > .grid-x > .cell .position-at-bottom,
    .tx-locore-lounit--detail .summary-container .outside-grid .position-at-bottom {
      margin-top: auto; }
    .tx-locore-lounit--detail .summary-container > .grid-x > .cell .authoranchorlink,
    .tx-locore-lounit--detail .summary-container .outside-grid .authoranchorlink {
      -ms-flex-item-align: start;
          align-self: start; }
      .tx-locore-lounit--detail .summary-container > .grid-x > .cell .authoranchorlink a,
      .tx-locore-lounit--detail .summary-container .outside-grid .authoranchorlink a {
        display: inline-block; }
        .tx-locore-lounit--detail .summary-container > .grid-x > .cell .authoranchorlink a .authorname,
        .tx-locore-lounit--detail .summary-container .outside-grid .authoranchorlink a .authorname {
          padding-left: 30px; }
  .tx-locore-lounit--detail .summary-container .outside-grid .authoranchorlink a {
    margin-top: 18px;
    margin-top: 1rem; }

.tx-locore-lounit--detail .teaserpic {
  max-width: 100%; }
  .tx-locore-lounit--detail .teaserpic img {
    max-width: 100%; }

.tx-locore-lounit--detail > .expertise.background {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.tx-locore-lounit--detail > .frame-type-locore_lolinklist {
  margin-bottom: 0; }

.tx-locore-lounit--detail > .frame-type-locore_lolinklist:not(:has(~ .frame-type-locore_lolinklist)) {
  margin-bottom: 0; }

.tx-locore-lounit--detail .marginal--content {
  -ms-flex-align: start;
      align-items: flex-start; }

.maincontent .column-marginal .dossiermargintop {
  margin-top: 54px;
  margin-top: 3rem; }

.tx-locore-loworkingmaterial--detail header {
  position: relative; }
  .tx-locore-loworkingmaterial--detail header h1 {
    word-wrap: break-word;
    overflow-wrap: break-word; }
  .tx-locore-loworkingmaterial--detail header .label.premium {
    font-size: 27px;
    font-size: 1.5rem;
    color: #FFBF00; }

.tx-locore-loworkingmaterial--detail header {
  margin-bottom: 18px !important;
  margin-bottom: 1rem !important; }
  .tx-locore-loworkingmaterial--detail header h1 {
    font-size: 32px;
    display: block;
    color: #dc004f;
    background-color: #fff;
    padding: 0px 0px 0px 0px; }

.tx-locore-loworkingmaterial--detail > .description.background {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

.tx-locore-loworkingmaterial--detail > .expertise.background {
  margin-bottom: 36px;
  margin-bottom: 2rem; }

.tx-locore-loworkingmaterial--detail > .frame-type-locore_lolinklist {
  margin-bottom: 0; }

.tx-locore-loworkingmaterial--detail .keywords {
  padding: 16px;
  padding: 0.9375rem;
  background-color: #e6e6e6; }
  .tx-locore-loworkingmaterial--detail .keywords ul.tags {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .tx-locore-loworkingmaterial--detail .keywords ul.tags li {
      margin: 0 0px 0px 18px;
      margin: 0 0rem 0rem 1rem;
      color: #707070; }
      .tx-locore-loworkingmaterial--detail .keywords ul.tags li::marker {
        list-style: none; }
      .tx-locore-loworkingmaterial--detail .keywords ul.tags li span {
        margin-right: 18px;
        margin-right: 1.0rem; }
        .tx-locore-loworkingmaterial--detail .keywords ul.tags li span a {
          font-size: 13px;
          font-size: 0.75rem;
          color: #707070; }
          .tx-locore-loworkingmaterial--detail .keywords ul.tags li span a:before {
            margin-right: 7px;
            margin-right: 0.4rem; }
            .tx-locore-loworkingmaterial--detail .keywords ul.tags li span a:before:hover {
              text-decoration: none; }

.tx-locore-loworkingmaterial--detail .discipline-group-head {
  margin: 0 0 11px 0;
  margin: 0 0 0.625rem 0;
  background: none !important;
  vertical-align: middle;
  line-height: 2.6em;
  text-transform: uppercase;
  overflow: visible;
  padding: 0;
  font-size: 22px;
  color: #999999 !important; }
  .tx-locore-loworkingmaterial--detail .discipline-group-head .text {
    margin-left: .1em;
    font-weight: 400;
    text-transform: uppercase; }
  .tx-locore-loworkingmaterial--detail .discipline-group-head .icon {
    margin-top: 0px;
    margin-right: .2em;
    font-size: 1.2em;
    color: #999999 !important; }
    .tx-locore-loworkingmaterial--detail .discipline-group-head .icon:nth-child(1):before {
      color: #4f4f4f !important; }

.tx-locore-loworkingmaterial--detail .author-and-date {
  font-size: 13px;
  font-size: 0.75rem; }

.tx-locore-loworkingmaterial--detail .summary-container {
  padding-bottom: 18px;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e6e6e6; }
  .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell,
  .tx-locore-loworkingmaterial--detail .summary-container .outside-grid {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .datatype,
    .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .datatype {
      color: #dc004f;
      margin: 0 0 9px 28px;
      margin: 0 0 0.5rem 1.6rem;
      font-size: 16px;
      font-size: 0.88889rem; }
    .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .summary,
    .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .summary {
      position: relative; }
      .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .summary ul,
      .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .summary ul {
        width: 100%;
        list-style-type: none;
        margin: 0; }
        .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .summary ul li,
        .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .summary ul li {
          margin: 0 28px 9px 0;
          margin: 0 1.6rem 0.5rem 0;
          list-style-type: none;
          display: inline-block; }
          .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .summary ul li:before,
          .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .summary ul li:before {
            left: 0;
            font-size: 14px;
            font-size: 0.8rem;
            line-height: 25px;
            line-height: 1.4rem; }
          .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .summary ul li span,
          .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .summary ul li span {
            font-family: 'Univers LT W04_55 Roman1475960', sans-serif;
            font-weight: 400;
            text-rendering: optimizeLegibility;
            font-size: 16px;
            font-size: 0.9rem;
            margin-left: 9px;
            margin-left: 0.5rem; }
    .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .position-at-bottom,
    .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .position-at-bottom {
      margin-top: auto; }
    .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .authoranchorlink,
    .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .authoranchorlink {
      -ms-flex-item-align: start;
          align-self: start; }
      .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .authoranchorlink a,
      .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .authoranchorlink a {
        display: inline-block; }
        .tx-locore-loworkingmaterial--detail .summary-container > .grid-x > .cell .authoranchorlink a .authorname,
        .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .authoranchorlink a .authorname {
          padding-left: 30px; }
  .tx-locore-loworkingmaterial--detail .summary-container .outside-grid .authoranchorlink a {
    margin-top: 18px;
    margin-top: 1rem; }

.tx-locore-loworkingmaterial--detail .teaserpic {
  max-width: 100%; }
  .tx-locore-loworkingmaterial--detail .teaserpic img {
    max-width: 100%; }

.tx-locore-loworkingmaterial--detail.has-interaktive-uebung {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .description,
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .expertise,
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .hinweistext-interaktives,
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung #author-box,
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .author {
    width: 100%; }
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .description .tx-locore-textbox--collapsable {
    margin-bottom: 0; }
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .universallist.h5p-list {
    margin-right: 18px;
    margin-right: 1rem; }
  .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .frame-type-locore_lodownloadlist {
    position: relative; }
    .tx-locore-loworkingmaterial--detail.has-interaktive-uebung .frame-type-locore_lodownloadlist .tx-locore-textbox {
      position: relative;
      top: 27px;
      top: 1.5rem; }

.tx-locore-lounit--detail.detail-footer,
.tx-locore-loworkingmaterial--detail.detail-footer,
.tx-locore-loarticle--detail.detail-footer,
.tx-locore-lodossier--detail.detail-footer {
  display: -ms-flexbox;
  display: flex;
  border-bottom: none; }
  .tx-locore-lounit--detail.detail-footer .partner-box.hms-box-content.grey,
  .tx-locore-loworkingmaterial--detail.detail-footer .partner-box.hms-box-content.grey,
  .tx-locore-loarticle--detail.detail-footer .partner-box.hms-box-content.grey,
  .tx-locore-lodossier--detail.detail-footer .partner-box.hms-box-content.grey {
    width: 300px;
    background-color: transparent; }
    .tx-locore-lounit--detail.detail-footer .partner-box.hms-box-content.grey header,
    .tx-locore-loworkingmaterial--detail.detail-footer .partner-box.hms-box-content.grey header,
    .tx-locore-loarticle--detail.detail-footer .partner-box.hms-box-content.grey header,
    .tx-locore-lodossier--detail.detail-footer .partner-box.hms-box-content.grey header {
      background-color: transparent;
      padding: 0; }
      .tx-locore-lounit--detail.detail-footer .partner-box.hms-box-content.grey header h3,
      .tx-locore-loworkingmaterial--detail.detail-footer .partner-box.hms-box-content.grey header h3,
      .tx-locore-loarticle--detail.detail-footer .partner-box.hms-box-content.grey header h3,
      .tx-locore-lodossier--detail.detail-footer .partner-box.hms-box-content.grey header h3 {
        color: #2a2a2a !important; }
    .tx-locore-lounit--detail.detail-footer .partner-box.hms-box-content.grey figure.partner-fig,
    .tx-locore-loworkingmaterial--detail.detail-footer .partner-box.hms-box-content.grey figure.partner-fig,
    .tx-locore-loarticle--detail.detail-footer .partner-box.hms-box-content.grey figure.partner-fig,
    .tx-locore-lodossier--detail.detail-footer .partner-box.hms-box-content.grey figure.partner-fig {
      text-align: left; }

#author-box {
  margin-top: 36px;
  margin-top: 2rem; }

.author,
.user--status-box {
  text-align: center; }
  .author .authorbody,
  .user--status-box .authorbody {
    padding: 0.8em 1em 1.5em; }
  .author .authorimage,
  .author .userimage,
  .user--status-box .authorimage,
  .user--status-box .userimage {
    display: block;
    max-width: 100%;
    margin: 20px auto 0.5em auto;
    width: 5em;
    height: 5em; }
    .author .authorimage .imagewrap,
    .author .userimage .imagewrap,
    .user--status-box .authorimage .imagewrap,
    .user--status-box .userimage .imagewrap {
      border-radius: 100%;
      border: 5px solid #fff;
      overflow: hidden;
      position: relative;
      text-align: initial; }
      .author .authorimage .imagewrap:after,
      .author .userimage .imagewrap:after,
      .user--status-box .authorimage .imagewrap:after,
      .user--status-box .userimage .imagewrap:after {
        content: "";
        display: block;
        padding-bottom: 100%; }
      .author .authorimage .imagewrap.premium,
      .author .userimage .imagewrap.premium,
      .user--status-box .authorimage .imagewrap.premium,
      .user--status-box .userimage .imagewrap.premium {
        border-color: #FFBF00; }
      .author .authorimage .imagewrap.basis,
      .author .userimage .imagewrap.basis,
      .user--status-box .authorimage .imagewrap.basis,
      .user--status-box .userimage .imagewrap.basis {
        border-color: #00a8e5; }
      .author .authorimage .imagewrap img,
      .author .userimage .imagewrap img,
      .user--status-box .authorimage .imagewrap img,
      .user--status-box .userimage .imagewrap img {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        vertical-align: middle;
        object-fit: cover;
        position: absolute; }
  .author .authorheader,
  .user--status-box .authorheader {
    padding: 10px;
    background-color: #00a8e5;
    color: #fff;
    text-align: left; }
  .author .authorname,
  .user--status-box .authorname {
    display: inline-block;
    width: 100%;
    font-size: 22px;
    font-size: 1.25rem;
    color: #00a8e5; }

.column-marginal .author .authorbody {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  gap: 15px;
  padding-bottom: 20px !important; }
  .column-marginal .author .authorbody .authorimage {
    margin: 0;
    -ms-flex: 0 0 80px;
        flex: 0 0 80px;
    max-width: 80px;
    width: 80px;
    height: 80px; }
    .column-marginal .author .authorbody .authorimage .imagewrap {
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .column-marginal .author .authorbody .authorimage .imagewrap img {
        width: 100%;
        height: auto;
        display: block; }
  .column-marginal .author .authorbody .author-text {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .column-marginal .author .authorbody .author-text .authorname {
      font-family: 'Univers LT W04_75 Black1475984', sans-serif;
      font-weight: 400;
      text-rendering: optimizeLegibility;
      color: #2a2a2a; }

.detail-marginal .author.boxed header {
  background-color: #dc004f; }
  .detail-marginal .author.boxed header h3 {
    color: #fff !important;
    text-align: center; }

.detail-main .author.boxed {
  padding: 0; }
  .detail-main .author.boxed header {
    background-color: #dc004f; }
    .detail-main .author.boxed header h3 {
      color: #fff !important;
      text-align: center; }
  .detail-main .author.boxed .authorbody {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }
    .detail-main .author.boxed .authorbody .authorimage {
      margin: 20px 40px 20px 20px;
      width: 100px;
      height: 100px;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px; }
    .detail-main .author.boxed .authorbody .author-text {
      margin-top: 20px;
      text-align: left; }

.license {
  padding: 17px;
  background-color: #fff;
  text-align: center; }
  .license .license-icon,
  .license .license-title {
    margin-bottom: 11px;
    margin-bottom: 0.625rem; }
  .license .license-title strong {
    font-weight: 400;
    font-size: 16px; }
  .license .license-icon img.lo-logo {
    height: 45px;
    height: 2.5rem; }
  .license .license-text {
    font-weight: 300; }
  .license.compact {
    display: inline-block;
    width: calc(50% - 20px);
    margin-bottom: 0;
    padding: 10px; }
    .license.compact .license-icon {
      margin-bottom: 0.5em; }
      .license.compact .license-icon img {
        height: 36px;
        height: 2.0rem;
        vertical-align: top; }
    .license.compact .license-title {
      margin-bottom: 0;
      font-size: 14px;
      font-size: 0.8rem;
      font-weight: normal; }

.header a {
  color: #2a2a2a; }
  .header a.link-kooperationspartner {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-size: 0.8rem; }
    @media print, screen and (max-width: 63.99875em) {
      .header a.link-kooperationspartner {
        margin-top: 0px; } }

.content-wrapper .headersearchbar {
  position: relative;
  top: -35px;
  margin-bottom: calc(-55px + 2rem); }
  @media print, screen and (max-width: 63.99875em) {
    .content-wrapper .headersearchbar {
      top: 0;
      margin-bottom: 0.5rem; } }

.content-wrapper .pageheader {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 950;
  transition: all 125ms ease-out;
  background-color: #FFFFFF;
  overflow: visible;
  min-height: 195px; }
  @media print, screen and (max-width: 89.99875em) {
    .content-wrapper .pageheader {
      min-height: 125px; } }
  @media print, screen and (max-width: 63.99875em) {
    .content-wrapper .pageheader {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .content-wrapper .pageheader .headerbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .content-wrapper .pageheader .header-logo {
    position: relative;
    width: auto;
    max-height: 160px;
    aspect-ratio: 234 / 100;
    transition: height 0.3s ease;
    /* Fallback for very old browsers ( padding-bottom hack) */ }
    @supports not (aspect-ratio: 1/1) {
      .content-wrapper .pageheader .header-logo .header-logo {
        width: 100px;
        position: relative; }
      .content-wrapper .pageheader .header-logo .header-logo::before {
        content: "";
        display: block;
        padding-bottom: 42.57%; } }
    @media print, screen and (max-width: 74.99875em) {
      .content-wrapper .pageheader .header-logo {
        max-height: 100px; } }
    .content-wrapper .pageheader .header-logo .imagewrap {
      z-index: 10;
      background-color: #dc004f;
      position: absolute;
      width: 100%;
      height: 100%;
      inset: 0;
      box-sizing: border-box;
      display: grid;
      place-items: center; }
      .content-wrapper .pageheader .header-logo .imagewrap a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 10px 10px 10px; }
        .content-wrapper .pageheader .header-logo .imagewrap a img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          display: block; }
          .content-wrapper .pageheader .header-logo .imagewrap a img.mobile-logo {
            display: none; }
  .content-wrapper .pageheader .header-nav {
    margin-top: 15px; }
    .content-wrapper .pageheader .header-nav ul.menu {
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      @media print, screen and (max-width: 63.99875em) {
        .content-wrapper .pageheader .header-nav ul.menu {
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          .content-wrapper .pageheader .header-nav ul.menu li {
            width: 50%; } }
      .content-wrapper .pageheader .header-nav ul.menu li {
        font-family: 'Univers LT W04_75 Black1475984', sans-serif;
        font-weight: 400;
        text-rendering: optimizeLegibility; }
        @media print, screen and (max-width: 63.99875em) {
          .content-wrapper .pageheader .header-nav ul.menu li {
            margin-bottom: 0.5rem;
            text-align: center; } }
        .content-wrapper .pageheader .header-nav ul.menu li.menu-text {
          padding: 0 0 5px 0;
          font-family: 'Univers LT W04_75 Black1475984', sans-serif;
          font-weight: 400;
          text-rendering: optimizeLegibility;
          border-bottom: 2px solid transparent;
          border-bottom: 2px solid #dc004f; }
        .content-wrapper .pageheader .header-nav ul.menu li a {
          padding: 0 0 5px 0;
          display: inline-block;
          font-family: 'Univers LT W04_75 Black1475984', sans-serif;
          font-weight: 400;
          text-rendering: optimizeLegibility;
          border-bottom: 2px solid transparent; }
          .content-wrapper .pageheader .header-nav ul.menu li a:hover {
            border-bottom: 2px solid #dc004f; }
        .content-wrapper .pageheader .header-nav ul.menu li.is-active a {
          border-bottom: 2px solid transparent;
          border-bottom: 2px solid #dc004f; }
  .content-wrapper .pageheader .mobile-nav {
    display: none; }
  .content-wrapper .pageheader .header-logo-coop {
    padding: 10px; }
    @media print, screen and (max-width: 74.99875em) {
      .content-wrapper .pageheader .header-logo-coop {
        padding: 0px; } }
    @media print, screen and (max-width: 63.99875em) {
      .content-wrapper .pageheader .header-logo-coop {
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        width: 100%;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; } }
    .content-wrapper .pageheader .header-logo-coop img {
      height: 63px; }
    .content-wrapper .pageheader .header-logo-coop .logo {
      display: block; }
    .content-wrapper .pageheader .header-logo-coop .logo-mobile {
      display: none; }

.content-wrapper .headcontent {
  margin-top: 195px; }
  @media print, screen and (max-width: 39.99875em) {
    .content-wrapper .headcontent {
      margin-top: 235px; } }
  .content-wrapper .headcontent .onecol {
    margin-bottom: 0; }

.content-wrapper.header-compressed .pageheader {
  min-height: 70px; }
  .content-wrapper.header-compressed .pageheader .header-logo {
    max-height: 80px; }
  .content-wrapper.header-compressed .pageheader .header-nav {
    margin-top: 5px; }
    .content-wrapper.header-compressed .pageheader .header-nav ul li {
      margin-bottom: 0px; }
  .content-wrapper.header-compressed .pageheader .header-logo-coop .logo {
    display: none; }
  .content-wrapper.header-compressed .pageheader .header-logo-coop .logo-mobile {
    display: block;
    text-align: right; }
  .content-wrapper.header-compressed .pageheader .header-logo-coop {
    padding: 5px 10px 0; }
    .content-wrapper.header-compressed .pageheader .header-logo-coop .logo {
      display: none; }
    .content-wrapper.header-compressed .pageheader .header-logo-coop .logo-mobile {
      display: block; }
      .content-wrapper.header-compressed .pageheader .header-logo-coop .logo-mobile img {
        height: 40px; }
    .content-wrapper.header-compressed .pageheader .header-logo-coop .link-kooperationspartner {
      display: none; }

.content-wrapper.header-compressed .navbar-toggle a {
  display: inline-block;
  width: 30px;
  height: 30px;
  cursor: pointer; }
  .content-wrapper.header-compressed .navbar-toggle a img {
    width: 100%;
    height: 100%;
    top: 5px;
    position: relative; }

.content-wrapper.header-compressed .navbar-toggle button.hamburg {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  top: 13px;
  margin: 0; }
  @media print, screen and (min-width: 64em) {
    .content-wrapper.header-compressed .navbar-toggle button.hamburg {
      top: 38px; } }

.content-wrapper.header-compressed .navbar-toggle input#hamburg {
  display: none; }

.content-wrapper.header-compressed .navbar-toggle .line {
  position: absolute;
  margin-left: 5px;
  margin-right: 5px;
  height: 4px;
  width: 25px;
  background: var(--color-lo-blue, #00a8e5);
  border-radius: 5px;
  display: block;
  transition: 0.5s;
  -ms-transform-origin: center;
      transform-origin: center; }

.content-wrapper.header-compressed .navbar-toggle .line:nth-child(1) {
  top: 10px; }

.content-wrapper.header-compressed .navbar-toggle .line:nth-child(2) {
  top: 18px; }

.content-wrapper.header-compressed .navbar-toggle .line:nth-child(3) {
  top: 26px; }

.content-wrapper.header-compressed.compressed .navbar-toggle button.hamburg {
  top: 13px; }

.loquicknav {
  margin-top: 0px; }
  .loquicknav .searchform .searchinput-wrap {
    position: relative; }
    .loquicknav .searchform .searchinput-wrap input.cell {
      height: 36px;
      height: 2rem;
      border-radius: 2rem; }
      .loquicknav .searchform .searchinput-wrap input.cell[type="text"] {
        border-radius: 2rem;
        padding-left: 20px;
        padding-right: calc(25% + 20px);
        margin-bottom: 0; }
      .loquicknav .searchform .searchinput-wrap input.cell[type="submit"] {
        position: absolute;
        right: 0;
        width: 25%;
        line-height: 0;
        border-radius: 2rem; }

.maincontent {
  /* Wrap extra-long and displayed urls in edited texts: */
  /* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
  /* Im marginal / footer content: */
  /* Responsive card lists */ }
  @media print, screen and (max-width: 63.99875em) {
    .maincontent .column-marginal .hms-box-content a.link-image,
    .maincontent .column-marginal .hms-box-content .internal-link a {
      display: inline-block;
      max-width: 540px; } }
  .maincontent .column-marginal h2 {
    color: #00a8e5; }
  .maincontent .hms-box-content {
    padding: 20px 20px 20px; }
    .maincontent .hms-box-content.with-h1 {
      padding: 50px 20px 20px; }
    .maincontent .hms-box-content.blue {
      background-color: #00a8e5; }
    .maincontent .hms-box-content.grey {
      background-color: #f4f4f4; }
    .maincontent .hms-box-content > * {
      margin-bottom: 0; }
  .maincontent .column-main .frame-type-locore_lolinklist {
    margin: 5px 0;
    margin: 0.3rem 0;
    padding: 0; }
    .maincontent .column-main .frame-type-locore_lolinklist .linklist.tx-locore-textbox--collapsable {
      margin: 0; }
      .maincontent .column-main .frame-type-locore_lolinklist .linklist.tx-locore-textbox--collapsable > header {
        background-color: #dc004f; }
  .maincontent .column-main .hms-box-content.unitplan > ul {
    margin: 0 -20px; }
  .maincontent .column-main .hms-box-content .csc-textpic img {
    padding: 7px;
    padding: 0.44444rem; }
    .maincontent .column-main .hms-box-content .csc-textpic img.csc-textpic-intext-left img {
      padding-left: 0; }
    .maincontent .column-main .hms-box-content .csc-textpic img.csc-textpic-intext-right img {
      padding-right: 0; }
  .maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4 {
    word-break: break-word; }
  .maincontent h1 {
    display: inline;
    color: #fff;
    background-color: #dc004f;
    padding: 10px 21px 8px 21px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.2;
    position: relative; }
  .maincontent h2 {
    color: #dc004f; }
    .maincontent h2.hmsblue {
      color: #00a8e5; }
  .maincontent h3, .maincontent h4 {
    color: #2a2a2a; }
  .maincontent h4 {
    margin-bottom: 0; }
  .maincontent article h1,
  .maincontent section.detail-header h1 {
    font-size: 32px;
    display: block;
    color: #dc004f;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    word-break: break-word;
    margin-top: 0 !important; }
  .maincontent article h2,
  .maincontent section.detail-header h2 {
    color: #2a2a2a; }
  .maincontent article h3, .maincontent article h4,
  .maincontent section.detail-header h3,
  .maincontent section.detail-header h4 {
    color: #dc004f; }
  .maincontent .frame-default > :not(.tx-locore-textbox--collapsable) > header,
  .maincontent .frame-default > header {
    margin-bottom: 50px;
    margin-bottom: 2.77778rem; }
    .maincontent .frame-default > :not(.tx-locore-textbox--collapsable) > header > h1,
    .maincontent .frame-default > header > h1 {
      position: relative;
      z-index: 10;
      margin-top: 30px;
      margin-bottom: 9px;
      margin-bottom: 0.5rem; }
    .maincontent .frame-default > :not(.tx-locore-textbox--collapsable) > header > h2,
    .maincontent .frame-default > header > h2 {
      margin-bottom: 9px;
      margin-bottom: 0.5rem; }
    .maincontent .frame-default > :not(.tx-locore-textbox--collapsable) > header > h3,
    .maincontent .frame-default > header > h3 {
      margin-bottom: 9px;
      margin-bottom: 0.5rem; }
    .maincontent .frame-default > :not(.tx-locore-textbox--collapsable) > header > h4,
    .maincontent .frame-default > header > h4 {
      margin-bottom: 9px;
      margin-bottom: 0.5rem; }
  .maincontent .frame-default > .linklist header {
    margin-bottom: 18px;
    margin-bottom: 1rem; }
  .maincontent .frame-default.frame-type-header {
    margin-bottom: 0; }
    .maincontent .frame-default.frame-type-header > header {
      margin-bottom: 0; }
  .maincontent a,
  .maincontent a.extern,
  .maincontent a.external-link-new-window,
  .maincontent a.download-text,
  .maincontent .internal-link a {
    color: #dc004f;
    border-bottom: 1px solid transparent; }
    .maincontent a:hover:not(.no-underline),
    .maincontent a.extern:hover:not(.no-underline),
    .maincontent a.external-link-new-window:hover:not(.no-underline),
    .maincontent a.download-text:hover:not(.no-underline),
    .maincontent .internal-link a:hover:not(.no-underline) {
      border-bottom: 1px solid #dc004f; }
  .maincontent [data-mailto-token],
  .maincontent a[href^="javascript:linkTo_UnCryptMailto"] {
    position: relative;
    padding-left: 23px;
    padding-left: 1.3rem; }
    .maincontent [data-mailto-token]:before,
    .maincontent a[href^="javascript:linkTo_UnCryptMailto"]:before {
      position: absolute;
      left: 0;
      top: 4px;
      content: '';
      width: 0;
      height: 0;
      display: inline-block;
      border-top: 9.6px solid transparent;
      border-bottom: 9.6px solid transparent;
      border-left: 16px solid #dc004f;
      border-right: 0; }
  .maincontent .csc-content p a,
  .maincontent article .link-box a,
  .maincontent article .frame-type-text a,
  .maincontent article.article-detail .description a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .maincontent .onecol {
    /* Zitate-Slider */ }
    .maincontent .onecol .slider-zitate {
      padding: 0 80px; }
      .maincontent .onecol .slider-zitate .slick-slide {
        margin: 0; }
  .maincontent .csc-header.csc-header-n1 + .frame-type-locore_loimageslider {
    margin-top: -130px; }
  .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider {
    background: transparent;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slidercontent .internal-link:before {
      content: '';
      display: none; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider.slick-slider {
      margin: 0; }
    @media print, screen and (max-width: 63.99875em) {
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider {
        margin-bottom: 2rem; } }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider .slick-slide,
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider li {
      margin: 0; }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider .slick-slide .image-outerwrap,
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider li .image-outerwrap {
        position: relative;
        padding-bottom: 56%;
        width: 100%; }
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider .slick-slide .image-outerwrap .image-wrap,
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider li .image-outerwrap .image-wrap {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: 100%; }
          .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider .slick-slide .image-outerwrap .image-wrap img,
          .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider li .image-outerwrap .image-wrap img {
            width: auto;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            filter: grayscale(100%);
            transition: 500ms; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-link {
      position: static;
      padding: 0; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text {
      background: transparent;
      position: static;
      width: auto;
      word-wrap: normal;
      padding: 18px;
      padding: 1rem;
      text-align: center; }
      @media print, screen and (max-width: 63.99875em) {
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text {
          padding: 1rem 0; } }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text h2.caption-title {
        color: #fff;
        font-size: 36px;
        font-size: 2rem;
        line-height: 130%; }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text .caption-body {
        color: #fff;
        line-height: 130%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text .caption-body h3 {
          color: #2a2a2a; }
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text .caption-body a {
          font-weight: bold; }
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text .caption-body .linkwrap-readmore {
          -ms-flex-item-align: center;
              align-self: center; }
          .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text .caption-body .linkwrap-readmore a:after {
            content: '>';
            margin-left: 3px;
            margin-left: 0.2rem; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev,
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next {
      top: 40%;
      width: 50px;
      height: 50px;
      z-index: 100;
      opacity: 0;
      border-bottom: none; }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev:hover,
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next:hover {
        border-bottom: none !important; }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev:before,
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next:before {
        content: '';
        background-repeat: no-repeat;
        background-position: center;
        display: block;
        width: 50px;
        height: 50px; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev {
      left: 10px; }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev:before {
        background-image: url("../Icons/Pfeil_blau_links.svg"); }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next {
      right: 10px; }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next:before {
        background-image: url("../Icons/Pfeil_blau_rechts.svg"); }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider:hover button.slick-prev,
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider:hover button.slick-next {
      opacity: 1; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider:hover .slidercontent > a img {
      filter: none !important; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots {
      position: relative;
      bottom: 0;
      padding-bottom: 0; }
      .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots li {
        width: 12px;
        height: 12px;
        display: inline-block;
        margin: 0 6px; }
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots li button {
          border-bottom: none;
          border-radius: initial;
          box-shadow: initial;
          background: transparent;
          width: 12px;
          height: 12px;
          padding: 0; }
          .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots li button:hover {
            border-bottom: none !important; }
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots li button:before {
          content: '';
          display: block;
          width: 12px;
          height: 12px;
          background-size: 12px 12px;
          background-repeat: no-repeat;
          background-position: center;
          background-image: url("../Icons/foto_dots.svg") !important;
          font-size: 0;
          line-height: 0;
          opacity: 1;
          color: transparent; }
        .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots li.slick-active button:before {
          background-image: url("../Icons/foto_dots_voll.svg") !important; }
    .maincontent .frame-type-locore_loimageslider .slider-wrap .locore-imageslider ul li {
      list-style: outside none none !important; }
  .maincontent .slick-arrow:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 50px;
    height: 50px; }
  .maincontent .slick-arrow.slick-prev:before {
    background-image: url("../Icons/Pfeil_blau_links.svg"); }
  .maincontent .slick-arrow.slick-next:before {
    background-image: url("../Icons/Pfeil_blau_rechts.svg"); }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider img {
    filter: grayscale(100%); }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider .caption-wrapper {
    padding: 0 50px; }
    @media print, screen and (max-width: 63.99875em) {
      .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .image-slider .caption-wrapper {
        padding: 0; } }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-link {
    position: static;
    padding: 0; }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text h2.caption-title {
    color: #2a2a2a;
    text-align: left;
    font-size: 25px;
    font-size: 1.44444rem; }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text .caption-body {
    text-align: left; }
    .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .caption-text .caption-body .linkwrap-readmore a:after {
      content: '>';
      margin-left: 3px;
      margin-left: 0.2rem; }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev,
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next {
    top: initial !important;
    bottom: 5% !important; }
    @media print, screen and (max-width: 63.99875em) {
      .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev,
      .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next {
        bottom: 0 !important; } }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-prev:before {
    background-image: url("../Icons/Pfeil_weiss_links.svg"); }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider button.slick-next:before {
    background-image: url("../Icons/Pfeil_weiss_rechts.svg"); }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots li button:before {
    background-image: url("../Icons/foto_dots_white.svg") !important; }
  .maincontent article .frame-type-locore_loimageslider .slider-wrap .locore-imageslider .slick-dots li.slick-active button:before {
    background-image: url("../Icons/foto_dots_voll_white.svg") !important; }
  .maincontent .container-slider h1 {
    line-height: 36px;
    line-height: 2rem; }
  .maincontent .detail-marginal .marginal--content {
    -ms-flex-pack: start;
        justify-content: flex-start;
    gap: 36px;
    gap: 2rem;
    -ms-flex-align: stretch;
        align-items: stretch; }
    .maincontent .detail-marginal .marginal--content .frame-type-locore_louniversallist header h2 {
      color: #00a8e5; }
    .maincontent .detail-marginal .marginal--content .locore-recommended-units header,
    .maincontent .detail-marginal .marginal--content .frame-type-locore_loheadline {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      margin-bottom: 18px;
      margin-bottom: 1rem; }
      .maincontent .detail-marginal .marginal--content .locore-recommended-units header h2,
      .maincontent .detail-marginal .marginal--content .frame-type-locore_loheadline h2 {
        margin-bottom: 0; }
  .maincontent ul.list-cards {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex: 1;
        flex: 1;
    list-style: none;
    margin: 0; }
    .maincontent ul.list-cards li {
      width: 270px;
      -ms-flex-positive: 0;
          flex-grow: 0;
      position: relative;
      margin-bottom: 36px;
      margin-bottom: 2rem; }
      .maincontent ul.list-cards li .card.card {
        height: 100%;
        color: #fff; }
        .maincontent ul.list-cards li .card.card h2, .maincontent ul.list-cards li .card.card h3 {
          color: #fff; }
        .maincontent ul.list-cards li .card.card img {
          max-width: 100%;
          filter: grayscale(100%); }
        .maincontent ul.list-cards li .card.card .card-divider {
          color: #fff;
          padding-bottom: 5px;
          padding-bottom: 0.3rem;
          font-size: 16px;
          font-size: 0.88889rem; }
        .maincontent ul.list-cards li .card.card .card-section {
          color: #fff;
          padding-top: 0;
          padding-bottom: 0; }
        .maincontent ul.list-cards li .card.card:hover .image-wrap {
          position: relative; }
          .maincontent ul.list-cards li .card.card:hover .image-wrap .thumb {
            position: absolute;
            z-index: 10;
            height: 100%;
            width: 100%;
            background-image: url("../Images/White-Coming-Soon-Stamp.svg");
            background-color: rgba(220, 0, 79, 0.6);
            background-size: 200px;
            background-repeat: no-repeat;
            background-position: center;
            transition: background-color 200ms linear; }
          .maincontent ul.list-cards li .card.card:hover .image-wrap img {
            filter: grayscale(100%) !important; }
        .maincontent ul.list-cards li .card.card:hover a {
          cursor: pointer; }
          .maincontent ul.list-cards li .card.card:hover a .image-wrap .thumb {
            background-image: url("../Images/Handwerk_Daumen.svg");
            background-size: 100px; }
        .maincontent ul.list-cards li .card.card > a {
          height: 100%;
          border-bottom: none; }
          .maincontent ul.list-cards li .card.card > a:hover {
            border-bottom: none !important; }
      .maincontent ul.list-cards li .card.hms-tipp img {
        filter: none; }
  .maincontent .list-cards {
    -ms-flex-pack: start;
        justify-content: flex-start;
    gap: 18px;
    gap: 1rem; }
  .maincontent .list-cards {
    -ms-flex-pack: justify;
        justify-content: space-between;
    gap: 18px;
    gap: 1rem; }
  @media print, screen and (max-width: 63.99875em) {
    .maincontent .detail-marginal .list-cards {
      -ms-flex-pack: distribute;
          justify-content: space-around; } }
  @media print, screen and (min-width: 64em) {
    .maincontent .detail-marginal .list-cards {
      -ms-flex-pack: start;
          justify-content: flex-start; } }

/* ----------------------------- */
/* Fake horizontal trennelement  */
/* ----------------------------- */
[class*='trennelementwrap--'] {
  margin: 10px 0; }
  [class*='trennelementwrap--'] .cell > [class*='trennelement-innerwrap'] {
    margin-top: 50px;
    margin-bottom: 40px; }
    [class*='trennelementwrap--'] .cell > [class*='trennelement-innerwrap'][class*='trennelement-innerwrap--slim'] {
      margin-top: 10px;
      margin-bottom: 10px; }
  [class*='trennelementwrap--'].trennelementwrap--color1 {
    /* Fake horizontal trennelement, keeps html in one piece  */
    background-color: #fff;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%; }
  [class*='trennelementwrap--'].trennelementwrap--color2 {
    /* Fake horizontal trennelement, keeps html in one piece  */
    background-color: #fff;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%; }
  [class*='trennelementwrap--'].trennelementwrap--color3 {
    /* Fake horizontal trennelement, keeps html in one piece  */
    background-color: #fff;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%; }
  [class*='trennelementwrap--'].trennelementwrap--color4 {
    /* Fake horizontal trennelement, keeps html in one piece  */
    background-color: #f4f4f4;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%; }
  [class*='trennelementwrap--'].trennelementwrap--color5 {
    /* Fake horizontal trennelement, keeps html in one piece  */
    background-color: #00a8e5;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%; }

/* *************/
/*  breadcrumb */
/* *************/
.breadcrumb {
  padding-bottom: 27px;
  padding-bottom: 1.5rem;
  padding-top: 9px;
  padding-top: 0.5rem; }
  .breadcrumb ul {
    margin: 0;
    padding: 0; }
  .breadcrumb li {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none; }
    .breadcrumb li:first-of-type {
      margin: 0; }
    .breadcrumb li:after {
      content: '';
      background-repeat: no-repeat;
      background-position: center;
      display: inline-block;
      width: 5px;
      height: 12px;
      background-image: url("../Icons/Pfeil_breadcrumbs_black.svg");
      padding: 0 15px; }
    .breadcrumb li:last-child:after {
      display: none; }
    .breadcrumb li a {
      color: #dc004f;
      border-bottom: 1px solid transparent; }
      .breadcrumb li a:hover:not(.no-underline) {
        border-bottom: 1px solid #dc004f; }

/* ***********************************/
/*  line-stop-at-content, Trenn-Icon */
/* ***********************************/
.line-stop-at-content--trenn-icon {
  /* defaults */
  --top-line-color: #ababab;
  --top-eraser-bg: #f4f4f4;
  --bottom-line-color: #ababab;
  --bottom-eraser-bg: #f4f4f4;
  /* TOP */
  /* BOTTOM */
  /* ====== REVERSE DIRECTION MODIFIERS ====== */
  /* TOP line: draw from content LEFT → viewport RIGHT */
  /* BOTTOM line: draw from content LEFT → viewport RIGHT */
  /* Alignment modifiers per side */
  /* Color/theme modifiers per side */ }
  .line-stop-at-content--trenn-icon.has-top-line {
    position: relative;
    --line-thickness: 2px;
    /* LINE + right-eraser live on the slot element */ }
    .line-stop-at-content--trenn-icon.has-top-line .trenn-line-slot--top {
      position: absolute;
      left: 0;
      right: 0;
      height: 0;
      pointer-events: none;
      top: 0; }
      .line-stop-at-content--trenn-icon.has-top-line .trenn-line-slot--top::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--top-line-color);
        z-index: 0;
        top: 0; }
      .line-stop-at-content--trenn-icon.has-top-line .trenn-line-slot--top::after {
        content: "";
        position: absolute;
        left: calc(50% + min(50vw, 33.33333rem) - 0.83333rem);
        right: 0;
        height: 2px;
        background: var(--top-eraser-bg);
        z-index: 1;
        top: 0; }
    .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top {
      /* width is controlled by a CSS var so we can use it for positioning */
      --icon-width: clamp(120px, 12vw, 260px);
      color: var(--top-line-color);
      position: absolute;
      z-index: 2;
      width: var(--icon-width);
      line-height: 0;
      /* place the icon so its RIGHT edge sits on the content's RIGHT edge */
      left: calc(50% + min(50vw, 33.33333rem) - 0.83333rem - var(--icon-width));
      /* vertical alignment on the rule */
      top: 0;
      -ms-transform: translateY(calc(-100% + (var(--line-thickness) / 1)));
          transform: translateY(calc(-100% + (var(--line-thickness) / 1)));
      /* local eraser: covers the line under the icon area */ }
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: calc((var(--line-thickness) * 2));
        background: var(--top-eraser-bg);
        z-index: 1;
        bottom: calc(-1 * (var(--line-thickness) / 2)); }
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top svg {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        height: auto; }
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top svg path,
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top svg line,
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top svg polyline,
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top svg circle,
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top svg rect,
      .line-stop-at-content--trenn-icon.has-top-line .trenn-icon--top svg polygon {
        stroke: currentColor !important;
        fill: none !important;
        stroke-width: var(--line-thickness);
        vector-effect: non-scaling-stroke;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-opacity: 1; }
  .line-stop-at-content--trenn-icon.has-bottom-line {
    position: relative;
    --line-thickness: 2px;
    /* LINE + right-eraser live on the slot element */ }
    .line-stop-at-content--trenn-icon.has-bottom-line .trenn-line-slot--bottom {
      position: absolute;
      left: 0;
      right: 0;
      height: 0;
      pointer-events: none;
      bottom: 0; }
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-line-slot--bottom::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 2px;
        background: var(--bottom-line-color);
        z-index: 0;
        bottom: 0; }
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-line-slot--bottom::after {
        content: "";
        position: absolute;
        left: calc(50% + min(50vw, 33.33333rem) - 0.83333rem);
        right: 0;
        height: 2px;
        background: var(--bottom-eraser-bg);
        z-index: 1;
        bottom: 0; }
    .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom {
      /* width is controlled by a CSS var so we can use it for positioning */
      --icon-width: clamp(120px, 12vw, 260px);
      color: var(--bottom-line-color);
      position: absolute;
      z-index: 2;
      width: var(--icon-width);
      line-height: 0;
      /* place the icon so its RIGHT edge sits on the content's RIGHT edge */
      left: calc(50% + min(50vw, 33.33333rem) - 0.83333rem - var(--icon-width));
      /* vertical alignment on the rule */
      bottom: -1px;
      -ms-transform: translateY(calc(-1 * (var(--line-thickness) / 2)));
          transform: translateY(calc(-1 * (var(--line-thickness) / 2)));
      /* local eraser: covers the line under the icon area */ }
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: calc((var(--line-thickness) * 2));
        background: var(--bottom-eraser-bg);
        z-index: 1;
        bottom: calc(-1 * (var(--line-thickness) / 2)); }
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom svg {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        height: auto; }
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom svg path,
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom svg line,
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom svg polyline,
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom svg circle,
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom svg rect,
      .line-stop-at-content--trenn-icon.has-bottom-line .trenn-icon--bottom svg polygon {
        stroke: currentColor !important;
        fill: none !important;
        stroke-width: var(--line-thickness);
        vector-effect: non-scaling-stroke;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-opacity: 1; }
  .line-stop-at-content--trenn-icon.trenn-line-reverse--top .trenn-line-slot--top::after {
    left: 0;
    right: calc(50% + min(50vw, 33.33333rem) - 0.83333rem); }
  .line-stop-at-content--trenn-icon.trenn-line-reverse--bottom .trenn-line-slot--bottom::after {
    left: 0;
    right: calc(50% + min(50vw, 33.33333rem) - 0.83333rem); }
  .line-stop-at-content--trenn-icon.trenn-icon-top-align--left .trenn-icon--top {
    left: calc(50% - min(50vw, 33.33333rem) + 0.83333rem); }
  .line-stop-at-content--trenn-icon.trenn-icon-bottom-align--left .trenn-icon--bottom {
    left: calc(50% - min(50vw, 33.33333rem) + 0.83333rem); }
  .line-stop-at-content--trenn-icon.trenn-icon-top-color--0 {
    --top-line-color: #ababab;
    --top-eraser-bg: #f4f4f4; }
  .line-stop-at-content--trenn-icon.trenn-icon-top-color--1 {
    --top-line-color: #00a8e5;
    --top-eraser-bg: #fff; }
  .line-stop-at-content--trenn-icon.trenn-icon-bottom-color--0 {
    --bottom-line-color: #ababab;
    --bottom-eraser-bg: #f4f4f4; }
  .line-stop-at-content--trenn-icon.trenn-icon-bottom-color--1 {
    --bottom-line-color: #00a8e5;
    --bottom-eraser-bg: #fff; }
  .line-stop-at-content--trenn-icon.has-top-line {
    margin-top: 90px;
    margin-top: 5rem; }
  .line-stop-at-content--trenn-icon.has-bottom-line {
    padding-bottom: 90px;
    padding-bottom: 5rem; }

.maincontent > .grid-container > .grid-x > .cell > [class*='trennelementwrap--']:first-child,
.maincontent > .grid-container > .grid-x > .cell > *:first-child > [class*='trennelementwrap--'] {
  margin-top: 0px; }

/* ********************************************************************************************************  */
/* geschachtelte Trennelemente: Anpassen vert. Abstaende bei CE "fake" Trennelement in anderem Trennelement  */
/* ********************************************************************************************************  */
.trennelement-innerwrap > [class*='trennelementwrap--'] {
  /* bei Schachtelung auch Abstaende weiter innen herausnehmen, da sonst doppelt: */ }
  .trennelement-innerwrap > [class*='trennelementwrap--']:first-child {
    margin-top: -50px;
    margin-bottom: 50px; }
  .trennelement-innerwrap > [class*='trennelementwrap--']:last-child {
    margin-top: 50px;
    margin-bottom: -50px; }
  .trennelement-innerwrap > [class*='trennelementwrap--']:only-child {
    margin-top: -50px;
    margin-bottom: -50px; }

/* ****************************************  */
/* Trennelement-Begrenzungslinien mit image  */
.lo-container.onecol.row.container-boxed.boxedColor4 {
  background-color: #f4f4f4; }

.lo-container.onecol.row.container-boxed.boxedColor5 {
  background-color: #00a8e5; }

.lo-container.onecol.row.container-boxed.boxed-padding-0 {
  padding: 0; }

.lo-container.onecol.row.container-boxed.boxed-padding-1 {
  padding: 18px;
  padding: 1rem; }

.lo-container.onecol.row.container-boxed.boxed-padding-2 {
  padding: 36px;
  padding: 2rem; }

.lo-container.onecol.row.container-boxed.boxed-padding-3 {
  padding: 54px;
  padding: 3rem; }

/* Formular-Seiten: kein breadcrumb */
.pid__1003788 .breadcrumb ul,
.pid__1003790 .breadcrumb ul {
  display: none; }

/* Welten-Slider mit ueberlagerter H1 */
.pid__1003494 .frame-default header h1,
.pid__1003495 .frame-default header h1 {
  position: relative;
  top: 60px; }

.pid__1003494 .frame-default header + .frame-type-locore_loimageslider,
.pid__1003495 .frame-default header + .frame-type-locore_loimageslider {
  margin-top: -130px; }

.maincontent .headerimage-wrap {
  position: relative;
  overflow: hidden; }
  .maincontent .headerimage-wrap .headline-wrap {
    position: absolute;
    top: 60px;
    z-index: 10;
    display: block;
    width: 828px;
    width: 46rem; }
    @media print, screen and (max-width: 63.99875em) {
      .maincontent .headerimage-wrap .headline-wrap {
        width: 100%; } }
    .maincontent .headerimage-wrap .headline-wrap h1 {
      position: relative;
      margin: 0;
      background-color: #dc004f;
      color: #fff;
      padding: 4px 20px;
      line-height: 1.3;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      display: inline; }
  .maincontent .headerimage-wrap .headerimage img {
    filter: grayscale(100%); }

.pid__1003497 .maincontent h1 {
  margin: 0; }
  @media print, screen and (max-width: 39.99875em) {
    .pid__1003497 .maincontent h1 {
      line-height: 2.0rem; } }
  .pid__1003497 .maincontent h1:after {
    margin-bottom: 36px;
    margin-bottom: 2rem; }

.pid__1003497 .maincontent h2, .pid__1003497 .maincontent h3, .pid__1003497 .maincontent h4 {
  color: #2a2a2a; }

.pid__1003497 .maincontent .projektinfos-beteiligte-verbaende .csc-textpic-imagewrap {
  width: 300px; }
  @media print, screen and (max-width: 63.99875em) {
    .pid__1003497 .maincontent .projektinfos-beteiligte-verbaende .csc-textpic-imagewrap {
      width: 100%; } }
  .pid__1003497 .maincontent .projektinfos-beteiligte-verbaende .csc-textpic-imagewrap a {
    border-bottom: none; }
    .pid__1003497 .maincontent .projektinfos-beteiligte-verbaende .csc-textpic-imagewrap a:hover {
      border-bottom: none !important; }

/* in LO datensaetzen, im Content-Abschnitt: doppelten Margin nach Headline-Content-Element wegnehmen */
.maincontent article .csc-default > .csc-header-n1:last-child {
  margin-bottom: -36px;
  margin-bottom: -2rem; }

/* Verbandsseiten: Header mobil  */
/* Auf Startseite */
.pid__1003493 .breadcrumb {
  display: none; }
  .pid__1003493 .breadcrumb + .lo-container {
    margin-top: 0; }

/* Auf Startseite und Projektinfo-Seite den Standard-Margin ueber dem Handwerk-Logo / "Beteiligte Verbände" wegnehmen */
.pid__1003493 .maincontent .onecol .container-logo-anbieter > .frame-default > header,
.pid__1003497 .maincontent .onecol .container-logo-anbieter > .frame-default > header {
  margin-bottom: 0; }
  .pid__1003493 .maincontent .onecol .container-logo-anbieter > .frame-default > header h3,
  .pid__1003497 .maincontent .onecol .container-logo-anbieter > .frame-default > header h3 {
    margin-bottom: 50px;
    margin-bottom: 2.77778rem; }

.pid__1003493 .maincontent .list-logos .onecol > DIV,
.pid__1003493 .maincontent .onecol > .container-logo-anbieter,
.pid__1003497 .maincontent .list-logos .onecol > DIV,
.pid__1003497 .maincontent .onecol > .container-logo-anbieter {
  -ms-flex-pack: left;
      justify-content: left; }
  .pid__1003493 .maincontent .list-logos .onecol > DIV #c1128859,
  .pid__1003493 .maincontent .onecol > .container-logo-anbieter #c1128859,
  .pid__1003497 .maincontent .list-logos .onecol > DIV #c1128859,
  .pid__1003497 .maincontent .onecol > .container-logo-anbieter #c1128859 {
    margin-right: 54px;
    margin-right: 3rem; }
  .pid__1003493 .maincontent .list-logos .onecol > DIV #c1128859,
  .pid__1003493 .maincontent .onecol > .container-logo-anbieter #c1128859,
  .pid__1003497 .maincontent .list-logos .onecol > DIV #c1128859,
  .pid__1003497 .maincontent .onecol > .container-logo-anbieter #c1128859 {
    margin-right: 200px; }
    .pid__1003493 .maincontent .list-logos .onecol > DIV #c1128859 img,
    .pid__1003493 .maincontent .onecol > .container-logo-anbieter #c1128859 img,
    .pid__1003497 .maincontent .list-logos .onecol > DIV #c1128859 img,
    .pid__1003497 .maincontent .onecol > .container-logo-anbieter #c1128859 img {
      height: 90px; }

.pid__1003497 .maincontent .onecol .hms-box-content header h2 {
  margin-bottom: -27px;
  margin-bottom: -1.5rem; }

.pid__1003497 .maincontent .onecol .hms-box-content > * {
  margin-bottom: 18px;
  margin-bottom: 1rem; }

.footer {
  background-color: #707070;
  padding: 36px 22px 18px 22px;
  padding: 2rem 1.25rem 1rem 1.25rem; }
  .footer .footer-link-list {
    margin-top: 3px;
    margin-top: 0.2rem;
    margin-bottom: 18px;
    margin-bottom: 1rem; }
    .footer .footer-link-list .menu {
      -ms-flex-pack: center;
          justify-content: center; }
      .footer .footer-link-list .menu li {
        border-right: 2px solid #fff; }
        .footer .footer-link-list .menu li a {
          color: #fff;
          padding: 0 18px;
          padding: 0 1.0rem; }
        .footer .footer-link-list .menu li:last-child {
          border-right: none; }
  .footer .footer-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 30px 0 10px; }
    @media print, screen and (max-width: 63.99875em) {
      .footer .footer-center {
        margin: 30px 0 30px; } }
    .footer .footer-center img {
      width: 150px; }

.footer-contact {
  color: #fff; }
  .footer-contact a {
    color: #fff; }
    .footer-contact a:hover {
      color: #dc004f; }
  .footer-contact strong {
    display: inline-block;
    margin-bottom: 1em; }
  .footer-contact .social-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    width: 200px;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .footer-contact .social-links .socmed {
      font-size: 36px;
      font-size: 2rem;
      color: #fff; }
      .footer-contact .social-links .socmed:hover {
        text-decoration: none;
        color: #dc004f; }
      .footer-contact .social-links .socmed .icon-facebook {
        margin-right: -8px; }

/*# sourceMappingURL=screen.css.map */