@charset "UTF-8";
/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/* Mixins */
/**
 * Fonts
 */
/**
 * Color
 */
/* old Color */
/* NEW: css color properties, for main nav */
:root,
.blue,
.section-blue {
  --color-schema-base: #024975;
  --color-schema-light: #e4f6ff;
}

.petrol,
.section-petrol {
  --color-schema-base: #0f838b;
  --color-schema-light: #e4f6ff;
}

.red,
.section-red {
  --color-schema-base: #a82141;
  --color-schema-light: #fdf1ea;
}

.orange,
.section-orange {
  --color-schema-base: #e77529;
  --color-schema-light: #fdf1ea;
}

/* NEW: css color properties for Home Slider only */
.home-green {
  color: #00747A;
  text-shadow: none;
}
.home-green a {
  color: #00747A;
}

.home-dark-blue {
  color: #003359;
  text-shadow: none;
}
.home-dark-blue a {
  color: #003359;
}

.home-orange {
  color: #FF7900;
  text-shadow: none;
}
.home-orange a {
  color: #FF7900;
}

.home-red {
  color: #A82141;
  text-shadow: none;
}
.home-red a {
  color: #A82141;
}

.home-light-blue {
  color: #e4f6ff;
  text-shadow: none;
}
.home-light-blue a {
  color: #e4f6ff;
}

/**
 * Breakpoints
 */
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Global configuration
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:before, *:after {
  clear: both;
}

