@charset "UTF-8";
/**
 * SETTINGS
 * Global...............Configuration.
 * Vars.................Globally-available variables.
 * Grid.................Layout Grid
 *
 * BASE
 * Fonts................Integrate webfonts.
 * Headings.............H1–H6 styles.
 * Images...............Image styles.
 * Links................Link & Buttons styles.
 * List................List styles.
 *
 * COMPONENTS
 * Main-nav.............The main navigation.
 * Main-nav.............The meta navigation.
 * Header...............The main page header.
 * Main.................The main page content.
 * Footer...............The main page footer.
 */
/**
 * Variables
 */
/* Fonts */
/**
* Mixins
 */
/**
 * Color
 */
/**
 * Breakpoints
 */
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/**
 * Browserfixes
 */
/* IE */
/* Firefox */
@-moz-document url-prefix() {}/* IPhone */
/* IPad */
/* Safari */
/**
 * Global configuration
**/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }
  *:focus {
    outline: none; }
  * :before, * :after {
    clear: both; }

.clearfix {
  clear: both;
  display: block; }

body, p {
  font-family: "text-font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #333333; }
  @media only screen and (min-width: 576px) {
    body, p {
      font-size: 18px;
      font-size: 1.125rem; } }

body {
  background-color: #fff;
  overflow-x: hidden; }

p, ul {
  margin-bottom: 20px; }
  p:last-child, ul:last-child {
    margin-bottom: 0; }

strong, b {
  font-family: "text-font-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: normal; }

em, i {
  font-style: italic; }

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

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

hr {
  border: 1px solid #EEEEEE;
  background-color: #EEEEEE;
  margin: 20px 0; }

.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0;
  height: 0;
  overflow: hidden; }

::selection {
  background-color: #007885;
  color: #fff; }

::-moz-selection {
  background-color: #007885;
  color: #fff; }

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

/**
 * Grid
**/
#header {
  position: relative;
  z-index: 10; }

#header > div,
#main #breadcrumbs,
#main #content,
#main .frame-layout-header-image .frame-type-textpic > header,
#main .frame-layout-header-headline .frame-type-header {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px; }

.row {
  display: flex;
  flex-direction: column; }
  .row .col-4, .row .col-6, .row .col-8 {
    width: 100%;
    padding: 0 20px; }
  @media only screen and (min-width: 768px) {
    .row {
      flex-wrap: wrap;
      flex-direction: row; }
      .row .col-4 {
        width: calc(100% / 12 * 4); }
      .row .col-6 {
        width: calc(100% / 12 * 6); }
      .row .col-8 {
        width: calc(100% / 12 * 8); } }

.grid_50_50 {
  width: calc(100% + 60px);
  margin-left: -30px; }
  .grid_50_50 .row {
    width: 100%; }
    .grid_50_50 .row [class^="col_50_"], .grid_50_50 .row [class*="col_50_"] {
      padding: 0 30px;
      width: 100%;
      margin-bottom: 45px; }
      .grid_50_50 .row [class^="col_50_"]:last-child, .grid_50_50 .row [class*="col_50_"]:last-child {
        margin-bottom: 0; }
      @media only screen and (min-width: 768px) {
        .grid_50_50 .row [class^="col_50_"], .grid_50_50 .row [class*="col_50_"] {
          margin-bottom: 0; } }
      .grid_50_50 .row [class^="col_50_"] > .frame, .grid_50_50 .row [class*="col_50_"] > .frame {
        height: 100%; }
        .grid_50_50 .row [class^="col_50_"] > .frame:last-child, .grid_50_50 .row [class*="col_50_"] > .frame:last-child {
          margin-bottom: 0; }

@media only screen and (min-width: 768px) {
  .grid_50_50 .row [class^="col_50_"], .grid_50_50 .row [class*="col_50_"] {
    width: calc(100% / 12 * 6); } }

/**
 * Accordion
**/
.frame-type-gridelements_pi1 {
  margin-bottom: 0;
  /**.accordionTeaser-text button.accordionbutton { flex-direction: column; }**/ }
  .frame-type-gridelements_pi1 .accordionTeaser {
    /**
    button.accordionbutton:has(.frame-type-text) {
      flex-direction: column;
    }
    **/ }
    .frame-type-gridelements_pi1 .accordionTeaser button.accordionbutton {
      cursor: pointer;
      width: 100%;
      color: #333333;
      padding: 22px 0 60px;
      background-color: #fff;
      /**display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;**/
      border-top: 1px solid #EEEEEE;
      position: relative; }
      .frame-type-gridelements_pi1 .accordionTeaser button.accordionbutton:after {
        font-family: "icons";
        content: "\e908";
        font-size: 34px;
        font-size: 2.125rem;
        color: #007885;
        background-color: #fff;
        position: absolute;
        left: 0;
        bottom: 14px; }
      .frame-type-gridelements_pi1 .accordionTeaser button.accordionbutton span {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0; }
    .frame-type-gridelements_pi1 .accordionTeaser .frame {
      width: calc(100% - 50px);
      margin-bottom: 0; }
      .frame-type-gridelements_pi1 .accordionTeaser .frame header, .frame-type-gridelements_pi1 .accordionTeaser .frame p, .frame-type-gridelements_pi1 .accordionTeaser .frame .frame-type-text {
        text-align: left; }
    .frame-type-gridelements_pi1 .accordionTeaser .frame-type-header header h1, .frame-type-gridelements_pi1 .accordionTeaser .frame-type-header header h2, .frame-type-gridelements_pi1 .accordionTeaser .frame-type-header header h3, .frame-type-gridelements_pi1 .accordionTeaser .frame-type-header header h4, .frame-type-gridelements_pi1 .accordionTeaser .frame-type-header header h5, .frame-type-gridelements_pi1 .accordionTeaser .frame-type-header header h6 {
      margin-bottom: 0; }
  .frame-type-gridelements_pi1 .accordionTeaser.accordionOpen button.accordionbutton:after {
    content: "\e909"; }
  .frame-type-gridelements_pi1 .accordionIn .frame {
    padding: 5px 0 30px;
    margin: 0; }
  .frame-type-gridelements_pi1 .accordionIn .frame-layout-box-shadow, .frame-type-gridelements_pi1 .accordionIn .frame-layout-box-border {
    padding: 28px 30px 30px;
    margin-bottom: 45px; }
  .frame-type-gridelements_pi1 .accordionIn .frame:last-child {
    margin: 0; }
  .frame-type-gridelements_pi1 .accordionIn .frame-layout-box-border:last-child, .frame-type-gridelements_pi1 .accordionIn .frame-layout-box-shadow:last-child {
    margin-bottom: 45px; }

/**
 * Breadcrumb
**/
#main #breadcrumbs {
  padding-top: 20px;
  padding-bottom: 20px; }
  #main #breadcrumbs ol {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    #main #breadcrumbs ol li {
      font-size: 15px;
      font-size: 0.9375rem;
      color: #606060;
      padding: 0 15px 0 0;
      margin: 0 8px 0 0;
      position: relative; }
      #main #breadcrumbs ol li:before {
        display: none; }
      #main #breadcrumbs ol li:after {
        font-family: "icons";
        content: "\e90b";
        color: #B1C800;
        font-size: 16px;
        font-size: 1rem;
        position: absolute;
        top: 0;
        right: -5px; }
      #main #breadcrumbs ol li a {
        text-decoration: none;
        color: #606060; }
        #main #breadcrumbs ol li a:hover {
          text-decoration: underline;
          color: #007885; }
    #main #breadcrumbs ol li.active {
      margin-right: 0; }
      #main #breadcrumbs ol li.active:after {
        display: none; }

/**
 * Box styling
**/
.frame-layout-box-shadow, .frame-layout-box-border {
  padding: 30px; }

.frame-layout-box-shadow {
  box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.3); }