body {
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  background-color: #fff;
  color: #202020;
}
body.fixed {
  overflow: hidden;
}
@media only screen and (max-width: 575px) {
  body {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 991px) {
  body.fixed-mobile {
    overflow: hidden;
  }
}
body main {
  overflow: hidden;
}

p {
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #202020;
  margin-bottom: 15px;
}
@media only screen and (max-width: 575px) {
  p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

p.icon-Phone, p.icon-WhatsApp, table.icon-Phone, table.icon-WhatsApp, li.icon-Phone, li.icon-WhatsApp, span.icon-Phone, span.icon-WhatsApp {
  line-height: 120%;
  position: relative;
  padding-left: 20px;
}
p.icon-Phone:before, p.icon-WhatsApp:before, table.icon-Phone:before, table.icon-WhatsApp:before, li.icon-Phone:before, li.icon-WhatsApp:before, span.icon-Phone:before, span.icon-WhatsApp:before {
  color: #e77529;
  font-size: 0.875rem;
  position: absolute;
  left: 0;
  top: 2px;
}
@media only screen and (max-width: 575px) {
  p.icon-Phone:before, p.icon-WhatsApp:before, table.icon-Phone:before, table.icon-WhatsApp:before, li.icon-Phone:before, li.icon-WhatsApp:before, span.icon-Phone:before, span.icon-WhatsApp:before {
    top: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
p.icon-Phone:hover, p.icon-Phone:focus, p.icon-WhatsApp:hover, p.icon-WhatsApp:focus, table.icon-Phone:hover, table.icon-Phone:focus, table.icon-WhatsApp:hover, table.icon-WhatsApp:focus, li.icon-Phone:hover, li.icon-Phone:focus, li.icon-WhatsApp:hover, li.icon-WhatsApp:focus, span.icon-Phone:hover, span.icon-Phone:focus, span.icon-WhatsApp:hover, span.icon-WhatsApp:focus {
  text-decoration: none;
  color: #024975;
}

span.icon-Phone:before, span.icon-WhatsApp:before {
  left: 4px;
}

h1.orange, h1 .orange, h2.orange, h2 .orange, h3.orange, h3 .orange, h4.orange, h4 .orange, h5.orange, h5 .orange, h6.orange, h6 .orange,
.h1.orange,
.h1 .orange, .h2.orange, .h2 .orange, .h3.orange, .h3 .orange, .h4.orange, .h4 .orange, .h5.orange, .h5 .orange, .h6.orange, .h6 .orange,
p.orange,
p .orange {
  color: #e77529;
}
h1.orange > a, h1 .orange > a, h2.orange > a, h2 .orange > a, h3.orange > a, h3 .orange > a, h4.orange > a, h4 .orange > a, h5.orange > a, h5 .orange > a, h6.orange > a, h6 .orange > a,
.h1.orange > a,
.h1 .orange > a, .h2.orange > a, .h2 .orange > a, .h3.orange > a, .h3 .orange > a, .h4.orange > a, .h4 .orange > a, .h5.orange > a, .h5 .orange > a, .h6.orange > a, .h6 .orange > a,
p.orange > a,
p .orange > a {
  color: #e77529;
}
h1.blue, h1 .blue, h2.blue, h2 .blue, h3.blue, h3 .blue, h4.blue, h4 .blue, h5.blue, h5 .blue, h6.blue, h6 .blue,
.h1.blue,
.h1 .blue, .h2.blue, .h2 .blue, .h3.blue, .h3 .blue, .h4.blue, .h4 .blue, .h5.blue, .h5 .blue, .h6.blue, .h6 .blue,
p.blue,
p .blue {
  color: #024975;
}
h1.blue > a, h1 .blue > a, h2.blue > a, h2 .blue > a, h3.blue > a, h3 .blue > a, h4.blue > a, h4 .blue > a, h5.blue > a, h5 .blue > a, h6.blue > a, h6 .blue > a,
.h1.blue > a,
.h1 .blue > a, .h2.blue > a, .h2 .blue > a, .h3.blue > a, .h3 .blue > a, .h4.blue > a, .h4 .blue > a, .h5.blue > a, .h5 .blue > a, .h6.blue > a, .h6 .blue > a,
p.blue > a,
p .blue > a {
  color: #e77529;
}

strong, b {
  font-weight: bold;
}

sub, sup {
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 575px) {
  sub, sup {
    font-size: 8px;
    font-size: 0.5rem;
  }
}

.divider .container {
  padding: 0 12.5px;
}
.divider hr {
  border: 0.5px solid #024975;
  margin-bottom: 0;
}

.frame-type-textmedia {
  clear: both;
}

.frame-type-header h2:only-child, .frame-type-header h3:only-child, .frame-type-header h4:only-child, .frame-type-header h5:only-child {
  margin-bottom: 0;
}

.bg-white > div, .bg-blue > div, .bg-light-blue > div, .bg-img-fullwidth > div {
  padding: 50px 25px 25px;
}
@media only screen and (max-width: 767px) {
  .bg-white > div, .bg-blue > div, .bg-light-blue > div, .bg-img-fullwidth > div {
    padding: 25px 12.5px 20.5px;
  }
  .bg-white > div:empty, .bg-blue > div:empty, .bg-light-blue > div:empty, .bg-img-fullwidth > div:empty {
    padding: 0 12.5px;
  }
}

.bg-white + .bg-white > div {
  padding: 0 25px 25px;
}
@media only screen and (max-width: 767px) {
  .bg-white + .bg-white > div {
    padding: 0 12.5px 20.5px;
  }
  .bg-white + .bg-white > div:empty {
    padding: 0 12.5px;
  }
}

.bg-white > div.full-width, .bg-white + .bg-white > div.full-width {
  padding: 0;
}
.bg-white > div.full-width .col-12, .bg-white + .bg-white > div.full-width .col-12 {
  padding: 0;
}

.bg-blue > div {
  background-color: #024975;
}
.bg-blue p, .bg-blue a {
  color: #fff;
}
.bg-blue a:hover, .bg-blue a:focus {
  color: #fff;
}

.bg-light-blue > div.full-width {
  background-color: #e4f6ff;
}
.bg-light-blue > div.container {
  padding: 0 25px 0;
}
@media only screen and (max-width: 767px) {
  .bg-light-blue > div.container {
    padding: 0;
    padding-top: 25px;
  }
  .bg-light-blue > div.container .ce-100 .columns {
    padding: 25px 0;
    margin-bottom: 25px;
  }
  .bg-light-blue > div.container .ce-100 .columns .col-12 {
    padding: 0 25px;
  }
}
.bg-light-blue > div.container .columns {
  background-color: #e4f6ff;
}
.bg-light-blue > div.container .ce-50-50, .bg-light-blue > div.container .ce-33-66, .bg-light-blue > div.container .ce-66-33 {
  padding: 0;
  margin: 0 12.5px 0;
}
@media only screen and (max-width: 767px) {
  .bg-light-blue > div.container .ce-50-50, .bg-light-blue > div.container .ce-33-66, .bg-light-blue > div.container .ce-66-33 {
    margin: 0 -12.5px -12.5px;
  }
}
.bg-light-blue > div.container .ce-50-50 .columns .col-6, .bg-light-blue > div.container .ce-50-50 .columns .col-4, .bg-light-blue > div.container .ce-50-50 .columns .col-8, .bg-light-blue > div.container .ce-33-66 .columns .col-6, .bg-light-blue > div.container .ce-33-66 .columns .col-4, .bg-light-blue > div.container .ce-33-66 .columns .col-8, .bg-light-blue > div.container .ce-66-33 .columns .col-6, .bg-light-blue > div.container .ce-66-33 .columns .col-4, .bg-light-blue > div.container .ce-66-33 .columns .col-8 {
  margin: 0;
  padding: 0;
}
.bg-light-blue > div.container .ce-50-50 .columns .col-6 .frame-type-textmedia, .bg-light-blue > div.container .ce-50-50 .columns .col-4 .frame-type-textmedia, .bg-light-blue > div.container .ce-50-50 .columns .col-8 .frame-type-textmedia, .bg-light-blue > div.container .ce-33-66 .columns .col-6 .frame-type-textmedia, .bg-light-blue > div.container .ce-33-66 .columns .col-4 .frame-type-textmedia, .bg-light-blue > div.container .ce-33-66 .columns .col-8 .frame-type-textmedia, .bg-light-blue > div.container .ce-66-33 .columns .col-6 .frame-type-textmedia, .bg-light-blue > div.container .ce-66-33 .columns .col-4 .frame-type-textmedia, .bg-light-blue > div.container .ce-66-33 .columns .col-8 .frame-type-textmedia {
  padding: 40px;
}
.bg-light-blue > div.container .ce-50-50 .columns .col-6 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-50-50 .columns .col-4 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-50-50 .columns .col-8 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-33-66 .columns .col-6 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-33-66 .columns .col-4 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-33-66 .columns .col-8 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-66-33 .columns .col-6 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-66-33 .columns .col-4 .frame-type-textmedia p:last-child, .bg-light-blue > div.container .ce-66-33 .columns .col-8 .frame-type-textmedia p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .bg-light-blue > div.container .ce-50-50 .columns .col-6 .frame-type-textmedia, .bg-light-blue > div.container .ce-50-50 .columns .col-4 .frame-type-textmedia, .bg-light-blue > div.container .ce-50-50 .columns .col-8 .frame-type-textmedia, .bg-light-blue > div.container .ce-33-66 .columns .col-6 .frame-type-textmedia, .bg-light-blue > div.container .ce-33-66 .columns .col-4 .frame-type-textmedia, .bg-light-blue > div.container .ce-33-66 .columns .col-8 .frame-type-textmedia, .bg-light-blue > div.container .ce-66-33 .columns .col-6 .frame-type-textmedia, .bg-light-blue > div.container .ce-66-33 .columns .col-4 .frame-type-textmedia, .bg-light-blue > div.container .ce-66-33 .columns .col-8 .frame-type-textmedia {
    padding: 12.5px 20.5px;
  }
}
.bg-light-blue .ce-33-66 .col-4 .frame-type-image, .bg-light-blue .ce-66-33 .col-4 .frame-type-image {
  height: 100%;
}
.bg-light-blue .ce-33-66 .col-4 .frame-type-image figure, .bg-light-blue .ce-66-33 .col-4 .frame-type-image figure {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banderole {
  background-color: #e4f6ff;
  padding: 10px 25px;
  color: #024975;
}
.banderole a {
  text-decoration: none;
  display: block;
}
.banderole a:hover, .banderole a:focus {
  text-decoration: underline;
}

/*** unklare Elemente ***/
.contact-person-container {
  display: none;
}

/**
 * Grid
 */
.container {
  max-width: 1442px;
  position: relative;
  padding: 0 12.5px;
}
@media only screen and (min-width: 768px) {
  .container {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 1442px) {
  .container {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1442px) {
  .bg-blue .container {
    max-width: 1368px;
  }
}

.columns {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.columns [class^=col-], .columns [class*=col-] {
  width: 100%;
  padding: 0 12.5px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 575px) {
  .columns [class^=col-], .columns [class*=col-] {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .columns {
    flex-direction: row;
    justify-content: space-between;
  }
  .columns .col-1 {
    width: 8.3333333333%;
  }
  .columns .col-2 {
    width: 16.6666666667%;
  }
  .columns .col-3 {
    width: 25%;
  }
  .columns .col-4 {
    width: 33.3333333333%;
  }
  .columns .col-5 {
    width: 41.6666666667%;
  }
  .columns .col-6 {
    width: 50%;
  }
  .columns .col-7 {
    width: 58.3333333333%;
  }
  .columns .col-8 {
    width: 66.6666666667%;
  }
  .columns .col-9 {
    width: 75%;
  }
  .columns .col-10 {
    width: 83.3333333333%;
  }
  .columns .col-11 {
    width: 91.6666666667%;
  }
  .columns .col-12 {
    width: 100%;
  }
  .columns .col-7 .columns, .columns .col-8 .columns {
    flex-direction: row;
  }
  .columns .col-7 .columns .col-6:first-child, .columns .col-8 .columns .col-6:first-child {
    padding-left: 0;
  }
  .columns .col-7 .columns .col-6:last-child, .columns .col-8 .columns .col-6:last-child {
    padding-right: 0;
  }
  .columns.news {
    justify-content: flex-start;
  }
}

.ce-100 .ce-25-25-25-25, .ce-100 .ce-50-50, .ce-100 .ce-33-33-33 {
  margin: 0 -12.5px;
}

.ce-20-20-20-20-20 .columns {
  align-items: stretch;
}
@media only screen and (min-width: 576px) {
  .ce-20-20-20-20-20 .columns {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 575px) {
  .ce-20-20-20-20-20 .columns .col-2_5 {
    padding: 0;
    margin: 0 -12.5px;
    width: calc(100% + 25px);
  }
  .ce-20-20-20-20-20 .columns .col-2_5:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) {
  .ce-20-20-20-20-20 .columns .col-2_5 {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .ce-20-20-20-20-20 .columns .col-2_5 {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1280px) {
  .ce-20-20-20-20-20 .columns .col-2_5 {
    width: 20%;
  }
}

.ce-33-66 .columns, .ce-66-33 .columns, .ce-50-50 .columns {
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ce-33-66 .columns [class^=col-].order1, .ce-33-66 .columns [class*=col-].order1, .ce-66-33 .columns [class^=col-].order1, .ce-66-33 .columns [class*=col-].order1, .ce-50-50 .columns [class^=col-].order1, .ce-50-50 .columns [class*=col-].order1 {
    order: 1;
    margin-bottom: 0;
  }
  .ce-33-66 .columns [class^=col-].order2, .ce-33-66 .columns [class*=col-].order2, .ce-66-33 .columns [class^=col-].order2, .ce-66-33 .columns [class*=col-].order2, .ce-50-50 .columns [class^=col-].order2, .ce-50-50 .columns [class*=col-].order2 {
    order: 2;
  }
}

.ce-33-66, .ce-66-33 {
  padding: 0;
  margin: 0 12.5px 25px;
}
@media only screen and (max-width: 767px) {
  .ce-33-66, .ce-66-33 {
    margin: 0 -12.5px 12.5px;
  }
}
.ce-33-66 .columns, .ce-66-33 .columns {
  align-items: stretch;
}
.ce-33-66 .columns [class^=col-], .ce-33-66 .columns [class*=col-], .ce-66-33 .columns [class^=col-], .ce-66-33 .columns [class*=col-] {
  padding: 0;
}
.ce-33-66 .columns .col-8, .ce-66-33 .columns .col-8 {
  align-self: center;
}
.ce-33-66 .columns > .col-8 .frame-type-textmedia, .ce-66-33 .columns > .col-8 .frame-type-textmedia {
  padding: 40px 40px 40px 0;
}
.ce-33-66 .columns > .col-4 + .col-8 .frame-type-textmedia, .ce-66-33 .columns > .col-4 + .col-8 .frame-type-textmedia {
  padding: 40px 0 40px 40px;
}
@media only screen and (max-width: 767px) {
  .ce-33-66 .columns > .col-8 .frame-type-textmedia, .ce-33-66 .columns > .col-4 + .col-8 .frame-type-textmedia, .ce-66-33 .columns > .col-8 .frame-type-textmedia, .ce-66-33 .columns > .col-4 + .col-8 .frame-type-textmedia {
    padding: 25px;
  }
}
.ce-33-66 .columns > .col-8 .frame-type-bullets, .ce-66-33 .columns > .col-8 .frame-type-bullets {
  margin: 0 25px 0 0;
}
.ce-33-66 .columns > .col-4 + .col-8 .frame-type-bullets, .ce-66-33 .columns > .col-4 + .col-8 .frame-type-bullets {
  margin: 0 0 0 25px;
}
@media only screen and (max-width: 767px) {
  .ce-33-66 .columns > .col-8 .frame-type-bullets, .ce-33-66 .columns > .col-4 + .col-8 .frame-type-bullets, .ce-66-33 .columns > .col-8 .frame-type-bullets, .ce-66-33 .columns > .col-4 + .col-8 .frame-type-bullets {
    margin: 0;
    width: 100%;
  }
}

.bg-light-blue:has(+ .bg-light-blue .full-width) .full-width .ce-33-66,
.bg-light-blue:has(+ .bg-light-blue .full-width) .full-width .ce-66-33 {
  margin: 0;
}

.ce-33-33-33 .columns {
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .ce-33-33-33 .columns {
    justify-content: flex-start;
  }
}

.ce-50-50 .columns {
  align-items: stretch;
}
.ce-50-50 .columns .frame-type-textmedia {
  padding: 40px 0 0;
}
.ce-50-50 .columns .frame-type-textmedia:first-child {
  padding: 0;
}

@media only screen and (min-width: 576px) {
  .ce-25-25-25-25 .columns {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.ce-25-25-25-25 .columns .col-3 {
  width: 100%;
}
@media only screen and (min-width: 576px) {
  .ce-25-25-25-25 .columns .col-3 {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .ce-25-25-25-25 .columns .col-3 {
    width: 25%;
  }
}

.bg-light-blue .full-width .ce-50-50 .columns [class^=col-],
.bg-blue .full-width .ce-50-50 .columns [class^=col-] {
  margin-bottom: 0;
}
.bg-light-blue .full-width .ce-50-50 .columns [class^=col-] .frame-type-textmedia p:last-child,
.bg-blue .full-width .ce-50-50 .columns [class^=col-] .frame-type-textmedia p:last-child {
  margin-bottom: 0;
}
.bg-light-blue .full-width .ce-50-50 .columns [class^=col-] .frame-type-textmedia ul,
.bg-blue .full-width .ce-50-50 .columns [class^=col-] .frame-type-textmedia ul {
  margin-left: 20px;
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width,
  .bg-blue .full-width {
    padding: 0;
  }
  .bg-light-blue .full-width .ce-33-66 .columns .col-8.bg-img,
  .bg-light-blue .full-width .ce-33-66 .columns .col-4.bg-img,
  .bg-light-blue .full-width .ce-66-33 .columns .col-8.bg-img,
  .bg-light-blue .full-width .ce-66-33 .columns .col-4.bg-img,
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.bg-img,
  .bg-blue .full-width .ce-33-66 .columns .col-8.bg-img,
  .bg-blue .full-width .ce-33-66 .columns .col-4.bg-img,
  .bg-blue .full-width .ce-66-33 .columns .col-8.bg-img,
  .bg-blue .full-width .ce-66-33 .columns .col-4.bg-img,
  .bg-blue .full-width .ce-50-50 .columns .col-6.bg-img {
    align-self: auto;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6,
  .bg-blue .full-width .ce-50-50 .columns .col-6 {
    align-self: center;
    padding: 0;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-textmedia,
  .bg-light-blue .full-width .ce-33-66 .columns .col-4.order2 .frame-type-textmedia,
  .bg-light-blue .full-width .ce-33-66 .columns .col-8.order2 .frame-type-textmedia,
  .bg-light-blue .full-width .ce-66-33 .columns .col-8.order2 .frame-type-textmedia,
  .bg-light-blue .full-width .ce-66-33 .columns .col-4.order2 .frame-type-textmedia,
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-bullets,
  .bg-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-textmedia,
  .bg-blue .full-width .ce-33-66 .columns .col-4.order2 .frame-type-textmedia,
  .bg-blue .full-width .ce-33-66 .columns .col-8.order2 .frame-type-textmedia,
  .bg-blue .full-width .ce-66-33 .columns .col-8.order2 .frame-type-textmedia,
  .bg-blue .full-width .ce-66-33 .columns .col-4.order2 .frame-type-textmedia,
  .bg-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-bullets {
    padding: 50px 40px 50px 60px;
    max-width: 720px;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-light-blue .full-width .ce-33-66 .columns .col-4.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-light-blue .full-width .ce-33-66 .columns .col-8.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-light-blue .full-width .ce-66-33 .columns .col-8.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-light-blue .full-width .ce-66-33 .columns .col-4.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-bullets + .frame-type-bullets,
  .bg-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-blue .full-width .ce-33-66 .columns .col-4.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-blue .full-width .ce-33-66 .columns .col-8.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-blue .full-width .ce-66-33 .columns .col-8.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-blue .full-width .ce-66-33 .columns .col-4.order2 .frame-type-textmedia + .frame-type-bullets,
  .bg-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-bullets + .frame-type-bullets {
    padding-top: 0;
    margin-top: -50px;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-bullets,
  .bg-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-bullets {
    padding: 50px 40px 50px 40px;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6 .frame-type-textmedia.align-right,
  .bg-blue .full-width .ce-50-50 .columns .col-6 .frame-type-textmedia.align-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    float: right;
    padding: 50px 60px 50px 40px;
  }
}
.bg-light-blue .full-width > .ce-100, .bg-light-blue .full-width > .ce-33-33-33, .bg-light-blue .full-width > .ce-20-20-20-20-20, .bg-light-blue .full-width .ce-50-50.video,
.bg-blue .full-width > .ce-100,
.bg-blue .full-width > .ce-33-33-33,
.bg-blue .full-width > .ce-20-20-20-20-20,
.bg-blue .full-width .ce-50-50.video {
  max-width: 1442px;
  position: relative;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width > .ce-100, .bg-light-blue .full-width > .ce-33-33-33, .bg-light-blue .full-width > .ce-20-20-20-20-20, .bg-light-blue .full-width .ce-50-50.video,
  .bg-blue .full-width > .ce-100,
  .bg-blue .full-width > .ce-33-33-33,
  .bg-blue .full-width > .ce-20-20-20-20-20,
  .bg-blue .full-width .ce-50-50.video {
    padding: 50px 25px 25px;
  }
}
@media only screen and (min-width: 1442px) {
  .bg-light-blue .full-width > .ce-100, .bg-light-blue .full-width > .ce-33-33-33, .bg-light-blue .full-width > .ce-20-20-20-20-20, .bg-light-blue .full-width .ce-50-50.video,
  .bg-blue .full-width > .ce-100,
  .bg-blue .full-width > .ce-33-33-33,
  .bg-blue .full-width > .ce-20-20-20-20-20,
  .bg-blue .full-width .ce-50-50.video {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .bg-light-blue .full-width > .ce-20-20-20-20-20,
  .bg-blue .full-width > .ce-20-20-20-20-20 {
    padding: 0;
    margin: 0 -12.5px;
  }
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width > .ce-20-20-20-20-20,
  .bg-blue .full-width > .ce-20-20-20-20-20 {
    padding: 50px 25px 25px;
  }
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width .ce-50-50.video,
  .bg-blue .full-width .ce-50-50.video {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .bg-light-blue .full-width .ce-50-50.video,
  .bg-blue .full-width .ce-50-50.video {
    padding: 0;
  }
  .bg-light-blue .full-width .ce-50-50.video .frame-type-textmedia,
  .bg-blue .full-width .ce-50-50.video .frame-type-textmedia {
    margin: -25px -25px 25px;
    width: calc(100% + 50px);
  }
  .bg-light-blue .full-width .ce-50-50.video .custom-imagewidth,
  .bg-blue .full-width .ce-50-50.video .custom-imagewidth {
    margin-bottom: 0;
  }
}
.bg-light-blue .full-width .ce-50-50.video .columns .frame-type-textmedia,
.bg-blue .full-width .ce-50-50.video .columns .frame-type-textmedia {
  height: 100%;
}
.bg-light-blue .full-width .ce-50-50.video .columns .frame-type-textmedia figure.video,
.bg-blue .full-width .ce-50-50.video .columns .frame-type-textmedia figure.video {
  margin: 0;
}
.bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 h1, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 h2, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 h3, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 h4, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 h5, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 h6,
.bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 .h1, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 .h2, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 .h3, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 .h4, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 .h5, .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 .h6,
.bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 p,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 h1,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 h2,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 h3,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 h4,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 h5,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 h6,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 .h1,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 .h2,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 .h3,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 .h4,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 .h5,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 .h6,
.bg-blue .full-width .ce-50-50.video .columns .col-6.order2 p {
  color: #024975;
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width .ce-50-50.video .columns .col-6.order2 .frame-type-textmedia + .frame-type-textmedia,
  .bg-blue .full-width .ce-50-50.video .columns .col-6.order2 .frame-type-textmedia + .frame-type-textmedia {
    padding-top: 0;
    margin-top: -50px;
  }
}
.bg-light-blue .full-width > .ce-100.gallery-full-width,
.bg-blue .full-width > .ce-100.gallery-full-width {
  width: calc(100% + 50px);
  margin: -12.5px -25px -37.5px;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width > .ce-100.gallery-full-width,
  .bg-blue .full-width > .ce-100.gallery-full-width {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0 -12.5px;
  }
}
@media only screen and (min-width: 1442px) {
  .bg-light-blue .full-width > .ce-100.gallery-full-width,
  .bg-blue .full-width > .ce-100.gallery-full-width {
    margin: 0;
  }
}
.bg-light-blue .full-width .contact-person,
.bg-blue .full-width .contact-person {
  margin: -25px 0 -12.5px;
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width .contact-person,
  .bg-blue .full-width .contact-person {
    margin: -50px 0 -25px;
  }
}
.bg-light-blue .full-width .contact-person .ce-66-33,
.bg-blue .full-width .contact-person .ce-66-33 {
  margin: 0;
}
.bg-light-blue .full-width .contact-person .ce-66-33 .col-8,
.bg-blue .full-width .contact-person .ce-66-33 .col-8 {
  margin-bottom: 0;
  padding: 25px 0 12.5px 0;
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width .contact-person .ce-66-33 .col-8,
  .bg-blue .full-width .contact-person .ce-66-33 .col-8 {
    padding: 40px 40px 0 0;
  }
  .bg-light-blue .full-width .contact-person .ce-66-33 .col-8 .col-8, .bg-light-blue .full-width .contact-person .ce-66-33 .col-8 .col-4,
  .bg-blue .full-width .contact-person .ce-66-33 .col-8 .col-8,
  .bg-blue .full-width .contact-person .ce-66-33 .col-8 .col-4 {
    width: 50%;
  }
  .bg-light-blue .full-width .contact-person .ce-66-33 .col-8 .col-8,
  .bg-blue .full-width .contact-person .ce-66-33 .col-8 .col-8 {
    padding-top: 5px;
    align-self: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .bg-light-blue .full-width .contact-person .ce-66-33 .col-4.bg-img,
  .bg-blue .full-width .contact-person .ce-66-33 .col-4.bg-img {
    width: calc(100% + 50px);
    margin: 0 -25px;
  }
}
.bg-light-blue .full-width .contact-person .bg-img,
.bg-blue .full-width .contact-person .bg-img {
  min-height: 250px;
}
@media only screen and (max-width: 767px) {
  .bg-light-blue .full-width,
  .bg-blue .full-width {
    margin-bottom: 25px;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order1.bg-img,
  .bg-blue .full-width .ce-50-50 .columns .col-6.order1.bg-img {
    margin: -25px -12.5px 0;
    width: calc(100% + 25px);
    padding-bottom: 12.5px;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .frame-type-textmedia,
  .bg-blue .full-width .ce-50-50 .columns .frame-type-textmedia {
    padding: 25px 0 12.5px;
  }
  .bg-light-blue .full-width .ce-textpic.ce-left .custom-imagewidth,
  .bg-light-blue .full-width .ce-textpic.ce-right .custom-imagewidth,
  .bg-blue .full-width .ce-textpic.ce-left .custom-imagewidth,
  .bg-blue .full-width .ce-textpic.ce-right .custom-imagewidth {
    margin: 25px auto 25px;
    display: block;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
  .bg-light-blue .full-width .ce-50-50 .columns {
    flex-direction: column;
  }
  .bg-light-blue .full-width .ce-50-50 .columns [class^=col-].order1, .bg-light-blue .full-width .ce-50-50 .columns [class*=col-].order1 {
    order: 1;
    margin-bottom: 0;
  }
  .bg-light-blue .full-width .ce-50-50 .columns [class^=col-].order2, .bg-light-blue .full-width .ce-50-50 .columns [class*=col-].order2 {
    order: 2;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6 {
    width: 100%;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order2 .frame-type-textmedia {
    float: none;
    padding: 25px 40px 35px;
    max-width: 100%;
  }
  .bg-light-blue .full-width .ce-50-50 .columns .col-6.order1.bg-img {
    margin: 0 -12.5px 0;
    width: calc(100% + 25px);
  }
  .bg-light-blue .full-width .ce-50-50.video .columns {
    flex-direction: row;
  }
  .bg-light-blue .full-width .ce-50-50.video .columns [class^=col-].order1, .bg-light-blue .full-width .ce-50-50.video .columns [class*=col-].order1 {
    order: 1;
    margin-bottom: 0;
  }
  .bg-light-blue .full-width .ce-50-50.video .columns [class^=col-].order2, .bg-light-blue .full-width .ce-50-50.video .columns [class*=col-].order2 {
    order: 1;
  }
}

@media only screen and (max-width: 767px) {
  .bg-blue .full-width {
    padding-top: 25px;
  }
}

@media only screen and (max-width: 767px) {
  .container .ce-50-50 .columns .frame-type-textmedia {
    padding: 12.5px;
  }
}

.ce-100:only-child .col-12:only-child {
  margin-bottom: 0;
}
.ce-100:only-child .col-12:only-child div.frame-type-bullets ul {
  margin-bottom: 25px;
}

@media only screen and (max-width: 767px) {
  .container.empty {
    padding: 0;
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Accordion styles
 */
.accordion-item {
  margin: 0 -25px 5px;
  max-width: calc(100% + 50px);
}
@media only screen and (min-width: 768px) {
  .accordion-item {
    margin: 0 0 5px;
    max-width: 100%;
  }
}
.accordion-item:last-child {
  margin-bottom: 5px;
}
.accordion-item .accordion-title h3 {
  margin-bottom: 0;
}
.accordion-item .accordion-trigger {
  background-color: #e4f6ff;
  border: none;
  width: 100%;
  padding: 10px 25px 10px 55px;
  text-align: left;
  color: #024975;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 575px) {
  .accordion-item .accordion-trigger {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.accordion-item .accordion-trigger:hover, .accordion-item .accordion-trigger:focus {
  text-decoration: underline;
  outline: none;
}
@media only screen and (min-width: 768px) {
  .accordion-item .accordion-trigger {
    padding: 10px 20px 10px 50px;
  }
}
.accordion-item .accordion-trigger .accordion-icon {
  position: absolute;
  left: 25px;
  top: 10px;
}
@media only screen and (min-width: 768px) {
  .accordion-item .accordion-trigger .accordion-icon {
    left: 20px;
  }
}
.accordion-item .accordion-trigger .accordion-icon:before {
  font-family: "icons";
  font-size: 14px;
  font-size: 0.875rem;
  color: #e77529;
}
.accordion-item .accordion-trigger[aria-expanded=true] .accordion-icon:before {
  content: "\e917";
}
.accordion-item .accordion-bodytext {
  margin: 0;
  border: 1px solid #e4f6ff;
  padding: 20px 20px 20px 50px;
  /** clearfix */
}
.accordion-item .accordion-bodytext::after {
  display: block;
  content: "";
  clear: both;
}
.accordion-item .accordion-bodytext p:last-child {
  margin-bottom: 0;
}
.accordion-item .position-left, .accordion-item .position-right {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 576px) {
  .accordion-item .position-left, .accordion-item .position-right {
    max-width: 50%;
  }
}
.accordion-item .position-left figure.image img, .accordion-item .position-right figure.image img {
  max-width: 100%;
  width: auto;
}
.accordion-item .position-left video, .accordion-item .position-right video {
  max-width: 100%;
}
.accordion-item .position-left {
  float: left;
}
@media only screen and (max-width: 575px) {
  .accordion-item .position-left {
    float: none;
  }
}
@media only screen and (min-width: 576px) {
  .accordion-item .position-left {
    margin-right: 30px;
  }
}
.accordion-item .position-right {
  float: right;
}
@media only screen and (max-width: 575px) {
  .accordion-item .position-right {
    float: none;
  }
}
@media only screen and (min-width: 576px) {
  .accordion-item .position-right {
    margin-left: 30px;
  }
}
.accordion-item .position-right video {
  float: right;
}

.frame-type-tuibase_accordion + *,
frame-type-tuibase_accordionitem + * {
  margin-top: 25px;
}
.frame-type-tuibase_accordion + .frame-type-tuibase_accordion, .frame-type-tuibase_accordion + .frame-type-tuibase_accordionitem,
frame-type-tuibase_accordionitem + .frame-type-tuibase_accordion,
frame-type-tuibase_accordionitem + .frame-type-tuibase_accordionitem {
  margin-top: 0px;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Banner styles
 */
.banner-show {
  position: relative;
  height: 200px;
  width: 100%;
  background-color: #024975;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  .banner-show {
    height: 320px;
  }
}
@media only screen and (min-width: 992px) {
  .banner-show {
    height: 470px;
  }
}
.banner-show:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, #647E93, transparent);
  opacity: 0.7;
  z-index: 1;
}
.banner-show #slideshow .show {
  opacity: 1;
}
.banner-show #slideshow div {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition: opacity 3s;
}
.banner-show .container {
  height: 100%;
  padding: 0 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media only screen and (min-width: 768px) {
  .banner-show .container {
    padding: 0 40px;
  }
}
.banner-show .container .text-wrap {
  z-index: 2;
  text-shadow: 0 0 1px #000;
  position: relative;
  margin-top: -25px;
}
.banner-show .container .text-wrap > .h3 {
  transition: opacity 3s;
  opacity: 0;
}
.banner-show .container .text-wrap > .h3.show {
  opacity: 1;
}
.banner-show .container .text-wrap h2 {
  font-size: 28px;
  font-size: 1.75rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .banner-show .container .text-wrap h2 {
    font-size: 45px;
    font-size: 2.8125rem;
  }
}
.banner-show .container .text-wrap .h3 {
  font-size: 16px;
  font-size: 1rem;
  color: white;
  margin-top: 0;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .banner-show .container .text-wrap .h3 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 992px) {
  .banner-show .container .text-wrap .h3 {
    font-size: 45px;
    font-size: 2.8125rem;
  }
}
.banner-show .container > p, .banner-show .container .text-wrap + p {
  z-index: 2;
}
@media only screen and (max-width: 575px) {
  .banner-show .container > p, .banner-show .container .text-wrap + p {
    position: absolute;
    bottom: 3px;
    left: calc(50% - 40px);
    margin-bottom: 0;
  }
}

.banner-link {
  text-decoration: none;
}

.banner-full-width {
  position: relative;
  padding: 40px;
  margin-bottom: 55px;
  width: 100%;
  background-color: #fff;
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 768px) {
  .banner-full-width {
    height: 420px;
    padding: 100px 40px;
    margin-bottom: 75px;
  }
}
.banner-full-width .container {
  padding: 0 2%;
}
@media only screen and (min-width: 768px) {
  .banner-full-width .container {
    padding: 0 5%;
  }
}
@media only screen and (min-width: 992px) {
  .banner-full-width .container {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 1280px) {
  .banner-full-width .container {
    padding: 0 18%;
  }
}
.banner-full-width .container .col-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.banner-full-width .container .col-4:last-child {
  margin-bottom: 0;
}
.banner-full-width .container .circle {
  background-color: #fff;
  width: 110px;
  height: 110px;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) {
  .banner-full-width .container .circle {
    width: 150px;
    height: 150px;
    margin-bottom: 25px;
  }
}
.banner-full-width .container .circle .number {
  display: inline-block;
  color: #e77529;
  font-weight: bold;
  font-size: 42px;
  font-size: 2.625rem;
}
@media only screen and (min-width: 576px) {
  .banner-full-width .container .circle .number {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
@media only screen and (min-width: 768px) {
  .banner-full-width .container .circle .number {
    font-size: 64px;
    font-size: 4rem;
  }
}
.banner-full-width .container .circle .number a {
  color: #e77529;
  text-decoration: none;
}
.banner-full-width .container .circle .number a:hover, .banner-full-width .container .circle .number a:focus {
  color: #e77529;
  text-decoration: none;
}
.banner-full-width .container p {
  color: #024975;
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (min-width: 576px) {
  .banner-full-width .container p {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 768px) {
  .banner-full-width .container p {
    font-size: 34px;
    font-size: 2.125rem;
  }
}
.banner-full-width .container p a {
  color: #024975;
  text-decoration: none;
}
.banner-full-width .container p a:hover, .banner-full-width .container p a:focus {
  color: #024975;
  text-decoration: none;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Events and Calendar styles
 */
.eventcalendar {
  margin: 0 -25px 12.5px !important;
  border: 2px solid #024975;
}
@media only screen and (min-width: 768px) {
  .eventcalendar {
    margin: 0 0 25px 0 !important;
  }
}
.eventcalendar .columns, .eventcalendar .colums {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .eventcalendar .columns, .eventcalendar .colums {
    flex-direction: row;
  }
}
.eventcalendar .eventlist {
  background-color: #024975;
  color: #fff;
  padding: 25px;
  margin-bottom: 0;
  max-height: 480px;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
}
.eventcalendar .eventlist::-webkit-scrollbar {
  width: 10px;
  margin: 25px 10px !important;
  display: inline-block;
}
.eventcalendar .eventlist::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  margin: 25px 10px !important;
}
.eventcalendar .eventlist::-webkit-scrollbar-thumb {
  background: #e77529;
  border-radius: 10px;
}
.eventcalendar .eventlist .col-12 {
  display: flex;
  padding: 0;
  margin-bottom: 0;
}
.eventcalendar .eventlist .col-12 .col-2 {
  padding-left: 0;
  width: 90px;
  min-width: 90px;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 576px) {
  .eventcalendar .eventlist .col-12 .col-2 {
    width: 100px;
    min-width: 100px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.eventcalendar .eventlist span.orange {
  font-size: 18px;
  font-size: 1.125rem;
  color: #e77529;
  font-weight: 600;
  display: inline-block;
  float: right;
  margin-top: -1px;
}
@media only screen and (min-width: 576px) {
  .eventcalendar .eventlist span.orange {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: -3px;
  }
}
.eventcalendar .eventlist span.orange:after {
  clear: both;
}
.eventcalendar .eventlist span.icon-clock {
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
  padding-left: 20px;
  display: inline-block;
  clear: both;
}
.eventcalendar .eventlist span.icon-clock:before {
  content: "\e90b";
  font-family: "icons";
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.eventcalendar .eventlist a {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  text-decoration: none;
}
.eventcalendar .eventlist a:hover .col-10, .eventcalendar .eventlist a:focus .col-10 {
  text-decoration: underline;
}
.eventcalendar .eventlist a:hover .col-2 span, .eventcalendar .eventlist a:focus .col-2 span {
  text-decoration: none;
}
.eventcalendar .eventmonth {
  padding: 25px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 850px) {
  .eventcalendar .eventmonth {
    padding: 0;
  }
}
.eventcalendar .eventmonth table {
  width: 100%;
  border-spacing: 15px;
}
.eventcalendar .eventmonth table td {
  text-align: center;
  padding: 5px;
}
.eventcalendar .eventmonth table td.hasevents {
  background-color: #e77529;
}
.eventcalendar .eventmonth table td.hasevents a {
  color: #fff;
  text-decoration: none;
}
.eventcalendar .eventmonth table td.hasevents:hover, .eventcalendar .eventmonth table td.hasevents:focus {
  text-decoration: underline;
  outline: none;
}
.eventcalendar .eventmonth table td.hasevents:hover a, .eventcalendar .eventmonth table td.hasevents:focus a {
  text-decoration: underline;
  outline: none;
}
.eventcalendar .eventmonth table td.today {
  background-color: #024975;
  color: #fff;
}
.eventcalendar .eventmonth .pager {
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.eventcalendar .eventmonth .pager li {
  color: #e77529;
  font-size: 20px;
  font-size: 1.25rem;
}
.eventcalendar .eventmonth .pager .previous, .eventcalendar .eventmonth .pager .next {
  margin-top: -3px;
}
.eventcalendar .eventmonth .pager .previous button, .eventcalendar .eventmonth .pager .next button {
  color: transparent;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  padding: 0;
  position: relative;
}
.eventcalendar .eventmonth .pager .previous button:before, .eventcalendar .eventmonth .pager .next button:before {
  content: "\e905";
  font-family: "icons";
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  position: absolute;
  top: 5px;
  left: 4px;
}
.eventcalendar .eventmonth .pager .previous button:hover, .eventcalendar .eventmonth .pager .previous button:focus, .eventcalendar .eventmonth .pager .next button:hover, .eventcalendar .eventmonth .pager .next button:focus {
  outline: none;
  background-color: rgb(1.9, 69.35, 111.15);
}
.eventcalendar .eventmonth .pager .next button:before {
  content: "\e906";
  left: 6px;
}

.eventcalendar-calendarview .eventcalendar-pagination, .eventcalendar-listview .eventcalendar-pagination {
  border-bottom: 1px solid #024975;
  margin-bottom: 25px;
}
.eventcalendar-calendarview .eventcalendar-pagination .pager, .eventcalendar-listview .eventcalendar-pagination .pager {
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.eventcalendar-calendarview .eventcalendar-pagination .pager li, .eventcalendar-listview .eventcalendar-pagination .pager li {
  color: #e77529;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 576px) {
  .eventcalendar-calendarview .eventcalendar-pagination .pager li, .eventcalendar-listview .eventcalendar-pagination .pager li {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.eventcalendar-calendarview .eventcalendar-pagination .pager .previous, .eventcalendar-calendarview .eventcalendar-pagination .pager .next, .eventcalendar-listview .eventcalendar-pagination .pager .previous, .eventcalendar-listview .eventcalendar-pagination .pager .next {
  margin-top: -3px;
}
.eventcalendar-calendarview .eventcalendar-pagination .pager .previous button, .eventcalendar-calendarview .eventcalendar-pagination .pager .next button, .eventcalendar-listview .eventcalendar-pagination .pager .previous button, .eventcalendar-listview .eventcalendar-pagination .pager .next button {
  color: transparent;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  padding: 0;
  position: relative;
}
.eventcalendar-calendarview .eventcalendar-pagination .pager .previous button:before, .eventcalendar-calendarview .eventcalendar-pagination .pager .next button:before, .eventcalendar-listview .eventcalendar-pagination .pager .previous button:before, .eventcalendar-listview .eventcalendar-pagination .pager .next button:before {
  content: "\e905";
  font-family: "icons";
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  position: absolute;
  top: 5px;
  left: 4px;
}
.eventcalendar-calendarview .eventcalendar-pagination .pager .previous button:hover, .eventcalendar-calendarview .eventcalendar-pagination .pager .previous button:focus, .eventcalendar-calendarview .eventcalendar-pagination .pager .next button:hover, .eventcalendar-calendarview .eventcalendar-pagination .pager .next button:focus, .eventcalendar-listview .eventcalendar-pagination .pager .previous button:hover, .eventcalendar-listview .eventcalendar-pagination .pager .previous button:focus, .eventcalendar-listview .eventcalendar-pagination .pager .next button:hover, .eventcalendar-listview .eventcalendar-pagination .pager .next button:focus {
  outline: none;
  background-color: rgb(1.9, 69.35, 111.15);
}
.eventcalendar-calendarview .eventcalendar-pagination .pager .next button:before, .eventcalendar-listview .eventcalendar-pagination .pager .next button:before {
  content: "\e906";
  left: 6px;
}
.eventcalendar-calendarview .eventcalendar-pagination .button-row button, .eventcalendar-listview .eventcalendar-pagination .button-row button {
  background: transparent;
  color: #202020;
  padding: 0;
  font-size: 16px;
  font-size: 1rem;
}
.eventcalendar-calendarview .eventcalendar-pagination .button-row button:before, .eventcalendar-listview .eventcalendar-pagination .button-row button:before {
  color: #e77529;
}
.eventcalendar-calendarview .eventcalendar-pagination .button-row button:hover, .eventcalendar-calendarview .eventcalendar-pagination .button-row button:focus, .eventcalendar-listview .eventcalendar-pagination .button-row button:hover, .eventcalendar-listview .eventcalendar-pagination .button-row button:focus {
  outline: none;
}

.eventcalendar-calendarview .eventmonth {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .eventcalendar-calendarview .eventmonth {
    padding: 25px;
  }
}
.eventcalendar-calendarview .eventmonth table {
  width: 100%;
  border-spacing: 15px;
}
.eventcalendar-calendarview .eventmonth table td {
  text-align: center;
  padding: 5px;
}
.eventcalendar-calendarview .eventmonth table td.hasevents {
  background-color: #e77529;
}
.eventcalendar-calendarview .eventmonth table td.hasevents a {
  color: #fff;
  text-decoration: none;
}
.eventcalendar-calendarview .eventmonth table td.hasevents:hover, .eventcalendar-calendarview .eventmonth table td.hasevents:focus {
  text-decoration: underline;
  outline: none;
}
.eventcalendar-calendarview .eventmonth table td.hasevents:hover a, .eventcalendar-calendarview .eventmonth table td.hasevents:focus a {
  text-decoration: underline;
  outline: none;
}
.eventcalendar-calendarview .eventmonth table td.today {
  background-color: #024975;
  color: #fff;
}
.eventcalendar-calendarview .eventmonth .pager {
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.eventcalendar-calendarview .eventmonth .pager li {
  color: #e77529;
  font-size: 20px;
  font-size: 1.25rem;
}
.eventcalendar-calendarview .eventmonth .pager .previous button, .eventcalendar-calendarview .eventmonth .pager .next button {
  color: transparent;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  padding: 0;
  position: relative;
}
.eventcalendar-calendarview .eventmonth .pager .previous button:before, .eventcalendar-calendarview .eventmonth .pager .next button:before {
  content: "\e905";
  font-family: "icons";
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  position: absolute;
  top: 5px;
  left: 4px;
}
.eventcalendar-calendarview .eventmonth .pager .previous button:hover, .eventcalendar-calendarview .eventmonth .pager .previous button:focus, .eventcalendar-calendarview .eventmonth .pager .next button:hover, .eventcalendar-calendarview .eventmonth .pager .next button:focus {
  outline: none;
  background-color: rgb(1.9, 69.35, 111.15);
}
.eventcalendar-calendarview .eventmonth .pager .next button:before {
  content: "\e906";
  left: 6px;
}

.eventcalendar-listview .eventlist {
  color: #024975;
}
.eventcalendar-listview .eventlist .col-12 {
  display: flex;
  margin: 0 -12.5px;
  margin-bottom: 0;
  width: calc(100% + 25px);
}
.eventcalendar-listview .eventlist .col-12 .col-2 {
  padding-left: 0;
  width: 90px;
  min-width: 90px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .eventcalendar-listview .eventlist .col-12 .col-2 {
    width: 100px;
    min-width: 100px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.eventcalendar-listview .eventlist .col-12 .col-10 {
  margin-bottom: 0;
}
.eventcalendar-listview .eventlist span.orange {
  font-size: 18px;
  font-size: 1.125rem;
  color: #e77529;
  font-weight: 600;
  display: inline-block;
  float: right;
  margin-top: -1px;
}
@media only screen and (min-width: 576px) {
  .eventcalendar-listview .eventlist span.orange {
    font-size: 20px;
    font-size: 1.25rem;
    margin-top: -3px;
  }
}
.eventcalendar-listview .eventlist span.orange:after {
  clear: both;
}
.eventcalendar-listview .eventlist span.icon-clock {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  position: relative;
  padding-left: 20px;
  display: inline-block;
  clear: both;
}
.eventcalendar-listview .eventlist span.icon-clock:before {
  content: "\e90b";
  font-family: "icons";
  font-size: 14px;
  font-size: 0.875rem;
  color: #024975;
  position: absolute;
  left: 0;
  top: 0;
}
.eventcalendar-listview .eventlist a {
  font-weight: 600;
  color: #024975;
  text-decoration: none;
  padding: 20px 0;
  border-bottom: 2px solid #e4f6ff;
  display: inline-block;
}
.eventcalendar-listview .eventlist a:last-child {
  border-bottom: 0;
}
.eventcalendar-listview .eventlist a:hover .col-10, .eventcalendar-listview .eventlist a:focus .col-10 {
  text-decoration: underline;
}
.eventcalendar-listview .eventlist a:hover .col-2 span, .eventcalendar-listview .eventlist a:focus .col-2 span {
  text-decoration: none;
}
.eventcalendar-listview .eventlist > a {
  display: block;
}

.event-details, .shortprofile {
  margin: 0 !important;
}
.event-details .columns, .shortprofile .columns {
  display: flex;
  flex-wrap: wrap;
}
.event-details .columns .col-6, .shortprofile .columns .col-6 {
  border-bottom: 1px solid #024975;
  padding-left: 0;
}
.event-details .columns .col-6:last-child, .shortprofile .columns .col-6:last-child {
  border-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .event-details .columns .col-6:nth-last-child(2):nth-child(odd), .shortprofile .columns .col-6:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
  }
}
.event-details .columns .col-12, .shortprofile .columns .col-12 {
  display: flex;
  margin-bottom: 0;
}
.event-details .columns .col-12 .col-2, .shortprofile .columns .col-12 .col-2 {
  min-width: 55px;
  width: 55px;
  height: 55px;
  background-color: #024975;
  border-radius: 65px;
  padding: 5px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 576px) {
  .event-details .columns .col-12 .col-2, .shortprofile .columns .col-12 .col-2 {
    min-width: 65px;
    width: 65px;
    height: 65px;
  }
}
.event-details .columns .col-12 .col-10, .shortprofile .columns .col-12 .col-10 {
  font-size: 16px;
  font-size: 1rem;
  color: #024975;
  padding: 5px 0;
}
@media only screen and (min-width: 576px) {
  .event-details .columns .col-12 .col-10, .shortprofile .columns .col-12 .col-10 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.event-details .columns .col-12 .col-10 span.orange, .shortprofile .columns .col-12 .col-10 span.orange {
  display: inline-block;
  color: #e77529;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}
@media only screen and (min-width: 576px) {
  .event-details .columns .col-12 .col-10 span.orange, .shortprofile .columns .col-12 .col-10 span.orange {
    font-size: 16px;
    font-size: 1rem;
  }
}
.event-details .columns a, .shortprofile .columns a {
  text-decoration: none;
}
.event-details .columns a .col-2, .shortprofile .columns a .col-2 {
  border: 2px solid #e77529;
}
.event-details .columns a:hover .col-10, .event-details .columns a:focus .col-10, .shortprofile .columns a:hover .col-10, .shortprofile .columns a:focus .col-10 {
  text-decoration: underline;
}
.event-details .columns a:hover .col-2, .event-details .columns a:focus .col-2, .shortprofile .columns a:hover .col-2, .shortprofile .columns a:focus .col-2 {
  background-color: #e77529;
}

/**
 * Webfonts
 */
@font-face {
  font-family: "icons";
  src: url("../Fonts/icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

.icon-Calendar-2:before {
  content: "\f073";
}

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

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

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

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

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

.icon-External-Link:before {
  content: "\f08e";
}

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

.icon-Twitter:before {
  content: "\f099";
}

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

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

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

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

.icon-Mail:before, .icon-Email:before {
  content: "\e915";
}

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

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

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

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

.icon-Plus:before, .accordion-icon:before {
  content: "\e916";
}

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

.icon-Close:before {
  content: "\e916";
  transform: rotate(45deg);
  display: inline-block;
}

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

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

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

.icon-Phone:before {
  content: "\f095";
}

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

/**
 * Gallery styles
 */
.img-collage {
  margin: 0 0 12.5px 0;
}
.img-collage .columns .col-8, .img-collage .columns .col-4 {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: 0 12.5px;
  margin: 0;
}
.img-collage .columns .col-8 .teaser, .img-collage .columns .col-4 .teaser {
  height: auto;
  margin-bottom: 25px;
}
.img-collage .columns .col-4 {
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .img-collage .columns {
    flex-direction: column;
  }
  .img-collage .columns .col-8, .img-collage .columns .col-4 {
    width: 100%;
  }
  .img-collage .columns .col-4 {
    flex-direction: row;
  }
  .img-collage .columns .col-4 > div.frame-type-textmedia:first-child {
    padding-right: 12.5px;
  }
  .img-collage .columns .col-4 > div.frame-type-textmedia:last-child {
    padding-left: 12.5px;
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * H1-h6 styles
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.4;
  color: #024975;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  color: #024975;
  text-decoration: none;
}
h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus,
.h1 a:hover,
.h1 a:focus, .h2 a:hover, .h2 a:focus, .h3 a:hover, .h3 a:focus, .h4 a:hover, .h4 a:focus, .h5 a:hover, .h5 a:focus, .h6 a:hover, .h6 a:focus {
  text-decoration: underline;
}

h1, .h1 {
  font-size: 30px;
  font-size: 1.875rem;
}
@media only screen and (min-width: 576px) {
  h1, .h1 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (min-width: 576px) {
  h2, .h2 {
    font-size: 34px;
    font-size: 2.125rem;
  }
}

h3, .h3 {
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 576px) {
  h3, .h3 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: 14.5px;
  font-size: 0.90625rem;
}
@media only screen and (min-width: 576px) {
  h4, .h4 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

h5, .h5 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
@media only screen and (min-width: 576px) {
  h5, .h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Image styles
 */
img {
  max-width: 100%;
  height: auto;
}

figure.image {
  position: relative;
  margin-bottom: 5px;
  display: grid;
}
figure.image a {
  display: grid;
}
figure.image img {
  width: 100%;
  display: grid;
  display: -ms-grid;
}
figure.image + .ce-bodytext {
  margin-top: 20px;
}
figure.image + .ce-bodytext .banderole {
  margin-top: -20px;
}
figure.image .image-caption, figure.image figcaption, figure.image + figcaption {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #202020;
  margin-top: 5px;
  text-align: left;
}

.banderole {
  margin-top: -10px;
}

.image-caption, figcaption {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #202020;
  margin-top: 5px;
  text-align: left;
}

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

/* Bild im Text Positionierung */
.ce-textpic.ce-left .custom-imagewidth,
.ce-textpic.ce-center .custom-imagewidth,
.ce-textpic.ce-cright .custom-imagewidth {
  margin-bottom: 25px;
}

.ce-textpic.ce-center .custom-imagewidth {
  text-align: center;
}

.ce-textpic.ce-right .custom-imagewidth {
  text-align: right;
}

.ce-textpic.ce-left .custom-imagewidth,
.ce-textpic.ce-right .custom-imagewidth {
  float: none;
  height: auto;
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) {
  .ce-textpic.ce-left .custom-imagewidth,
  .ce-textpic.ce-right .custom-imagewidth {
    float: left;
    margin-left: 0;
    margin-right: 30px;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .ce-textpic.ce-left .custom-imagewidth,
  .ce-textpic.ce-right .custom-imagewidth {
    max-width: 33%;
  }
}
.ce-textpic.ce-left.ce-intext .custom-imagewidth img,
.ce-textpic.ce-right.ce-intext .custom-imagewidth img {
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 576px) {
  .ce-textpic.ce-right .custom-imagewidth {
    float: right;
    margin-right: 0;
    margin-left: 30px;
  }
}

.ce-textpic.ce-left.ce-intext .teaser-image,
.ce-textpic.ce-right.ce-intext .teaser-image {
  float: none;
  height: auto;
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) {
  .ce-textpic.ce-left.ce-intext .teaser-image,
  .ce-textpic.ce-right.ce-intext .teaser-image {
    float: left;
    margin-left: 0;
    margin-right: 30px;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .ce-textpic.ce-left.ce-intext .teaser-image,
  .ce-textpic.ce-right.ce-intext .teaser-image {
    max-width: 33%;
  }
}

@media only screen and (min-width: 576px) {
  .ce-textpic.ce-right.ce-intext .teaser-image {
    float: right;
    margin-right: 0;
    margin-left: 30px;
  }
}

.ce-50-50 .ce-textpic.ce-left.ce-intext.ce-nowrap,
.ce-50-50 .ce-textpic.ce-right.ce-intex.ce-nowrap {
  display: flex;
}
@media only screen and (max-width: 575px) {
  .ce-50-50 .ce-textpic.ce-left.ce-intext.ce-nowrap,
  .ce-50-50 .ce-textpic.ce-right.ce-intex.ce-nowrap {
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ce-50-50 .ce-textpic.ce-left.ce-intext.ce-nowrap,
  .ce-50-50 .ce-textpic.ce-right.ce-intex.ce-nowrap {
    flex-direction: column;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ce-50-50 .ce-textpic.ce-left.ce-intext.ce-nowrap .custom-imagewidth,
  .ce-50-50 .ce-textpic.ce-right.ce-intex.ce-nowrap .custom-imagewidth {
    margin-right: 30px;
  }
}
.ce-50-50 .ce-textpic.ce-left.ce-intext.ce-nowrap .custom-imagewidth img,
.ce-50-50 .ce-textpic.ce-right.ce-intex.ce-nowrap .custom-imagewidth img {
  max-width: initial;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ce-50-50 .ce-textpic.ce-right.ce-intex.ce-nowrap .custom-imagewidth {
    margin-right: 0;
    margin-left: 30px;
  }
}

/* Bild volle Breite */
@media only screen and (max-width: 767px) {
  .ce-100 .ce-image figure.image {
    margin: 0 -25px;
    max-width: calc(100% + 50px);
  }
}

/* Hintergrundbilder */
@media only screen and (max-width: 575px) {
  .bg-light-blue .full-width .ce-50-50 .ce-textpic.ce-right figure,
  .bg-light-blue .full-width .ce-50-50 .ce-textpic.ce-left figure, .bg-light-blue .ce-50-50 .ce-textpic.ce-right figure,
  .bg-light-blue .ce-50-50 .ce-textpic.ce-left figure {
    margin: 0 auto 25px;
    display: block;
    text-align: center;
  }
}

.bg-img-fullwidth {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero-image-home, .hero-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  overflow: hidden;
  height: 320px;
  min-height: 280px;
}
@media only screen and (min-width: 768px) {
  .hero-image-home, .hero-image {
    height: 480px;
  }
}
@media only screen and (min-width: 992px) {
  .hero-image-home, .hero-image {
    height: 780px;
  }
}
.hero-image-home:before, .hero-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 51, 89, 0.4), rgba(0, 51, 89, 0) 70%);
}

.hero-image {
  height: 280px;
  min-height: 260px;
}
@media only screen and (min-width: 768px) {
  .hero-image {
    height: 480px;
    max-height: 480px;
  }
}
@media only screen and (min-width: 992px) {
  .hero-image {
    height: 660px;
    max-height: 660px;
  }
}

@media only screen and (min-width: 992px) {
  #header .header-second-nav + .hero-image {
    height: 540px;
    max-height: 540px;
  }
}

.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .bg-img {
    min-height: 225px;
  }
}
@media only screen and (max-width: 575px) {
  .bg-img {
    min-height: 150px;
  }
}
.bg-img a {
  display: flex;
  width: 100%;
  height: 100%;
  color: transparent;
}
@media only screen and (max-width: 768px) {
  .bg-img a {
    min-height: 225px;
  }
}
@media only screen and (max-width: 575px) {
  .bg-img a {
    min-height: 150px;
  }
}
.bg-img a:hover, .bg-img a:focus {
  color: transparent;
}

.ce-33-66 .col-8.bg-img,
.ce-33-66 .col-4.bg-img, .ce-66-33 .col-8.bg-img,
.ce-66-33 .col-4.bg-img {
  align-self: stretch;
}

.bg-light-blue .full-width .bg-img {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .bg-light-blue .full-width .bg-img {
    min-height: 360px;
  }
}

/* Bilder im Grid */
.ce-33-33-33 figure.image + .ce-bodytext .banderole {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .ce-33-33-33 figure.image + .ce-bodytext .banderole {
    margin-bottom: 0;
  }
}

.ce-33-66 .frame-type-image figure.image {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .ce-33-66 .frame-type-image figure.image {
    margin-bottom: 0;
  }
}

.ce-50-50 .frame-type-textmedia figure.image, .ce-50-50 .frame-type-textmedia figure.video, .ce-50-50 .frame-type-textmedia figure.full-heigt {
  height: 100%;
}
.ce-50-50 .frame-type-textmedia figure.image > div, .ce-50-50 .frame-type-textmedia figure.video > div, .ce-50-50 .frame-type-textmedia figure.full-heigt > div {
  line-height: 0;
  height: 100%;
}
.ce-50-50 .frame-type-textmedia figure.image iframe, .ce-50-50 .frame-type-textmedia figure.video iframe, .ce-50-50 .frame-type-textmedia figure.full-heigt iframe {
  border: none;
  width: 100%;
  height: 100%;
}
.ce-50-50 .frame-type-textmedia figure.image video, .ce-50-50 .frame-type-textmedia figure.video video, .ce-50-50 .frame-type-textmedia figure.full-heigt video {
  width: 100%;
  height: 100%;
}

.logo-stage {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .logo-stage {
    margin-bottom: 25px;
  }
}
.logo-stage li {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .logo-stage li {
    margin-bottom: 25px;
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-stage li {
    margin-bottom: 25px;
  }
  .logo-stage li:last-child {
    margin-bottom: 0;
  }
}
.logo-stage li img {
  width: auto;
  max-height: 100px;
}
@media only screen and (min-width: 768px) {
  .logo-stage li img {
    margin-bottom: 0;
    max-height: 70px;
  }
}

.bg-white > .container.zoom-in .frame-type-textmedia figure.image a, .bg-blue > .container.zoom-in .frame-type-textmedia figure.image a, .bg-light-blue > .container.zoom-in .frame-type-textmedia figure.image a {
  overflow: hidden;
}
.bg-white > .container.zoom-in .frame-type-textmedia figure.image a img, .bg-blue > .container.zoom-in .frame-type-textmedia figure.image a img, .bg-light-blue > .container.zoom-in .frame-type-textmedia figure.image a img {
  transition: transform 1s ease;
}
.bg-white > .container.zoom-in .frame-type-textmedia figure.image a:hover img, .bg-blue > .container.zoom-in .frame-type-textmedia figure.image a:hover img, .bg-light-blue > .container.zoom-in .frame-type-textmedia figure.image a:hover img {
  transform: scale(1.1);
  transition: transform 1s ease;
}

/* Copyright */
figure.image span, div.custom-imagewidth span, figure.slider-image span {
  position: relative;
  display: inline-block;
}
figure.image span span.copyright, div.custom-imagewidth span span.copyright, figure.slider-image span span.copyright {
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  right: 10px;
  bottom: 10px;
  transform: rotate(-180deg);
  text-shadow: 1px 0px 2px white, 0px 1px 2px white, -1px 0px 2px white, 0px -1px 2px white;
  z-index: 1;
  display: inline-block;
  writing-mode: vertical-rl;
}

span.copyright:before {
  content: "©";
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
  transform: rotate(90deg);
}

.hero-image-home, .hero-image,
.teaser-image,
.bg-img,
.bg-img-fullwidth,
.banner-show,
.mediaelement-image {
  position: relative;
}
.hero-image-home span.copyright, .hero-image span.copyright,
.teaser-image span.copyright,
.bg-img span.copyright,
.bg-img-fullwidth span.copyright,
.banner-show span.copyright,
.mediaelement-image span.copyright {
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  right: 10px;
  bottom: 10px;
  transform: rotate(-180deg);
  text-shadow: 1px 0px 2px white, 0px 1px 2px white, -1px 0px 2px white, 0px -1px 2px white;
  z-index: 1;
  display: inline-block;
  writing-mode: vertical-rl;
}
.hero-image-home span.copyright:before, .hero-image span.copyright:before,
.teaser-image span.copyright:before,
.bg-img span.copyright:before,
.bg-img-fullwidth span.copyright:before,
.banner-show span.copyright:before,
.mediaelement-image span.copyright:before {
  content: "©";
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
  transform: rotate(90deg);
}

.teaser-top-news .teaser-image span.copyright {
  bottom: 35px;
}

.quick-link figure.image span span.copyright, .quick-link div.custom-imagewidth span span.copyright {
  text-shadow: none;
  bottom: 25px;
  right: -20px;
}

.logo-stage span {
  position: relative;
  display: inline-block;
}
.logo-stage span span.copyright {
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  right: -30px;
  bottom: 10px;
  transform: rotate(-180deg);
  text-shadow: 1px 0px 2px white, 0px 1px 2px white, -1px 0px 2px white, 0px -1px 2px white;
  z-index: 1;
  display: inline-block;
  writing-mode: vertical-rl;
}
.logo-stage span span.copyright:before {
  content: "©";
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-size: 0.625rem;
  display: inline-block;
  transform: rotate(90deg);
}

.slider-picture span.copyright {
  z-index: 0;
  bottom: 30px;
}

.slick-active .slider-picture span.copyright {
  bottom: 10px;
}

/* IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  figure.image span span.copyright, div.custom-imagewidth span span.copyright, figure.slider-image span span.copyright {
    right: -15px;
    bottom: 40px;
    transform: rotate(-90deg);
  }
  span.copyright:before {
    transform: rotate(0deg);
  }
  .hero-image-home span.copyright, .hero-image span.copyright, .teaser-image span.copyright, .bg-img span.copyright, .bg-img-fullwidth span.copyright, .banner-show span.copyright {
    right: -15px;
    bottom: 35px;
    transform: rotate(-90deg);
  }
  .hero-image-home span.copyright:before, .hero-image span.copyright:before, .teaser-image span.copyright:before, .bg-img span.copyright:before, .bg-img-fullwidth span.copyright:before, .banner-show span.copyright:before {
    transform: rotate(0deg);
  }
  .teaser-top-news .teaser-image span.copyright {
    bottom: 65px;
  }
  .quick-link figure.image span span.copyright, .quick-link div.custom-imagewidth span span.copyright {
    bottom: 50px;
    right: -50px;
  }
  .logo-stage span {
    position: relative;
    display: inline-block;
  }
  .logo-stage span span.copyright {
    right: -50px;
    bottom: 40px;
    transform: rotate(-90deg);
  }
  .logo-stage span span.copyright:before {
    transform: rotate(0deg);
  }
  .slider-picture span.copyright {
    z-index: 0;
    bottom: 40px;
  }
  .slick-active .slider-picture span.copyright {
    bottom: 40px;
  }
}
/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Link style
 */
*:target:before {
  content: "";
  display: block;
  height: 230px; /* same as your fixed header height */
  margin: -230px 0 0; /* negative fixed header height */
}

a {
  color: #202020;
  text-decoration: underline;
  cursor: pointer;
}
a .orange {
  color: #e77529;
}
a:hover, a:focus, a:active {
  color: #024975;
  text-decoration: none;
}
a[class^=icon-], a[class*=" icon-"] {
  text-decoration: none;
  position: relative;
  padding-left: 20px;
}
a[class^=icon-]:before, a[class*=" icon-"]:before {
  color: #024975;
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  left: 0;
  top: 2px;
}
@media only screen and (max-width: 575px) {
  a[class^=icon-]:before, a[class*=" icon-"]:before {
    top: 0;
  }
}
a[class^=icon-] span, a[class*=" icon-"] span {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  a[class^=icon-] span, a[class*=" icon-"] span {
    font-size: 16px;
    font-size: 1rem;
  }
}
a[class^=icon-]:hover, a[class^=icon-]:focus, a[class*=" icon-"]:hover, a[class*=" icon-"]:focus {
  text-decoration: underline;
}

p a.icon-Internal_Link, p a.icon-External-Link, p a.icon-PDF, p a.icon-Download, p a.icon-Book, p a.icon-Email, p a.icon-List, table a.icon-Internal_Link, table a.icon-External-Link, table a.icon-PDF, table a.icon-Download, table a.icon-Book, table a.icon-Email, table a.icon-List, li a.icon-Internal_Link, li a.icon-External-Link, li a.icon-PDF, li a.icon-Download, li a.icon-Book, li a.icon-Email, li a.icon-List {
  text-decoration: underline;
  line-height: 120%;
  display: inline-block;
}
p a.icon-Internal_Link:before, p a.icon-External-Link:before, p a.icon-PDF:before, p a.icon-Download:before, p a.icon-Book:before, p a.icon-Email:before, p a.icon-List:before, table a.icon-Internal_Link:before, table a.icon-External-Link:before, table a.icon-PDF:before, table a.icon-Download:before, table a.icon-Book:before, table a.icon-Email:before, table a.icon-List:before, li a.icon-Internal_Link:before, li a.icon-External-Link:before, li a.icon-PDF:before, li a.icon-Download:before, li a.icon-Book:before, li a.icon-Email:before, li a.icon-List:before {
  color: #e77529;
}
@media only screen and (max-width: 575px) {
  p a.icon-Internal_Link:before, p a.icon-External-Link:before, p a.icon-PDF:before, p a.icon-Download:before, p a.icon-Book:before, p a.icon-Email:before, p a.icon-List:before, table a.icon-Internal_Link:before, table a.icon-External-Link:before, table a.icon-PDF:before, table a.icon-Download:before, table a.icon-Book:before, table a.icon-Email:before, table a.icon-List:before, li a.icon-Internal_Link:before, li a.icon-External-Link:before, li a.icon-PDF:before, li a.icon-Download:before, li a.icon-Book:before, li a.icon-Email:before, li a.icon-List:before {
    top: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
p a.icon-Internal_Link:hover, p a.icon-Internal_Link:focus, p a.icon-External-Link:hover, p a.icon-External-Link:focus, p a.icon-PDF:hover, p a.icon-PDF:focus, p a.icon-Download:hover, p a.icon-Download:focus, p a.icon-Book:hover, p a.icon-Book:focus, p a.icon-Email:hover, p a.icon-Email:focus, p a.icon-List:hover, p a.icon-List:focus, table a.icon-Internal_Link:hover, table a.icon-Internal_Link:focus, table a.icon-External-Link:hover, table a.icon-External-Link:focus, table a.icon-PDF:hover, table a.icon-PDF:focus, table a.icon-Download:hover, table a.icon-Download:focus, table a.icon-Book:hover, table a.icon-Book:focus, table a.icon-Email:hover, table a.icon-Email:focus, table a.icon-List:hover, table a.icon-List:focus, li a.icon-Internal_Link:hover, li a.icon-Internal_Link:focus, li a.icon-External-Link:hover, li a.icon-External-Link:focus, li a.icon-PDF:hover, li a.icon-PDF:focus, li a.icon-Download:hover, li a.icon-Download:focus, li a.icon-Book:hover, li a.icon-Book:focus, li a.icon-Email:hover, li a.icon-Email:focus, li a.icon-List:hover, li a.icon-List:focus {
  text-decoration: none;
  color: #024975;
}

.read-more {
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding-left: 25px;
}
.read-more:before {
  content: "\e902";
  font-family: "icons";
  color: #e77529 !important;
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  left: 4px;
  top: 1px;
  text-indent: 0;
}
.read-more:hover, .read-more:focus {
  outline: none;
}
.read-more:hover:before, .read-more:focus:before {
  color: #024975 !important;
}
.read-more a {
  text-indent: -9999px;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-decoration: none;
}

a.to-top {
  position: fixed;
  right: 20px;
  bottom: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: transparent;
  width: 40px;
  height: 40px;
  border-radius: 70px;
  border: 1px solid #e77529;
  z-index: 1;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  pointer-events: none;
}
a.to-top.show {
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 575px) {
  a.to-top {
    bottom: 140px;
  }
}
@media only screen and (min-width: 992px) {
  a.to-top {
    right: 40px;
    bottom: 40px;
    width: 60px;
    height: 60px;
  }
}
a.to-top span:before {
  font-size: 24px;
  font-size: 1.5rem;
  color: #e77529;
}
a.to-top:hover, a.to-top:focus {
  background-color: #e77529;
}
a.to-top:hover span:before, a.to-top:focus span:before {
  color: #fff;
}

@media only screen and (max-width: 575px) {
  .link-row [class^=icon-]:before, .link-row [class*=" icon-"]:before {
    top: 0;
  }
}
.link-row .columns {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
@media only screen and (max-width: 374px) {
  .link-row .columns {
    flex-direction: column;
  }
  .link-row .columns .col-6 {
    width: 100%;
  }
}
.link-row .align-right, .link-row.align-right {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

@media only screen and (max-width: 374px) {
  .col-6 .link-row .columns {
    flex-direction: column;
  }
  .col-6 .link-row .col-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .col-6 .link-row {
    margin: 0 -12.5px;
  }
}
@media only screen and (min-width: 768px) {
  .col-6 .link-row .col-6 {
    padding: 0;
    margin-bottom: 0;
  }
}

.frame-type-text a,
.frame-type-textmedia a,
.ce-bodytext a,
.news-text-wrap a,
.teaser-text a,
.accordion-bodytext a {
  text-decoration: underline !important;
}
.frame-type-text a:hover, .frame-type-text a:focus, .frame-type-text a:active,
.frame-type-textmedia a:hover,
.frame-type-textmedia a:focus,
.frame-type-textmedia a:active,
.ce-bodytext a:hover,
.ce-bodytext a:focus,
.ce-bodytext a:active,
.news-text-wrap a:hover,
.news-text-wrap a:focus,
.news-text-wrap a:active,
.teaser-text a:hover,
.teaser-text a:focus,
.teaser-text a:active,
.accordion-bodytext a:hover,
.accordion-bodytext a:focus,
.accordion-bodytext a:active {
  text-decoration: underline !important;
}
.frame-type-text h1 a,
.frame-type-text h2 a,
.frame-type-text h3 a,
.frame-type-text h4 a,
.frame-type-text h5 a,
.frame-type-text h6 a,
.frame-type-textmedia h1 a,
.frame-type-textmedia h2 a,
.frame-type-textmedia h3 a,
.frame-type-textmedia h4 a,
.frame-type-textmedia h5 a,
.frame-type-textmedia h6 a,
.ce-bodytext h1 a,
.ce-bodytext h2 a,
.ce-bodytext h3 a,
.ce-bodytext h4 a,
.ce-bodytext h5 a,
.ce-bodytext h6 a,
.news-text-wrap h1 a,
.news-text-wrap h2 a,
.news-text-wrap h3 a,
.news-text-wrap h4 a,
.news-text-wrap h5 a,
.news-text-wrap h6 a,
.teaser-text h1 a,
.teaser-text h2 a,
.teaser-text h3 a,
.teaser-text h4 a,
.teaser-text h5 a,
.teaser-text h6 a,
.accordion-bodytext h1 a,
.accordion-bodytext h2 a,
.accordion-bodytext h3 a,
.accordion-bodytext h4 a,
.accordion-bodytext h5 a,
.accordion-bodytext h6 a {
  text-decoration: none !important;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Listen
**/
@media only screen and (max-width: 767px) {
  div.frame-type-bullets {
    margin: 0 -25px;
    width: calc(100% + 50px);
  }
}
div.frame-type-bullets h1, div.frame-type-bullets h2, div.frame-type-bullets h3, div.frame-type-bullets h4, div.frame-type-bullets h5, div.frame-type-bullets h6,
div.frame-type-bullets .h1, div.frame-type-bullets .h2, div.frame-type-bullets .h3, div.frame-type-bullets .h4, div.frame-type-bullets .h5, div.frame-type-bullets .h6 {
  padding: 10px 25px;
  line-height: 1.4;
  background-color: #024975;
  color: #fff;
  border-bottom: 5px solid #fff;
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 768px) {
  div.frame-type-bullets h1, div.frame-type-bullets h2, div.frame-type-bullets h3, div.frame-type-bullets h4, div.frame-type-bullets h5, div.frame-type-bullets h6,
  div.frame-type-bullets .h1, div.frame-type-bullets .h2, div.frame-type-bullets .h3, div.frame-type-bullets .h4, div.frame-type-bullets .h5, div.frame-type-bullets .h6 {
    padding: 10px 20px;
  }
}
div.frame-type-bullets h1 a, div.frame-type-bullets h2 a, div.frame-type-bullets h3 a, div.frame-type-bullets h4 a, div.frame-type-bullets h5 a, div.frame-type-bullets h6 a,
div.frame-type-bullets .h1 a, div.frame-type-bullets .h2 a, div.frame-type-bullets .h3 a, div.frame-type-bullets .h4 a, div.frame-type-bullets .h5 a, div.frame-type-bullets .h6 a {
  color: #fff;
}
div.frame-type-bullets ul {
  list-style: none;
}
div.frame-type-bullets ul li {
  background-color: #e4f6ff;
  margin-bottom: 5px;
  padding: 10px 25px;
}
@media only screen and (min-width: 768px) {
  div.frame-type-bullets ul li {
    padding: 10px 20px;
  }
}
div.frame-type-bullets ul li:last-child {
  margin-bottom: 0;
}
div.frame-type-bullets ul li h1, div.frame-type-bullets ul li h2, div.frame-type-bullets ul li h3, div.frame-type-bullets ul li h4, div.frame-type-bullets ul li h5, div.frame-type-bullets ul li h6,
div.frame-type-bullets ul li .h1, div.frame-type-bullets ul li .h2, div.frame-type-bullets ul li .h3, div.frame-type-bullets ul li .h4, div.frame-type-bullets ul li .h5, div.frame-type-bullets ul li .h6 {
  padding: 0;
  line-height: 1.4;
  background-color: transparent;
  color: #024975;
  border-bottom: none;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  div.frame-type-bullets ul li h1, div.frame-type-bullets ul li h2, div.frame-type-bullets ul li h3, div.frame-type-bullets ul li h4, div.frame-type-bullets ul li h5, div.frame-type-bullets ul li h6,
  div.frame-type-bullets ul li .h1, div.frame-type-bullets ul li .h2, div.frame-type-bullets ul li .h3, div.frame-type-bullets ul li .h4, div.frame-type-bullets ul li .h5, div.frame-type-bullets ul li .h6 {
    padding: 0;
  }
}
div.frame-type-bullets ul li p:last-child {
  margin-bottom: 0;
}
div.frame-type-bullets ul li a {
  text-decoration: none;
}
div.frame-type-bullets ul li a:hover, div.frame-type-bullets ul li a:focus {
  text-decoration: underline;
}
div.frame-type-bullets ul li a.icon-Internal_Link, div.frame-type-bullets ul li a.icon-External-Link, div.frame-type-bullets ul li a.icon-PDF, div.frame-type-bullets ul li a.icon-Download {
  padding-left: 24px;
  display: inline-block;
  text-decoration: none;
}
div.frame-type-bullets ul li a.icon-Internal_Link:before, div.frame-type-bullets ul li a.icon-External-Link:before, div.frame-type-bullets ul li a.icon-PDF:before, div.frame-type-bullets ul li a.icon-Download:before {
  top: 3px;
}
@media only screen and (max-width: 575px) {
  div.frame-type-bullets ul li a.icon-Internal_Link:before, div.frame-type-bullets ul li a.icon-External-Link:before, div.frame-type-bullets ul li a.icon-PDF:before, div.frame-type-bullets ul li a.icon-Download:before {
    top: 0;
  }
}
div.frame-type-bullets ul li a.icon-Internal_Link:hover, div.frame-type-bullets ul li a.icon-Internal_Link:focus, div.frame-type-bullets ul li a.icon-External-Link:hover, div.frame-type-bullets ul li a.icon-External-Link:focus, div.frame-type-bullets ul li a.icon-PDF:hover, div.frame-type-bullets ul li a.icon-PDF:focus, div.frame-type-bullets ul li a.icon-Download:hover, div.frame-type-bullets ul li a.icon-Download:focus {
  color: #202020;
  text-decoration: underline;
}
div.frame-type-bullets ul li a.icon-Internal_Link:hover h1, div.frame-type-bullets ul li a.icon-Internal_Link:hover h2, div.frame-type-bullets ul li a.icon-Internal_Link:hover h3, div.frame-type-bullets ul li a.icon-Internal_Link:hover h4, div.frame-type-bullets ul li a.icon-Internal_Link:hover h5, div.frame-type-bullets ul li a.icon-Internal_Link:hover h6,
div.frame-type-bullets ul li a.icon-Internal_Link:hover .h1, div.frame-type-bullets ul li a.icon-Internal_Link:hover .h2, div.frame-type-bullets ul li a.icon-Internal_Link:hover .h3, div.frame-type-bullets ul li a.icon-Internal_Link:hover .h4, div.frame-type-bullets ul li a.icon-Internal_Link:hover .h5, div.frame-type-bullets ul li a.icon-Internal_Link:hover .h6,
div.frame-type-bullets ul li a.icon-Internal_Link:hover p, div.frame-type-bullets ul li a.icon-Internal_Link:focus h1, div.frame-type-bullets ul li a.icon-Internal_Link:focus h2, div.frame-type-bullets ul li a.icon-Internal_Link:focus h3, div.frame-type-bullets ul li a.icon-Internal_Link:focus h4, div.frame-type-bullets ul li a.icon-Internal_Link:focus h5, div.frame-type-bullets ul li a.icon-Internal_Link:focus h6,
div.frame-type-bullets ul li a.icon-Internal_Link:focus .h1, div.frame-type-bullets ul li a.icon-Internal_Link:focus .h2, div.frame-type-bullets ul li a.icon-Internal_Link:focus .h3, div.frame-type-bullets ul li a.icon-Internal_Link:focus .h4, div.frame-type-bullets ul li a.icon-Internal_Link:focus .h5, div.frame-type-bullets ul li a.icon-Internal_Link:focus .h6,
div.frame-type-bullets ul li a.icon-Internal_Link:focus p, div.frame-type-bullets ul li a.icon-External-Link:hover h1, div.frame-type-bullets ul li a.icon-External-Link:hover h2, div.frame-type-bullets ul li a.icon-External-Link:hover h3, div.frame-type-bullets ul li a.icon-External-Link:hover h4, div.frame-type-bullets ul li a.icon-External-Link:hover h5, div.frame-type-bullets ul li a.icon-External-Link:hover h6,
div.frame-type-bullets ul li a.icon-External-Link:hover .h1, div.frame-type-bullets ul li a.icon-External-Link:hover .h2, div.frame-type-bullets ul li a.icon-External-Link:hover .h3, div.frame-type-bullets ul li a.icon-External-Link:hover .h4, div.frame-type-bullets ul li a.icon-External-Link:hover .h5, div.frame-type-bullets ul li a.icon-External-Link:hover .h6,
div.frame-type-bullets ul li a.icon-External-Link:hover p, div.frame-type-bullets ul li a.icon-External-Link:focus h1, div.frame-type-bullets ul li a.icon-External-Link:focus h2, div.frame-type-bullets ul li a.icon-External-Link:focus h3, div.frame-type-bullets ul li a.icon-External-Link:focus h4, div.frame-type-bullets ul li a.icon-External-Link:focus h5, div.frame-type-bullets ul li a.icon-External-Link:focus h6,
div.frame-type-bullets ul li a.icon-External-Link:focus .h1, div.frame-type-bullets ul li a.icon-External-Link:focus .h2, div.frame-type-bullets ul li a.icon-External-Link:focus .h3, div.frame-type-bullets ul li a.icon-External-Link:focus .h4, div.frame-type-bullets ul li a.icon-External-Link:focus .h5, div.frame-type-bullets ul li a.icon-External-Link:focus .h6,
div.frame-type-bullets ul li a.icon-External-Link:focus p, div.frame-type-bullets ul li a.icon-PDF:hover h1, div.frame-type-bullets ul li a.icon-PDF:hover h2, div.frame-type-bullets ul li a.icon-PDF:hover h3, div.frame-type-bullets ul li a.icon-PDF:hover h4, div.frame-type-bullets ul li a.icon-PDF:hover h5, div.frame-type-bullets ul li a.icon-PDF:hover h6,
div.frame-type-bullets ul li a.icon-PDF:hover .h1, div.frame-type-bullets ul li a.icon-PDF:hover .h2, div.frame-type-bullets ul li a.icon-PDF:hover .h3, div.frame-type-bullets ul li a.icon-PDF:hover .h4, div.frame-type-bullets ul li a.icon-PDF:hover .h5, div.frame-type-bullets ul li a.icon-PDF:hover .h6,
div.frame-type-bullets ul li a.icon-PDF:hover p, div.frame-type-bullets ul li a.icon-PDF:focus h1, div.frame-type-bullets ul li a.icon-PDF:focus h2, div.frame-type-bullets ul li a.icon-PDF:focus h3, div.frame-type-bullets ul li a.icon-PDF:focus h4, div.frame-type-bullets ul li a.icon-PDF:focus h5, div.frame-type-bullets ul li a.icon-PDF:focus h6,
div.frame-type-bullets ul li a.icon-PDF:focus .h1, div.frame-type-bullets ul li a.icon-PDF:focus .h2, div.frame-type-bullets ul li a.icon-PDF:focus .h3, div.frame-type-bullets ul li a.icon-PDF:focus .h4, div.frame-type-bullets ul li a.icon-PDF:focus .h5, div.frame-type-bullets ul li a.icon-PDF:focus .h6,
div.frame-type-bullets ul li a.icon-PDF:focus p, div.frame-type-bullets ul li a.icon-Download:hover h1, div.frame-type-bullets ul li a.icon-Download:hover h2, div.frame-type-bullets ul li a.icon-Download:hover h3, div.frame-type-bullets ul li a.icon-Download:hover h4, div.frame-type-bullets ul li a.icon-Download:hover h5, div.frame-type-bullets ul li a.icon-Download:hover h6,
div.frame-type-bullets ul li a.icon-Download:hover .h1, div.frame-type-bullets ul li a.icon-Download:hover .h2, div.frame-type-bullets ul li a.icon-Download:hover .h3, div.frame-type-bullets ul li a.icon-Download:hover .h4, div.frame-type-bullets ul li a.icon-Download:hover .h5, div.frame-type-bullets ul li a.icon-Download:hover .h6,
div.frame-type-bullets ul li a.icon-Download:hover p, div.frame-type-bullets ul li a.icon-Download:focus h1, div.frame-type-bullets ul li a.icon-Download:focus h2, div.frame-type-bullets ul li a.icon-Download:focus h3, div.frame-type-bullets ul li a.icon-Download:focus h4, div.frame-type-bullets ul li a.icon-Download:focus h5, div.frame-type-bullets ul li a.icon-Download:focus h6,
div.frame-type-bullets ul li a.icon-Download:focus .h1, div.frame-type-bullets ul li a.icon-Download:focus .h2, div.frame-type-bullets ul li a.icon-Download:focus .h3, div.frame-type-bullets ul li a.icon-Download:focus .h4, div.frame-type-bullets ul li a.icon-Download:focus .h5, div.frame-type-bullets ul li a.icon-Download:focus .h6,
div.frame-type-bullets ul li a.icon-Download:focus p {
  text-decoration: underline;
}

ol {
  counter-reset: section;
  list-style-type: none;
}
ol li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 25px;
}
ol li:before {
  counter-increment: section;
  content: counters(section, ".") " ";
  color: #e77529;
  position: absolute;
  left: 0;
  top: 0;
}
ol ol {
  margin-left: 1px;
  margin-top: 15px;
}
ol ol li {
  padding-left: 50px;
}
ol ol ol li {
  padding-left: 70px;
}
ol ol ol ol li {
  padding-left: 95px;
}

#main ul.list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
#main ul.list li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px;
}
#main ul.list li:before {
  content: "";
  display: inline-block;
  font-family: "icons";
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #e77529;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 6px;
}
@media only screen and (max-width: 575px) {
  #main ul.list li:before {
    width: 6px;
    height: 6px;
    top: 4.5px;
  }
}
#main ul.list li p {
  line-height: 1.2;
}
#main ul.list ul {
  margin-left: 20px;
  margin-top: 15px;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * News
 */
.news-single .article .header h3, .news-single .article .header h4 {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 40px;
}
@media only screen and (min-width: 576px) {
  .news-single .article .header h3, .news-single .article .header h4 {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 60px;
  }
}
.news-single .article .teaser-text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #202020;
  margin-bottom: 40px;
}
@media only screen and (max-width: 575px) {
  .news-single .article .teaser-text {
    font-size: 16px;
    font-size: 1rem;
  }
}
.news-single .article .news-backlink-wrap a {
  display: inline-block;
  cursor: pointer;
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-decoration: none;
  border: none;
  background-color: #024975;
  padding: 5px 40px;
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  .news-single .article .news-backlink-wrap a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.news-single .article .news-backlink-wrap a:hover, .news-single .article .news-backlink-wrap a:focus {
  color: #fff;
  text-decoration: underline;
  background-color: rgb(1.9, 69.35, 111.15);
}
.news-single .article .news-img-wrap {
  width: auto;
}
@media only screen and (max-width: 768px) {
  .news-single .article .news-img-wrap {
    float: none;
    margin: 0 0 20px 0;
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Formulare
**/
.btn, button, input[type=submit] {
  cursor: pointer;
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  text-decoration: none;
  border: none;
  background-color: #024975;
  padding: 5px 40px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  .btn, button, input[type=submit] {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.btn:hover, .btn:focus, button:hover, button:focus, input[type=submit]:hover, input[type=submit]:focus {
  color: #fff;
  text-decoration: underline;
  background-color: rgb(1.9, 69.35, 111.15);
}

.frame-type-form_formframework form {
  /* Checkboxen / Radiobuttons */
}
.frame-type-form_formframework form label {
  margin-bottom: 5px;
  display: inline-block;
}
.frame-type-form_formframework form input, .frame-type-form_formframework form textarea, .frame-type-form_formframework form select {
  width: 100%;
  height: 40px;
  padding: 10px;
  margin-bottom: 25px;
  font-family: "Arial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  .frame-type-form_formframework form input, .frame-type-form_formframework form textarea, .frame-type-form_formframework form select {
    font-size: 16px;
    font-size: 1rem;
  }
}
.frame-type-form_formframework form input::-moz-placeholder, .frame-type-form_formframework form textarea::-moz-placeholder, .frame-type-form_formframework form select::-moz-placeholder {
  color: #202020;
}
.frame-type-form_formframework form input::placeholder, .frame-type-form_formframework form textarea::placeholder, .frame-type-form_formframework form select::placeholder {
  color: #202020;
}
.frame-type-form_formframework form input[type=file] {
  padding: 10px 0;
}
.frame-type-form_formframework form textarea, .frame-type-form_formframework form select[multiple=multiple] {
  min-height: 100px;
}
.frame-type-form_formframework form .form-navigation .btn-toolbar .btn-group {
  text-align: right;
}
.frame-type-form_formframework form .input .inputs-list, .frame-type-form_formframework form .input.checkbox {
  margin-bottom: 25px;
}
.frame-type-form_formframework form input[type=checkbox], .frame-type-form_formframework form input[type=radio] {
  width: 20px;
  height: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  float: left;
}
.frame-type-form_formframework form input[type=checkbox] + span, .frame-type-form_formframework form input[type=radio] + span {
  display: inline;
  margin-top: -2px;
}

header .frame-type-form_formframework form label, .contact-person .frame-type-form_formframework form label {
  opacity: 0;
  height: 0;
  display: inherit;
  margin-bottom: 0;
}
header .frame-type-form_formframework form input, header .frame-type-form_formframework form textarea, .contact-person .frame-type-form_formframework form input, .contact-person .frame-type-form_formframework form textarea {
  border: none;
  margin-bottom: 12.5px;
}
header .frame-type-form_formframework form .form-check label, .contact-person .frame-type-form_formframework form .form-check label {
  margin-bottom: 5px;
  display: inline-block;
  opacity: 1;
}
header .frame-type-form_formframework form .form-check .input .inputs-list, header .frame-type-form_formframework form .form-check .input.checkbox, .contact-person .frame-type-form_formframework form .form-check .input .inputs-list, .contact-person .frame-type-form_formframework form .form-check .input.checkbox {
  margin-bottom: 25px;
}
header .frame-type-form_formframework form .form-check input[type=checkbox], header .frame-type-form_formframework form .form-check input[type=radio], .contact-person .frame-type-form_formframework form .form-check input[type=checkbox], .contact-person .frame-type-form_formframework form .form-check input[type=radio] {
  width: 20px;
  height: 20px;
  margin-bottom: 20px;
  margin-right: 10px;
  float: left;
}
header .frame-type-form_formframework form .form-check input[type=checkbox] + span, header .frame-type-form_formframework form .form-check input[type=radio] + span, .contact-person .frame-type-form_formframework form .form-check input[type=checkbox] + span, .contact-person .frame-type-form_formframework form .form-check input[type=radio] + span {
  display: inline;
  margin-top: -2px;
}

/* Contact */
.contact {
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  /*
  button.close {
    background-color: transparent;
    padding: 0;
    position: absolute;
    right: 40px;
    top: 0;

    @media only screen and (min-width: 992px) { top: -30px; }

    &:before {
      display: inline-block;
      transform: rotate(45deg);
      color: $darkgrey;
    }

    span {
      position: absolute;
      text-indent: -9999px;
      opacity: 0;
    }

    &:hover, &:focus {
      outline: none;
    }
  }
  */
}
.contact .columns {
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (min-width: 768px) {
  .contact .columns {
    flex-direction: column;
  }
}
@media only screen and (min-width: 992px) {
  .contact .columns {
    flex-direction: row;
  }
}
.contact button.close {
  background-color: transparent;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 0;
  height: 30px;
  width: 30px;
}
.contact button.close span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background-color: #000;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .contact button.close {
    right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .contact button.close {
    top: -30px;
  }
}
.contact button.close span:nth-child(1), .contact button.close span:nth-child(4) {
  transform: rotate(45deg);
}
.contact button.close span:nth-child(2), .contact button.close span:nth-child(3) {
  transform: rotate(-45deg);
}
.contact button.close span:nth-child(1), .contact button.close span:nth-child(2), .contact button.close span:nth-child(3), .contact button.close span:nth-child(4) {
  left: 5px;
  top: 7px;
}
.contact button.close span:nth-child(2), .contact button.close span:nth-child(4) {
  left: 50%;
}
.contact button.close span:nth-child(3), .contact button.close span:nth-child(4) {
  top: 17px;
}
.contact button.close:hover, .contact button.close:focus {
  outline: none;
}
.contact .columns .col-3 img {
  margin-bottom: 20px;
}
.contact .columns .col-9 {
  displaY: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: flex-start;
}
@media only screen and (min-width: 576px) {
  .contact .columns .col-9 {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact .columns .col-9 {
    width: 100%;
  }
}
.contact .columns .col-9 > div {
  width: 100%;
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) {
  .contact .columns .col-9 > div {
    width: 50%;
  }
  .contact .columns .col-9 > div:first-child {
    padding-right: 12.5px !important;
  }
  .contact .columns .col-9 > div:last-child {
    padding-left: 12.5px !important;
  }
}
.contact .columns .col-9 a {
  text-decoration: none;
}
.contact .columns .col-9 a:hover, .contact .columns .col-9 a:focus {
  text-decoration: underline;
}
.contact .ce-33-66 .columns > .col-4 + .col-8 .frame-type-textmedia, .contact .ce-66-33 .columns > .col-4 + .col-8 .frame-type-textmedia {
  padding: 0;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Pagination
 */
.page-navigation {
  width: 100%;
  display: block;
  padding: 0 12.5px;
}

.news .page-navigation .f3-widget-paginator {
  margin-bottom: 15px;
  margin-top: -10px;
}
.news .page-navigation .f3-widget-paginator li {
  color: #024975;
  width: 35px;
  height: 35px;
  padding: 10px;
  margin: 0 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.news .page-navigation .f3-widget-paginator li a {
  color: #024975;
  text-decoration: none;
}
.news .page-navigation .f3-widget-paginator li a:hover, .news .page-navigation .f3-widget-paginator li a:focus {
  text-decoration: underline;
}
.news .page-navigation .f3-widget-paginator li.current {
  color: #024975;
  background-color: #e4f6ff;
}
.news .page-navigation .f3-widget-paginator li.next, .news .page-navigation .f3-widget-paginator li.previous {
  position: relative;
  width: 30px;
  height: 35px;
}
.news .page-navigation .f3-widget-paginator li.next:before, .news .page-navigation .f3-widget-paginator li.previous:before {
  content: "\e902";
  font-family: "icons";
  color: #024975 !important;
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  left: 5px;
  top: 6px;
  text-indent: 0;
  display: inline-block;
}
.news .page-navigation .f3-widget-paginator li.next a, .news .page-navigation .f3-widget-paginator li.previous a {
  text-indent: -9999px;
  position: absolute;
  width: 20px;
}
.news .page-navigation .f3-widget-paginator li.previous:before {
  transform: rotate(180deg);
  left: 7px;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Publication
 */
.tx-opc4-pi1 {
  margin: 0 -12.5px;
  width: calc(100% + 25px);
}
.tx-opc4-pi1 .content div {
  margin: 0 12.5px;
  padding: 20px;
}
.tx-opc4-pi1 .gray_dotted {
  border-bottom: none;
  background-color: #e4f6ff;
}
.tx-opc4-pi1 .dotted {
  border-bottom: none;
}
.tx-opc4-pi1 .pageNavi a.site_menu, .tx-opc4-pi1 .pageNavi a.site_menu_aktiv {
  color: #024975 !important;
  background-color: transparent;
  padding: 10px;
  margin: 0 2.5px;
  font-size: 100%;
}
.tx-opc4-pi1 .pageNavi a.site_menu:hover, .tx-opc4-pi1 .pageNavi a.site_menu:focus, .tx-opc4-pi1 .pageNavi a.site_menu_aktiv:hover, .tx-opc4-pi1 .pageNavi a.site_menu_aktiv:focus {
  text-decoration: underline;
}
.tx-opc4-pi1 .pageNavi a.site_menu_aktiv {
  color: #024975 !important;
  background-color: #e4f6ff;
}
.tx-opc4-pi1 .pageNavi a[title="1 Seite weiter"], .tx-opc4-pi1 .pageNavi a[title="1 Seite zurück"],
.tx-opc4-pi1 .pageNavi a[title="10 Seiten weiter"], .tx-opc4-pi1 .pageNavi a[title="10 Seiten zurück"],
.tx-opc4-pi1 .pageNavi a[title="zur letzten Seite"], .tx-opc4-pi1 .pageNavi a[title="zur ersten Seite"] {
  color: transparent !important;
  position: relative;
}
.tx-opc4-pi1 .pageNavi a[title="1 Seite weiter"]:before, .tx-opc4-pi1 .pageNavi a[title="1 Seite zurück"]:before,
.tx-opc4-pi1 .pageNavi a[title="10 Seiten weiter"]:before, .tx-opc4-pi1 .pageNavi a[title="10 Seiten zurück"]:before,
.tx-opc4-pi1 .pageNavi a[title="zur letzten Seite"]:before, .tx-opc4-pi1 .pageNavi a[title="zur ersten Seite"]:before {
  content: "\e902";
  font-family: "icons";
  color: #024975 !important;
  font-size: 18px;
  font-size: 1.125rem;
  position: absolute;
  left: 5px;
  top: 9px;
  text-indent: 0;
  display: inline-block;
}
.tx-opc4-pi1 .pageNavi a[title="1 Seite zurück"]:before {
  transform: rotate(180deg);
  left: 7px;
}
.tx-opc4-pi1 .pageNavi a[title="10 Seiten weiter"]:before, .tx-opc4-pi1 .pageNavi a[title="10 Seiten zurück"]:before,
.tx-opc4-pi1 .pageNavi a[title="zur letzten Seite"]:before, .tx-opc4-pi1 .pageNavi a[title="zur ersten Seite"]:before {
  content: "\e905";
  transform: rotate(180deg);
  font-size: 12px;
  top: 12px;
}
.tx-opc4-pi1 .pageNavi a[title="10 Seiten zurück"]:before, .tx-opc4-pi1 .pageNavi a[title="zur ersten Seite"]:before {
  transform: rotate(0);
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Search
 */
.search-wrapper {
  position: absolute;
  left: 25px;
  top: calc(50% - 80px);
}
@media only screen and (min-width: 768px) {
  .search-wrapper {
    left: 15px;
  }
}
.search-wrapper button.Search.open .icon-Search:before {
  content: "\e916";
  transform: rotate(45deg);
  display: inline-block;
}
.search-wrapper button.Search.open + .search-field {
  opacity: 1;
  width: 750px;
  transition: all 0.5s ease-out;
}
.search-wrapper .search-field {
  overflow: hidden;
  transition: all 0.5s ease-out;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 75px;
  margin: 0;
}
.search-wrapper .search-field input[type=text], .search-wrapper .search-field #___gcse_0 {
  position: absolute;
  right: 0;
  top: 0;
  width: 675px;
  background-color: #fff;
}

#header .gsc-search-box {
  width: 100%;
  height: 70px;
  display: block;
}
#header .gsc-search-box table, #header .gsc-search-box table tbody, #header .gsc-search-box table tr, #header .gsc-search-box table td {
  width: 100%;
  height: 100%;
  display: block;
}
#header .gsc-search-box .gsc-input-box {
  border: none;
  height: 70px;
}
#header .gsc-search-box .gsc-input-box .gsib_a {
  padding: 13px 9px 14px 9px;
  background-color: #fff;
}
#header .gsc-search-box .gsc-input-box input {
  display: block;
  height: 100% !important;
  padding: 10px 70px 10px 10px !important;
  background: #fff !important;
  text-indent: 0 !important;
  -webkit-appearance: none;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  #header .gsc-search-box .gsc-input-box input {
    padding: 10px 70px 10px 40px !important;
  }
}
@media only screen and (min-width: 992px) {
  #header .gsc-search-box .gsc-input-box input {
    padding: 10px 70px 10px 90px !important;
    z-index: 1 !important;
  }
}
#header .gsc-search-box .gsc-input-box input::-moz-placeholder {
  padding: 10px !important;
}
#header .gsc-search-box .gsc-input-box input::placeholder {
  padding: 10px !important;
}
#header .gsc-search-box .gsc-input-box input:focus::-moz-placeholder {
  color: #202020;
}
#header .gsc-search-box .gsc-input-box input:focus::placeholder {
  color: #202020;
}
#header .gsc-search-box .gsc-search-button {
  position: absolute;
  right: 15px;
  top: 44.5px;
  height: 71px;
  width: 65px;
  -webkit-appearance: none;
  border-radius: 0;
}
#header .gsc-search-box button.gsc-search-button {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  z-index: 1;
  height: 71px;
  width: 65px;
  border: 0;
  border-radius: 0;
  background-color: #024975;
  color: transparent;
  cursor: pointer;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
#header .gsc-search-box button.gsc-search-button:hover, #header .gsc-search-box button.gsc-search-button:focus {
  background-color: rgb(1.9, 69.35, 111.15);
}
#header .gsc-search-box button.gsc-search-button svg {
  fill: #fff;
  position: absolute;
  top: 24px;
  left: 19px;
  width: 25px;
  height: 25px;
}

.navigation button.Search.open {
  text-decoration: underline;
}
.navigation button.Search.open ~ .search-field {
  display: block;
  transition: all 0.5s ease-out;
}
.navigation button.Search ~ .search-field {
  display: none;
  transition: all 0.5s ease-out;
}

.search-field {
  position: relative;
  margin: 0 -12.5px;
  width: calc(100% + 25px);
  height: 70px;
}
@media only screen and (min-width: 768px) {
  .search-field {
    margin: 0 -40px;
    width: calc(100% + 80px);
  }
}
.search-field input[type=text], .search-field #___gcse_0 {
  height: 70px;
  width: 100%;
  padding: 10px 80px 10px 25px;
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  border: 1px solid #e4f6ff;
  -webkit-appearance: none;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  .search-field input[type=text], .search-field #___gcse_0 {
    padding-left: 45px;
  }
}
@media only screen and (min-width: 992px) {
  .search-field input[type=text], .search-field #___gcse_0 {
    padding-left: 25px;
  }
}
.search-field #searchLabelHidden {
  display: none;
}
.search-field #___gcse_0 {
  padding: 0;
  border: none;
  background-color: #fff;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.search-field span.button-Search {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  z-index: 1;
  -webkit-appearance: none;
  border-radius: 0;
}
.search-field span.button-Search.icon-Search:before {
  color: #fff;
  position: absolute;
  right: 22px;
  top: 20px;
  font-size: 22px;
  font-size: 1.375rem;
  cursor: pointer;
  pointer-events: none;
}
.search-field span.button-Search .icon-Search-text {
  display: inline-block;
  text-indent: -9999em;
  width: 0;
}
.search-field span.button-Search input[type=submit] {
  height: 70px;
  width: 65px;
  border: 0;
  border-radius: 0;
  background-color: #024975;
  color: transparent;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  border-radius: 0;
}
.search-field span.button-Search:hover input[type=submit], .search-field span.button-Search:focus input[type=submit] {
  background-color: rgb(1.9, 69.35, 111.15);
}

/* Suchergebnisse GOOGLE-Search */
#___gcse_2 .gsc-control-cse {
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  #___gcse_2 .gsc-control-cse {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#___gcse_2 .gsc-control-cse .gsc-table-result {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  #___gcse_2 .gsc-control-cse .gsc-table-result {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#___gcse_2 .gsc-control-cse .gs-spelling,
#___gcse_2 .gsc-control-cse .gs-result .gs-title,
#___gcse_2 .gsc-control-cse .gs-result .gs-title * {
  font-size: 14.5px;
  font-size: 0.90625rem;
  margin-bottom: 5px;
  color: #e77529;
}
@media only screen and (min-width: 576px) {
  #___gcse_2 .gsc-control-cse .gs-spelling,
  #___gcse_2 .gsc-control-cse .gs-result .gs-title,
  #___gcse_2 .gsc-control-cse .gs-result .gs-title * {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
#___gcse_2 .gsc-control-cse .gs-web-image-box, #___gcse_2 .gsc-control-cse .gs-promotion-image-box {
  margin-right: 15px;
}
#___gcse_2 .gsc-control-cse .gs-result a.gs-visibleUrl, #___gcse_2 .gsc-control-cse .gs-result .gs-visibleUrl {
  color: #024975;
}
#___gcse_2 .gsc-control-cse .gsc-results .gsc-cursor {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}
#___gcse_2 .gsc-control-cse .gsc-results .gsc-cursor .gsc-cursor-page {
  width: 35px;
  height: 35px;
  padding: 10px;
  margin: 0 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
#___gcse_2 .gsc-control-cse .gsc-results .gsc-cursor .gsc-cursor-page:hover, #___gcse_2 .gsc-control-cse .gsc-results .gsc-cursor .gsc-cursor-page:focus {
  text-decoration: underline;
}
#___gcse_2 .gsc-control-cse .gsc-results .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
  color: #024975;
  background-color: #e4f6ff;
}
#___gcse_2 .gsc-control-cse .gcsc-more-maybe-branding-root {
  margin-top: 25px;
}
#___gcse_2 .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google-magnifier {
  fill: #024975;
}
#___gcse_2 .gsc-control-cse .gcsc-more-maybe-branding-root .gcsc-find-more-on-google {
  color: #024975;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Teaser
 */
.teaser {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .teaser {
    margin-bottom: 10px;
  }
}
.teaser a {
  text-decoration: none;
}
.teaser a:hover h1, .teaser a:hover .h1, .teaser a:hover h2, .teaser a:hover .h2, .teaser a:hover h3, .teaser a:hover .h3, .teaser a:hover h4, .teaser a:hover .h4, .teaser a:hover h5, .teaser a:hover .h5, .teaser a:focus h1, .teaser a:focus .h1, .teaser a:focus h2, .teaser a:focus .h2, .teaser a:focus h3, .teaser a:focus .h3, .teaser a:focus h4, .teaser a:focus .h4, .teaser a:focus h5, .teaser a:focus .h5 {
  text-decoration: underline;
}
.teaser a:hover .teaser-body.box, .teaser a:focus .teaser-body.box {
  text-decoration: underline;
}
.teaser.teaser-border {
  border: 3px solid #e4f6ff;
  padding: 25px;
}
.teaser.teaser-border a:hover, .teaser.teaser-border a:focus {
  color: #202020;
}
.teaser.teaser-news {
  background-color: #e4f6ff;
  padding: 0;
}
.teaser.teaser-top-news {
  background-color: #fdf1ea;
  padding: 0;
}
.teaser.teaser-news .teaser-body, .teaser.teaser-top-news .teaser-body {
  padding: 20px;
}
.teaser.teaser-news .teaser-body h4, .teaser.teaser-news .teaser-body .h4, .teaser.teaser-news .teaser-body h5, .teaser.teaser-news .teaser-body .h5, .teaser.teaser-top-news .teaser-body h4, .teaser.teaser-top-news .teaser-body .h4, .teaser.teaser-top-news .teaser-body h5, .teaser.teaser-top-news .teaser-body .h5 {
  font-weight: bold;
}
.teaser .teaser-image {
  position: relative;
  display: grid;
}
.teaser .teaser-image img {
  width: 100%;
  height: auto;
}
.teaser .teaser-image.teaser-image-equal-height {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.teaser .teaser-image.teaser-image-equal-height img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.teaser .teaser-image .banner {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #e77529;
  width: 100%;
  padding: 5px 20px;
}
.teaser .teaser-image .banner p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0;
}
.teaser .teaser-body {
  padding-top: 20px;
}
.teaser .teaser-body .news-list-date {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}
.teaser .teaser-body h1, .teaser .teaser-body .h1, .teaser .teaser-body h2, .teaser .teaser-body .h2, .teaser .teaser-body h3, .teaser .teaser-body .h3, .teaser .teaser-body h4, .teaser .teaser-body .h4, .teaser .teaser-body h5, .teaser .teaser-body .h5 {
  margin-bottom: 5px;
}
.teaser .teaser-body h4, .teaser .teaser-body .h4, .teaser .teaser-body h5, .teaser .teaser-body .h5 {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  .teaser .teaser-body h4, .teaser .teaser-body .h4, .teaser .teaser-body h5, .teaser .teaser-body .h5 {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
.teaser .teaser-body p:last-child {
  margin-bottom: 0;
}
.teaser .teaser-body.box {
  padding: 10px 20px 10px;
  background-color: #e4f6ff;
  line-height: 1;
  min-height: 45px;
}
.teaser .teaser-body.box p, .teaser .teaser-body.box h1, .teaser .teaser-body.box .h1, .teaser .teaser-body.box h2, .teaser .teaser-body.box .h2, .teaser .teaser-body.box h3, .teaser .teaser-body.box .h3, .teaser .teaser-body.box h4, .teaser .teaser-body.box .h4, .teaser .teaser-body.box h5, .teaser .teaser-body.box .h5 {
  color: #024975;
}
.teaser.news-left-right {
  background-color: transparent;
  height: auto;
  margin-bottom: 25px;
}
.teaser.news-left-right:only-of-type {
  height: 100%;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .teaser.news-left-right {
    width: calc(100% + 50px);
    margin: 0 -25px 10px;
  }
}
.teaser.news-left-right a {
  display: flex;
  background-color: #e4f6ff;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .teaser.news-left-right a {
    flex-direction: row;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teaser.news-left-right a {
    flex-direction: column;
  }
}
.teaser.news-left-right .teaser-image {
  display: inline-block;
  min-width: 100px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teaser.news-left-right .teaser-image {
    min-height: 138px;
  }
}
@media only screen and (min-width: 576px) {
  .teaser.news-left-right .teaser-image {
    min-width: 195px;
  }
}
.teaser.news-left-right .teaser-body {
  padding: 15px;
  position: relative;
}

.ce-20-20-20-20-20 .teaser {
  background-color: #e4f6ff;
}
.ce-20-20-20-20-20 .teaser .frame-type-textmedia {
  height: 100%;
}
.ce-20-20-20-20-20 .teaser .frame-type-textmedia a {
  word-break: break-word;
}
.ce-20-20-20-20-20 .teaser .frame-type-textmedia .ce-bodytext {
  display: block;
  padding: 5px 0;
  text-align: left;
}
.ce-20-20-20-20-20 .teaser .frame-type-textmedia .ce-bodytext a {
  padding: 0 0 0 20px;
}
.ce-20-20-20-20-20 .teaser .frame-type-textmedia:hover a, .ce-20-20-20-20-20 .teaser .frame-type-textmedia:focus a {
  text-decoration: underline;
}
@media only screen and (min-width: 1280px) {
  .ce-20-20-20-20-20 .teaser .frame-type-textmedia:hover .teaser-image .image, .ce-20-20-20-20-20 .teaser .frame-type-textmedia:focus .teaser-image .image {
    opacity: 1;
  }
  .ce-20-20-20-20-20 .teaser .frame-type-textmedia:hover .teaser-image .image + .image, .ce-20-20-20-20-20 .teaser .frame-type-textmedia:focus .teaser-image .image + .image {
    transition: opacity 0.75s ease-out;
    opacity: 1;
  }
}
.ce-20-20-20-20-20 .teaser .teaser-image {
  position: relative;
}
@media only screen and (min-width: 576px) {
  .ce-20-20-20-20-20 .teaser .teaser-image {
    padding: 5px 5px 0;
  }
}
@media only screen and (max-width: 575px) {
  .ce-20-20-20-20-20 .teaser .teaser-image .image img {
    padding: 10px;
  }
}
.ce-20-20-20-20-20 .teaser .teaser-image .image + .image {
  transition: opacity 0.75s ease-out;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 576px) {
  .ce-20-20-20-20-20 .teaser .teaser-image .image + .image {
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 5px);
  }
}
@media only screen and (max-width: 575px) {
  .ce-20-20-20-20-20 .teaser .teaser-image .image + .image img {
    padding: 10px;
  }
}
.ce-20-20-20-20-20 .teaser .teaser-body, .ce-20-20-20-20-20 .teaser .ce-bodytext {
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 25px;
  align-items: center;
  min-height: 100px;
}
.ce-20-20-20-20-20 .teaser .teaser-body p, .ce-20-20-20-20-20 .teaser .teaser-body p a, .ce-20-20-20-20-20 .teaser .ce-bodytext p, .ce-20-20-20-20-20 .teaser .ce-bodytext p a {
  color: #024975;
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .ce-20-20-20-20-20 .teaser .teaser-body p, .ce-20-20-20-20-20 .teaser .teaser-body p a, .ce-20-20-20-20-20 .teaser .ce-bodytext p, .ce-20-20-20-20-20 .teaser .ce-bodytext p a {
    display: block;
    width: 100%;
  }
}
.ce-20-20-20-20-20 .teaser .teaser-body a, .ce-20-20-20-20-20 .teaser .ce-bodytext a {
  display: inline-block;
  padding: 25px;
}
@media only screen and (max-width: 575px) {
  .ce-20-20-20-20-20 .teaser .teaser-body a, .ce-20-20-20-20-20 .teaser .ce-bodytext a {
    padding-left: 5px !important;
  }
}
@media only screen and (max-width: 575px) {
  .ce-20-20-20-20-20 .teaser {
    margin-bottom: 3px;
  }
  .ce-20-20-20-20-20 .teaser .frame-type-textmedia .ce-textpic {
    display: flex;
  }
  .ce-20-20-20-20-20 .teaser .teaser-image {
    flex: 1;
    align-content: center;
    align-items: center;
  }
  .ce-20-20-20-20-20 .teaser .teaser-image .image {
    margin-bottom: 0;
  }
  .ce-20-20-20-20-20 .teaser .teaser-body, .ce-20-20-20-20-20 .teaser .ce-bodytext {
    flex: 2;
    justify-content: flex-start;
    text-align: left;
    padding: 0;
    align-items: center;
    min-height: 70px;
  }
  .ce-20-20-20-20-20 .teaser .teaser-body a, .ce-20-20-20-20-20 .teaser .ce-bodytext a {
    padding: 12.5px 25px;
  }
  .ce-20-20-20-20-20 .teaser .teaser-body p, .ce-20-20-20-20-20 .teaser .teaser-body a, .ce-20-20-20-20-20 .teaser .ce-bodytext p, .ce-20-20-20-20-20 .teaser .ce-bodytext a {
    color: #024975;
  }
}

.bg-light-blue .teaser.teaser-news, .bg-light-blue .teaser .teaser-body.box {
  background-color: #fff;
}
.bg-light-blue .ce-20-20-20-20-20 .teaser {
  background-color: #fff;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Slider
 */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  top: calc(50% - 13px);
  left: 22.5px;
  width: 25px;
  padding: 0;
  background-color: transparent;
  color: transparent;
  border: none;
  outline: none;
  z-index: 1;
  cursor: pointer;
}
@media only screen and (min-width: 576px) {
  .slick-prev,
  .slick-next {
    left: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .slick-prev,
  .slick-next {
    left: 35px;
  }
}
.slick-prev:before,
.slick-next:before {
  font-family: "icons";
  content: "\e905";
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (min-width: 992px) {
  .slick-prev:before,
  .slick-next:before {
    font-size: 32px;
    font-size: 2rem;
  }
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background-color: transparent;
  color: transparent;
  text-decoration: none;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-next {
  left: auto;
  right: 18.5px;
}
.slick-next:before {
  content: "\e906";
}
@media only screen and (min-width: 576px) {
  .slick-next {
    right: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .slick-next {
    right: 35px;
  }
}

.slick-slider {
  position: relative;
}
.slick-slider .slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-slider .slick-slide {
  display: none;
  float: left;
  min-height: 1px;
}

.slick-slide img, .slick-initialized .slick-slide {
  display: block;
}

.galerie, .galerie-filter {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #e4f6ff;
  padding-bottom: 25px;
}
@media only screen and (max-width: 575px) {
  .galerie, .galerie-filter {
    padding-bottom: 25px;
  }
  .galerie .tui-slider, .galerie-filter .tui-slider {
    margin-top: -12.5px;
  }
}
@media only screen and (min-width: 768px) {
  .galerie, .galerie-filter {
    width: calc(100% + 25px);
    margin: 0 -12.5px;
  }
}
.galerie img, .galerie-filter img {
  width: 100vw;
  height: auto;
}
@media only screen and (min-width: 576px) {
  .galerie img, .galerie-filter img {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) {
  .galerie img, .galerie-filter img {
    width: 550px;
  }
}
@media only screen and (min-width: 992px) {
  .galerie img, .galerie-filter img {
    width: 750px;
  }
}
@media only screen and (min-width: 1200px) {
  .galerie img, .galerie-filter img {
    width: 900px;
  }
}

@media only screen and (max-width: 575px) {
  .galerie-filter {
    margin-top: -12.5px;
  }
  .galerie-filter .tui-slider {
    margin-top: 0;
  }
}

.slick-slide {
  margin: 0 20px;
}
.slick-slide .slider-picture {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.slick-slide .slider-picture img {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.slick-slide .slider-picture figcaption {
  color: transparent;
}

.filter {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  min-height: 30px;
}
@media only screen and (min-width: 992px) {
  .filter {
    width: 900px;
  }
}
.filter a {
  text-align: center;
  width: 25%;
  padding: 15px;
  text-decoration: none;
  color: #024975;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .filter a {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.filter a.active {
  background-color: #0f838b;
  color: #fff;
}
.filter a:hover, .filter a:focus {
  background-color: #0f838b;
  color: #fff;
  transition: all 0.2s ease-in-out;
}

.slideinfo {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  color: #024975;
  height: 50px;
  margin: 0 auto;
  padding: 0 25px;
}
@media only screen and (min-width: 768px) {
  .slideinfo {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 992px) {
  .slideinfo {
    width: 900px;
    padding: 0;
  }
}

.slick-current .slider-picture {
  position: relative;
}
.slick-current .slider-picture figure:hover figcaption, .slick-current .slider-picture figure:focus figcaption {
  transition: bottom 0.75s ease-in-out;
  bottom: 0;
}
.slick-current .slider-picture figure figcaption {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  padding: 20px 25px;
  color: #fff;
  background-color: rgba(2, 73, 117, 0.9);
  transition: bottom 0.75s ease-in-out;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Table style
 */
.table-responsive {
  overflow-x: auto;
}
.table-responsive table {
  width: 100%;
}
.table-responsive table th,
.table-responsive table td {
  border-top: 1px solid #DADADA;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table-responsive table th {
  font-width: bold;
  text-align: left;
}

.video-embed {
  border: none;
  position: relative;
  width: 100%;
}
.video-embed > * {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-embed::before {
  display: block;
  padding-top: 56.25%;
  content: "";
}
.video-embed .video-shariff-play {
  position: absolute;
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Navigation
 */
#header .button-row {
  background-color: #e4f6ff;
  padding: 0 12.5px;
  display: block;
}
@media only screen and (min-width: 768px) {
  #header .button-row {
    padding: 0 40px;
  }
}
#header .button-row button {
  background-color: #e4f6ff;
  border: none;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  color: var(--color-schema-base);
  padding: 20px 10px;
  cursor: pointer;
}
#header .button-row button span:before {
  font-size: 20px;
  font-size: 1.25rem;
  margin-right: 10px;
}
#header .button-row button:hover, #header .button-row button:focus {
  text-decoration: none;
  outline: none;
}
@media only screen and (min-width: 992px) {
  #header .button-row {
    display: none;
  }
}

.menu-button {
  display: inline-block;
  margin-top: 19px;
  margin-left: 12.5px;
  padding: 0;
  width: 50px;
  height: 32px;
  background-color: transparent;
  border: none;
  position: relative;
  transform: rotate(0deg);
  cursor: pointer;
}
.menu-button:focus-visible {
  outline: 1px dotted #000;
  outline-offset: 5px;
}
@media only screen and (min-width: 768px) {
  .menu-button {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) {
  .menu-button {
    display: none;
  }
}
.menu-button:hover, .menu-button:focus {
  background-color: transparent;
}
.menu-button.open + .navigation {
  display: block;
}
.menu-button span {
  display: block;
  position: absolute;
  height: 2px;
  width: 50%;
  background-color: #000;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  cursor: pointer;
}
.menu-button span:nth-child(even) {
  left: 49%;
}
.menu-button span:nth-child(odd) {
  left: 0;
}
.menu-button span:nth-child(1), .menu-button span:nth-child(2) {
  top: 0;
}
.menu-button span:nth-child(3), .menu-button span:nth-child(4) {
  top: 14px;
}
.menu-button span:nth-child(5), .menu-button span:nth-child(6) {
  top: 28px;
}
.menu-button.open span:nth-child(1), .menu-button.open span:nth-child(6) {
  transform: rotate(45deg);
}
.menu-button.open span:nth-child(2), .menu-button.open span:nth-child(5) {
  transform: rotate(-45deg);
}
.menu-button.open span:nth-child(1), .menu-button.open span:nth-child(2) {
  left: 5px;
  top: 7px;
}
.menu-button.open span:nth-child(2) {
  left: calc(50% - 3px);
}
.menu-button.open span:nth-child(3), .menu-button.open span:nth-child(4) {
  left: -25%;
  opacity: 0;
}
.menu-button.open span:nth-child(4) {
  left: 100%;
}
.menu-button.open span:nth-child(5), .menu-button.open span:nth-child(6) {
  left: 5px;
  top: 24px;
}
.menu-button.open span:nth-child(6) {
  left: calc(50% - 3px);
}

#main-menu:target::before {
  height: 0;
  margin: 0;
}
#main-menu ul {
  list-style: none;
}
#main-menu ul li a {
  display: block;
  text-decoration: none;
}
#main-menu ul li a:hover, #main-menu ul li a:focus {
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  #main-menu ul.level-1 li a.active, #main-menu ul .nolink.active {
    color: var(--color-schema-base);
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0;
  }
  #main-menu ul li {
    position: relative;
  }
  #main-menu ul li a, #main-menu ul li .nolink {
    padding: 20px 60px 19px 20px;
    font-size: 18px;
    font-size: 1.125rem;
    background-color: #e4f6ff;
    border-bottom: 1px solid #fff;
    display: block;
  }
  #main-menu ul li a.active, #main-menu ul li .nolink.active {
    color: var(--color-schema-base);
    font-weight: bold;
    background-color: #fff;
    border-bottom: 1px solid #e4f6ff;
    text-decoration: none;
  }
  #main-menu ul ul.megamenu.level-2 a.active,
  #main-menu ul ul.megamenu.level-2 .nolink.active {
    text-decoration: none;
  }
}
@media only screen and (min-width: 992px) {
  #main-menu ul li a, #main-menu ul ul.megamenu.level-2 > li > .nolink {
    font-size: 16px;
    font-size: 1rem;
    padding: 6px 0 7px;
    border-bottom: 1px solid var(--color-schema-light);
  }
  #main-menu ul li a:hover {
    text-decoration: underline;
  }
}
#main-menu ul.level-1 {
  display: block;
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  #main-menu ul.level-1 {
    display: flex;
    margin-top: 80px;
    transition: all 0.5s ease-in-out;
    justify-content: center;
  }
}
@media only screen and (min-width: 1800px) {
  #main-menu ul.level-1 {
    margin-left: 0;
  }
}
#main-menu ul.level-1 > li {
  border-left: 5px solid var(--color-schema-base);
}
#main-menu ul.level-1 > li > a, #main-menu ul.level-1 > li > .btn-menu-desktop {
  display: block;
  padding: 20px 50px 19px 20px;
  color: #202020;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fff;
  border-bottom: 1px solid #e4f6ff;
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 768px) {
  #main-menu ul.level-1 > li > a, #main-menu ul.level-1 > li > .btn-menu-desktop {
    padding: 20px 80px 19px 40px;
  }
}
#main-menu ul.level-1 > li > .btn-menu-desktop {
  display: none;
}
@media only screen and (min-width: 992px) {
  #main-menu ul.level-1 > li {
    border: none;
  }
  #main-menu ul.level-1 > li.has-submenu > a {
    display: none;
  }
  #main-menu ul.level-1 > li > a, #main-menu ul.level-1 > li > .btn-menu-desktop {
    background-color: transparent;
    display: inline-block;
    padding: 9px 20px 10px;
    border-bottom: none;
    color: #202020;
  }
  #main-menu ul.level-1 > li > a.active, #main-menu ul.level-1 > li > .btn-menu-desktop.active {
    color: var(--color-schema-base);
  }
  #main-menu ul.level-1 > li > a[aria-expanded=true], #main-menu ul.level-1 > li > .btn-menu-desktop[aria-expanded=true] {
    text-decoration: underline;
  }
  #main-menu ul.level-1 > li:hover > a {
    text-decoration: underline;
  }
  #main-menu ul.level-1 > li.expanded-desktop > a, #main-menu ul.level-1 > li.expanded-desktop > .btn-menu-desktop {
    background-color: var(--color-schema-base);
    color: #fff;
  }
  #main-menu ul.level-1 > li.expanded-desktop > a.active, #main-menu ul.level-1 > li.expanded-desktop > .btn-menu-desktop.active {
    color: #fff;
  }
  #main-menu ul.level-1 > li.expanded-desktop > a ~ .megamenu-container, #main-menu ul.level-1 > li.expanded-desktop > .btn-menu-desktop ~ .megamenu-container {
    opacity: 1; /* für Fade in */
    z-index: 1;
    pointer-events: auto;
    transition: all 0.5s ease-out;
    display: block;
  }
}
@media only screen and (min-width: 1280px) {
  #main-menu ul.level-1 {
    margin-top: 60px;
  }
}
#main-menu .megamenu-container {
  padding: 0;
}
@media only screen and (min-width: 992px) {
  #main-menu .megamenu-container {
    opacity: 0; /* -> für Fade in */
    display: none;
    height: 0 !important;
    transition: all 0.75s ease-out;
    pointer-events: none;
    position: absolute;
    top: 41px; /* für Fade in */
    left: 0;
    width: calc(100% - 30px);
    margin: 0 12.5px;
    padding-top: 19px;
    z-index: -1;
  }
}
#main-menu ul.zwischenmenu li a {
  display: block;
}
#main-menu ul.zwischenmenu ul.megamenu.level-2 li a, #main-menu ul.zwischenmenu ul.megamenu.level-2 li .nolink {
  padding: 20px 50px 19px 35px;
}
@media only screen and (min-width: 992px) {
  #main-menu ul.zwischenmenu ul.megamenu.level-2 li a, #main-menu ul.zwischenmenu ul.megamenu.level-2 li .nolink {
    padding: 6px 0 7px;
  }
}
#main-menu ul.zwischenmenu ul.megamenu .level-3 li a {
  padding: 20px 50px 19px;
}
#main-menu ul.zwischenmenu .btn-menu-desktop {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #main-menu ul.zwischenmenu li a, #main-menu ul.zwischenmenu li .nolink {
    padding: 20px 80px 19px 40px;
  }
  #main-menu ul.zwischenmenu ul.megamenu.level-2 li a, #main-menu ul.zwischenmenu ul.megamenu.level-2 li .nolink {
    padding: 20px 80px 19px 80px;
  }
  #main-menu ul.zwischenmenu ul.megamenu .level-3 li a, #main-menu ul.zwischenmenu ul.megamenu .level-3 li .nolink {
    padding: 20px 80px 19px 120px;
  }
}
@media only screen and (min-width: 992px) {
  #main-menu ul.zwischenmenu {
    border-bottom: 2px solid var(--color-schema-base);
    background-color: #e4f6ff;
    display: flex;
    padding-left: calc(50% - 341px);
    position: relative;
  }
  #main-menu ul.zwischenmenu > li > a {
    display: none;
  }
  #main-menu ul.zwischenmenu > li > .btn-menu-desktop {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 15px 9px;
    background-color: transparent;
    color: #202020;
  }
  #main-menu ul.zwischenmenu > li.expanded-desktop > .btn-menu-desktop {
    background: #fff;
    color: var(--color-schema-base);
    text-decoration: underline;
  }
  #main-menu ul.zwischenmenu > li ul.megamenu.level-2 {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-out;
  }
  #main-menu ul.zwischenmenu > li ul.megamenu.level-2.visible-desktop {
    display: flex;
    opacity: 1;
    pointer-events: auto;
  }
  #main-menu ul.zwischenmenu ul.megamenu.level-2 {
    position: absolute;
    left: 0;
    top: 42px;
    right: 0;
    opacity: 0;
    transition: opacity 0.5s ease-out;
    pointer-events: none;
    border-top: none;
    pointer-events: none;
  }
  #main-menu ul.zwischenmenu ul.megamenu.level-2 li a {
    padding: 6px 0 7px;
  }
  #main-menu ul.zwischenmenu ul.megamenu .level-3 li a {
    padding: 6px 0 7px;
  }
}
#main-menu ul.megamenu.level-2 img {
  display: none;
}
#main-menu ul.megamenu.level-2 a.active, #main-menu ul.megamenu.level-2 .nolink.active {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #main-menu ul.megamenu.level-2 li a, #main-menu ul.megamenu.level-2 > li > .nolink {
    padding: 20px 80px 19px 40px;
  }
}
@media only screen and (max-width: 991px) {
  #main-menu ul.megamenu.level-2 .nolink {
    color: #202020;
  }
}
#main-menu ul.megamenu.level-2 .menu-item-parent-link {
  display: none;
}
@media only screen and (min-width: 992px) {
  #main-menu ul.megamenu.level-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 20px 10px 40px 10px;
    background-color: #fff;
    border-top: 2px solid var(--color-schema-base);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    max-height: calc(100vh - 120px);
    overflow-y: auto;
  }
  #main-menu ul.megamenu.level-2 > li {
    width: calc(33% - 20px);
    flex: inherit;
    margin: 0 10px 20px;
  }
  #main-menu ul.megamenu.level-2 > li img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  #main-menu ul.megamenu.level-2 > li > .nolink {
    color: var(--color-schema-base);
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    padding: 6px 0 7px;
    border-bottom: 1px solid #e4f6ff;
    display: block;
  }
  #main-menu ul.megamenu.level-2 > li.menu-item-parent-link {
    display: block;
    width: 100%;
    flex: auto;
    margin-top: -12px;
    margin-bottom: 10px;
  }
  #main-menu ul.megamenu.level-2 > li.menu-item-parent-link a {
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 0;
    text-decoration: none;
  }
  #main-menu ul.megamenu.level-2 > li.menu-item-parent-link a:hover {
    text-decoration: underline;
    color: var(--color-schema-base);
  }
}
@media only screen and (min-width: 1280px) {
  #main-menu ul.megamenu.level-2 {
    justify-content: space-between;
  }
  #main-menu ul.megamenu.level-2 > li {
    width: calc(20% - 20px);
    flex: 1;
    margin: 0 13.5px;
  }
}
#main-menu ul.megamenu ul.level-3 li a {
  padding: 20px 20px 19px 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #main-menu ul.megamenu ul.level-3 li a {
    padding: 20px 80px 19px 80px;
  }
}
@media only screen and (min-width: 992px) {
  #main-menu ul.megamenu ul.level-3 li a {
    min-height: 35px;
    padding: 7px 0 6px;
  }
}
#main-menu ul.megamenu ul.level-3 li a:hover {
  color: var(--color-schema-base);
}
@media only screen and (min-width: 992px) {
  #main-menu .megamenu.level-2 > li.quick-links, #main-menu ul.zwischenmenu .megamenu.level-2 > li.quick-links {
    background-color: var(--color-schema-base);
    margin: 0 10px;
  }
  #main-menu .megamenu.level-2 > li.quick-links > a, #main-menu .megamenu.level-2 > li.quick-links > .nolink, #main-menu ul.zwischenmenu .megamenu.level-2 > li.quick-links > a, #main-menu ul.zwischenmenu .megamenu.level-2 > li.quick-links > .nolink {
    padding: 9px 20px 9px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #main-menu .megamenu.level-2 > li.quick-links li a, #main-menu ul.zwischenmenu .megamenu.level-2 > li.quick-links li a {
    padding: 7px 20px 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
  }
  #main-menu .megamenu.level-2 > li.quick-links li a:hover, #main-menu ul.zwischenmenu .megamenu.level-2 > li.quick-links li a:hover {
    color: #fff;
    text-decoration: underline;
  }
  #main-menu .megamenu.level-2 > li.quick-links li:last-child a, #main-menu ul.zwischenmenu .megamenu.level-2 > li.quick-links li:last-child a {
    border-bottom: none;
  }
}
#main-menu button.icon-Plus {
  background-color: transparent;
  color: #202020;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  height: 64px;
  width: 60px;
}
#main-menu button.icon-Plus:hover, #main-menu button.icon-Plus:focus {
  text-decoration: none;
}
#main-menu button.icon-Plus:focus-visible {
  outline-offset: -2px;
}
#main-menu button.icon-Plus:before {
  font-size: 18px;
  font-size: 1.125rem;
}
#main-menu button.icon-Plus[aria-expanded=true]:before {
  content: "\e917";
  color: var(--color-schema-base);
}
@media only screen and (min-width: 768px) {
  #main-menu button.icon-Plus {
    right: 35px;
  }
}
@media only screen and (min-width: 992px) {
  #main-menu button.icon-Plus {
    display: none;
  }
}

/* Color Schema */
@media only screen and (min-width: 992px) {
  #main-menu ul.level-1 li.section-petrol .megamenu.level-2 > li.quick-links a, #main-menu ul.level-1 li.section-orange .megamenu.level-2 > li.quick-links a, #main-menu ul.level-1 li.section-red .megamenu.level-2 > li.quick-links a, #main-menu ul.level-1 li.section-blue .megamenu.level-2 > li.quick-links a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #main-menu ul.level-1 li.section-petrol .megamenu.level-2 > li.quick-links a li:last-child a, #main-menu ul.level-1 li.section-orange .megamenu.level-2 > li.quick-links a li:last-child a, #main-menu ul.level-1 li.section-red .megamenu.level-2 > li.quick-links a li:last-child a, #main-menu ul.level-1 li.section-blue .megamenu.level-2 > li.quick-links a li:last-child a {
    border-bottom: none;
  }
  #main-menu ul.level-1 li.section-petrol .megamenu.level-2 > li.quick-links a li a:hover, #main-menu ul.level-1 li.section-orange .megamenu.level-2 > li.quick-links a li a:hover, #main-menu ul.level-1 li.section-red .megamenu.level-2 > li.quick-links a li a:hover, #main-menu ul.level-1 li.section-blue .megamenu.level-2 > li.quick-links a li a:hover {
    color: #fff;
    text-decoration: underline;
  }
}
#main-menu h3 {
  margin-bottom: 0;
}
#main-menu .menu-header h2,
#main-menu .menu-header .btn-close {
  display: none;
}
#main-menu .menu-header-desktop {
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: #e4f6ff;
}
@media only screen and (min-width: 992px) {
  #main-menu .menu-header-desktop {
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  #main-menu .menu-header h2 {
    display: block;
    text-transform: uppercase;
    margin: 0 22px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  #main-menu .menu-header h2 a {
    display: inline-block;
    border-bottom: none;
    color: #202020;
    padding: 10px 0 9px !important;
  }
  #main-menu .menu-header .btn-close {
    display: block;
    background: transparent;
    color: #202020;
    padding: 6px;
    margin-right: 13px;
    font-size: 21px;
    font-size: 1.3125rem;
  }
  #main-menu .zwischenmenu-wrap {
    position: relative;
  }
  #main-menu .zwischenmenu-wrap h2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
  }
  #main-menu .zwischenmenu-wrap .btn-close {
    position: absolute;
    top: 0;
    right: 0;
  }
  #main-menu .icon-Arrow_Circle_Right {
    font-size: 15px;
    font-size: 0.9375rem;
    color: var(--color-schema-base);
    transform: translate(5px, 1px);
    padding-right: 0.3rem;
  }
}