.frame-layout-box-border {
  border: 1px solid #007885; }

body.orange .frame-layout-box-border {
  border-color: #F49E00; }

body.lightGreen .frame-layout-box-border {
  border-color: #B1C800; }

body.blue .frame-layout-box-border {
  border-color: #0D8EB5; }

body.darkGreen .frame-layout-box-border {
  border-color: #44A12B; }

body.darkBlue .frame-layout-box-border {
  border-color: #008998; }

/**
  Fonts
**/
@font-face {
  font-family: 'headline-font';
  src: url("../fonts/BundesSerifWeb-Regular.woff") format("woff2"), url("../fonts/BundesSerifWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'headline-font-bold';
  src: url("../fonts/BundesSerifWeb-Bold.woff") format("woff2"), url("../fonts/BundesSerifWeb-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'text-font';
  src: url("../fonts/BundesSansWeb-Regular.woff") format("woff2"), url("../fonts/BundesSansWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'text-font-bold';
  src: url("../fonts/BundesSansWeb-Bold.woff") format("woff2"), url("../fonts/BundesSansWeb-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'icons';
  src: url("../fonts/icomoon.woff") format("woff2"), url("../fonts/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * H1-h6 styles
 */
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  display: inline-block;
  font-family: "headline-font", serif;
  font-weight: normal;
  margin-bottom: 25px;
  line-height: 1.2;
  word-break: break-word;
  hyphens: auto; }
  h1 + h2, h1 + h3, h1 + h4, h1 + h5, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h5 + h2, h5 + h3, h5 + h4, h5 + h5,
  .h1 + h2,
  .h1 + h3,
  .h1 + h4,
  .h1 + h5, .h2 + h2, .h2 + h3, .h2 + h4, .h2 + h5, .h3 + h2, .h3 + h3, .h3 + h4, .h3 + h5, .h4 + h2, .h4 + h3, .h4 + h4, .h4 + h5, .h5 + h2, .h5 + h3, .h5 + h4, .h5 + h5 {
    display: block;
    border-bottom: none;
    padding-bottom: 0; }
  h1 strong, h1 b, h2 strong, h2 b, h3 strong, h3 b, h4 strong, h4 b, h5 strong, h5 b,
  .h1 strong,
  .h1 b, .h2 strong, .h2 b, .h3 strong, .h3 b, .h4 strong, .h4 b, .h5 strong, .h5 b {
    font-family: "headline-font-bold", serif; }

h1, .h1 {
  font-size: 28px;
  font-size: 1.75rem; }
  @media only screen and (min-width: 576px) {
    h1, .h1 {
      font-size: 34px;
      font-size: 2.125rem; } }

h2, .h2 {
  font-size: 24px;
  font-size: 1.5rem; }
  @media only screen and (min-width: 576px) {
    h2, .h2 {
      font-size: 30px;
      font-size: 1.875rem; } }

h3, .h3 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: 20px; }
  @media only screen and (min-width: 576px) {
    h3, .h3 {
      font-size: 26px;
      font-size: 1.625rem; } }

h4, .h4 {
  font-family: "headline-font-bold", serif;
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 20px; }
  @media only screen and (min-width: 576px) {
    h4, .h4 {
      font-size: 22px;
      font-size: 1.375rem; } }

h5, .h5 {
  font-family: "headline-font-bold", serif;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 20px; }
  @media only screen and (min-width: 576px) {
    h5, .h5 {
      font-size: 20px;
      font-size: 1.25rem; } }

main div.frame-type-header {
  margin-bottom: 0; }

/**
 * Header-Image
**/
/** Header-Image **/
main .frame-layout-header-image {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column-reverse; }
  main .frame-layout-header-image .ce-outer, main .frame-layout-header-image .ce-inner {
    width: 100%; }
  main .frame-layout-header-image header {
    position: relative;
    width: 100%; }
    @media only screen and (min-width: 820px) {
      main .frame-layout-header-image header {
        max-width: 780px; } }
    main .frame-layout-header-image header h1, main .frame-layout-header-image header .h1 {
      padding: 20px;
      width: 100%;
      background-color: #E8E8E8;
      border-bottom: 3px solid #333333; }
      @media only screen and (min-width: 576px) {
        main .frame-layout-header-image header h1, main .frame-layout-header-image header .h1 {
          position: absolute;
          display: block;
          top: 250px;
          left: 0;
          z-index: 5; } }
      @media only screen and (min-width: 780px) {
        main .frame-layout-header-image header h1::after, main .frame-layout-header-image header .h1::after {
          content: "";
          width: 50vw;
          height: 100%;
          position: absolute;
          right: -50vw;
          bottom: -3px;
          background-color: #E8E8E8;
          border-bottom: 3px solid #333333; } }
      @media only screen and (min-width: 820px) {
        main .frame-layout-header-image header h1, main .frame-layout-header-image header .h1 {
          left: -20px; } }
  main .frame-layout-header-image .ce-row {
    display: flex;
    flex-direction: column; }
    main .frame-layout-header-image .ce-row .ce-column {
      width: 100%;
      height: 150px;
      margin: 0;
      overflow: hidden;
      float: none; }
      main .frame-layout-header-image .ce-row .ce-column figure.image {
        display: block;
        height: 100%;
        width: 100%; }
        main .frame-layout-header-image .ce-row .ce-column figure.image img {
          min-width: 100%;
          min-height: 100%;
          object-fit: cover; }

@media only screen and (min-width: 576px) {
  main .frame-layout-header-image {
    margin-bottom: 100px;
    display: block; }
    main .frame-layout-header-image header {
      margin: 0 auto; }
    main .frame-layout-header-image .ce-gallery[data-ce-columns="1"] {
      max-width: 820px;
      margin: 0 auto;
      padding: 0 20px; }
      main .frame-layout-header-image .ce-gallery[data-ce-columns="1"] .ce-column {
        width: 100%;
        height: 300px; }
    main .frame-layout-header-image .ce-gallery[data-ce-columns="2"] .ce-row {
      flex-direction: row; }
      main .frame-layout-header-image .ce-gallery[data-ce-columns="2"] .ce-row .ce-column {
        width: calc(100% / 12 * 8);
        height: 300px; }
        main .frame-layout-header-image .ce-gallery[data-ce-columns="2"] .ce-row .ce-column:nth-child(2) {
          width: calc(100% / 12 * 4); } }

/** Header-Image Vars */
body.orange #main .frame-layout-header-image h1, body.orange #main .frame-layout-header-image .h1 {
  background-color: #FEF1DB;
  border-bottom: 3px solid #F49E00; }
  body.orange #main .frame-layout-header-image h1::after, body.orange #main .frame-layout-header-image .h1::after {
    background-color: #FEF1DB;
    border-bottom: 3px solid #F49E00; }

body.lightGreen #main .frame-layout-header-image h1, body.lightGreen #main .frame-layout-header-image .h1 {
  background-color: #F4F7DB;
  border-bottom: 3px solid #B1C800; }
  body.lightGreen #main .frame-layout-header-image h1::after, body.lightGreen #main .frame-layout-header-image .h1::after {
    background-color: #F4F7DB;
    border-bottom: 3px solid #B1C800; }

body.blue #main .frame-layout-header-image h1, body.blue #main .frame-layout-header-image .h1 {
  background-color: #DCEFF5;
  border-bottom: 3px solid #0D8EB5; }
  body.blue #main .frame-layout-header-image h1::after, body.blue #main .frame-layout-header-image .h1::after {
    background-color: #DCEFF5;
    border-bottom: 3px solid #0D8EB5; }

body.darkGreen #main .frame-layout-header-image h1, body.darkGreen #main .frame-layout-header-image .h1 {
  background-color: #E4F2E1;
  border-bottom: 3px solid #44A12B; }
  body.darkGreen #main .frame-layout-header-image h1::after, body.darkGreen #main .frame-layout-header-image .h1::after {
    background-color: #E4F2E1;
    border-bottom: 3px solid #44A12B; }

body.darkBlue #main .frame-layout-header-image h1, body.darkBlue #main .frame-layout-header-image .h1 {
  background-color: #DBEEF0;
  border-bottom: 3px solid #008998; }
  body.darkBlue #main .frame-layout-header-image h1::after, body.darkBlue #main .frame-layout-header-image .h1::after {
    background-color: #DBEEF0;
    border-bottom: 3px solid #008998; }

/** Header Image with Colour **/
body.grey #main .frame-layout-header-image {
  background-color: #CCDE66; }
  body.grey #main .frame-layout-header-image .ce-textpic, body.grey #main .frame-layout-header-image .ce-image,
  body.grey #main .frame-layout-header-image .ce-nowrap .ce-bodytext,
  body.grey #main .frame-layout-header-image .ce-gallery, body.grey #main .frame-layout-header-image .ce-row,
  body.grey #main .frame-layout-header-image .ce-uploads li,
  body.grey #main .frame-layout-header-image .ce-uploads div {
    overflow: visible; }
  body.grey #main .frame-layout-header-image .frame-type-textpic {
    margin-bottom: 0; }
  body.grey #main .frame-layout-header-image .ce-textpic {
    display: flex;
    flex-direction: row-reverse;
    max-width: 820px;
    margin: 0 auto;
    padding: 0 20px; }
    body.grey #main .frame-layout-header-image .ce-textpic .header-content-right {
      display: none; }
      body.grey #main .frame-layout-header-image .ce-textpic .header-content-right:after {
        display: none; }
    body.grey #main .frame-layout-header-image .ce-textpic .header-content-left {
      padding: 40px 0;
      width: 100%; }
      body.grey #main .frame-layout-header-image .ce-textpic .header-content-left a {
        color: #333333; }

@media only screen and (min-width: 576px) {
  body.grey #main .frame-layout-header-image .ce-textpic .header-content-right {
    display: block;
    position: relative;
    background-color: #007885;
    width: calc(100% / 12 * 4);
    margin: 0 0 0 40px;
    z-index: 1; }
    body.grey #main .frame-layout-header-image .ce-textpic .header-content-right:after {
      content: "";
      display: block;
      background-color: #007885;
      width: 50vw;
      height: 100%;
      position: absolute;
      right: -50vw;
      top: 0;
      z-index: 0; }
  body.grey #main .frame-layout-header-image .ce-textpic .header-content-left {
    width: calc(100% / 12 * 8); } }

/**
 * Images
**/
figure {
  position: relative;
  display: grid; }
  figure img {
    max-width: 100%;
    height: auto; }
  figure figcaption {
    font-size: 16px;
    font-size: 1rem;
    font-family: "text-font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-style: italic; }

.ce-textpic p a:focus, .ce-image p a:focus, .ce-nowrap .ce-bodytext p a:focus, .ce-gallery p a:focus,
.ce-row p a:focus, .ce-uploads li p a:focus, .ce-uploads div p a:focus {
  margin-left: 3px; }

.frame-type-textpic .ce-gallery, .frame-type-image .ce-gallery {
  margin-bottom: 25px; }

.frame-type-textpic .ce-below .ce-gallery, .frame-type-image .ce-below .ce-gallery {
  margin-top: 25px;
  margin-bottom: 0; }

.frame-type-textpic .ce-intext.ce-right .ce-gallery,
.frame-type-textpic .ce-intext.ce-left .ce-gallery, .frame-type-image .ce-intext.ce-right .ce-gallery,
.frame-type-image .ce-intext.ce-left .ce-gallery {
  margin-top: 5px; }

.frame-type-textpic .ce-intext.ce-right .ce-gallery, .frame-type-image .ce-intext.ce-right .ce-gallery {
  margin-left: 25px; }

.frame-type-textpic .ce-intext.ce-left .ce-gallery, .frame-type-image .ce-intext.ce-left .ce-gallery {
  margin-right: 25px; }

@media only screen and (max-width: 767px) {
  .frame-type-textpic .ce-intext.ce-right .ce-gallery,
  .frame-type-textpic .ce-intext.ce-left .ce-gallery, .frame-type-image .ce-intext.ce-right .ce-gallery,
  .frame-type-image .ce-intext.ce-left .ce-gallery {
    float: none;
    right: auto;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px;
    max-width: 100%; }
    .frame-type-textpic .ce-intext.ce-right .ce-gallery .ce-outer, .frame-type-textpic .ce-intext.ce-right .ce-gallery .ce-inner, .frame-type-textpic .ce-intext.ce-right .ce-gallery .ce-column,
    .frame-type-textpic .ce-intext.ce-left .ce-gallery .ce-outer,
    .frame-type-textpic .ce-intext.ce-left .ce-gallery .ce-inner,
    .frame-type-textpic .ce-intext.ce-left .ce-gallery .ce-column, .frame-type-image .ce-intext.ce-right .ce-gallery .ce-outer, .frame-type-image .ce-intext.ce-right .ce-gallery .ce-inner, .frame-type-image .ce-intext.ce-right .ce-gallery .ce-column,
    .frame-type-image .ce-intext.ce-left .ce-gallery .ce-outer,
    .frame-type-image .ce-intext.ce-left .ce-gallery .ce-inner,
    .frame-type-image .ce-intext.ce-left .ce-gallery .ce-column {
      float: none;
      right: auto;
      left: auto; } }

@media only screen and (max-width: 575px) {
  .frame-type-textpic .ce-gallery,
  .frame-type-textpic.ce-right .ce-gallery,
  .frame-type-textpic.ce-left .ce-gallery, .frame-type-image .ce-gallery,
  .frame-type-image.ce-right .ce-gallery,
  .frame-type-image.ce-left .ce-gallery {
    float: none;
    right: auto;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 25px;
    max-width: 100%; }
    .frame-type-textpic .ce-gallery .ce-outer, .frame-type-textpic .ce-gallery .ce-inner, .frame-type-textpic .ce-gallery .ce-column,
    .frame-type-textpic.ce-right .ce-gallery .ce-outer,
    .frame-type-textpic.ce-right .ce-gallery .ce-inner,
    .frame-type-textpic.ce-right .ce-gallery .ce-column,
    .frame-type-textpic.ce-left .ce-gallery .ce-outer,
    .frame-type-textpic.ce-left .ce-gallery .ce-inner,
    .frame-type-textpic.ce-left .ce-gallery .ce-column, .frame-type-image .ce-gallery .ce-outer, .frame-type-image .ce-gallery .ce-inner, .frame-type-image .ce-gallery .ce-column,
    .frame-type-image.ce-right .ce-gallery .ce-outer,
    .frame-type-image.ce-right .ce-gallery .ce-inner,
    .frame-type-image.ce-right .ce-gallery .ce-column,
    .frame-type-image.ce-left .ce-gallery .ce-outer,
    .frame-type-image.ce-left .ce-gallery .ce-inner,
    .frame-type-image.ce-left .ce-gallery .ce-column {
      float: none;
      right: auto;
      left: auto; } }

.frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap,
.frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap {
  display: flex; }
  .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery,
  .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery {
    width: 50%;
    margin: 0;
    float: none; }
    .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery .ce-row, .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery .ce-column,
    .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery .ce-row,
    .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery .ce-column {
      height: 100%; }
    .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery .ce-column,
    .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery .ce-column {
      float: none; }
    .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery figure.image,
    .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery figure.image {
      background-color: #007885;
      border-top-left-radius: 75px;
      display: block;
      height: 100%;
      min-height: 415px;
      overflow: hidden; }
      .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery figure.image a,
      .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery figure.image a {
        position: relative;
        display: block;
        height: 100%;
        padding: 0; }
      .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery figure.image img,
      .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery figure.image img {
        border-top-left-radius: 75px;
        border-bottom-right-radius: 75px;
        min-width: 100%;
        min-height: 100%;
        object-fit: cover; }
  .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-bodytext,
  .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-bodytext {
    background-color: #007885;
    width: 50%;
    padding: 40px;
    border-bottom-right-radius: 75px; }
  .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap.ce-right,
  .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap.ce-right {
    flex-direction: row-reverse; }
    .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap.ce-right .ce-gallery figure.image,
    .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap.ce-right .ce-gallery figure.image {
      border-top-left-radius: 0;
      border-top-right-radius: 75px; }
      .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap.ce-right .ce-gallery figure.image img,
      .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap.ce-right .ce-gallery figure.image img {
        border-top-left-radius: 0;
        border-top-right-radius: 75px;
        border-bottom-left-radius: 75px;
        border-bottom-right-radius: 0; }
    .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap.ce-right .ce-bodytext,
    .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap.ce-right .ce-bodytext {
      border-bottom-left-radius: 75px;
      border-bottom-right-radius: 0; }
  @media only screen and (max-width: 767px) {
    .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap,
    .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap {
      flex-direction: column; }
      .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery, .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-bodytext,
      .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery,
      .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-bodytext {
        max-width: inherit;
        width: 100%; }
        .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-gallery .image, .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-bodytext .image,
        .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-gallery .image,
        .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-bodytext .image {
          min-height: auto; }
      .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap .ce-bodytext,
      .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap .ce-bodytext {
        padding: 20px; }
      .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap.ce-right,
      .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap.ce-right {
        flex-direction: column; }
        .frame-type-textpic.frame-layout-1 .ce-textpic.ce-nowrap.ce-right .ce-bodytext,
        .frame-type-textpic.frame-layout-2 .ce-textpic.ce-nowrap.ce-right .ce-bodytext {
          padding: 20px; } }

figure.image a {
  display: inline-block;
  border: 2px solid transparent; }

.tab-nav figure.image a:focus {
  border: 2px solid #007885;
  outline: none; }

/**
 * Link
**/
a {
  text-decoration: underline;
  color: #007885;
  cursor: pointer; }
  a:hover, a:focus {
    text-decoration: none; }

a.btn, button.btn, .tx-indexedsearch-search-submit input {
  display: flex;
  width: fit-content;
  font-family: "text-font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 5px 24px 6px;
  border: none;
  box-shadow: 3px 3px 10px 6px rgba(96, 96, 96, 0.15); }
  a.btn:hover, a.btn:focus, button.btn:hover, button.btn:focus, .tx-indexedsearch-search-submit input:hover, .tx-indexedsearch-search-submit input:focus {
    padding: 3px 22px 4px; }

a.btn, button.btn, .tx-indexedsearch-search-submit input, .button-login {
  cursor: pointer;
  background-color: #007885;
  color: #fff;
  border-radius: 8px;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out; }
  a.btn:before, button.btn:before, .tx-indexedsearch-search-submit input:before, .button-login:before {
    color: #fff; }
  a.btn:hover, a.btn:focus, button.btn:hover, button.btn:focus, .tx-indexedsearch-search-submit input:hover, .tx-indexedsearch-search-submit input:focus, .button-login:hover, .button-login:focus {
    background-color: #fff;
    color: #007885;
    border: 2px solid #007885;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out; }
    a.btn:hover:before, a.btn:focus:before, button.btn:hover:before, button.btn:focus:before, .tx-indexedsearch-search-submit input:hover:before, .tx-indexedsearch-search-submit input:focus:before, .button-login:hover:before, .button-login:focus:before {
      color: #007885; }
  a.btn:focus, button.btn:focus, .tx-indexedsearch-search-submit input:focus, .button-login:focus {
    border: 2px solid transparent; }

.wrapperLink {
  text-decoration: none; }
  .wrapperLink:hover, .wrapperLink:focus {
    text-decoration: underline; }

/** Link with Icon **/
a[href^="https://"], a[href*="https://"],
a[href$=".pdf"], a[href*=".pdf"] {
  padding-left: 22px;
  margin-left: 1px;
  position: relative; }
  a[href^="https://"]:before, a[href*="https://"]:before,
  a[href$=".pdf"]:before, a[href*=".pdf"]:before {
    font-family: "icons";
    position: absolute;
    left: 0;
    top: -2px; }

h1 a[href^="https://"], h1 a[href*="https://"],
h1 a[href$=".pdf"], h1 a[href*=".pdf"], .h1 a[href^="https://"], .h1 a[href*="https://"],
.h1 a[href$=".pdf"], .h1 a[href*=".pdf"] {
  padding-left: 40px; }
  h1 a[href^="https://"]:before, h1 a[href*="https://"]:before,
  h1 a[href$=".pdf"]:before, h1 a[href*=".pdf"]:before, .h1 a[href^="https://"]:before, .h1 a[href*="https://"]:before,
  .h1 a[href$=".pdf"]:before, .h1 a[href*=".pdf"]:before {
    top: 2px; }

h2 a[href^="https://"], h2 a[href*="https://"],
h2 a[href$=".pdf"], h2 a[href*=".pdf"], .h2 a[href^="https://"], .h2 a[href*="https://"],
.h2 a[href$=".pdf"], .h2 a[href*=".pdf"] {
  padding-left: 36px; }
  h2 a[href^="https://"]:before, h2 a[href*="https://"]:before,
  h2 a[href$=".pdf"]:before, h2 a[href*=".pdf"]:before, .h2 a[href^="https://"]:before, .h2 a[href*="https://"]:before,
  .h2 a[href$=".pdf"]:before, .h2 a[href*=".pdf"]:before {
    top: 3px; }

h3 a[href^="https://"], h3 a[href*="https://"],
h3 a[href$=".pdf"], h3 a[href*=".pdf"], .h3 a[href^="https://"], .h3 a[href*="https://"],
.h3 a[href$=".pdf"], .h3 a[href*=".pdf"] {
  padding-left: 30px; }
  h3 a[href^="https://"]:before, h3 a[href*="https://"]:before,
  h3 a[href$=".pdf"]:before, h3 a[href*=".pdf"]:before, .h3 a[href^="https://"]:before, .h3 a[href*="https://"]:before,
  .h3 a[href$=".pdf"]:before, .h3 a[href*=".pdf"]:before {
    top: 3px; }

h4 a[href^="https://"], h4 a[href*="https://"],
h4 a[href$=".pdf"], h4 a[href*=".pdf"], .h4 a[href^="https://"], .h4 a[href*="https://"],
.h4 a[href$=".pdf"], .h4 a[href*=".pdf"] {
  padding-left: 26px; }
  h4 a[href^="https://"]:before, h4 a[href*="https://"]:before,
  h4 a[href$=".pdf"]:before, h4 a[href*=".pdf"]:before, .h4 a[href^="https://"]:before, .h4 a[href*="https://"]:before,
  .h4 a[href$=".pdf"]:before, .h4 a[href*=".pdf"]:before {
    top: 2px; }

h5 a[href^="https://"], h5 a[href*="https://"],
h5 a[href$=".pdf"], h5 a[href*=".pdf"], .h5 a[href^="https://"], .h5 a[href*="https://"],
.h5 a[href$=".pdf"], .h5 a[href*=".pdf"] {
  padding-left: 24px; }
  h5 a[href^="https://"]:before, h5 a[href*="https://"]:before,
  h5 a[href$=".pdf"]:before, h5 a[href*=".pdf"]:before, .h5 a[href^="https://"]:before, .h5 a[href*="https://"]:before,
  .h5 a[href$=".pdf"]:before, .h5 a[href*=".pdf"]:before {
    top: 1px; }

/** External Link **/
a[href^="https://"]:before, a[href*="https://"]:before {
  content: "\e905"; }

/** PDF-Link **/
a[href$=".pdf"]:before, a[href*=".pdf"]:before {
  top: -4px;
  font-size: 20px;
  content: "\e90e"; }

figure a[href^="https://"], figure a[href*="https://"],
figure a[href$=".pdf"], figure a[href*=".pdf"] {
  padding-left: 0;
  position: unset; }
  figure a[href^="https://"]:before, figure a[href*="https://"]:before,
  figure a[href$=".pdf"]:before, figure a[href*=".pdf"]:before {
    display: none; }

/**
 * List
**/
ul, ol {
  list-style: none; }

main ul ul, main ul ol, main ol ul, main ol ol {
  margin-top: 15px; }

main ul ul {
  margin-left: 2px; }

main ul ol {
  margin-left: 1px; }

main ol ul {
  margin-left: 22px; }

main ol ol {
  margin-left: 21px; }

main ul {
  list-style: none; }
  main ul > li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    font-family: "text-font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #333333;
    text-align: left; }
    @media only screen and (min-width: 576px) {
      main ul > li {
        font-size: 18px;
        font-size: 1.125rem; } }
    main ul > li:before {
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      background-color: #007885;
      border-radius: 10px;
      position: absolute;
      left: 0;
      top: 10px; }
    main ul > li:only-child, main ul > li:last-child {
      margin-bottom: 0; }

main ol {
  counter-reset: section;
  list-style-type: none; }
  main ol > li {
    margin-bottom: 15px; }
    main ol > li:before {
      margin-right: 8px;
      display: inline-block;
      counter-increment: section;
      content: counters(section, ".") ".";
      color: #007885; }

/**
 * News
**/
.frame-layout-news {
  padding-bottom: 30px;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 30px; }
  .frame-layout-news:last-of-type {
    padding-bottom: 0;
    border: none; }
  .frame-layout-news .ce-textpic.ce-left {
    display: flex;
    flex-direction: column; }
    .frame-layout-news .ce-textpic.ce-left .ce-gallery {
      max-width: 100%;
      margin: 0 0 24px 0; }
    .frame-layout-news .ce-textpic.ce-left .ce-bodytext {
      width: 100%; }

@media only screen and (min-width: 768px) {
  .frame-layout-news .ce-textpic.ce-left {
    flex-direction: row; }
    .frame-layout-news .ce-textpic.ce-left .ce-gallery {
      width: calc(100% / 12 * 4);
      margin: 4px 24px 24px 0; }
    .frame-layout-news .ce-textpic.ce-left .ce-bodytext {
      width: calc(100% / 12 * 8); } }

/**
 * Table
**/
.table-scroll {
  overflow-x: auto; }

/** Tabelle im RTE **/
table.contenttable, table.ce-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  min-width: 400px;
  overflow: scroll;
  text-align: left; }

table.contenttable tbody tr, table.contenttable tbody td {
  padding: 12px 15px;
  border: none; }

table.contenttable tbody tr:nth-of-type(even) {
  background-color: #E8E8E8; }

table.contenttable thead th {
  padding: 12px 15px;
  border: none;
  background-color: #E8E8E8; }

/** Tabelle mit Tabellelement **/
table.ce-table thead th, table.ce-table thead td, table.ce-table tbody th, table.ce-table tbody td, table.ce-table tfoot th, table.ce-table tfoot td {
  padding: 12px 15px;
  border: none; }

table.ce-table tbody tr td, table.ce-table tfoot tr td {
  border-top: 1px;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-color: #E8E8E8;
  border-style: solid; }

table.ce-table tbody tr td:first-child {
  border-color: #fff; }

table.ce-table thead tr {
  background-color: #E8E8E8; }

table.ce-table tbody tr, table.ce-table tfoot tr {
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  background-color: #fff; }
  table.ce-table tbody tr td:first-child, table.ce-table tfoot tr td:first-child {
    background-color: #E8E8E8;
    border-color: #fff; }
  table.ce-table tbody tr:hover, table.ce-table tbody tr:focus, table.ce-table tfoot tr:hover, table.ce-table tfoot tr:focus {
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    background-color: #E8E8E8; }

table.ce-table tbody tr:first-child td {
  border-color: #fff; }

/** Variables **/
body.orange table.contenttable tbody tr:nth-of-type(even), body.orange table.contenttable thead th {
  background-color: #FEF1DB; }

body.orange table.ce-table tbody tr, body.orange table.ce-table tfoot tr {
  border-color: #FEF1DB; }
  body.orange table.ce-table tbody tr td:first-child, body.orange table.ce-table tfoot tr td:first-child {
    background-color: #FEF1DB; }

body.orange table.ce-table tbody tr:first-child {
  border-color: #fff; }

body.orange table.ce-table thead tr {
  background-color: #FEF1DB; }

body.orange table.ce-table tbody tr:hover, body.orange table.ce-table tbody tr:focus, body.orange table.ce-table tfoot tr:hover, body.orange table.ce-table tfoot tr:focus {
  background-color: #FEF1DB; }

body.lightGreen table.contenttable tbody tr:nth-of-type(even), body.lightGreen table.contenttable thead th {
  background-color: #F4F7DB; }

body.lightGreen table.ce-table tbody tr, body.lightGreen table.ce-table tfoot tr {
  border-color: #F4F7DB; }
  body.lightGreen table.ce-table tbody tr td:first-child, body.lightGreen table.ce-table tfoot tr td:first-child {
    background-color: #F4F7DB; }

body.lightGreen table.ce-table tbody tr:first-child {
  border-color: #fff; }

body.lightGreen table.ce-table thead tr {
  background-color: #F4F7DB; }

body.lightGreen table.ce-table tbody tr:hover, body.lightGreen table.ce-table tbody tr:focus, body.lightGreen table.ce-table tfoot tr:hover, body.lightGreen table.ce-table tfoot tr:focus {
  background-color: #F4F7DB; }

body.blue table.contenttable tbody tr:nth-of-type(even), body.blue table.contenttable thead th {
  background-color: #DCEFF5; }

body.blue table.ce-table tbody tr, body.blue table.ce-table tfoot tr {
  border-color: #DCEFF5; }
  body.blue table.ce-table tbody tr td:first-child, body.blue table.ce-table tfoot tr td:first-child {
    background-color: #DCEFF5; }

body.blue table.ce-table tbody tr:first-child {
  border-color: #fff; }

body.blue table.ce-table thead tr {
  background-color: #DCEFF5; }

body.blue table.ce-table tbody tr:hover, body.blue table.ce-table tbody tr:focus, body.blue table.ce-table tfoot tr:hover, body.blue table.ce-table tfoot tr:focus {
  background-color: #DCEFF5; }

body.darkGreen table.contenttable tbody tr:nth-of-type(even), body.darkGreen table.contenttable thead th {
  background-color: #E4F2E1; }

body.darkGreen table.ce-table tbody tr, body.darkGreen table.ce-table tfoot tr {
  border-color: #E4F2E1; }
  body.darkGreen table.ce-table tbody tr td:first-child, body.darkGreen table.ce-table tfoot tr td:first-child {
    background-color: #E4F2E1; }

body.darkGreen table.ce-table tbody tr:first-child {
  border-color: #fff; }

body.darkGreen table.ce-table thead tr {
  background-color: #E4F2E1; }

body.darkGreen table.ce-table tbody tr:hover, body.darkGreen table.ce-table tbody tr:focus, body.darkGreen table.ce-table tfoot tr:hover, body.darkGreen table.ce-table tfoot tr:focus {
  background-color: #E4F2E1; }

body.darkBlue table.contenttable tbody tr:nth-of-type(even), body.darkBlue table.contenttable thead th {
  background-color: #DBEEF0; }

body.darkBlue table.ce-table tbody tr, body.darkBlue table.ce-table tfoot tr {
  border-color: #DBEEF0; }
  body.darkBlue table.ce-table tbody tr td:first-child, body.darkBlue table.ce-table tfoot tr td:first-child {
    background-color: #DBEEF0; }

body.darkBlue table.ce-table tbody tr:first-child {
  border-color: #fff; }

body.darkBlue table.ce-table thead tr {
  background-color: #DBEEF0; }

body.darkBlue table.ce-table tbody tr:hover, body.darkBlue table.ce-table tbody tr:focus, body.darkBlue table.ce-table tfoot tr:hover, body.darkBlue table.ce-table tfoot tr:focus {
  background-color: #DBEEF0; }

/**
 * Quote
**/
blockquote {
  position: relative;
  padding: 24px 30px;
  margin: 30px 0;
  border: 1px solid #007885; }
  blockquote:before {
    content: "\e90a";
    position: absolute;
    left: calc(100% / 2 - 40px);
    top: -30px;
    font-family: "icons";
    font-size: 40px;
    font-size: 2.5rem;
    color: #007885;
    background-color: #fff;
    padding: 0 20px; }
  blockquote p {
    position: relative;
    z-index: 5;
    display: inline;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "headline-font", serif;
    font-style: italic; }

/**
 * Form
**/
form {
  /** Checkbox to Radio-Button **/
  /** Form with fieldset **/ }
  form .clearfix p {
    margin-bottom: 30px; }
  form textarea {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 200px; }
  form .form-group {
    position: relative;
    margin-bottom: 30px;
    /** Text Input **/
    /** Checkbox and Radiobutton **/
    /** Checkbox **/
    /** Radio-Button **/ }
    form .form-group > label.control-label {
      position: absolute;
      top: -10px;
      left: 12px;
      background-color: white;
      padding: 0 6px;
      color: #606060;
      font-size: 14px;
      font-size: 0.875rem; }
    form .form-group label span.required {
      color: #007885;
      font-family: "text-font-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
    form .form-group .input input.form-control, form .form-group .input textarea {
      width: 100%;
      border-radius: unset;
      padding: 12px 18px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      font-size: 18px;
      font-size: 1.125rem;
      color: #333333;
      border: 1px solid #E8E8E8;
      -webkit-transition: border 0.5s ease-in-out;
      transition: border 0.5s ease-in-out; }
      form .form-group .input input.form-control:hover, form .form-group .input input.form-control:focus, form .form-group .input textarea:hover, form .form-group .input textarea:focus {
        border-color: #007885;
        -webkit-transition: border 0.5s ease-in-out;
        transition: border 0.5s ease-in-out; }
    form .form-group .input.checkbox .form-check label, form .form-group .radio label {
      cursor: pointer;
      display: block;
      padding-left: 0; }
      form .form-group .input.checkbox .form-check label:before, form .form-group .radio label:before {
        display: inline-block;
        content: '';
        background: #fff;
        vertical-align: top;
        text-align: center;
        width: 20px;
        height: 20px;
        padding: 2px;
        border: 1px solid #E8E8E8;
        margin-right: 16px;
        -webkit-transition: border 0.5s ease-in-out;
        transition: border 0.5s ease-in-out; }
      form .form-group .input.checkbox .form-check label:hover:before, form .form-group .input.checkbox .form-check label:focus:before, form .form-group .radio label:hover:before, form .form-group .radio label:focus:before {
        border-color: #007885;
        -webkit-transition: border 0.5s ease-in-out;
        transition: border 0.5s ease-in-out; }
    form .form-group .input.checkbox {
      cursor: pointer; }
      form .form-group .input.checkbox .form-check {
        position: relative;
        margin-bottom: 10px; }
        form .form-group .input.checkbox .form-check label {
          position: relative;
          margin-left: 42px; }
          form .form-group .input.checkbox .form-check label:before {
            position: absolute;
            left: -42px;
            top: 0; }
          form .form-group .input.checkbox .form-check label input[type="checkbox"] {
            display: none; }
            form .form-group .input.checkbox .form-check label input[type="checkbox"]:checked + span:before {
              content: "\e90f";
              font-family: "icons";
              position: absolute;
              left: -40px;
              top: 2px;
              color: #007885;
              font-size: 22px;
              line-height: initial; }
    form .form-group .radio {
      position: relative;
      padding-left: 0;
      margin-bottom: 10px; }
      form .form-group .radio:last-child {
        margin-bottom: 0; }
      form .form-group .radio label:before {
        border-radius: 50%;
        box-shadow: inset 0 0 0 5px #fff; }
      form .form-group .radio input[type="radio"] {
        display: none; }
        form .form-group .radio input[type="radio"]:checked + span:before {
          display: inline-block;
          content: '';
          background: #007885;
          border: 1px solid #007885;
          width: 20px;
          height: 20px;
          padding: 2px;
          border-radius: 50%;
          box-shadow: inset 0 0 0 5px #fff;
          position: absolute;
          left: 0;
          top: 0; }
  form fieldset.fieldset-event {
    border: none; }
    form fieldset.fieldset-event label.control-label {
      position: unset;
      padding: 0;
      margin-bottom: 4px;
      font-size: 18px;
      font-size: 1.125rem; }
    form fieldset.fieldset-event .input.checkbox {
      padding: 8px 0 0 0; }
      form fieldset.fieldset-event .input.checkbox .form-check {
        position: relative;
        padding-left: 0;
        margin-bottom: 10px; }
        form fieldset.fieldset-event .input.checkbox .form-check:last-child {
          margin-bottom: 0; }
        form fieldset.fieldset-event .input.checkbox .form-check label:before {
          border-radius: 50%;
          box-shadow: inset 0 0 0 5px #fff; }
        form fieldset.fieldset-event .input.checkbox .form-check input[type="checkbox"] {
          display: none; }
          form fieldset.fieldset-event .input.checkbox .form-check input[type="checkbox"]:checked + label:before {
            background-color: #007885; }
          form fieldset.fieldset-event .input.checkbox .form-check input[type="checkbox"]:checked + label span:before {
            display: none; }
  form fieldset.form-group {
    border: none;
    margin: 0; }
    form fieldset.form-group legend {
      display: inline-block;
      font-family: "headline-font", serif;
      font-weight: normal;
      margin-bottom: 25px;
      line-height: 1.2;
      word-break: break-word;
      hyphens: auto;
      font-size: 24px;
      font-size: 1.5rem; }
      @media only screen and (min-width: 576px) {
        form fieldset.form-group legend {
          font-size: 30px;
          font-size: 1.875rem; } }
      form fieldset.form-group legend strong, form fieldset.form-group legend b {
        font-family: "headline-font-bold", serif; }
    form fieldset.form-group .form-group > .control-label, form fieldset.form-group .form-group .input > .control-label {
      margin-bottom: 8px;
      display: inline-block;
      position: unset;
      padding: 0;
      margin-bottom: 4px;
      font-size: 18px;
      font-size: 1.125rem; }
    form fieldset.form-group .form-check input[type="checkbox"] {
      display: none; }
      form fieldset.form-group .form-check input[type="checkbox"]:checked + label span:before {
        content: "\e90f";
        font-family: "icons";
        position: absolute;
        left: -40px;
        top: 2px;
        color: #007885;
        font-size: 22px;
        line-height: initial; }

button {
  border: none; }

/**
 * Search
**/
/** Search **/
.search-element .search-bar, .search-element .tx-indexedsearch-form, fieldset .search-bar, fieldset .tx-indexedsearch-form {
  height: 28px;
  border-bottom: 2px solid #EEEEEE; }
  .search-element .search-bar .search-text, .search-element .search-bar .tx-indexedsearch-searchbox-sword, .search-element .tx-indexedsearch-form .search-text, .search-element .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword, fieldset .search-bar .search-text, fieldset .search-bar .tx-indexedsearch-searchbox-sword, fieldset .tx-indexedsearch-form .search-text, fieldset .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {
    width: 100%;
    border: none;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 5px; }
    .search-element .search-bar .search-text::placeholder, .search-element .search-bar .tx-indexedsearch-searchbox-sword::placeholder, .search-element .tx-indexedsearch-form .search-text::placeholder, .search-element .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword::placeholder, fieldset .search-bar .search-text::placeholder, fieldset .search-bar .tx-indexedsearch-searchbox-sword::placeholder, fieldset .tx-indexedsearch-form .search-text::placeholder, fieldset .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword::placeholder {
      color: #606060; }
    .search-element .search-bar .search-text:focus::placeholder, .search-element .search-bar .tx-indexedsearch-searchbox-sword:focus::placeholder, .search-element .tx-indexedsearch-form .search-text:focus::placeholder, .search-element .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword:focus::placeholder, fieldset .search-bar .search-text:focus::placeholder, fieldset .search-bar .tx-indexedsearch-searchbox-sword:focus::placeholder, fieldset .tx-indexedsearch-form .search-text:focus::placeholder, fieldset .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword:focus::placeholder {
      color: #007885; }
  .search-element .search-bar .search-button, .search-element .tx-indexedsearch-form .search-button, fieldset .search-bar .search-button, fieldset .tx-indexedsearch-form .search-button {
    background-color: transparent;
    color: transparent;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative; }
    .search-element .search-bar .search-button:before, .search-element .tx-indexedsearch-form .search-button:before, fieldset .search-bar .search-button:before, fieldset .tx-indexedsearch-form .search-button:before {
      font-family: "icons";
      font-size: 18px;
      font-size: 1.125rem;
      text-align: left;
      color: #333333;
      position: absolute;
      right: 3px;
      top: -1px; }
    .search-element .search-bar .search-button input, .search-element .tx-indexedsearch-form .search-button input, fieldset .search-bar .search-button input, fieldset .tx-indexedsearch-form .search-button input {
      cursor: pointer;
      background-color: transparent;
      border: 1px solid transparent;
      color: transparent;
      height: 24px;
      width: 24px;
      overflow: hidden;
      position: absolute;
      top: -4px;
      right: 0; }
  .search-element .search-bar:hover, .search-element .search-bar:focus, .search-element .tx-indexedsearch-form:hover, .search-element .tx-indexedsearch-form:focus, fieldset .search-bar:hover, fieldset .search-bar:focus, fieldset .tx-indexedsearch-form:hover, fieldset .tx-indexedsearch-form:focus {
    border-bottom: 2px solid #007885; }
    .search-element .search-bar:hover .search-text::placeholder, .search-element .search-bar:hover .search-button:before, .search-element .search-bar:focus .search-text::placeholder, .search-element .search-bar:focus .search-button:before, .search-element .tx-indexedsearch-form:hover .search-text::placeholder, .search-element .tx-indexedsearch-form:hover .search-button:before, .search-element .tx-indexedsearch-form:focus .search-text::placeholder, .search-element .tx-indexedsearch-form:focus .search-button:before, fieldset .search-bar:hover .search-text::placeholder, fieldset .search-bar:hover .search-button:before, fieldset .search-bar:focus .search-text::placeholder, fieldset .search-bar:focus .search-button:before, fieldset .tx-indexedsearch-form:hover .search-text::placeholder, fieldset .tx-indexedsearch-form:hover .search-button:before, fieldset .tx-indexedsearch-form:focus .search-text::placeholder, fieldset .tx-indexedsearch-form:focus .search-button:before {
      color: #007885; }

/** Search Results **/
main {
  /** Second Search **/
  /** Search-in **/
  /** Pagination **/
  /** Results **/ }
  main .tx-indexedsearch-searchbox > form {
    margin-bottom: 45px; }
    main .tx-indexedsearch-searchbox > form .search-bar {
      height: 36px; }
      main .tx-indexedsearch-searchbox > form .search-bar fieldset {
        height: 100%;
        border: none; }
        main .tx-indexedsearch-searchbox > form .search-bar fieldset .tx-indexedsearch-form {
          position: relative;
          height: 34px; }
          main .tx-indexedsearch-searchbox > form .search-bar fieldset .tx-indexedsearch-form .search-text {
            font-size: 18px;
            font-size: 1.125rem; }
          main .tx-indexedsearch-searchbox > form .search-bar fieldset .tx-indexedsearch-form .search-button {
            position: absolute;
            top: 0;
            right: 0; }
            main .tx-indexedsearch-searchbox > form .search-bar fieldset .tx-indexedsearch-form .search-button:before {
              font-size: 24px;
              font-size: 1.5rem;
              top: 0;
              right: 4px; }
            main .tx-indexedsearch-searchbox > form .search-bar fieldset .tx-indexedsearch-form .search-button input {
              height: 34px;
              width: 34px; }
  main .search-in {
    margin-bottom: 45px; }
  main div.tx-indexedsearch-browsebox {
    margin-bottom: 50px; }
  main ul.tx-indexedsearch-browsebox {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 45px; }
    main ul.tx-indexedsearch-browsebox li {
      padding: 0;
      margin: 0 10px 0 0; }
      main ul.tx-indexedsearch-browsebox li:last-child {
        margin: 0; }
      main ul.tx-indexedsearch-browsebox li:before {
        display: none; }
      main ul.tx-indexedsearch-browsebox li a {
        display: inline-block;
        min-width: 40px;
        padding: 5px 10px;
        border-radius: 30px;
        color: #333333;
        background-color: #EEEEEE;
        border: 2px solid #EEEEEE;
        text-align: center;
        text-decoration: none; }
        main ul.tx-indexedsearch-browsebox li a:hover, main ul.tx-indexedsearch-browsebox li a:focus {
          text-decoration: underline;
          color: #007885;
          background-color: #fff;
          border: 2px solid #007885; }
    main ul.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
      color: #fff;
      background-color: #007885;
      border: 2px solid #007885; }
  main .tx-indexedsearch-res {
    padding-bottom: 30px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 30px; }
    main .tx-indexedsearch-res:last-child {
      margin-bottom: 0;
      border-bottom: none; }

/**
 * Main Navigation
**/
.menu-button {
  display: none; }

.level-0 > li > a {
  display: flex;
  justify-content: center;
  padding: 5px 18px;
  text-decoration: none; }
  .level-0 > li > a:focus {
    text-decoration: underline; }

.level-0 > li:nth-child(1), .level-0 > li:nth-child(1) > .nav-container > ul > li > a {
  border-bottom: 2px solid #333333; }

.level-0 > li:nth-child(2), .level-0 > li:nth-child(2) > .nav-container > ul > li > a {
  border-bottom: 2px solid #F49E00; }

.level-0 > li:nth-child(3), .level-0 > li:nth-child(3) > .nav-container > ul > li > a {
  border-bottom: 2px solid #B1C800; }

.level-0 > li:nth-child(4), .level-0 > li:nth-child(4) > .nav-container > ul > li > a {
  border-bottom: 2px solid #0D8EB5; }

.level-0 > li:nth-child(5), .level-0 > li:nth-child(5) > .nav-container > ul > li > a {
  border-bottom: 2px solid #44A12B; }

.level-0 > li:nth-child(6), .level-0 > li:nth-child(6) > .nav-container > ul > li > a {
  border-bottom: 2px solid #008998; }

.level-0 > li:nth-child(1), .level-0 > li:nth-child(1) > .nav-container > ul ul li {
  border-bottom: 1px solid #333333; }

.level-0 > li:nth-child(2), .level-0 > li:nth-child(2) > .nav-container > ul ul li {
  border-bottom: 1px solid #F49E00; }

.level-0 > li:nth-child(3), .level-0 > li:nth-child(3) > .nav-container > ul ul li {
  border-bottom: 1px solid #B1C800; }

.level-0 > li:nth-child(4), .level-0 > li:nth-child(4) > .nav-container > ul ul li {
  border-bottom: 1px solid #0D8EB5; }

.level-0 > li:nth-child(5), .level-0 > li:nth-child(5) > .nav-container > ul ul li {
  border-bottom: 1px solid #44A12B; }

.level-0 > li:nth-child(6), .level-0 > li:nth-child(6) > .nav-container > ul ul li {
  border-bottom: 1px solid #008998; }

.level-0 > li:nth-child(1):hover, .level-0 > li:nth-child(1):focus, .level-0 > li:nth-child(1):hover > a, .level-0 > li:nth-child(1):focus > a, .level-0 > li:nth-child(1).active, .level-0 > li:nth-child(1) > .nav-container > ul > li.active > a {
  background-color: #E8E8E8; }

.level-0 > li:nth-child(2):hover, .level-0 > li:nth-child(2):focus, .level-0 > li:nth-child(2):hover > a, .level-0 > li:nth-child(2):focus > a, .level-0 > li:nth-child(2).active, .level-0 > li:nth-child(2) > .nav-container > ul > li.active > a {
  background-color: #FEF1DB; }

.level-0 > li:nth-child(3):hover, .level-0 > li:nth-child(3):focus, .level-0 > li:nth-child(3):hover > a, .level-0 > li:nth-child(3):focus > a, .level-0 > li:nth-child(3).active, .level-0 > li:nth-child(3) > .nav-container > ul > li.active > a {
  background-color: #F4F7DB; }

.level-0 > li:nth-child(4):hover, .level-0 > li:nth-child(4):focus, .level-0 > li:nth-child(4):hover > a, .level-0 > li:nth-child(4):focus > a, .level-0 > li:nth-child(4).active, .level-0 > li:nth-child(4) > .nav-container > ul > li.active > a {
  background-color: #DCEFF5; }

.level-0 > li:nth-child(5):hover, .level-0 > li:nth-child(5):focus, .level-0 > li:nth-child(5):hover > a, .level-0 > li:nth-child(5):focus > a, .level-0 > li:nth-child(5).active, .level-0 > li:nth-child(5) > .nav-container > ul > li.active > a {
  background-color: #E4F2E1; }

.level-0 > li:nth-child(6):hover, .level-0 > li:nth-child(6):focus, .level-0 > li:nth-child(6):hover > a, .level-0 > li:nth-child(6):focus > a, .level-0 > li:nth-child(6).active, .level-0 > li:nth-child(6) > .nav-container > ul > li.active > a {
  background-color: #DBEEF0; }

/* Mobile Menü and Touch */
@media (hover: none), only screen and (max-width: 991px) {
  .level-0 > li .nav-container > ul > li > a {
    border-bottom: none !important; }
  .level-0 > li:nth-child(1) > .nav-container > ul > li {
    border-bottom: 2px solid #333333; }
  .level-0 > li:nth-child(2) > .nav-container > ul > li {
    border-bottom: 2px solid #F49E00; }
  .level-0 > li:nth-child(3) > .nav-container > ul > li {
    border-bottom: 2px solid #B1C800; }
  .level-0 > li:nth-child(4) > .nav-container > ul > li {
    border-bottom: 2px solid #0D8EB5; }
  .level-0 > li:nth-child(5) > .nav-container > ul > li {
    border-bottom: 2px solid #44A12B; }
  .level-0 > li:nth-child(6) > .nav-container > ul > li {
    border-bottom: 2px solid #008998; }
  .level-0 > li:nth-child(1) > .nav-container {
    border-top: 2px solid #333333; }
  .level-0 > li:nth-child(2) > .nav-container {
    border-top: 2px solid #F49E00; }
  .level-0 > li:nth-child(3) > .nav-container {
    border-top: 2px solid #B1C800; }
  .level-0 > li:nth-child(4) > .nav-container {
    border-top: 2px solid #0D8EB5; }
  .level-0 > li:nth-child(5) > .nav-container {
    border-top: 2px solid #44A12B; }
  .level-0 > li:nth-child(6) > .nav-container {
    border-top: 2px solid #008998; }
  .level-0 > li:nth-child(1).active, .level-0 > li:nth-child(1) > .nav-container > ul > li.active > a {
    background-color: transparent; }
  .level-0 > li:nth-child(2).active, .level-0 > li:nth-child(2) > .nav-container > ul > li.active > a {
    background-color: transparent; }
  .level-0 > li:nth-child(3).active, .level-0 > li:nth-child(3) > .nav-container > ul > li.active > a {
    background-color: transparent; }
  .level-0 > li:nth-child(4).active, .level-0 > li:nth-child(4) > .nav-container > ul > li.active > a {
    background-color: transparent; }
  .level-0 > li:nth-child(5).active, .level-0 > li:nth-child(5) > .nav-container > ul > li.active > a {
    background-color: transparent; }
  .level-0 > li:nth-child(6).active, .level-0 > li:nth-child(6) > .nav-container > ul > li.active > a {
    background-color: transparent; }
  .level-0 > li .nav-container > ul > li:last-child {
    border-bottom: none; }
  .level-0 > li:hover, .level-0 > li:focus, .level-0 > li:hover > a, .level-0 > li:focus > a {
    background-color: transparent !important; } }

/* Desktop Menü */
nav.main-nav {
  z-index: 5; }
  nav.main-nav ul {
    position: relative;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0; }
    nav.main-nav ul li {
      flex: 1;
      text-align: center;
      padding: 0;
      margin: 0 2px 0 0; }
      nav.main-nav ul li:last-child {
        margin-right: 0; }
      nav.main-nav ul li:before {
        content: "";
        display: none; }
      nav.main-nav ul li a {
        font-size: 18px;
        font-size: 1.125rem;
        color: #333333; }
        nav.main-nav ul li a:hover, nav.main-nav ul li a:focus, nav.main-nav ul li a.active {
          color: #333333;
          background-color: #fff; }
          nav.main-nav ul li a:hover:before, nav.main-nav ul li a:focus:before, nav.main-nav ul li a.active:before {
            color: #007885 !important; }
      nav.main-nav ul li.open > a, nav.main-nav ul li.focus > a {
        color: #333333;
        background-color: #fff; }
        nav.main-nav ul li.open > a:before, nav.main-nav ul li.focus > a:before {
          color: #007885 !important; }
      nav.main-nav ul li.open .nav-container, nav.main-nav ul li.focus .nav-container {
        display: block; }
      nav.main-nav ul li.active > a, nav.main-nav ul li.current > a {
        border-width: 4px; }
  nav.main-nav button.icon-plus {
    display: none; }
  nav.main-nav .nav-container {
    display: none; }
  nav.main-nav .nav-container {
    display: none;
    position: absolute;
    top: 39px;
    left: 0;
    z-index: 5;
    width: 100%;
    max-width: 780px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.5); }
    nav.main-nav .nav-container li.current > a {
      background-color: transparent;
      border-right: none;
      text-decoration: underline;
      font-family: "text-font-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
  nav.main-nav ul ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%; }
    nav.main-nav ul ul > li {
      text-align: left;
      font-family: "text-font-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      min-width: 33%;
      max-width: 33%;
      padding: 0 12.5px;
      margin-bottom: 20px; }
      nav.main-nav ul ul > li:hover .nav-container, nav.main-nav ul ul > li:focus .nav-container {
        display: block; }
      nav.main-nav ul ul > li a {
        display: flex;
        justify-content: flex-start;
        text-decoration: none;
        text-align: left;
        padding: 0 12.5px;
        border-bottom: 0; }
        nav.main-nav ul ul > li a:hover, nav.main-nav ul ul > li a:focus {
          text-decoration: underline; }
    nav.main-nav ul ul ul {
      display: flex;
      flex-direction: column;
      position: unset;
      box-shadow: none;
      padding: 8px 0 4px; }
      nav.main-nav ul ul ul li {
        min-width: 100%;
        font-family: "text-font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        line-height: 1.2;
        padding-bottom: 5px;
        margin-bottom: 5px; }
        nav.main-nav ul ul ul li:last-child {
          padding-bottom: 0;
          border-bottom: none !important;
          margin-bottom: 0; }
        nav.main-nav ul ul ul li a {
          padding: 0; }

/* Mobile Menü and Touch */
@media (hover: none), only screen and (max-width: 991px) {
  .menu-button {
    display: block;
    position: relative;
    background-color: #007885;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    height: 60px;
    padding: 15px 20px 15px 60px;
    cursor: pointer; }
    .menu-button:before {
      display: inline-block;
      font-family: "icons";
      content: "\e90c";
      font-size: 24px;
      font-size: 1.5rem;
      color: #fff;
      position: absolute;
      left: 20px;
      top: 16px; }
    .menu-button:after {
      content: "";
      display: none; }
    .menu-button.open {
      margin-bottom: 20px; }
      .menu-button.open:before {
        content: "\e90d"; }
      .menu-button.open + nav.main-nav {
        display: block; }
  nav.main-nav {
    display: none;
    height: calc(100vh - 227px);
    overflow-x: hidden;
    overflow-y: auto; }
    nav.main-nav ul {
      flex-direction: column;
      padding: 0;
      margin-bottom: 20px; }
      nav.main-nav ul li {
        position: relative;
        flex: auto;
        padding: 0;
        text-align: left;
        border-bottom: 1px solid white; }
        nav.main-nav ul li a {
          font-family: "text-font-bold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
          font-size: 20px;
          font-size: 1.25rem;
          border: none;
          display: block;
          padding: 20px 0;
          text-indent: 15px;
          width: calc(100% - 70px); }
          nav.main-nav ul li a:hover, nav.main-nav ul li a:focus, nav.main-nav ul li a.active {
            background-color: transparent !important;
            text-decoration: underline; }
        nav.main-nav ul li button.icon-plus {
          display: block;
          position: absolute;
          right: 15px;
          bottom: 10px;
          background-color: transparent;
          padding: 15px 30px 20px 20px;
          border-left: 2px solid #EEEEEE;
          cursor: pointer; }
          nav.main-nav ul li button.icon-plus:before {
            color: #333333;
            font-size: 30px;
            font-size: 1.875rem;
            line-height: 1.5;
            position: absolute;
            left: 12px;
            bottom: 3px; }
          nav.main-nav ul li button.icon-plus:after {
            content: "";
            display: none; }
          nav.main-nav ul li button.icon-plus:hover, nav.main-nav ul li button.icon-plus:focus, nav.main-nav ul li button.icon-plus.open {
            text-decoration: none; }
          nav.main-nav ul li button.icon-plus.open {
            top: 10px;
            bottom: auto;
            text-decoration: none; }
            nav.main-nav ul li button.icon-plus.open:before {
              content: "\e909";
              bottom: 3px; }
            nav.main-nav ul li button.icon-plus.open + .nav-container {
              display: block; }
        nav.main-nav ul li.open > a, nav.main-nav ul li.focus > a, nav.main-nav ul li:focus > a, nav.main-nav ul li:hover > a {
          color: #333333;
          background-color: transparent;
          text-decoration: underline; }
          nav.main-nav ul li.open > a:before, nav.main-nav ul li.focus > a:before, nav.main-nav ul li:focus > a:before, nav.main-nav ul li:hover > a:before {
            color: #606060 !important; }
        nav.main-nav ul li.open .nav-container, nav.main-nav ul li.focus .nav-container, nav.main-nav ul li:focus .nav-container, nav.main-nav ul li:hover .nav-container {
          display: none; }
        nav.main-nav ul li.active > a, nav.main-nav ul li.current > a {
          color: #333333;
          background-color: transparent;
          text-decoration: underline;
          padding-bottom: 20px;
          border-width: 2px;
          -webkit-tap-highlight-color: transparent;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          nav.main-nav ul li.active > a:before, nav.main-nav ul li.current > a:before {
            color: #333333 !important; }
      nav.main-nav ul li.icon-ls a, nav.main-nav ul li.icon-gs a {
        padding-left: 30px; }
        nav.main-nav ul li.icon-ls a:before, nav.main-nav ul li.icon-gs a:before {
          left: 0;
          top: 20px; }
        nav.main-nav ul li.icon-ls a:hover:before, nav.main-nav ul li.icon-ls a:focus:before, nav.main-nav ul li.icon-gs a:hover:before, nav.main-nav ul li.icon-gs a:focus:before {
          color: #333333; }
      nav.main-nav ul .nav-container {
        position: relative;
        top: 0;
        width: 100%;
        padding: 0;
        box-shadow: none; }
        nav.main-nav ul .nav-container > ul {
          background-color: transparent;
          box-shadow: none;
          padding: 0; }
          nav.main-nav ul .nav-container > ul > li {
            font-family: "text-font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
            width: calc(100% - 15px);
            max-width: inherit;
            min-width: inherit;
            border: none; }
            nav.main-nav ul .nav-container > ul > li a {
              font-family: "text-font", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
              font-size: 20px;
              font-size: 1.25rem;
              color: #333333;
              font-weight: normal;
              border: none;
              display: block;
              padding: 20px 0;
              text-indent: 15px;
              width: calc(100% - 70px); }
              nav.main-nav ul .nav-container > ul > li a:hover, nav.main-nav ul .nav-container > ul > li a:focus, nav.main-nav ul .nav-container > ul > li a.active {
                text-decoration: underline; }
            nav.main-nav ul .nav-container > ul > li button.icon-plus {
              display: block;
              position: absolute;
              right: 15px;
              bottom: 10px;
              background-color: transparent;
              padding: 15px 30px 20px 20px;
              border-left: 2px solid #EEEEEE; }
              nav.main-nav ul .nav-container > ul > li button.icon-plus:before {
                color: #333333;
                font-size: 30px;
                font-size: 1.875rem;
                line-height: 1.5;
                position: absolute;
                left: 12px;
                bottom: 3px; }
              nav.main-nav ul .nav-container > ul > li button.icon-plus:after {
                content: "";
                display: none; }
              nav.main-nav ul .nav-container > ul > li button.icon-plus:hover, nav.main-nav ul .nav-container > ul > li button.icon-plus:focus, nav.main-nav ul .nav-container > ul > li button.icon-plus.open {
                text-decoration: none; }
              nav.main-nav ul .nav-container > ul > li button.icon-plus.open {
                top: 8px;
                bottom: auto;
                text-decoration: none; }
                nav.main-nav ul .nav-container > ul > li button.icon-plus.open:before {
                  content: "\e909";
                  bottom: 1px; }
                nav.main-nav ul .nav-container > ul > li button.icon-plus.open + ul {
                  display: block; }
            nav.main-nav ul .nav-container > ul > li.open > a, nav.main-nav ul .nav-container > ul > li.focus > a, nav.main-nav ul .nav-container > ul > li:focus > a, nav.main-nav ul .nav-container > ul > li:hover > a {
              color: #333333;
              background-color: transparent;
              text-decoration: underline; }
              nav.main-nav ul .nav-container > ul > li.open > a:before, nav.main-nav ul .nav-container > ul > li.focus > a:before, nav.main-nav ul .nav-container > ul > li:focus > a:before, nav.main-nav ul .nav-container > ul > li:hover > a:before {
                color: #606060 !important; }
            nav.main-nav ul .nav-container > ul > li.open ul, nav.main-nav ul .nav-container > ul > li.focus ul, nav.main-nav ul .nav-container > ul > li:focus ul, nav.main-nav ul .nav-container > ul > li:hover ul {
              display: none; }
        nav.main-nav ul .nav-container ul li {
          border-bottom: none;
          padding: 0;
          margin: 0 0 0 15px; }
          nav.main-nav ul .nav-container ul li ul {
            padding: 0;
            display: none; }
            nav.main-nav ul .nav-container ul li ul li {
              padding: 0 30px 0 0;
              width: calc(100% - 100px);
              min-width: auto;
              max-width: inherit; }
              nav.main-nav ul .nav-container ul li ul li a {
                width: calc(100% - 20px);
                text-indent: 0; }
              nav.main-nav ul .nav-container ul li ul li button.icon-plus {
                display: none; } }

/**
 * Meta Navigation
**/
#skipnav li a {
  position: absolute;
  left: -999em;
  z-index: 11;
  background-color: #fff;
  padding: 5px; }
  #skipnav li a:focus {
    left: 15px;
    top: 15px;
    text-decoration: underline;
    color: #007885; }

nav.meta-menu ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
  padding-bottom: 48px; }
  nav.meta-menu ul li {
    margin-right: 0;
    font-size: 14px;
    font-size: 0.875rem; }
    nav.meta-menu ul li .search-element {
      width: calc(100% - 40px);
      position: absolute;
      top: 64px;
      right: 20px;
      margin-right: 0; }
    nav.meta-menu ul li a {
      position: relative;
      padding-left: 0;
      display: inline-block;
      text-decoration: none;
      color: #606060; }
      nav.meta-menu ul li a:before {
        display: none;
        font-family: "icons";
        font-size: 18px;
        font-size: 1.125rem;
        color: #606060;
        position: absolute;
        left: 0;
        top: 0; }
      nav.meta-menu ul li a:hover, nav.meta-menu ul li a:focus {
        color: #007885;
        text-decoration: underline; }
        nav.meta-menu ul li a:hover:before, nav.meta-menu ul li a:focus:before {
          color: #007885; }
      nav.meta-menu ul li a.button-login {
        color: #fff;
        padding: 4px 8px 4px 32px; }
        nav.meta-menu ul li a.button-login:before {
          display: block;
          color: #fff;
          top: 5px;
          left: 8px;
          content: "\e903"; }
        nav.meta-menu ul li a.button-login:hover, nav.meta-menu ul li a.button-login:focus {
          color: #007885;
          padding: 2px 6px 2px 30px;
          text-decoration: underline; }
          nav.meta-menu ul li a.button-login:hover:before, nav.meta-menu ul li a.button-login:focus:before {
            color: #007885;
            top: 3px;
            left: 6px; }

@media only screen and (min-width: 480px) {
  nav.meta-menu ul {
    justify-content: flex-end; }
    nav.meta-menu ul li {
      margin-right: 15px; }
      nav.meta-menu ul li:last-child {
        margin-right: 0; }
      nav.meta-menu ul li a {
        padding-left: 20px; }
        nav.meta-menu ul li a:before {
          display: block; } }

@media only screen and (min-width: 768px) {
  nav.meta-menu ul {
    padding-bottom: 0; }
    nav.meta-menu ul li .search-element {
      width: auto;
      position: unset;
      margin-right: 15px; } }

/**
 * Header
**/
body.grey #header {
  margin-bottom: 45px;
  padding-top: 0; }

body.fixed #header {
  position: fixed;
  width: 100%; }

#header {
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(51, 51, 51, 0.5); }
  #header .header-sections .header-top, #header .header-sections .header-middle {
    display: flex;
    margin-bottom: 20px; }
  #header .header-sections .header-top {
    flex-direction: column;
    padding: 10px 0; }
  #header .header-sections .header-middle {
    position: absolute;
    top: 128px;
    right: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 180px); }
    @media only screen and (min-width: 480px) {
      #header .header-sections .header-middle {
        width: unset; } }
    #header .header-sections .header-middle a {
      display: grid;
      padding: 0 15px 0 0;
      position: unset; }
      #header .header-sections .header-middle a:last-child {
        padding: 0; }
      #header .header-sections .header-middle a:before {
        display: none; }
      #header .header-sections .header-middle a img {
        width: 100%; }

@media only screen and (min-width: 480px) {
  #header .header-sections .header-middle a {
    padding: 0 40px 0 0; } }

@media only screen and (min-width: 768px) {
  #header .header-sections .header-top, #header .header-sections .header-middle {
    display: flex;
    margin-bottom: 30px; }
  #header .header-sections .header-top {
    justify-content: flex-end;
    flex-direction: row; }
  #header .header-sections .header-middle {
    position: unset;
    padding-top: 0; }
    #header .header-sections .header-middle a {
      padding: 0; } }

@media only screen and (max-width: 767px) {
  #header .header-middle a:nth-child(2) {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 0;
    height: 0;
    overflow: hidden; } }

body.orange header, body.lightGreen header, body.blue header, body.darkGreen header, body.darkBlue header {
  margin-bottom: 0; }

/**
 * Main
**/
#main header {
  box-shadow: none; }

main {
  background-color: #fff; }
  main .frame {
    margin-bottom: 45px; }
  main #content > .frame {
    margin-bottom: 45px; }
    main #content > .frame:last-of-type {
      margin-bottom: 100px; }
  main #content .frame-type-gridelements_pi1 .grid {
    margin-bottom: 45px; }
  main #content .frame-type-gridelements_pi1:last-child .grid {
    margin-bottom: 0; }
  main #content .frame-type-gridelements_pi1.frame-space-after-extra-small {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 45px; }
  main .frame-layout-header-headline + .frame-layout-header-image {
    margin-bottom: 45px; }

.backgroundimage .backgroundimageWrapper {
  height: 100%;
  position: relative;
  overflow: hidden; }
  .backgroundimage .backgroundimageWrapper .wrapperLink {
    padding-left: 0; }
    .backgroundimage .backgroundimageWrapper .wrapperLink:before {
      display: none; }
  .backgroundimage .backgroundimageWrapper .imageWrapper {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%; }
    .backgroundimage .backgroundimageWrapper .imageWrapper:empty {
      position: unset;
      left: auto;
      top: auto;
      min-width: unset;
      min-height: unset; }
    .backgroundimage .backgroundimageWrapper .imageWrapper .frame, .backgroundimage .backgroundimageWrapper .imageWrapper .ce-gallery {
      margin-bottom: 0; }
    .backgroundimage .backgroundimageWrapper .imageWrapper .ce-outer, .backgroundimage .backgroundimageWrapper .imageWrapper .ce-inner, .backgroundimage .backgroundimageWrapper .imageWrapper .ce-column {
      float: none;
      right: 0;
      left: 0; }
    .backgroundimage .backgroundimageWrapper .imageWrapper .ce-row {
      overflow: visible; }
    .backgroundimage .backgroundimageWrapper .imageWrapper figure {
      display: grid;
      position: unset; }
    .backgroundimage .backgroundimageWrapper .imageWrapper img {
      min-width: 100%;
      min-height: 100%; }
  .backgroundimage .backgroundimageWrapper .textWrapper {
    height: 100%;
    padding: 30px;
    position: relative;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.8); }
    .backgroundimage .backgroundimageWrapper .textWrapper .frame-layout-box-shadow {
      box-shadow: none; }
    .backgroundimage .backgroundimageWrapper .textWrapper .frame {
      height: 100%;
      margin-bottom: 0;
      padding: 0; }
  .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper {
    padding: 0; }
    .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame {
      margin-bottom: 45px; }
      .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame:last-child {
        margin-bottom: 0; }
    .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .ce-gallery {
      margin: 0; }
    .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-type-image {
      padding: 0; }
    .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-type-text {
      margin-bottom: -30px; }
    .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .ce-textpic .ce-gallery {
      margin-bottom: 15px; }
    .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-layout-box-shadow .ce-textpic, .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-layout-box-border .ce-textpic {
      padding: 0; }

.frame-layout-box-shadow .backgroundimage, .frame-layout-box-border .backgroundimage {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-top: -30px; }
  .frame-layout-box-shadow .backgroundimage .backgroundimageWrapper, .frame-layout-box-border .backgroundimage .backgroundimageWrapper {
    margin-bottom: -30px; }
    .frame-layout-box-shadow .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame, .frame-layout-box-border .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame {
      margin-bottom: 0; }
    .frame-layout-box-shadow .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-type-text,
    .frame-layout-box-shadow .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-type-textpic, .frame-layout-box-border .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-type-text,
    .frame-layout-box-border .backgroundimage .backgroundimageWrapper .imageWrapper:empty + .textWrapper .frame-type-textpic {
      padding: 30px; }

/**
 * Footer
**/
#footer .footerTop, #footer .footerBottom {
  max-width: inherit; }
  #footer .footerTop .row, #footer .footerBottom .row {
    max-width: 820px;
    margin: 0 auto;
    padding: 0; }

#footer h3 {
  margin-bottom: 10px; }

#footer a {
  display: grid;
  padding-left: 0;
  position: unset;
  color: #333333;
  text-decoration: none;
  display: inline; }
  #footer a:hover, #footer a:focus {
    text-decoration: underline; }
  #footer a:before {
    display: none; }

#footer .footerTop {
  background-color: #CCDE66; }
  #footer .footerTop .row .col-8, #footer .footerTop .row .col-4 {
    padding: 30px 20px; }
    #footer .footerTop .row .col-8 p, #footer .footerTop .row .col-8 a, #footer .footerTop .row .col-4 p, #footer .footerTop .row .col-4 a {
      font-size: 16px;
      font-size: 1rem; }
  #footer .footerTop .row .col-8 {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    #footer .footerTop .row .col-8 div {
      padding-bottom: 20px; }
      #footer .footerTop .row .col-8 div:last-child {
        padding-bottom: 0; }
  #footer .footerTop .row .col-4 {
    position: relative;
    z-index: 1;
    background-color: #007885; }
    #footer .footerTop .row .col-4 h3::before {
      content: "\e907";
      font-family: "icons";
      font-size: 24px;
      font-size: 1.5rem;
      color: #F49E00;
      position: relative;
      top: 2px;
      left: 0; }
    #footer .footerTop .row .col-4 a {
      text-decoration: underline; }
      #footer .footerTop .row .col-4 a:hover, #footer .footerTop .row .col-4 a:focus {
        text-decoration: none; }
    #footer .footerTop .row .col-4 h3, #footer .footerTop .row .col-4 p, #footer .footerTop .row .col-4 a {
      margin: 0;
      color: #fff; }
    #footer .footerTop .row .col-4 .footerIN p {
      margin-bottom: 20px; }
    #footer .footerTop .row .col-4 .footerIN:last-child p {
      padding: 0; }
  #footer .footerTop ul li {
    margin-bottom: 5px; }
    #footer .footerTop ul li:last-child {
      margin-bottom: 0; }

#footer .footerBottom {
  background-color: #EEEEEE; }
  #footer .footerBottom .row {
    display: grid; }
    #footer .footerBottom .row .col-12 {
      padding: 10px 20px; }
      #footer .footerBottom .row .col-12 .footerIN {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        #footer .footerBottom .row .col-12 .footerIN .frame-type-text p {
          font-size: 14px;
          font-size: 0.875rem;
          text-align: left;
          margin-bottom: 5px; }
          #footer .footerBottom .row .col-12 .footerIN .frame-type-text p:last-child p {
            margin-bottom: 0; }

@media only screen and (min-width: 576px) {
  #footer .footerTop .row .col-8 {
    display: flex;
    flex-direction: row; }
    #footer .footerTop .row .col-8 div {
      padding-right: 20px;
      padding-bottom: 0; }
      #footer .footerTop .row .col-8 div:last-child {
        padding-right: 0; } }

@media only screen and (min-width: 768px) {
  #footer .footerTop .row, #footer .footerBottom .row {
    padding: 0 20px; }
  #footer .footerTop .row .col-8 {
    padding: 40px 40px 40px 0; }
  #footer .footerTop .row .col-4 {
    padding: 40px 0 40px 40px; }
    #footer .footerTop .row .col-4:after {
      content: "";
      display: block;
      background-color: #007885;
      width: 50vw;
      height: 100%;
      position: absolute;
      right: -50vw;
      top: 0;
      z-index: -1; }
  #footer .footerBottom .row .col-12 {
    padding: 10px 0; }
    #footer .footerBottom .row .col-12 .footerIN {
      flex-direction: row; }
      #footer .footerBottom .row .col-12 .footerIN .frame-type-text:last-child p {
        text-align: right;
        margin-bottom: 0; } }

/** Print Stylings **/
@page {
  size: A4;
  margin: 11mm 17mm 17mm 17mm; }

@media print {
  header .header-top, header .header-bottom, footer, #breadcrumbs, main .frame-layout-header-image .ce-image {
    display: none !important; }
  header#header {
    margin-bottom: 74px !important; }
    header#header .header-middle {
      position: absolute !important;
      top: 44px !important;
      left: 0 !important;
      width: 100% !important; }
  header .header-middle {
    display: unset; }
  body {
    background: #fff !important;
    font: 12pt Corbel, Lucida Grande, Lucida Sans Unicode, Arial, serif;
    color: #000000;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; }
  body p {
    font-size: 12pt !important; }
  body ul li {
    font-size: 12pt !important; }
  body, .container, .content {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important; }
  button {
    color: #ffffff !important; }
  main .inner:before {
    content: "www.im-alter-inform.de"; }
  main frame {
    break-before: page; }
  main img {
    max-width: 10cm; }
  main h1, main h2, main h3, main h4, main h5, main .frame {
    page-break-inside: avoid; }
  main .frame-layout-header-image h1 {
    top: 90px !important;
    position: relative !important; } }

/**
* Focus styling
**/
/* Tab Navigation Stylings */
.tab-nav *:focus {
  outline: 2px solid #007885;
  text-decoration: underline; }

.tab-nav *:focus:not(:focus-visible) {
  outline: none;
  text-decoration: none; }

.tab-nav *:focus-visible {
  outline: 2px solid #007885;
  text-decoration: underline; }

.tab-nav footer *:focus {
  outline: 2px solid #333333;
  text-decoration: underline; }

.tab-nav footer *:focus:not(:focus-visible) {
  outline: none;
  text-decoration: none; }

.tab-nav footer *:focus-visible {
  outline: 2px solid #333333;
  text-decoration: underline; }

/* Styling Focus FF */
@-moz-document url-prefix() {
  button::-moz-focus-inner, *::-moz-focus-inner {
    border: 0; }
  .tab-nav *:focus {
    outline: 2px solid #007885;
    text-decoration: underline; }
  .tab-nav *:focus:not(:focus-visible) {
    outline: none;
    text-decoration: none; }
  .tab-nav *:focus-visible {
    outline: 2px solid #007885;
    text-decoration: underline; }
  .tab-nav footer *:focus {
    outline: 2px solid #333333;
    text-decoration: underline; }
  .tab-nav footer *:focus:not(:focus-visible) {
    outline: none;
    text-decoration: none; }
  .tab-nav footer *:focus-visible {
    outline: 2px solid #333333;
    text-decoration: underline; } }

/* Styling Focus IE */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .tab-nav *:focus {
    outline: 2px solid #007885;
    text-decoration: underline; }
  .tab-nav *:focus:not(:focus-visible) {
    outline: none;
    text-decoration: none; }
  .tab-nav *:focus-visible {
    outline: 2px solid #007885;
    text-decoration: underline; }
  .tab-nav footer *:focus {
    outline: 2px solid #333333;
    text-decoration: underline; }
  .tab-nav footer *:focus:not(:focus-visible) {
    outline: none;
    text-decoration: none; }
  .tab-nav footer *:focus-visible {
    outline: 2px solid #333333;
    text-decoration: underline; } }

[tabindex="-1"]:focus {
  outline: none; }