@media only screen and (min-width: 992px) {
  .home #main-menu ul.level-1 > li > a, .home #main-menu ul.level-1 > li > .btn-menu-desktop {
    color: #fff;
  }
}

/* Mobile Menü */
@media only screen and (max-width: 991px) {
  .navigation {
    display: none;
    margin: 14px -25px 0;
    padding: 0;
  }
  #main-menu {
    background-color: #fff;
    height: calc(100vh - 130px);
    overflow: auto;
    padding-bottom: 100px;
  }
  #main-menu ul.zwischenmenu > li > a {
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.125rem;
  }
  #main-menu ul.zwischenmenu > li.expanded-mobile > a {
    background-color: #fff;
    color: var(--color-schema-base);
    font-weight: bold;
  }
  #main-menu ul.level-1 li a.active {
    text-decoration: none;
  }
  #main-menu .menu-list {
    display: none;
  }
  #main-menu .menu-list.visible-mobile {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .navigation {
    margin: 14px -12.5px 0;
  }
}
/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Second Main Navigation (Fakultäten)
 */
.fakulteat-headline {
  position: absolute;
  bottom: 30px;
  left: 12.5px;
  z-index: 1;
}
.fakulteat-headline h1 {
  color: #fff !important;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
}
.fakulteat-headline .colums [class^=col-], .fakulteat-headline .colums [class*=col-] {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .fakulteat-headline h1 {
    font-size: 26px;
    font-size: 1.625rem;
    padding: 0;
    text-shadow: none;
  }
}
@media only screen and (min-width: 768px) {
  .fakulteat-headline h1 {
    font-size: 40px;
    font-size: 2.5rem;
    padding: 20px 0 16px;
  }
}
@media only screen and (min-width: 992px) {
  .fakulteat-headline {
    background-color: rgba(2, 73, 117, 0.9);
    height: 80px;
    z-index: 1;
    bottom: auto;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
  }
  .fakulteat-headline h1 {
    font-size: 32px;
    font-size: 2rem;
    padding: 20px 0 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .fakulteat-headline {
    height: 95px;
    top: 0;
  }
  .fakulteat-headline h1 {
    padding: 30px 12.5px 18px;
  }
}

.header-second-nav .menu-button {
  margin-top: 15px;
  margin-bottom: 14px;
  margin-left: 12.5px;
}
@media only screen and (min-width: 992px) {
  .header-second-nav .menu-button {
    display: none;
  }
}
.header-second-nav .menu-button.open + .navigation {
  display: block;
}
.header-second-nav .menu-button span {
  background-color: #fff;
}
.header-second-nav .menu-button span:nth-child(4) {
  width: 25%;
}
.header-second-nav .menu-button span:nth-child(6) {
  width: 0;
}
.header-second-nav .menu-button.open span:nth-child(6) {
  width: 49%;
}
.header-second-nav .menu-button:focus-visible {
  outline: 1px dotted #fff;
}

.header-second-nav {
  background-color: #024975;
  z-index: 3;
  position: fixed;
  top: 70px;
  left: 0;
  display: block;
  width: 100%;
  transition: top ease-in-out 0.5s;
}
@media only screen and (min-width: 992px) {
  .header-second-nav {
    background-color: rgba(2, 73, 117, 0.9);
    border-top: 1px solid #fff;
    top: 220px;
  }
}
@media only screen and (min-width: 1280px) {
  .header-second-nav {
    top: 210px;
  }
}
.header-second-nav .colums [class^=col-], .header-second-nav .colums [class*=col-] {
  margin-bottom: 0;
}
.header-second-nav .navigation {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  .header-second-nav #second-menu {
    margin: 0 -12.5px;
    height: calc(100vh - 145px);
    overflow: auto;
  }
}
.header-second-nav #second-menu ul {
  list-style: none;
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu > ul.level-4 {
    display: flex;
  }
}
.header-second-nav #second-menu > ul.level-4 li {
  position: relative;
  border-bottom: 0.5px solid #e4f6ff;
}
.header-second-nav #second-menu > ul.level-4 li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 15px 60px 16px 25px;
  display: block;
}
.header-second-nav #second-menu > ul.level-4 li a.active {
  background-color: #fff;
  color: #202020;
  font-weight: bold;
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu > ul.level-4 li {
    border-bottom: none;
  }
  .header-second-nav #second-menu > ul.level-4 li a {
    padding: 10px 15px;
    display: inline-block;
    height: 100%;
  }
  .header-second-nav #second-menu > ul.level-4 li:hover, .header-second-nav #second-menu > ul.level-4 li:focus {
    background-color: #fff;
  }
  .header-second-nav #second-menu > ul.level-4 li:hover a, .header-second-nav #second-menu > ul.level-4 li:focus a {
    background-color: #fff;
    color: #202020;
  }
  .header-second-nav #second-menu > ul.level-4 li:hover ul.level-5, .header-second-nav #second-menu > ul.level-4 li:focus ul.level-5 {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu > ul.level-4 li:first-child {
    width: 62px;
  }
}
.header-second-nav #second-menu > ul.level-4 li:first-child a {
  text-indent: -9999px;
  pointer-events: all;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu > ul.level-4 li:first-child a {
    position: absolute;
    width: 40px;
  }
}
.header-second-nav #second-menu > ul.level-4 li:first-child:before {
  content: "\e911";
  font-family: "icons";
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  margin-top: 10px;
  margin-left: 23px;
  display: inline-block;
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu > ul.level-4 li:first-child:before {
    margin-left: 13px;
  }
}
.header-second-nav #second-menu > ul.level-4 li:first-child:hover, .header-second-nav #second-menu > ul.level-4 li:first-child:focus {
  background-color: #fff;
}
.header-second-nav #second-menu > ul.level-4 li:first-child:hover:before, .header-second-nav #second-menu > ul.level-4 li:first-child:focus:before {
  color: #024975;
  z-index: 1;
}
.header-second-nav #second-menu ul.level-5 {
  display: none;
  background-color: #fff;
}
.header-second-nav #second-menu ul.level-5.visible-mobile {
  display: block;
  border-top: 1px solid #e4f6ff;
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu ul.level-5 {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 300px;
  }
}
.header-second-nav #second-menu ul.level-5 li {
  display: block;
  width: 100%;
}
.header-second-nav #second-menu ul.level-5 li a {
  color: #202020;
  text-transform: none;
  padding: 10px 25px;
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu ul.level-5 li a {
    padding: 10px 15px;
  }
}
.header-second-nav #second-menu ul.level-5 li a:hover, .header-second-nav #second-menu ul.level-5 li a:focus {
  background-color: #e4f6ff;
  color: #202020;
}
.header-second-nav #second-menu ul.level-5 li a.active {
  color: #024975;
}
.header-second-nav #second-menu ul.level-5 li:first-child {
  width: auto;
}
.header-second-nav #second-menu ul.level-5 li:first-child a {
  text-indent: 0;
  position: relative;
  width: auto;
}
.header-second-nav #second-menu ul.level-5 li:first-child:before {
  content: "";
}
.header-second-nav #second-menu button.icon-Plus {
  background-color: transparent;
  border: none;
  position: absolute;
  right: 15px;
  top: 6px;
  cursor: pointer;
  padding: 5px;
  text-align: center;
}
.header-second-nav #second-menu button.icon-Plus:hover, .header-second-nav #second-menu button.icon-Plus:focus {
  outline: none;
  text-decoration: none;
}
.header-second-nav #second-menu button.icon-Plus:before {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
}
.header-second-nav #second-menu button.icon-Plus[aria-expanded=true]:before {
  content: "\e917";
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .header-second-nav #second-menu button.icon-Plus {
    display: none;
  }
}

#header.sticky .fakulteat-headline {
  top: 60px;
}
#header.sticky .header-second-nav {
  background-color: #024975;
  top: 70px;
  transition: top ease-in-out 0.5s;
}
@media only screen and (min-width: 992px) {
  #header.sticky .header-second-nav {
    top: 80px;
  }
}
@media only screen and (min-width: 768px) {
  #header.sticky .header-second-nav + .hero-image {
    margin-top: 0;
  }
}

#header .header-second-nav + .hero-image {
  margin-top: 70px;
}
@media only screen and (min-width: 992px) {
  #header .header-second-nav + .hero-image {
    margin-top: 140px;
  }
}
@media only screen and (min-width: 1280px) {
  #header .header-second-nav + .hero-image {
    margin-top: 120px;
  }
}
#header .header-second-nav + .hero-image .search-wrapper {
  top: calc(50% - 80px);
}
@media only screen and (min-width: 992px) {
  #header .header-second-nav + .hero-image nav#language-switching {
    top: calc(50% + 5px);
  }
}
#header .header-second-nav + .hero-image button.Contact {
  top: calc(50% + 90px);
}
#header .header-second-nav + .hero-image button.Contact.open {
  z-index: 4;
}
@media only screen and (max-width: 991px) {
  #header .header-second-nav + .hero-image button.Contact {
    position: fixed;
    top: 85px;
    left: 105px;
    z-index: 3;
  }
}
@media only screen and (max-width: 768px) {
  #header .header-second-nav + .hero-image button.Contact {
    top: 85px;
    left: 91px;
  }
}
@media only screen and (max-width: 575px) {
  #header .header-second-nav + .hero-image button.Contact {
    height: 32px;
    width: 45px;
  }
  #header .header-second-nav + .hero-image button.Contact span {
    top: 6px;
    left: calc(50% - 9px);
  }
  #header .header-second-nav + .hero-image button.Contact span:before {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#header .header-second-nav + .hero-image button.Contact.sticky {
  position: fixed;
  top: 85px;
}
@media only screen and (min-width: 992px) {
  #header .header-second-nav + .hero-image button.Contact.sticky {
    top: 6px;
  }
}

#header .header-second-nav + .hero-image + .contact.open {
  z-index: 3;
}
#header .header-second-nav + .hero-image + .contact.open .full-width {
  position: absolute;
  padding: 75px 5.5px 25px 0;
}
@media only screen and (min-width: 576px) {
  #header .header-second-nav + .hero-image + .contact.open .full-width {
    padding: 75px 0 25px 0;
  }
}
@media only screen and (min-width: 992px) {
  #header .header-second-nav + .hero-image + .contact.open .full-width {
    top: 140px;
    max-height: calc(100vh - 140px);
  }
}
@media only screen and (min-width: 1280px) {
  #header .header-second-nav + .hero-image + .contact.open .full-width {
    min-height: 578px;
    top: 120px;
    max-height: calc(100vh - 120px);
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Meta Navigations
 */
#skipnav {
  margin-left: 0;
  height: 0;
  z-index: 10;
}
#skipnav li {
  padding-left: 0;
  margin-bottom: 0;
}
#skipnav li a {
  position: absolute;
  left: -999em;
  z-index: 10;
  background-color: #fff;
  padding: 5px;
}
#skipnav li a:focus {
  left: 15px;
  top: 15px;
  text-decoration: underline;
  color: #024975;
}

/* Sprunganker */
.full-width .frame-type-menu_section {
  margin-top: -25px;
}

.frame-type-menu_section ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: -12.5px;
}
.frame-type-menu_section ul li a {
  padding: 10px 15px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
.frame-type-menu_section ul li a:hover, .frame-type-menu_section ul li a:focus {
  text-decoration: underline;
}

/* Breadcrumb */
.breadcrumb {
  background-color: #e4f6ff;
  padding: 10px 0 8px;
  margin: 0 -12.5px -12.5px;
}
@media only screen and (min-width: 576px) {
  .breadcrumb {
    margin: 0 -12.5px -25px;
  }
}
.breadcrumb .col-12 {
  margin-bottom: 0;
}
.breadcrumb ul {
  list-style: none;
}
.breadcrumb ul li {
  margin-right: 15px;
  color: #202020;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  float: left;
}
.breadcrumb ul li:after {
  content: "/";
  position: absolute;
  top: 0;
  right: -10px;
}
.breadcrumb ul li:first-child:after {
  content: "";
}
.breadcrumb ul li a {
  color: #202020;
  text-decoration: none;
}
.breadcrumb ul li a:hover, .breadcrumb ul li a:focus {
  text-decoration: underline;
}
.breadcrumb ul li:first-child {
  width: 20px;
}
.breadcrumb ul li:first-child a {
  text-indent: -9999px;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
}
.breadcrumb ul li:first-child:before {
  content: "\e911";
  font-family: "icons";
  font-size: 16px;
  font-size: 1rem;
}
.breadcrumb ul li:first-child:hover:before, .breadcrumb ul li:first-child:focus:before {
  color: #024975;
}
.breadcrumb ul li:last-child:after {
  content: "";
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}

/* Kachelnavigation */
.kachelnavigation {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.kachelnavigation li {
  width: 100%;
  padding: 2.5px;
}
@media only screen and (min-width: 576px) {
  .kachelnavigation li {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .kachelnavigation li {
    width: 33.3333333333%;
  }
}
@media only screen and (min-width: 1280px) {
  .kachelnavigation li {
    width: 25%;
  }
}
.kachelnavigation li a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #e4f6ff;
  padding: 15px 40px 15px 15px;
  color: #024975;
  text-decoration: none;
}
.kachelnavigation li a.active {
  background-color: #024975;
  color: #fff;
  font-weight: normal;
}
.kachelnavigation li a:after {
  content: "\e902";
  font-family: "icons";
  color: #024975;
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  right: 15px;
  top: calc(50% - 9px);
}
@media only screen and (min-width: 576px) {
  .kachelnavigation li a {
    min-height: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  .kachelnavigation li a:after {
    content: "";
  }
  .kachelnavigation li a:hover:after, .kachelnavigation li a:focus:after {
    content: "\e902";
    font-family: "icons";
    color: #024975;
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    right: 15px;
    top: calc(50% - 9px);
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Header styles
 */
#header {
  position: relative;
}
#header .header-row {
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  display: block;
  width: 100%;
  height: 70px;
  transition: height 0.5s ease-in-out;
}
@media only screen and (min-width: 992px) {
  #header .header-row {
    height: 140px;
  }
}
@media only screen and (min-width: 1280px) {
  #header .header-row {
    height: 120px;
  }
}
#header .logo {
  width: 130px;
  height: 50px;
  position: absolute;
  right: 25px;
  top: 20px;
  transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 375px) {
  #header .logo {
    width: 190px;
    height: 40px;
    top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  #header .logo {
    right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  #header .logo {
    width: 220px;
    height: 50px;
    right: 25px;
    top: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  #header .logo {
    width: 250px;
    height: 50px;
    right: 40px;
  }
}
@media only screen and (min-width: 1600px) {
  #header .logo {
    width: 300px;
    height: 60px;
    top: 28px;
  }
}
#header .hero-image-home button:not(.slick-arrow),
#header .hero-image-home nav#language-switching,
#header .hero-image button:not(.slick-arrow),
#header .hero-image nav#language-switching {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
  width: 75px;
  height: 70px;
  background-color: #fff;
  border: none;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  color: #024975;
  padding: 10px 0;
  margin-bottom: 20px;
  position: absolute;
  left: 25px;
  top: calc(50% - 80px);
  cursor: pointer;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  #header .hero-image-home button:not(.slick-arrow),
  #header .hero-image-home nav#language-switching,
  #header .hero-image button:not(.slick-arrow),
  #header .hero-image nav#language-switching {
    left: 15px;
  }
}
#header .hero-image-home button:not(.slick-arrow).Contact,
#header .hero-image-home nav#language-switching.Contact,
#header .hero-image button:not(.slick-arrow).Contact,
#header .hero-image nav#language-switching.Contact {
  top: calc(50% + 90px);
  background-color: #024975;
  color: #fff;
}
#header .hero-image-home button:not(.slick-arrow).Contact.open,
#header .hero-image-home nav#language-switching.Contact.open,
#header .hero-image button:not(.slick-arrow).Contact.open,
#header .hero-image nav#language-switching.Contact.open {
  z-index: 3;
  background-color: #fff;
  color: #024975;
}
#header .hero-image-home button:not(.slick-arrow).Contact:focus,
#header .hero-image-home nav#language-switching.Contact:focus,
#header .hero-image button:not(.slick-arrow).Contact:focus,
#header .hero-image nav#language-switching.Contact:focus {
  outline: none;
}
@media only screen and (max-width: 575px) {
  #header .hero-image-home button:not(.slick-arrow).Contact,
  #header .hero-image-home nav#language-switching.Contact,
  #header .hero-image button:not(.slick-arrow).Contact,
  #header .hero-image nav#language-switching.Contact {
    top: 70px;
    right: 25px;
    left: auto;
    height: 32px;
    width: 45px;
  }
  #header .hero-image-home button:not(.slick-arrow).Contact span,
  #header .hero-image-home nav#language-switching.Contact span,
  #header .hero-image button:not(.slick-arrow).Contact span,
  #header .hero-image nav#language-switching.Contact span {
    top: 6px;
    left: calc(50% - 9px);
  }
  #header .hero-image-home button:not(.slick-arrow).Contact span:before,
  #header .hero-image-home nav#language-switching.Contact span:before,
  #header .hero-image button:not(.slick-arrow).Contact span:before,
  #header .hero-image nav#language-switching.Contact span:before {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #header .hero-image-home button:not(.slick-arrow).Contact span.text,
  #header .hero-image-home nav#language-switching.Contact span.text,
  #header .hero-image button:not(.slick-arrow).Contact span.text,
  #header .hero-image nav#language-switching.Contact span.text {
    text-indent: -9999px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 991px) {
  #header .hero-image-home button:not(.slick-arrow).Contact,
  #header .hero-image-home nav#language-switching.Contact,
  #header .hero-image button:not(.slick-arrow).Contact,
  #header .hero-image nav#language-switching.Contact {
    z-index: 5;
    position: fixed;
    top: 18px;
    left: 155px;
    height: 32px;
    width: 45px;
  }
  #header .hero-image-home button:not(.slick-arrow).Contact.open,
  #header .hero-image-home nav#language-switching.Contact.open,
  #header .hero-image button:not(.slick-arrow).Contact.open,
  #header .hero-image nav#language-switching.Contact.open {
    border: 1px solid #024975;
  }
  #header .hero-image-home button:not(.slick-arrow).Contact span,
  #header .hero-image-home nav#language-switching.Contact span,
  #header .hero-image button:not(.slick-arrow).Contact span,
  #header .hero-image nav#language-switching.Contact span {
    top: 6px;
    left: calc(50% - 9px);
  }
  #header .hero-image-home button:not(.slick-arrow).Contact span:before,
  #header .hero-image-home nav#language-switching.Contact span:before,
  #header .hero-image button:not(.slick-arrow).Contact span:before,
  #header .hero-image nav#language-switching.Contact span:before {
    font-size: 18px;
    font-size: 1.125rem;
  }
  #header .hero-image-home button:not(.slick-arrow).Contact span.text,
  #header .hero-image-home nav#language-switching.Contact span.text,
  #header .hero-image button:not(.slick-arrow).Contact span.text,
  #header .hero-image nav#language-switching.Contact span.text {
    text-indent: -9999px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #header .hero-image-home button:not(.slick-arrow).Contact,
  #header .hero-image-home nav#language-switching.Contact,
  #header .hero-image button:not(.slick-arrow).Contact,
  #header .hero-image nav#language-switching.Contact {
    left: 170px;
  }
}
@media only screen and (min-width: 576px) {
  #header .hero-image-home button:not(.slick-arrow).Contact.sticky,
  #header .hero-image-home nav#language-switching.Contact.sticky,
  #header .hero-image button:not(.slick-arrow).Contact.sticky,
  #header .hero-image nav#language-switching.Contact.sticky {
    position: fixed;
    top: 18px;
  }
}
@media only screen and (min-width: 992px) {
  #header .hero-image-home button:not(.slick-arrow).Contact.sticky,
  #header .hero-image-home nav#language-switching.Contact.sticky,
  #header .hero-image button:not(.slick-arrow).Contact.sticky,
  #header .hero-image nav#language-switching.Contact.sticky {
    top: 4px;
    z-index: 10;
  }
}
#header .hero-image-home button:not(.slick-arrow).Search,
#header .hero-image-home nav#language-switching.Search,
#header .hero-image button:not(.slick-arrow).Search,
#header .hero-image nav#language-switching.Search {
  top: 0;
  left: 0;
}
#header .hero-image-home button:not(.slick-arrow):hover, #header .hero-image-home button:not(.slick-arrow):focus,
#header .hero-image-home nav#language-switching:hover,
#header .hero-image-home nav#language-switching:focus,
#header .hero-image button:not(.slick-arrow):hover,
#header .hero-image button:not(.slick-arrow):focus,
#header .hero-image nav#language-switching:hover,
#header .hero-image nav#language-switching:focus {
  text-decoration: underline;
}
#header .hero-image-home button:not(.slick-arrow) span,
#header .hero-image-home nav#language-switching span,
#header .hero-image button:not(.slick-arrow) span,
#header .hero-image nav#language-switching span {
  display: inline-block;
  position: absolute;
  top: 9px;
  left: calc(50% - 13px);
}
#header .hero-image-home button:not(.slick-arrow) span:before,
#header .hero-image-home nav#language-switching span:before,
#header .hero-image button:not(.slick-arrow) span:before,
#header .hero-image nav#language-switching span:before {
  font-size: 26px;
  font-size: 1.625rem;
}
#header .hero-image-home button:not(.slick-arrow) span.text,
#header .hero-image-home button:not(.slick-arrow) span.active,
#header .hero-image-home nav#language-switching span.text,
#header .hero-image-home nav#language-switching span.active,
#header .hero-image button:not(.slick-arrow) span.text,
#header .hero-image button:not(.slick-arrow) span.active,
#header .hero-image nav#language-switching span.text,
#header .hero-image nav#language-switching span.active {
  position: relative;
  top: auto;
  left: auto;
}
#header .hero-image-home button:not(.slick-arrow) span.text a,
#header .hero-image-home button:not(.slick-arrow) span.active a,
#header .hero-image-home nav#language-switching span.text a,
#header .hero-image-home nav#language-switching span.active a,
#header .hero-image button:not(.slick-arrow) span.text a,
#header .hero-image button:not(.slick-arrow) span.active a,
#header .hero-image nav#language-switching span.text a,
#header .hero-image nav#language-switching span.active a {
  text-decoration: none;
}
#header .hero-image-home button:not(.slick-arrow) span.text a:hover, #header .hero-image-home button:not(.slick-arrow) span.text a:focus,
#header .hero-image-home button:not(.slick-arrow) span.active a:hover,
#header .hero-image-home button:not(.slick-arrow) span.active a:focus,
#header .hero-image-home nav#language-switching span.text a:hover,
#header .hero-image-home nav#language-switching span.text a:focus,
#header .hero-image-home nav#language-switching span.active a:hover,
#header .hero-image-home nav#language-switching span.active a:focus,
#header .hero-image button:not(.slick-arrow) span.text a:hover,
#header .hero-image button:not(.slick-arrow) span.text a:focus,
#header .hero-image button:not(.slick-arrow) span.active a:hover,
#header .hero-image button:not(.slick-arrow) span.active a:focus,
#header .hero-image nav#language-switching span.text a:hover,
#header .hero-image nav#language-switching span.text a:focus,
#header .hero-image nav#language-switching span.active a:hover,
#header .hero-image nav#language-switching span.active a:focus {
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  #header .hero-image-home button:not(.slick-arrow).Search,
  #header .hero-image-home nav#language-switching.Search,
  #header .hero-image button:not(.slick-arrow).Search,
  #header .hero-image nav#language-switching.Search {
    display: none;
  }
}
#header .hero-image-home nav#language-switching,
#header .hero-image nav#language-switching {
  top: calc(50% + 5px);
}
#header .hero-image-home nav#language-switching span[hidden],
#header .hero-image nav#language-switching span[hidden] {
  display: none;
}
@media only screen and (max-width: 991px) {
  #header .hero-image-home nav#language-switching,
  #header .hero-image nav#language-switching {
    border: 1px solid #024975;
    z-index: 5;
    position: fixed;
    top: 17px;
    left: 90px;
    height: 33px;
    width: 50px;
    padding: 5px;
    font-size: 8px;
    font-size: 0.5rem;
    background-color: transparent;
  }
  #header .hero-image-home nav#language-switching span,
  #header .hero-image nav#language-switching span {
    top: 3px;
    left: calc(50% - 6px);
  }
  #header .hero-image-home nav#language-switching span:before,
  #header .hero-image nav#language-switching span:before {
    font-size: 10px;
    font-size: 0.625rem;
  }
  #header .hero-image-home nav#language-switching span.text,
  #header .hero-image nav#language-switching span.text {
    font-size: 8px;
    font-size: 0.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #header .hero-image-home nav#language-switching,
  #header .hero-image nav#language-switching {
    left: 105px;
  }
}
@media only screen and (min-width: 576px) {
  #header .hero-image-home nav#language-switching.sticky,
  #header .hero-image nav#language-switching.sticky {
    position: fixed;
    top: 17px;
    z-index: 10;
  }
}
@media only screen and (min-width: 992px) {
  #header .hero-image-home nav#language-switching.sticky,
  #header .hero-image nav#language-switching.sticky {
    top: 4px;
  }
}
#header .hero-image-home nav#language-switching a,
#header .hero-image nav#language-switching a {
  color: #024975;
}
#header .hero-image-home nav#language-switching a:before,
#header .hero-image nav#language-switching a:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 40px;
  top: -25px;
  left: -7px;
}
@media only screen and (min-width: 992px) {
  #header .hero-image-home nav#language-switching a:before,
  #header .hero-image nav#language-switching a:before {
    width: 75px;
    height: 70px;
    top: -46px;
    left: -11px;
  }
}
#header .hero-image-home .container,
#header .hero-image-home .ce-100,
#header .hero-image-home .columns,
#header .hero-image .container,
#header .hero-image .ce-100,
#header .hero-image .columns {
  height: 100%;
}
#header .hero-image-home .columns,
#header .hero-image .columns {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 150px;
}
@media only screen and (max-width: 767px) {
  #header .hero-image-home .columns,
  #header .hero-image .columns {
    padding-bottom: 30px;
  }
}
#header .hero-image-home h1,
#header .hero-image-home h1 a,
#header .hero-image h1,
#header .hero-image h1 a {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #header .hero-image-home h1,
  #header .hero-image-home h1 a,
  #header .hero-image h1,
  #header .hero-image h1 a {
    font-size: 66px;
    font-size: 4.125rem;
    font-weight: 500;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1600px) {
  #header .hero-image-home h1,
  #header .hero-image-home h1 a,
  #header .hero-image h1,
  #header .hero-image h1 a {
    padding-left: 70px;
  }
}
#header .hero-image-home h1 a:hover, #header .hero-image-home h1 a:focus,
#header .hero-image h1 a:hover,
#header .hero-image h1 a:focus {
  text-decoration: underline;
}
#header .hero-image-home p,
#header .hero-image-home h2,
#header .hero-image p,
#header .hero-image h2 {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #header .hero-image-home p,
  #header .hero-image-home h2,
  #header .hero-image p,
  #header .hero-image h2 {
    font-size: 66px;
    font-size: 4.125rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1600px) {
  #header .hero-image-home p,
  #header .hero-image-home h2,
  #header .hero-image p,
  #header .hero-image h2 {
    padding-left: 70px;
  }
}
#header .hero-image-home h1 {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
@media only screen and (min-width: 767px) {
  #header .hero-image-home h1 {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  #header .hero-image-home h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  #header .hero-image-home .h1,
  #header .hero-image-home p,
  #header .hero-image-home h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
#header .hero-image-home .columns {
  padding-bottom: 140px;
}
@media only screen and (max-width: 767px) {
  #header .hero-image-home .columns {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  #header .hero-image-home nav#language-switching {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
  }
  #header .hero-image-home nav#language-switching a {
    color: #fff;
  }
}
#header .contact {
  display: none;
}
#header .contact.open {
  display: block;
  z-index: 1;
}
#header .contact.open .full-width {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  z-index: 1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  max-height: calc(100vh - 70px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 50px 5.5px 25px 0;
}
@media only screen and (min-width: 576px) {
  #header .contact.open .full-width {
    padding: 50px 12.5px 25px 0;
  }
}
@media only screen and (min-width: 992px) {
  #header .contact.open .full-width {
    top: 140px;
    max-height: calc(100vh - 140px);
  }
}
@media only screen and (min-width: 1280px) {
  #header .contact.open .full-width {
    min-height: 578px;
    top: 120px;
    max-height: calc(100vh - 120px);
  }
}
#header.sticky .header-row {
  height: 70px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: height 0.5s ease-in-out;
}
@media only screen and (min-width: 992px) {
  #header.sticky .header-row {
    height: 80px;
  }
}
#header.sticky .logo {
  transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 992px) {
  #header.sticky .logo {
    width: 150px;
    height: 30px;
    right: 10px;
    top: 28px;
  }
}
@media only screen and (min-width: 1120px) {
  #header.sticky .logo {
    width: 200px;
    height: 40px;
    right: 25px;
    top: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  #header.sticky .logo {
    right: 40px;
  }
}
#header.sticky #main-menu .megamenu-container {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  #header.sticky #main-menu .megamenu-container {
    top: 28px;
  }
}
@media only screen and (min-width: 992px) {
  #header.sticky #main-menu ul.level-1 {
    margin-top: 20px;
    transition: all 0.5s ease-in-out;
    justify-content: left;
  }
}
#header.sticky .contact {
  display: none;
}
#header.sticky .contact.open {
  display: block;
  z-index: 5;
}
#header.sticky .contact.open > div {
  position: absolute;
  top: 0;
  max-height: calc(100vh - 80px);
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #header.sticky .contact.open > div {
    top: -60px;
  }
}
@media only screen and (min-width: 1280px) {
  #header.sticky .contact.open > div {
    top: -40px;
  }
}

.home #header .menu-button span {
  background-color: #fff;
}
.home #header .slick-dots {
  position: absolute;
  bottom: -30px;
  display: inline-flex;
  justify-content: center;
  width: 100%;
  list-style: none;
  gap: 5px;
  z-index: 4;
}
.home #header .slick-dots li {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: flex;
}
.home #header .slick-dots li button {
  position: relative;
  top: 0;
  left: 0;
  background-color: #024975;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  font-size: 0;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}
.home #header .slick-dots li button:hover {
  background-color: #e77529;
}
.home #header .slick-dots li.slick-active button {
  background-color: #e77529;
}
.home #header .header-row {
  background-color: rgba(2, 73, 117, 0.8);
}
.home #header .hero-image-home:before {
  background: none;
}
.home #header .hero-galerie {
  z-index: 1;
  overflow: hidden;
}
.home #header .hero-galerie .hero-tui-slider .slick-arrow {
  top: 76%;
}
.home #header .hero-galerie .hero-tui-slider .slick-arrow:before {
  font-size: 1.4em;
}
@media only screen and (min-width: 768px) {
  .home #header .hero-galerie .hero-tui-slider .slick-arrow {
    top: 35%;
  }
}
@media only screen and (min-width: 992px) {
  .home #header .hero-galerie .hero-tui-slider .slick-arrow {
    top: 84.5%;
  }
}
.home #header .hero-galerie .hero-tui-slider .slick-prev {
  left: 2px;
}
@media only screen and (min-width: 575px) {
  .home #header .hero-galerie .hero-tui-slider .slick-prev {
    left: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .home #header .hero-galerie .hero-tui-slider .slick-prev {
    left: 12.5px;
  }
}
@media only screen and (min-width: 992px) {
  .home #header .hero-galerie .hero-tui-slider .slick-prev {
    left: 45px;
  }
}
.home #header .hero-galerie .hero-tui-slider .slick-next {
  right: 2px;
}
@media only screen and (min-width: 575px) {
  .home #header .hero-galerie .hero-tui-slider .slick-next {
    right: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .home #header .hero-galerie .hero-tui-slider .slick-next {
    right: 12.5px;
  }
}
@media only screen and (min-width: 992px) {
  .home #header .hero-galerie .hero-tui-slider .slick-next {
    right: 45px;
  }
}
.home #header .hero-galerie .hero-tui-slider .slick-slide {
  margin: 0;
}
.home #header .hero-galerie .hero-tui-slider .hero-slider-wrapper {
  position: relative;
}
.home #header .hero-galerie .hero-tui-slider img {
  width: 100%;
  height: 320px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .home #header .hero-galerie .hero-tui-slider img {
    height: 780px;
  }
}
.home #header .hero-galerie .hero-tui-slider .hero-description {
  position: absolute;
  z-index: 10;
  top: 77%;
  transform: translateY(-50%);
  margin-left: 25px;
  margin-right: 25px;
}
@media only screen and (min-width: 575px) {
  .home #header .hero-galerie .hero-tui-slider .hero-description {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .home #header .hero-galerie .hero-tui-slider .hero-description {
    top: 43.5%;
    transform: translateY(-100%);
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) {
  .home #header .hero-galerie .hero-tui-slider .hero-description {
    top: 92%;
    margin-left: 110px;
    margin-right: 110px;
  }
  .home #header .hero-galerie .hero-tui-slider .hero-description h1,
  .home #header .hero-galerie .hero-tui-slider .hero-description h2,
  .home #header .hero-galerie .hero-tui-slider .hero-description h3,
  .home #header .hero-galerie .hero-tui-slider .hero-description h4,
  .home #header .hero-galerie .hero-tui-slider .hero-description h5,
  .home #header .hero-galerie .hero-tui-slider .hero-description div {
    margin: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 1440px) {
  .home #header .hero-galerie .hero-tui-slider .hero-description {
    top: 92%;
  }
}
@media only screen and (min-width: 1600px) {
  .home #header .hero-galerie .hero-tui-slider .hero-description {
    margin-left: 0;
    margin-right: 110px;
    left: 7.5%;
  }
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-orange) {
  color: #FF7900;
  text-decoration: underline;
  text-decoration-color: #FF7900;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-orange):hover, .home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-orange):focus {
  color: #FF7900;
  text-decoration: underline;
  text-decoration-color: #FF7900;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-green) {
  color: #00747A;
  text-decoration: underline;
  text-decoration-color: #00747A;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-green):hover, .home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-green):focus {
  color: #00747A;
  text-decoration: underline;
  text-decoration-color: #00747A;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-dark-blue) {
  color: #003359;
  text-decoration: underline;
  text-decoration-color: #003359;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-dark-blue):hover, .home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-dark-blue):focus {
  color: #003359;
  text-decoration: underline;
  text-decoration-color: #003359;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-red) {
  color: #A82141;
  text-decoration: underline;
  text-decoration-color: #A82141;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-red):hover, .home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-red):focus {
  color: #A82141;
  text-decoration: underline;
  text-decoration-color: #A82141;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-light-blue) {
  color: #e4f6ff;
  text-decoration: underline;
  text-decoration-color: #e4f6ff;
}
.home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-light-blue):hover, .home #header .hero-galerie .hero-tui-slider .hero-description a:has(.home-light-blue):focus {
  color: #e4f6ff;
  text-decoration: underline;
  text-decoration-color: #e4f6ff;
}
.home #header .hero-galerie .hero-tui-slider .hero-description .home-orange a,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-green a,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-dark-blue a,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-red a,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-light-blue a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: inherit;
}
.home #header .hero-galerie .hero-tui-slider .hero-description .home-orange a:hover, .home #header .hero-galerie .hero-tui-slider .hero-description .home-orange a:focus,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-green a:hover,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-green a:focus,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-dark-blue a:hover,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-dark-blue a:focus,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-red a:hover,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-red a:focus,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-light-blue a:hover,
.home #header .hero-galerie .hero-tui-slider .hero-description .home-light-blue a:focus {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: inherit;
}
@media only screen and (min-width: 992px) {
  .home #header #search-wrapper {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: calc(50% - 40px);
  }
  .home #header nav#language-switching {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: calc(50% + 45px);
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Page main content
 */
/*Startseite */
.quick-link {
  margin-bottom: 12.5px;
}
@media only screen and (min-width: 768px) {
  .quick-link {
    margin-bottom: 0;
  }
}
.quick-link a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.quick-link a:hover, .quick-link a:focus {
  text-decoration: underline;
}
.quick-link .ce-textpic.ce-center .custom-imagewidth {
  margin-bottom: 0;
}
.quick-link img {
  padding-bottom: 5px;
}
@media only screen and (min-width: 576px) {
  .quick-link img {
    padding-bottom: 20px;
  }
}
.quick-link p {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
  .quick-link p {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.stoerer-white {
  background-color: rgba(255, 255, 255, 0.5);
  width: 220px;
  height: 220px;
  border-radius: 400px;
  padding: 0 20px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 576px) {
  .stoerer-white {
    width: 300px;
    height: 300px;
  }
}
.stoerer-white .inner-circle {
  background-color: #fff;
  min-width: 200px;
  min-height: 200px;
  border-radius: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 576px) {
  .stoerer-white .inner-circle {
    min-width: 280px;
    min-height: 280px;
  }
}
@media only screen and (min-width: 576px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .stoerer-white .inner-circle {
    width: 280px;
    height: 260px;
    min-width: 260px;
    min-height: 260px;
    margin-left: -10px;
  }
}
.stoerer-white a {
  text-decoration: none;
}
.stoerer-white a:hover span.orange, .stoerer-white a:hover span, .stoerer-white a:focus span.orange, .stoerer-white a:focus span {
  text-decoration: underline;
}
.stoerer-white p, .stoerer-white h3 {
  font-weight: bold;
  margin: 0;
  /* a {
    color: $orange;
    text-decoration: none;

    &:hover, &:focus {
      color: $orange;
      text-decoration: underline;
    }
  } */
}

/* Publikationen */
@media only screen and (min-width: 768px) {
  .publication .col-4, .publication .col-8 {
    margin-bottom: 0;
  }
}

/* Beratungskompass */
.beratungskompass .tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 1px solid #e4f6ff;
  padding: 12.5px 12.5px;
}
.beratungskompass .tabs button {
  background-color: #e4f6ff;
  color: #024975;
  padding: 10px 10px;
  width: 64px;
  margin: 5px;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (min-width: 576px) {
  .beratungskompass .tabs button {
    font-size: 22px;
    font-size: 1.375rem;
    padding: 10px 33px;
    width: 83px;
    margin: 10px;
  }
}
.beratungskompass .tabs button:hover, .beratungskompass .tabs button:focus, .beratungskompass .tabs button.active {
  background-color: #e77529;
  color: #fff;
  text-decoration: none;
  outline: none;
}
.beratungskompass .tabContent {
  display: none;
  background-color: #e4f6ff;
  padding: 25px;
}
.beratungskompass .tabContent.show {
  display: block;
}
.beratungskompass .tabContent .tabheadline {
  color: #e77529;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (min-width: 576px) {
  .beratungskompass .tabContent .tabheadline {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 768px) {
  .beratungskompass .tabContent .tabheadline {
    padding: 0 15px;
  }
}
.beratungskompass .tabContent .col-6 {
  margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
  .beratungskompass .tabContent .col-6 {
    padding: 0 25px;
  }
}
.beratungskompass .tabContent ul {
  margin-bottom: 0 !important;
}
.beratungskompass .tabContent ul li {
  margin-bottom: 0;
  padding: 5px 12.5px;
}
@media only screen and (min-width: 768px) {
  .beratungskompass .tabContent ul li {
    padding: 5px 12.5px;
  }
}
.beratungskompass .tabContent ul li .icon-Internal_Link:hover, .beratungskompass .tabContent ul li .icon-Internal_Link:focus, .beratungskompass .tabContent ul li .icon-External-Link:hover, .beratungskompass .tabContent ul li .icon-External-Link:focus, .beratungskompass .tabContent ul li .icon-PDF:hover, .beratungskompass .tabContent ul li .icon-PDF:focus, .beratungskompass .tabContent ul li .icon-Download:hover, .beratungskompass .tabContent ul li .icon-Download:focus {
  color: #202020;
  text-decoration: underline;
}
.beratungskompass .tabContent ul li .icon-Internal_Link:hover a, .beratungskompass .tabContent ul li .icon-Internal_Link:focus a, .beratungskompass .tabContent ul li .icon-External-Link:hover a, .beratungskompass .tabContent ul li .icon-External-Link:focus a, .beratungskompass .tabContent ul li .icon-PDF:hover a, .beratungskompass .tabContent ul li .icon-PDF:focus a, .beratungskompass .tabContent ul li .icon-Download:hover a, .beratungskompass .tabContent ul li .icon-Download:focus a {
  text-decoration: underline;
}

/* Kurzprofil Studium */
.shortprofile .columns {
  max-width: 1442px;
  position: relative;
  padding: 0 25px;
}
@media only screen and (min-width: 768px) {
  .shortprofile .columns {
    padding: 0 35px;
  }
}
@media only screen and (min-width: 1442px) {
  .shortprofile .columns {
    margin: 0 auto !important;
  }
}
.shortprofile .columns .col-6:last-child {
  border-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .shortprofile .columns .col-6:nth-last-child(2):nth-child(odd) {
    border-bottom: none;
  }
}
.shortprofile .columns .col-12 .col-2 {
  background-color: #e4f6ff;
}
.shortprofile.lightblue {
  background-color: #e4f6ff;
  margin: -12.5px 0 12.5px !important;
}
@media only screen and (min-width: 576px) {
  .shortprofile.lightblue {
    margin: -25px 0 25px !important;
  }
}
.shortprofile.lightblue .columns .col-6 {
  border-bottom: none;
  margin-bottom: 0;
  padding-top: 12.5px;
}
@media only screen and (min-width: 576px) {
  .shortprofile.lightblue .columns .col-6 {
    padding-top: 25px;
  }
}
.shortprofile.lightblue .columns .col-12 {
  align-items: center;
}
.shortprofile.lightblue .columns .col-12 .col-2 {
  background-color: #e77529;
}
.shortprofile.lightblue .columns .col-12 .col-10 p {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  color: #024975;
}
@media only screen and (min-width: 576px) {
  .shortprofile.lightblue .columns .col-12 .col-10 p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.shortprofile.lightblue .columns .col-12 .col-10 p a {
  color: #024975;
}
.shortprofile.lightblue .columns .col-12 .col-10 p a:before {
  font-size: 16px;
  font-size: 1rem;
  top: 0;
}
@media only screen and (min-width: 576px) {
  .shortprofile.lightblue .columns .col-12 .col-10 p a:before {
    top: 3px;
  }
}
.shortprofile.lightblue .columns .col-12 .col-10 p a:hover, .shortprofile.lightblue .columns .col-12 .col-10 p a:focus {
  text-decoration: underline;
}

.studycontent .ce-66-33 {
  margin: 0 0 25px;
}
.studycontent .ce-66-33:last-child {
  margin-bottom: 50px;
}
.studycontent .ce-66-33 a, .studycontent .ce-66-33 a strong {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 576px) {
  .studycontent .ce-66-33 a, .studycontent .ce-66-33 a strong {
    font-size: 16px;
    font-size: 1rem;
  }
}
.studycontent .ce-66-33 .columns {
  flex-direction: row;
}
.studycontent .ce-66-33 .col-8 {
  width: 66.6666666667%;
  margin-bottom: 0;
}
.studycontent .ce-66-33 .col-8 .percentage-bar-background {
  background-color: #e4f6ff;
  display: inline-block;
  padding: 0 0 5px;
  margin-bottom: 5px;
  width: 100%;
}
.studycontent .ce-66-33 .col-8 .percentage-bar-background .percent {
  background-color: #e77529;
  display: inline-block;
  padding: 2.5px 0;
}
.studycontent .ce-66-33 .col-8 p {
  margin-bottom: 0;
}
.studycontent .ce-66-33 .col-4 {
  width: 33.3333333333%;
  padding-left: 20px;
  font-size: 26px;
  font-size: 1.625rem;
  margin-top: 1px;
  font-weight: bold;
  line-height: 0.7;
}
@media only screen and (min-width: 576px) {
  .studycontent .ce-66-33 .col-4 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .studycontent .ce-66-33 .col-4 {
    padding-left: 40px;
  }
}
.studycontent .ce-66-33 .col-4 span {
  width: 85px;
  display: inline-block;
  text-align: right;
}
@media only screen and (min-width: 576px) {
  .studycontent a.icon-Calendar-2 {
    font-size: 16px;
    font-size: 1rem;
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
/**
 * Page footer
 */
#footer .bg-blue {
  padding: 20px 0;
  background-color: #024975;
}
@media only screen and (min-width: 768px) {
  #footer .bg-blue {
    padding: 40px 0;
  }
}
#footer .bg-light-blue {
  background-color: #e4f6ff;
  padding: 5px 0;
  margin-bottom: 0;
}
#footer .container {
  padding: 0 25px;
}
#footer h2, #footer h3 {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px;
}
#footer p, #footer li, #footer a {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (min-width: 768px) {
  #footer p, #footer li, #footer a {
    font-size: 16px;
    font-size: 1rem;
  }
}
#footer ul {
  list-style: none;
  padding-top: 5px;
}
#footer ul li {
  margin-bottom: 10px;
}
#footer ul li:last-child {
  margin-bottom: 0;
}
#footer ul li a {
  text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:focus {
  text-decoration: underline;
}
#footer #footer-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  #footer #footer-menu {
    justify-content: space-between;
    padding: 0 12.5px;
  }
}
#footer #footer-menu [class^=col], #footer #footer-menu [class*=col-] {
  margin-bottom: 20px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  #footer #footer-menu [class^=col], #footer #footer-menu [class*=col-] {
    margin-bottom: 0;
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #footer #footer-menu .col1, #footer #footer-menu .col2, #footer #footer-menu .col3, #footer #footer-menu .col4, #footer #footer-menu .col5, #footer #footer-menu [class^=col].social-media {
    width: 33.33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #footer #footer-menu [class^=col].social-media {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  #footer #footer-menu .col3, #footer #footer-menu .col4 {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #footer #footer-menu .col4 {
    padding-left: 12.5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #footer #footer-menu [class^=col].map {
    width: 66.66%;
  }
}
#footer #footer-menu p {
  line-height: 1.9;
}
#footer #footer-menu p:last-child {
  margin-bottom: 0;
}
#footer #footer-menu .map {
  margin: 0 -25px 20px;
  width: calc(100% + 50px);
  min-height: 250px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  #footer #footer-menu .map {
    margin: 0 0 40px;
    width: auto;
    min-height: 175px;
  }
}
@media only screen and (min-width: 992px) {
  #footer #footer-menu .map {
    margin: -40px 0;
    width: 25%;
    overflow: hidden;
  }
}
#footer #footer-menu .map a {
  display: flex;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: transparent;
}
#footer #footer-menu .map span.copyright {
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  right: -75px;
  bottom: 100px;
  transform: rotate(-90deg);
  text-shadow: 1px 0px 2px white, 0px 1px 2px white, -1px 0px 2px white, 0px -1px 2px white;
}
#footer #footer-menu .social-media {
  margin: 0 -25px;
  width: calc(100% + 50px);
}
@media only screen and (min-width: 768px) {
  #footer #footer-menu .social-media {
    margin: 0;
    width: 70px;
  }
}
#footer #footer-menu .social-media ul {
  display: flex;
  justify-content: space-around;
  padding: 20px 20px 0;
  border-top: 1px solid #fff;
}
@media only screen and (min-width: 768px) {
  #footer #footer-menu .social-media ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
    border-top: none;
    flex-wrap: wrap;
    height: 160px;
    padding-top: 40px;
  }
}
#footer #footer-menu .social-media ul li {
  margin-bottom: 15px;
}
#footer #footer-menu .social-media ul span {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #024975;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  font-size: 16px;
  font-size: 1rem;
}
#footer #footer-menu .social-media ul span:hover:before, #footer #footer-menu .social-media ul span:focus:before {
  color: #e77529;
}
@media only screen and (min-width: 768px) {
  #footer #footer-menu .social-media ul span {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 768px) {
  #footer #footer-service-menu {
    padding: 0 12.5px;
  }
}
#footer #footer-service-menu ul {
  display: flex;
  padding: 5px 0;
}
#footer #footer-service-menu ul li {
  margin-bottom: 0;
  padding-right: 10px;
  border-right: 1px solid #024975;
  margin-right: 10px;
  font-size: 11px;
  font-size: 0.6875rem;
  color: #024975;
}
#footer #footer-service-menu ul li a {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #024975;
}
#footer #footer-service-menu ul li:last-child {
  border-right: none;
}
@media only screen and (min-width: 768px) {
  #footer #footer-service-menu ul li {
    font-size: 14px;
    font-size: 0.875rem;
  }
  #footer #footer-service-menu ul li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 * Flex.................Flebox Classes
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 *
 * COMPONENTS
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 */
.petrol #header button:not(.slick-arrow).Contact {
  background-color: #0f838b;
  color: #fff;
}
.petrol #header button:not(.slick-arrow).Contact.open {
  background-color: #fff;
  color: #0f838b;
}
@media only screen and (max-width: 991px) {
  .petrol #header button:not(.slick-arrow).Contact.open {
    border: 1px solid #0f838b;
  }
}
.petrol h1, .petrol h2, .petrol h3, .petrol h4, .petrol h5, .petrol h6,
.petrol .h1, .petrol .h2, .petrol .h3, .petrol .h4, .petrol .h5, .petrol .h6 {
  color: #0f838b;
}
.petrol h1 a, .petrol h2 a, .petrol h3 a, .petrol h4 a, .petrol h5 a, .petrol h6 a,
.petrol .h1 a, .petrol .h2 a, .petrol .h3 a, .petrol .h4 a, .petrol .h5 a, .petrol .h6 a {
  color: #0f838b;
}
.petrol a.icon-List:before, .petrol a.icon-Calendar-2:before, .petrol a.icon-Book:before, .petrol a.icon-Internal_Link:before, .petrol a.icon-External-Link:before, .petrol a.icon-PDF:before, .petrol a.icon-Download:before, .petrol p a.icon-List:before, .petrol p a.icon-Calendar-2:before, .petrol p a.icon-Book:before, .petrol p a.icon-Internal_Link:before, .petrol p a.icon-External-Link:before, .petrol p a.icon-PDF:before, .petrol p a.icon-Download:before, .petrol li a.icon-List:before, .petrol li a.icon-Calendar-2:before, .petrol li a.icon-Book:before, .petrol li a.icon-Internal_Link:before, .petrol li a.icon-External-Link:before, .petrol li a.icon-PDF:before, .petrol li a.icon-Download:before {
  color: #0f838b;
}
.petrol .header-second-nav #second-menu ul.level-5 li a.active {
  color: #0f838b;
}
.petrol .search-wrapper .search-field span.button-Search input[type=submit] {
  background-color: #0f838b;
}
.petrol .search-wrapper .search-field span.button-Search input[type=submit]:hover, .petrol .search-wrapper .search-field span.button-Search input[type=submit]:focus {
  background-color: rgb(14.25, 124.45, 132.05);
}
.petrol #header .gsc-search-box button.gsc-search-button {
  background-color: #0f838b;
}
.petrol #header .gsc-search-box button.gsc-search-button:hover, .petrol #header .gsc-search-box button.gsc-search-button:focus {
  background-color: rgb(14.25, 124.45, 132.05);
}
.petrol .kachelnavigation li a.active {
  background-color: #0f838b;
}
.petrol .kachelnavigation li a:hover:after, .petrol .kachelnavigation li a:focus:after {
  color: #0f838b;
}

.red #header button:not(.slick-arrow).Contact {
  background-color: #C1353D;
  color: #fff;
}
.red #header button:not(.slick-arrow).Contact.open {
  background-color: #fff;
  color: #C1353D;
}
@media only screen and (max-width: 991px) {
  .red #header button:not(.slick-arrow).Contact.open {
    border: 1px solid #C1353D;
  }
}
.red h1, .red h2, .red h3, .red h4, .red h5, .red h6,
.red .h1, .red .h2, .red .h3, .red .h4, .red .h5, .red .h6 {
  color: #C1353D;
}
.red h1 a, .red h2 a, .red h3 a, .red h4 a, .red h5 a, .red h6 a,
.red .h1 a, .red .h2 a, .red .h3 a, .red .h4 a, .red .h5 a, .red .h6 a {
  color: #C1353D;
}
.red a.icon-List:before, .red a.icon-Calendar-2:before, .red a.icon-Book:before, .red a.icon-Internal_Link:before, .red a.icon-External-Link:before, .red a.icon-PDF:before, .red a.icon-Download:before {
  color: #C1353D;
}
.red .search-wrapper .search-field span.button-Search input[type=submit] {
  background-color: #C1353D;
}
.red .search-wrapper .search-field span.button-Search input[type=submit]:hover, .red .search-wrapper .search-field span.button-Search input[type=submit]:focus {
  background-color: rgb(159.6, 31.35, 61.75);
}
.red #header .gsc-search-box button.gsc-search-button {
  background-color: #C1353D;
}
.red #header .gsc-search-box button.gsc-search-button:hover, .red #header .gsc-search-box button.gsc-search-button:focus {
  background-color: rgb(159.6, 31.35, 61.75);
}
.red .kachelnavigation li a.active {
  background-color: #C1353D;
}
.red .kachelnavigation li a:hover:after, .red .kachelnavigation li a:focus:after {
  color: #C1353D;
}

.orange #header button:not(.slick-arrow).Contact {
  background-color: #e77529;
  color: #fff;
}
.orange #header button:not(.slick-arrow).Contact.open {
  background-color: #fff;
  color: #e77529;
}
@media only screen and (max-width: 991px) {
  .orange #header button:not(.slick-arrow).Contact.open {
    border: 1px solid #e77529;
  }
}
.orange h1, .orange h2, .orange h3, .orange h4, .orange h5, .orange h6,
.orange .h1, .orange .h2, .orange .h3, .orange .h4, .orange .h5, .orange .h6 {
  color: #e77529;
}
.orange h1 a, .orange h2 a, .orange h3 a, .orange h4 a, .orange h5 a, .orange h6 a,
.orange .h1 a, .orange .h2 a, .orange .h3 a, .orange .h4 a, .orange .h5 a, .orange .h6 a {
  color: #e77529;
}
.orange a.icon-List:before, .orange a.icon-Calendar-2:before, .orange a.icon-Book:before, .orange a.icon-Internal_Link:before, .orange a.icon-External-Link:before, .orange a.icon-PDF:before, .orange a.icon-Download:before {
  color: #e77529;
}
.orange .search-wrapper .search-field span.button-Search input[type=submit] {
  background-color: #e77529;
}
.orange .search-wrapper .search-field span.button-Search input[type=submit]:hover, .orange .search-wrapper .search-field span.button-Search input[type=submit]:focus {
  background-color: rgb(229.6285714286, 109.1142857143, 28.7714285714);
}
.orange #header .gsc-search-box button.gsc-search-button {
  background-color: #e77529;
}
.orange #header .gsc-search-box button.gsc-search-button:hover, .orange #header .gsc-search-box button.gsc-search-button:focus {
  background-color: rgb(229.6285714286, 109.1142857143, 28.7714285714);
}
.orange .banderole {
  background-color: #e77529;
  padding: 10px 25px;
  color: #fff;
  font-size: 14.5px;
  font-size: 0.90625rem;
}
.orange .banderole a {
  color: #fff;
}
.orange .banderole a:hover, .orange .banderole a:focus {
  color: #fff;
}
@media only screen and (min-width: 576px) {
  .orange .banderole {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .orange .banderole {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.orange .ce-33-33-33 figure.image + .banderole {
  text-align: left;
}
.orange .kachelnavigation li a.active {
  background-color: #e77529;
}
.orange .kachelnavigation li a:hover:after, .orange .kachelnavigation li a:focus:after {
  color: #e77529;
}

.blue a.icon-List:before, .blue a.icon-Calendar-2:before, .blue a.icon-Book:before, .blue a.icon-Internal_Link:before, .blue a.icon-External-Link:before, .blue a.icon-PDF:before, .blue a.icon-Download:before, .blue p a.icon-List:before, .blue p a.icon-Calendar-2:before, .blue p a.icon-Book:before, .blue p a.icon-Internal_Link:before, .blue p a.icon-External-Link:before, .blue p a.icon-PDF:before, .blue p a.icon-Download:before, .blue li a.icon-List:before, .blue li a.icon-Calendar-2:before, .blue li a.icon-Book:before, .blue li a.icon-Internal_Link:before, .blue li a.icon-External-Link:before, .blue li a.icon-PDF:before, .blue li a.icon-Download:before {
  color: #024975;
}
.blue #header .gsc-search-box button.gsc-search-button {
  background-color: #024975;
}
.blue #header .gsc-search-box button.gsc-search-button:hover, .blue #header .gsc-search-box button.gsc-search-button:focus {
  background-color: rgb(1.9, 69.35, 111.15);
}

.petrol .menu-button, .petrol .slick-prev, .petrol .slick-next, .red .menu-button, .red .slick-prev, .red .slick-next, .orange .menu-button, .orange .slick-prev, .orange .slick-next {
  background-color: transparent;
}
.petrol .video .col6.order2 h1, .petrol .video .col6.order2 h2, .petrol .video .col6.order2 h3, .petrol .video .col6.order2 h4, .petrol .video .col6.order2 h5, .petrol .video .col6.order2 h6,
.petrol .video .col6.order2 .h1, .petrol .video .col6.order2 .h2, .petrol .video .col6.order2 .h3, .petrol .video .col6.order2 .h4, .petrol .video .col6.order2 .h5, .petrol .video .col6.order2 .h6,
.petrol .video .col6.order2 p, .red .video .col6.order2 h1, .red .video .col6.order2 h2, .red .video .col6.order2 h3, .red .video .col6.order2 h4, .red .video .col6.order2 h5, .red .video .col6.order2 h6,
.red .video .col6.order2 .h1, .red .video .col6.order2 .h2, .red .video .col6.order2 .h3, .red .video .col6.order2 .h4, .red .video .col6.order2 .h5, .red .video .col6.order2 .h6,
.red .video .col6.order2 p, .orange .video .col6.order2 h1, .orange .video .col6.order2 h2, .orange .video .col6.order2 h3, .orange .video .col6.order2 h4, .orange .video .col6.order2 h5, .orange .video .col6.order2 h6,
.orange .video .col6.order2 .h1, .orange .video .col6.order2 .h2, .orange .video .col6.order2 .h3, .orange .video .col6.order2 .h4, .orange .video .col6.order2 .h5, .orange .video .col6.order2 .h6,
.orange .video .col6.order2 p {
  color: #024975;
}